/*!
 * Bootstrap Grid v4.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */@-ms-viewport{width:device-width}html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}
/*# sourceMappingURL=bootstrap-grid.min.css.map */
/*!
 * Bootstrap Reboot v4.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
/*# sourceMappingURL=bootstrap-reboot.min.css.map */
.hide {
  display: none;
}
/*
.error {
  background: red;
  border: 1px solid red;
}*/

.page_loader {
  position: fixed;
  top: 0;
  bottom: 0%;
  left: 0;
  right: 0%;

  
  z-index: 1060;
  transition: opacity 300ms ease-in-out;
}

.page_loader.start .page_loader_inner {
  opacity: 0;
}

.page_loader.end .page_loader_inner {
  opacity: 0;
}

.page_loader_inner {
    background-color: #fff;
    opacity: 0.3;
    width: 100%;
    height: 100%;
}
.page_loader .spinner {
  top: 50%;
  left: 50%;
  margin: auto;
  position:absolute;
}

/*
.settings_bar {
  width: 100%;
  background: #000;
  color: #fff;
  height: 50px;
}

.settings_bar ul li {
  display:inline;
}
*/
/*
.user_menu {
  position:absolute;
  z-index:10;
  right:0px;
  top:0px;
}
*/
.user_menu_action {
  position:absolute;
}

/*
.videoconf_user_list {
  position:absolute;
  z-index:10;
}*/

video {
  width: 100%;
  height: 100%;
}
/*
.player_controller {
  position:absolute;
  bottom:0px;
  z-index:20;
}

.chat {
  display: inline-block;
  width: 25%;
  height: calc(100% - 50px);
  background:orange;
  overflow:hidden;
}*/
/*
.setting_popup {
    position: fixed;
    left: 0; right: 0;
    top: 0; bottom: 0;
    overflow: auto;
    opacity: 0;
    visibility: hidden;

    background-color: rgba(0,0,0,0.5);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.setting_popup.opened {
    opacity: 1;
    visibility: visible;
}
.setting_popup_table {
    display: table;
    height: 100%;
    width: 100%;
}
.setting_popup_cell {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
}
*/

.chat_message_list {
    overflow: auto;
    height: calc(100% - 110px);
}

.replay_container {
  height: calc(100% - 50px);
}

.range-slider {margin:0 5px 10px}
.range-slider-track {
  width:auto;
  height:20px;
  margin:0 auto;
  position:relative;
  cursor:e-resize;
}
.range-slider-track:before {
  content:"";
  display:block;
  position:absolute;
  top:9px;
  left:0;
  width:100%;
  height:2px;
  background-color:black;
}
.range-slider-track .dragger {
  display:block;
  width:10px;
  height:inherit;
  position:relative;
  z-index:2;
  background-color:red;
  cursor:inherit;
  /* opacity:.6; */
}
.range-slider-vertical {
  display:inline-block;
  vertical-align:middle;
  margin:5px 10px 5px 0;
}
.range-slider-vertical .range-slider-track {
  cursor:n-resize;
  width:20px;
  height:100px;
}
.range-slider-vertical .range-slider-track:before {
  top:0;
  right:auto;
  left:9px;
  width:2px;
  height:100%;
}
.range-slider-vertical .range-slider-track .dragger {
  width:inherit;
  height:10px;
}

/*
.document_browser .document_list p {
  top: 0;
  position: inherit !important;
  bottom:inherit !important;
}

.document_browser ul, .document_browser ul li {
  min-height:50px;
}
.document_browser .document_list .document-browser-thumb {
  padding-top:20px;
}*/
.waiting-document-item .progress-bar {
      float: left;
    width: 100%;
    height: 10px;
    background: red;
}
.progress-bar span {
  width: 100%;
    height: 100%;
    background: blue;
    float: left;
}

#logger table tr td {
  border:1px solid #ccc;
  padding: 2px;
}

.private_discussion_container {
  display: flex;
	flex-direction: row;
}
/*
.private_discussion_list.narrow {
  width:25%;
}
/*
.private_discussion {
  width:75%;
  height: calc(100% - 66px);
}*/
.chat_user_menu {
  position:fixed; z-index:1000; background:red; 
}
.video-react .video-react-big-play-button:before,
.video-react .video-react-control:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

@font-face {
    font-family: video-react;
    src: url(data:application/vnd.ms-fontobject;base64,MBgAAHwXAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAic4U8QAAAAAAAAAAAAAAAAAAAAAAABYAdgBpAGQAZQBvAC0AcgBlAGEAYwB0AAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAWAHYAaQBkAGUAbwAtAHIAZQBhAGMAdAAAAAAAAAEAAAALAIAAAwAwT1MvMg7RD8oAAAC8AAAAYGNtYXAOVuSnAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zsdb3FIAAAF4AAAS0GhlYWQLMledAAAUSAAAADZoaGVhB6wEJgAAFIAAAAAkaG10eIgAFM8AABSkAAAAlGxvY2FLllAoAAAVOAAAAExtYXhwACoAyQAAFYQAAAAgbmFtZVtqyukAABWkAAABtnBvc3QAAwAAAAAXXAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADyIAQAAAAAAAQAAAAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg8iD//f//AAAAAAAg8gD//f//AAH/4w4EAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAVYA1gMqAyoAAgAACQIBVgHU/iwDKv7W/tYAAgBWAFYDqgOqAAIAFgAAAS0BNzIeAhUUDgIjIi4CNTQ+AgGqAQD/AFZYnHNDQ3ObWVicc0NDc5sBQMDA6kNzm1lYnHNDQ3ObWVicc0MAAAADAFYAVgOqA6oAEwAnACoAACUyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CExEFAgBGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObAwEAqjZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9lgGAwAAAAAACAQAA1gMAAyoAAwAHAAABMxEjIREzEQJWqqr+qqoDKv2sAlT9rAAAAwBWAFYDqgOqAAMABwAbAAABESMRIxEjERMyHgIVFA4CIyIuAjU0PgICgFZUVoBYnHNDQ3ObWVicc0NDc5sBVgFU/qwBVP6sAlRDc5tZWJxzQ0Nzm1lYnHNDAAAEAFYAVgOqA6oAAwAXACsALwAAAREzEQcyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CAxEzEQIqVoBGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObJ1YBVgFU/qysNl18R0Z9XTY2XXxHRn1dNgMAQ3ObWVicc0NDc5tZWJxzQ/2sAVT+rAABAQABAAMAAwAAAwAAASERIQEAAgD+AAMA/gAAAgBqAQADVgMAAAIABQAACQERIQkBAeoBbP6A/pQBbAIAAQD+AAEAAQAAAAACAKoBAAOWAwAAAgAFAAAJAiERAQIqAWz+lP6AAWwDAP8A/wACAP8AAAAAAAIBAAEAAwADAAACAAYAAAkBEQEzESMBlgFq/gBWVgIAAQD+AAIA/gAAAAAAAgEAAQADAAMAAAMABgAAATMRIyERAQKqVlb+VgFqAwD+AAIA/wAAAAIAqgCAA1YD1gBFAGgAAAEOARUUBjEjNzMVIwcwNjU0MjU0FjsBMhYXHgEXHgEVFAYHDgEHDgEHDgEjIiYnLgEnLgE1MxQWMzI2PwEwNj0BLwEwJiMRMh4CFRQOAiMiLgI1MxQeAjMyPgI1NC4CIxUnNwH4AwsEHgpmSgQEBgUDCAYNAwMKAwcLAQMDBQYGBwMDEQYGDQMDCwYICiIODAMGAwoEBAoJA0Z9XTY2XXxHRn1dNlYpRV01NF5FKSlFXTXW1gG8AQUCAwNeHiYBAwMDAwMDAwMGAwcZDgYNAwMNBgYDAwMBAQMDAgMEFgwLCQEDCAkDGggKBAFuNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAAEAKoAgANWA9YAGwBGAE0AcAAAARQWMzI2PwEwNj0BMCY1NCYjIgYPATAGHQEwFjcUBg8BMAYjIgYjIiYnLgEnLgE9ATQ2PwEwNjMyNjMyFhceARceARceARUHIzUHNTczEzIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcCNA4GAwgDCAQEEgQDBgMIBgZUAQMMEAYGDgYGDgYGCAYKCAEDDg4GBg4GBg4GBgoGBgMDAwG2KCpMBi5GfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBeAUJAQMKCQNWCQMECgMDCAkDVgknCRMGGgwEAQMDBgMFKA8eCRMGGgwEAQMDBgMDDgkJEAlqjAweGAEeNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAAABACqAIADVgPWABsARgCjAMYAAAEUFjMyNj8BMDY9ATQmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVIzI2PQEwJjU0JisBMAYjIgYdASM0NjMyNjMyFhceAR0BMAYVFAYjIgYHHgEXHgEVFAYHDgEHDgEjIgYjIiYnLgEnLgE1MxUwFhUUFjsBMDYzMjY9ATAmNTQmKwE1EzIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcCPBAGAwYDCAQEEAQDCAMIBARQAQMMEAYGDgYPFQoGAwMDAwMDDBAGBgwGBg4GBgoGBgMDAwHiDBIEBQMWBQMDASwWDgMOAw0ZCggIBAUDAwgDBg0DAwUBAwMGAwMNBgYOBgYLAwMNBggKJAQFAxYFAwMBBAUDGmZGfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBeAYIAQMKCQNWAwYDBAoDAwgJA1YJJwkTBhoMBAsFAw4JCRAJHgkTBhoMBAEDAwYDAw4JCRAJDgwIBQMDAQQFAwgPHwQHBQQYCg4JAwMFBwMDBwYGDgYGDQMDCgMDBQQBAwMCAwQbCwgFAwMBBAUDFgUDAwEeAWo1XXtHRn1dNjZdfEc0XkUpKUVdNTReRSms1tYAAAIAqgCAA1YD1gBCAGUAAAEOARUUBjEjNzMVIwcwNjU0MjU0FjsBMhYXHgEXHgEVFAYHDgEHDgEjIiYnLgEnLgE1MxQWMzI2PwEwNj0BLwEwJiMlND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgH0AwsEGgpmSgQEBgUDCAYNAwMKAwcLAQMDBQYIFw8GDQMDCwYICiIODAMGAwoEBAoJA/6uNl18R9bWNF5FKSlFXTU0XkUpVjZdfEdGfV02AbwBBQIDA14eJgEDAwMDAwMDAwYDBxkOBg0DAw0GCAgBAwMCAwQWDAsJAQMICQMaCAoEGkZ8XTWs1tasKUVdNTReRSkpRV01Rn1dNjZdfAAABACqAIADVgPWABsARgBNAHAAAAEUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVByM1BzU3MwU0PgIzNRcHNSIOAhUUHgIzMj4CNTMUDgIjIi4CAjQOBgMIAwgEBBIEAwYDCAYGUAEDDBAGBg4GBg4GBggGCggBAw4OBgYOBgYOBgYKBgYDAwMBsigqTAb+2DZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgF4BQkBAwoJA1YJAwQKAwMICQNWCScJEwYaDAQBAwMGAwUoDx4JEwYaDAQBAwMGAwMOCQkQCWqMDB4YNkZ8XTWs1tasKUVdNTReRSkpRV01Rn1dNjZdfAAAAAQAqgCAA1YD1gAiAD4AaQDGAAATND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgUUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVIzI2PQEwJjU0JisBMAYjIgYdASM0NjMyNjMyFhceAR0BMAYVFAYjIgYHHgEXHgEVFAYHDgEHDgEjIgYjIiYnLgEnLgE1MxUwFhUUFjsBMDYzMjY9ATAmNTQmKwE1qjZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgGODgYDCAMIBAQSBAMGAwgEBFQBAwwQBgYOBg8VCgYDAwMDAwMMEAYGDAYGDgYGCgYGAwMDAeIMEgQFAxYFAwMBLBYOAw4DDRkKCAgEBQMDCAMGDQMDBQEDAwYDAw0GBg4GBgsDAw0GCAokBAUDFgUDAwEEBQMaAdZGfF01rNbWrClFXTU0XkUpKUVdNUZ9XTY2XXwXBQkBAwoJA1YJAwQKAwMICQNWCScJEwYaDAQLBQMOCQkQCR4JEwYaDAQBAwMGAwMOCQkQCQ4MCAUDAwEEBQMIDx8EBwUEGAoOCQMDBQcDAwcGBg4GBg0DAwoDAwUEAQMDAgMEGwsIBQMDAQQFAxYFAwMBHgAAAAAEAIAAgAOAA4AAAgAUACYALgAAARUnJwEHJw4BBzU+ATcnEScjETMnATQuAic1HgMVFAYHJz4BJxwBByc1HgECAFrwAso2WCJOLBswFbbWqsrKAqofOU0vQG5PLRcVQAoMagJoMDoDVrRahP02NlgbKAtYBxoRtv7g1gEAyv62M1xLNg5YDkVjfEQwWydCGTkeBw0GaF4YWwAAAAABASoAqgKqA1YABQAAATM3EScjASqs1NSsAoDW/VTWAAIA1gCqAxYDVgAFAAwAABMzNxEnIyUUBgcRHgHWqtbWqgJAPDAwPAKA1v1U1oA5WxgBWBhbAAAAAwCAAIoDgAN2ABUAHAAiAAABHgMVFA4CBzU+AzU0LgInExQGBxEeASUzNxEnIwJWQG5PLS1PbUEuTjkfHzlNL2o6MDA6/cCq1taqA3YORWN8RER7Y0YOWA03S1wzM1xLNg7+4jlbGAFYGFtH1v1U1gAAAAAEANYA1gMqAyoABQALABEAFwAAATMVIzUjEzUzFSM1ATUzFSMVHQEzFSM1AlbUVICAVNT+gNSAgNQDKtSA/lSA1FQBLNRUgKyAVNQABADWANYDKgMqAAUACwARABcAAAEzFSM1MwM1MxUjFQE1MxUjNRE1MxUjNQKqgNRUVNSA/qxU1NRUAqpU1P2s1FSAAdSA1FT+rFTUgAAAAAADAIAAqgOAA1YAFwAvAD8AAAE1NCYrASIGHQEUFjsBMjY9ASMVIzUzFSM1NCYrASIGHQEUFjsBMjY9ASMVIzUzFQEyFhURFAYjISImNRE0NjMDABgSgBIaGhKAEhhAVlbqGhKAEhgYEoASGkBWVgGUIjQzI/2sJDIyJAIqLBIYGBKsEhgYEiwWgBYsEhgYEqwSGBgSLBaAFgEsMyP+ACI0MyMCACI0AAAEAIAAgAOAA4AAAwANABkAKQAAATUzFScRMzI2PQE0JiMBESMVIzUjETM1MxUBMhYVERQGIyEiJjURNDYzAmpWlqwSGBgS/wBAVkBAVgGUIjQzI/2sJDIyJAHAgIDA/wAYEqwSGP8AAQBqav8AVlYCADMj/awiNDMjAlQiNAAAAAIAZABWA5wDqgALAFkAAAEyNjU0JiMiBhUUFiUXHgEPAQ4BLwEOAQ8BDgErASImLwEuAScHBiYvASY2PwEuATU8ATcnLgE/AT4BHwE+AT8BPgE7ATIWHwEeARc3NhYfARYGDwEeARUcAQIAPVlYPj1ZWAF8WgYCBFYEDghqECQUEAELCKwHCwIQEyQRagcOBVYEAgZaAQECWgYCBFYEDghqECQUEAELCKwHCwIQEyQRagcOBVYEAgZaAQEBalg+PVlYPj1ZbEYEEAiUBwQDKgwWCHAHCwoIcAcVDioDAwiUBxAFRgoVCwoVC0YEEAiUBwQDKgwWCHAHCwoIcAcVDioDAwiUBxAFRgoVCwoVAAAAAQCAAFgDgAOqADMAAAEyFhUUBiMiJjU8ATclDgEjIiY1NDYzMhYXJS4BNTQ2MzIWFRQGIyImJwUeARUUBgcFPgEDADNJSTMzSQL+0hIsGjRMSzUZLRIBLAEDSzU0TEs1GS0S/tQBAwICATAQLAFSSTMzS0szBw8GsBASSzU0TBERrgcPCDRMSzU0TBMRsAcPCAcPCLAPEQADAFYAVgOqA6oAAwAHABsAAAE1IxUTESMREzIeAhUUDgIjIi4CNTQ+AgIqVFRUKlicc0NDc5tZWJxzQ0NzmwKAVlb+qgEA/wACgENzm1lYnHNDQ3ObWVicc0MAAAQAVgBWA6oDqgADABcAKwAvAAABNTMVAzI+AjU0LgIjIg4CFRQeAhMyHgIVFA4CIyIuAjU0PgITETMRAdZUKkZ9XTY2XXxHRn1dNjZdfEdYnHNDQ3ObWVicc0NDc5svVAKAVlb+KjZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9gAEA/wAAAAEA1gDWAyoDKgALAAABBxcHJwcnNyc3FzcDKu7uPO7uPO7uPO7uAu7u7jzu7jzu7jzu7gABAFUAVQOrA6sAFAAAExQeAjMyPgI1NC4CIyIOAhVVQ3ScWFicdENDdJxYWJx0QwIAWJx0Q0N0nFhYnHRDQ3ScWAAAAAIAVQBVA6sDqwAUACgAAAEiDgIVFB4CMzI+AjU0LgIjESIuAjU0PgIzMh4CFRQOAgIAWJx0Q0N0nFhYnHRDQ3ScWEd8XTU1XXxHR3xdNTVdfAOrQ3ScWFicdENDdJxYWJx0Q/0ANV18R0d8XTU1XXxHR3xdNQAAAAMAVQBVA6sDqwAUACgANAAAASIOAhUUHgIzMj4CNTQuAiMRIi4CNTQ+AjMyHgIVFA4CExQGIyImNTQ2MzIWAgBYnHRDQ3ScWFicdENDdJxYR3xdNTVdfEdHfF01NV18OUs1NUtLNTVLA6tDdJxYWJx0Q0N0nFhYnHRD/QA1XXxHR3xdNTVdfEdHfF01AVU1S0s1NUtLAAAAAQAAAAEAAPEUzolfDzz1AAsEAAAAAADUNIllAAAAANQ0iWUAAAAAA6sD1gAAAAgAAgAAAAAAAAABAAAEAAAAAAAEAAAAAAADqwABAAAAAAAAAAAAAAAAAAAAJQQAAAAAAAAAAAAAAAAAAAAEAAFWBAAAVgQAAFYEAAEABAAAVgQAAFYEAAEABAAAagQAAKoEAAEABAABAAQAAKoEAACqBAAAqgQAAKoEAACqBAAAqgQAAIAEAAEqBAAA1gQAAIAEAADWBAAA1gQAAIAEAACABAAAZAQAAIAEAABWBAAAVgQAANYEAABVBAAAVQQAAFUAAAAAAAoAFAAeACwAVACWAKoA2AEgAS4BRAFaAXABhAIQAqgDpgQuBMYFxAYSBiIGPgZ4Bp4GxgcaB1oH4gguCFwIpAi+COAJHAloAAEAAAAlAMcABAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQALAAAAAQAAAAAAAgAHAIQAAQAAAAAAAwALAEIAAQAAAAAABAALAJkAAQAAAAAABQALACEAAQAAAAAABgALAGMAAQAAAAAACgAaALoAAwABBAkAAQAWAAsAAwABBAkAAgAOAIsAAwABBAkAAwAWAE0AAwABBAkABAAWAKQAAwABBAkABQAWACwAAwABBAkABgAWAG4AAwABBAkACgA0ANR2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADB2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHR2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRSZWd1bGFyAFIAZQBnAHUAbABhAHJ2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA?#iefix) format("eot")
}

@font-face {
    font-family: video-react;
    src: url(data:application/font-woff;base64,d09GRgABAAAAABfIAAsAAAAAF3wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDtEPymNtYXAAAAFoAAAAVAAAAFQOVuSnZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAEtAAABLQx1vcUmhlYWQAABSUAAAANgAAADYLMledaGhlYQAAFMwAAAAkAAAAJAesBCZobXR4AAAU8AAAAJQAAACUiAAUz2xvY2EAABWEAAAATAAAAExLllAobWF4cAAAFdAAAAAgAAAAIAAqAMluYW1lAAAV8AAAAbYAAAG2W2rK6XBvc3QAABeoAAAAIAAAACAAAwAAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8iAEAAAAAAAEAAAAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIPIg//3//wAAAAAAIPIA//3//wAB/+MOBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQFWANYDKgMqAAIAAAkCAVYB1P4sAyr+1v7WAAIAVgBWA6oDqgACABYAAAEtATcyHgIVFA4CIyIuAjU0PgIBqgEA/wBWWJxzQ0Nzm1lYnHNDQ3ObAUDAwOpDc5tZWJxzQ0Nzm1lYnHNDAAAAAwBWAFYDqgOqABMAJwAqAAAlMj4CNTQuAiMiDgIVFB4CEzIeAhUUDgIjIi4CNTQ+AhMRBQIARn1dNjZdfEdGfV02Nl18R1icc0NDc5tZWJxzQ0NzmwMBAKo2XXxHRn1dNjZdfEdGfV02AwBDc5tZWJxzQ0Nzm1lYnHND/ZYBgMAAAAAAAgEAANYDAAMqAAMABwAAATMRIyERMxECVqqq/qqqAyr9rAJU/awAAAMAVgBWA6oDqgADAAcAGwAAAREjESMRIxETMh4CFRQOAiMiLgI1ND4CAoBWVFaAWJxzQ0Nzm1lYnHNDQ3ObAVYBVP6sAVT+rAJUQ3ObWVicc0NDc5tZWJxzQwAABABWAFYDqgOqAAMAFwArAC8AAAERMxEHMj4CNTQuAiMiDgIVFB4CEzIeAhUUDgIjIi4CNTQ+AgMRMxECKlaARn1dNjZdfEdGfV02Nl18R1icc0NDc5tZWJxzQ0NzmydWAVYBVP6srDZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9rAFU/qwAAQEAAQADAAMAAAMAAAEhESEBAAIA/gADAP4AAAIAagEAA1YDAAACAAUAAAkBESEJAQHqAWz+gP6UAWwCAAEA/gABAAEAAAAAAgCqAQADlgMAAAIABQAACQIhEQECKgFs/pT+gAFsAwD/AP8AAgD/AAAAAAACAQABAAMAAwAAAgAGAAAJAREBMxEjAZYBav4AVlYCAAEA/gACAP4AAAAAAAIBAAEAAwADAAADAAYAAAEzESMhEQECqlZW/lYBagMA/gACAP8AAAACAKoAgANWA9YARQBoAAABDgEVFAYxIzczFSMHMDY1NDI1NBY7ATIWFx4BFx4BFRQGBw4BBw4BBw4BIyImJy4BJy4BNTMUFjMyNj8BMDY9AS8BMCYjETIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcB+AMLBB4KZkoEBAYFAwgGDQMDCgMHCwEDAwUGBgcDAxEGBg0DAwsGCAoiDgwDBgMKBAQKCQNGfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBvAEFAgMDXh4mAQMDAwMDAwMDBgMHGQ4GDQMDDQYGAwMDAQEDAwIDBBYMCwkBAwgJAxoICgQBbjVde0dGfV02Nl18RzReRSkpRV01NF5FKazW1gAABACqAIADVgPWABsARgBNAHAAAAEUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVByM1BzU3MxMyHgIVFA4CIyIuAjUzFB4CMzI+AjU0LgIjFSc3AjQOBgMIAwgEBBIEAwYDCAYGVAEDDBAGBg4GBg4GBggGCggBAw4OBgYOBgYOBgYKBgYDAwMBtigqTAYuRn1dNjZdfEdGfV02VilFXTU0XkUpKUVdNdbWAXgFCQEDCgkDVgkDBAoDAwgJA1YJJwkTBhoMBAEDAwYDBSgPHgkTBhoMBAEDAwYDAw4JCRAJaowMHhgBHjVde0dGfV02Nl18RzReRSkpRV01NF5FKazW1gAAAAQAqgCAA1YD1gAbAEYAowDGAAABFBYzMjY/ATA2PQE0JjU0JiMiBg8BMAYdATAWNxQGDwEwBiMiBiMiJicuAScuAT0BNDY/ATA2MzI2MzIWFx4BFx4BFx4BFSMyNj0BMCY1NCYrATAGIyIGHQEjNDYzMjYzMhYXHgEdATAGFRQGIyIGBx4BFx4BFRQGBw4BBw4BIyIGIyImJy4BJy4BNTMVMBYVFBY7ATA2MzI2PQEwJjU0JisBNRMyHgIVFA4CIyIuAjUzFB4CMzI+AjU0LgIjFSc3AjwQBgMGAwgEBBAEAwgDCAQEUAEDDBAGBg4GDxUKBgMDAwMDAwwQBgYMBgYOBgYKBgYDAwMB4gwSBAUDFgUDAwEsFg4DDgMNGQoICAQFAwMIAwYNAwMFAQMDBgMDDQYGDgYGCwMDDQYICiQEBQMWBQMDAQQFAxpmRn1dNjZdfEdGfV02VilFXTU0XkUpKUVdNdbWAXgGCAEDCgkDVgMGAwQKAwMICQNWCScJEwYaDAQLBQMOCQkQCR4JEwYaDAQBAwMGAwMOCQkQCQ4MCAUDAwEEBQMIDx8EBwUEGAoOCQMDBQcDAwcGBg4GBg0DAwoDAwUEAQMDAgMEGwsIBQMDAQQFAxYFAwMBHgFqNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAACAKoAgANWA9YAQgBlAAABDgEVFAYxIzczFSMHMDY1NDI1NBY7ATIWFx4BFx4BFRQGBw4BBw4BIyImJy4BJy4BNTMUFjMyNj8BMDY9AS8BMCYjJTQ+AjM1Fwc1Ig4CFRQeAjMyPgI1MxQOAiMiLgIB9AMLBBoKZkoEBAYFAwgGDQMDCgMHCwEDAwUGCBcPBg0DAwsGCAoiDgwDBgMKBAQKCQP+rjZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgG8AQUCAwNeHiYBAwMDAwMDAwMGAwcZDgYNAwMNBggIAQMDAgMEFgwLCQEDCAkDGggKBBpGfF01rNbWrClFXTU0XkUpKUVdNUZ9XTY2XXwAAAQAqgCAA1YD1gAbAEYATQBwAAABFBYzMjY/ATA2PQEwJjU0JiMiBg8BMAYdATAWNxQGDwEwBiMiBiMiJicuAScuAT0BNDY/ATA2MzI2MzIWFx4BFx4BFx4BFQcjNQc1NzMFND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgI0DgYDCAMIBAQSBAMGAwgGBlABAwwQBgYOBgYOBgYIBgoIAQMODgYGDgYGDgYGCgYGAwMDAbIoKkwG/tg2XXxH1tY0XkUpKUVdNTReRSlWNl18R0Z9XTYBeAUJAQMKCQNWCQMECgMDCAkDVgknCRMGGgwEAQMDBgMFKA8eCRMGGgwEAQMDBgMDDgkJEAlqjAweGDZGfF01rNbWrClFXTU0XkUpKUVdNUZ9XTY2XXwAAAAEAKoAgANWA9YAIgA+AGkAxgAAEzQ+AjM1Fwc1Ig4CFRQeAjMyPgI1MxQOAiMiLgIFFBYzMjY/ATA2PQEwJjU0JiMiBg8BMAYdATAWNxQGDwEwBiMiBiMiJicuAScuAT0BNDY/ATA2MzI2MzIWFx4BFx4BFx4BFSMyNj0BMCY1NCYrATAGIyIGHQEjNDYzMjYzMhYXHgEdATAGFRQGIyIGBx4BFx4BFRQGBw4BBw4BIyIGIyImJy4BJy4BNTMVMBYVFBY7ATA2MzI2PQEwJjU0JisBNao2XXxH1tY0XkUpKUVdNTReRSlWNl18R0Z9XTYBjg4GAwgDCAQEEgQDBgMIBARUAQMMEAYGDgYPFQoGAwMDAwMDDBAGBgwGBg4GBgoGBgMDAwHiDBIEBQMWBQMDASwWDgMOAw0ZCggIBAUDAwgDBg0DAwUBAwMGAwMNBgYOBgYLAwMNBggKJAQFAxYFAwMBBAUDGgHWRnxdNazW1qwpRV01NF5FKSlFXTVGfV02Nl18FwUJAQMKCQNWCQMECgMDCAkDVgknCRMGGgwECwUDDgkJEAkeCRMGGgwEAQMDBgMDDgkJEAkODAgFAwMBBAUDCA8fBAcFBBgKDgkDAwUHAwMHBgYOBgYNAwMKAwMFBAEDAwIDBBsLCAUDAwEEBQMWBQMDAR4AAAAABACAAIADgAOAAAIAFAAmAC4AAAEVJycBBycOAQc1PgE3JxEnIxEzJwE0LgInNR4DFRQGByc+ASccAQcnNR4BAgBa8ALKNlgiTiwbMBW21qrKygKqHzlNL0BuTy0XFUAKDGoCaDA6A1a0WoT9NjZYGygLWAcaEbb+4NYBAMr+tjNcSzYOWA5FY3xEMFsnQhk5HgcNBmheGFsAAAAAAQEqAKoCqgNWAAUAAAEzNxEnIwEqrNTUrAKA1v1U1gACANYAqgMWA1YABQAMAAATMzcRJyMlFAYHER4B1qrW1qoCQDwwMDwCgNb9VNaAOVsYAVgYWwAAAAMAgACKA4ADdgAVABwAIgAAAR4DFRQOAgc1PgM1NC4CJxMUBgcRHgElMzcRJyMCVkBuTy0tT21BLk45Hx85TS9qOjAwOv3AqtbWqgN2DkVjfEREe2NGDlgNN0tcMzNcSzYO/uI5WxgBWBhbR9b9VNYAAAAABADWANYDKgMqAAUACwARABcAAAEzFSM1IxM1MxUjNQE1MxUjFR0BMxUjNQJW1FSAgFTU/oDUgIDUAyrUgP5UgNRUASzUVICsgFTUAAQA1gDWAyoDKgAFAAsAEQAXAAABMxUjNTMDNTMVIxUBNTMVIzURNTMVIzUCqoDUVFTUgP6sVNTUVAKqVNT9rNRUgAHUgNRU/qxU1IAAAAAAAwCAAKoDgANWABcALwA/AAABNTQmKwEiBh0BFBY7ATI2PQEjFSM1MxUjNTQmKwEiBh0BFBY7ATI2PQEjFSM1MxUBMhYVERQGIyEiJjURNDYzAwAYEoASGhoSgBIYQFZW6hoSgBIYGBKAEhpAVlYBlCI0MyP9rCQyMiQCKiwSGBgSrBIYGBIsFoAWLBIYGBKsEhgYEiwWgBYBLDMj/gAiNDMjAgAiNAAABACAAIADgAOAAAMADQAZACkAAAE1MxUnETMyNj0BNCYjAREjFSM1IxEzNTMVATIWFREUBiMhIiY1ETQ2MwJqVpasEhgYEv8AQFZAQFYBlCI0MyP9rCQyMiQBwICAwP8AGBKsEhj/AAEAamr/AFZWAgAzI/2sIjQzIwJUIjQAAAACAGQAVgOcA6oACwBZAAABMjY1NCYjIgYVFBYlFx4BDwEOAS8BDgEPAQ4BKwEiJi8BLgEnBwYmLwEmNj8BLgE1PAE3Jy4BPwE+AR8BPgE/AT4BOwEyFh8BHgEXNzYWHwEWBg8BHgEVHAECAD1ZWD49WVgBfFoGAgRWBA4IahAkFBABCwisBwsCEBMkEWoHDgVWBAIGWgEBAloGAgRWBA4IahAkFBABCwisBwsCEBMkEWoHDgVWBAIGWgEBAWpYPj1ZWD49WWxGBBAIlAcEAyoMFghwBwsKCHAHFQ4qAwMIlAcQBUYKFQsKFQtGBBAIlAcEAyoMFghwBwsKCHAHFQ4qAwMIlAcQBUYKFQsKFQAAAAEAgABYA4ADqgAzAAABMhYVFAYjIiY1PAE3JQ4BIyImNTQ2MzIWFyUuATU0NjMyFhUUBiMiJicFHgEVFAYHBT4BAwAzSUkzM0kC/tISLBo0TEs1GS0SASwBA0s1NExLNRktEv7UAQMCAgEwECwBUkkzM0tLMwcPBrAQEks1NEwREa4HDwg0TEs1NEwTEbAHDwgHDwiwDxEAAwBWAFYDqgOqAAMABwAbAAABNSMVExEjERMyHgIVFA4CIyIuAjU0PgICKlRUVCpYnHNDQ3ObWVicc0NDc5sCgFZW/qoBAP8AAoBDc5tZWJxzQ0Nzm1lYnHNDAAAEAFYAVgOqA6oAAwAXACsALwAAATUzFQMyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CExEzEQHWVCpGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObL1QCgFZW/io2XXxHRn1dNjZdfEdGfV02AwBDc5tZWJxzQ0Nzm1lYnHND/YABAP8AAAABANYA1gMqAyoACwAAAQcXBycHJzcnNxc3Ayru7jzu7jzu7jzu7gLu7u487u487u487u4AAQBVAFUDqwOrABQAABMUHgIzMj4CNTQuAiMiDgIVVUN0nFhYnHRDQ3ScWFicdEMCAFicdENDdJxYWJx0Q0N0nFgAAAACAFUAVQOrA6sAFAAoAAABIg4CFRQeAjMyPgI1NC4CIxEiLgI1ND4CMzIeAhUUDgICAFicdENDdJxYWJx0Q0N0nFhHfF01NV18R0d8XTU1XXwDq0N0nFhYnHRDQ3ScWFicdEP9ADVdfEdHfF01NV18R0d8XTUAAAADAFUAVQOrA6sAFAAoADQAAAEiDgIVFB4CMzI+AjU0LgIjESIuAjU0PgIzMh4CFRQOAhMUBiMiJjU0NjMyFgIAWJx0Q0N0nFhYnHRDQ3ScWEd8XTU1XXxHR3xdNTVdfDlLNTVLSzU1SwOrQ3ScWFicdENDdJxYWJx0Q/0ANV18R0d8XTU1XXxHR3xdNQFVNUtLNTVLSwAAAAEAAAABAADxFM6JXw889QALBAAAAAAA1DSJZQAAAADUNIllAAAAAAOrA9YAAAAIAAIAAAAAAAAAAQAABAAAAAAABAAAAAAAA6sAAQAAAAAAAAAAAAAAAAAAACUEAAAAAAAAAAAAAAAAAAAABAABVgQAAFYEAABWBAABAAQAAFYEAABWBAABAAQAAGoEAACqBAABAAQAAQAEAACqBAAAqgQAAKoEAACqBAAAqgQAAKoEAACABAABKgQAANYEAACABAAA1gQAANYEAACABAAAgAQAAGQEAACABAAAVgQAAFYEAADWBAAAVQQAAFUEAABVAAAAAAAKABQAHgAsAFQAlgCqANgBIAEuAUQBWgFwAYQCEAKoA6YELgTGBcQGEgYiBj4GeAaeBsYHGgdaB+IILghcCKQIvgjgCRwJaAABAAAAJQDHAAQAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEACwAAAAEAAAAAAAIABwCEAAEAAAAAAAMACwBCAAEAAAAAAAQACwCZAAEAAAAAAAUACwAhAAEAAAAAAAYACwBjAAEAAAAAAAoAGgC6AAMAAQQJAAEAFgALAAMAAQQJAAIADgCLAAMAAQQJAAMAFgBNAAMAAQQJAAQAFgCkAAMAAQQJAAUAFgAsAAMAAQQJAAYAFgBuAAMAAQQJAAoANADUdmlkZW8tcmVhY3QAdgBpAGQAZQBvAC0AcgBlAGEAYwB0VmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwdmlkZW8tcmVhY3QAdgBpAGQAZQBvAC0AcgBlAGEAYwB0dmlkZW8tcmVhY3QAdgBpAGQAZQBvAC0AcgBlAGEAYwB0UmVndWxhcgBSAGUAZwB1AGwAYQBydmlkZW8tcmVhY3QAdgBpAGQAZQBvAC0AcgBlAGEAYwB0Rm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff"), url(data:application/x-font-ttf;base64,AAEAAAALAIAAAwAwT1MvMg7RD8oAAAC8AAAAYGNtYXAOVuSnAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zsdb3FIAAAF4AAAS0GhlYWQLMledAAAUSAAAADZoaGVhB6wEJgAAFIAAAAAkaG10eIgAFM8AABSkAAAAlGxvY2FLllAoAAAVOAAAAExtYXhwACoAyQAAFYQAAAAgbmFtZVtqyukAABWkAAABtnBvc3QAAwAAAAAXXAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADyIAQAAAAAAAQAAAAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg8iD//f//AAAAAAAg8gD//f//AAH/4w4EAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAVYA1gMqAyoAAgAACQIBVgHU/iwDKv7W/tYAAgBWAFYDqgOqAAIAFgAAAS0BNzIeAhUUDgIjIi4CNTQ+AgGqAQD/AFZYnHNDQ3ObWVicc0NDc5sBQMDA6kNzm1lYnHNDQ3ObWVicc0MAAAADAFYAVgOqA6oAEwAnACoAACUyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CExEFAgBGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObAwEAqjZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9lgGAwAAAAAACAQAA1gMAAyoAAwAHAAABMxEjIREzEQJWqqr+qqoDKv2sAlT9rAAAAwBWAFYDqgOqAAMABwAbAAABESMRIxEjERMyHgIVFA4CIyIuAjU0PgICgFZUVoBYnHNDQ3ObWVicc0NDc5sBVgFU/qwBVP6sAlRDc5tZWJxzQ0Nzm1lYnHNDAAAEAFYAVgOqA6oAAwAXACsALwAAAREzEQcyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CAxEzEQIqVoBGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObJ1YBVgFU/qysNl18R0Z9XTY2XXxHRn1dNgMAQ3ObWVicc0NDc5tZWJxzQ/2sAVT+rAABAQABAAMAAwAAAwAAASERIQEAAgD+AAMA/gAAAgBqAQADVgMAAAIABQAACQERIQkBAeoBbP6A/pQBbAIAAQD+AAEAAQAAAAACAKoBAAOWAwAAAgAFAAAJAiERAQIqAWz+lP6AAWwDAP8A/wACAP8AAAAAAAIBAAEAAwADAAACAAYAAAkBEQEzESMBlgFq/gBWVgIAAQD+AAIA/gAAAAAAAgEAAQADAAMAAAMABgAAATMRIyERAQKqVlb+VgFqAwD+AAIA/wAAAAIAqgCAA1YD1gBFAGgAAAEOARUUBjEjNzMVIwcwNjU0MjU0FjsBMhYXHgEXHgEVFAYHDgEHDgEHDgEjIiYnLgEnLgE1MxQWMzI2PwEwNj0BLwEwJiMRMh4CFRQOAiMiLgI1MxQeAjMyPgI1NC4CIxUnNwH4AwsEHgpmSgQEBgUDCAYNAwMKAwcLAQMDBQYGBwMDEQYGDQMDCwYICiIODAMGAwoEBAoJA0Z9XTY2XXxHRn1dNlYpRV01NF5FKSlFXTXW1gG8AQUCAwNeHiYBAwMDAwMDAwMGAwcZDgYNAwMNBgYDAwMBAQMDAgMEFgwLCQEDCAkDGggKBAFuNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAAEAKoAgANWA9YAGwBGAE0AcAAAARQWMzI2PwEwNj0BMCY1NCYjIgYPATAGHQEwFjcUBg8BMAYjIgYjIiYnLgEnLgE9ATQ2PwEwNjMyNjMyFhceARceARceARUHIzUHNTczEzIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcCNA4GAwgDCAQEEgQDBgMIBgZUAQMMEAYGDgYGDgYGCAYKCAEDDg4GBg4GBg4GBgoGBgMDAwG2KCpMBi5GfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBeAUJAQMKCQNWCQMECgMDCAkDVgknCRMGGgwEAQMDBgMFKA8eCRMGGgwEAQMDBgMDDgkJEAlqjAweGAEeNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAAABACqAIADVgPWABsARgCjAMYAAAEUFjMyNj8BMDY9ATQmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVIzI2PQEwJjU0JisBMAYjIgYdASM0NjMyNjMyFhceAR0BMAYVFAYjIgYHHgEXHgEVFAYHDgEHDgEjIgYjIiYnLgEnLgE1MxUwFhUUFjsBMDYzMjY9ATAmNTQmKwE1EzIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcCPBAGAwYDCAQEEAQDCAMIBARQAQMMEAYGDgYPFQoGAwMDAwMDDBAGBgwGBg4GBgoGBgMDAwHiDBIEBQMWBQMDASwWDgMOAw0ZCggIBAUDAwgDBg0DAwUBAwMGAwMNBgYOBgYLAwMNBggKJAQFAxYFAwMBBAUDGmZGfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBeAYIAQMKCQNWAwYDBAoDAwgJA1YJJwkTBhoMBAsFAw4JCRAJHgkTBhoMBAEDAwYDAw4JCRAJDgwIBQMDAQQFAwgPHwQHBQQYCg4JAwMFBwMDBwYGDgYGDQMDCgMDBQQBAwMCAwQbCwgFAwMBBAUDFgUDAwEeAWo1XXtHRn1dNjZdfEc0XkUpKUVdNTReRSms1tYAAAIAqgCAA1YD1gBCAGUAAAEOARUUBjEjNzMVIwcwNjU0MjU0FjsBMhYXHgEXHgEVFAYHDgEHDgEjIiYnLgEnLgE1MxQWMzI2PwEwNj0BLwEwJiMlND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgH0AwsEGgpmSgQEBgUDCAYNAwMKAwcLAQMDBQYIFw8GDQMDCwYICiIODAMGAwoEBAoJA/6uNl18R9bWNF5FKSlFXTU0XkUpVjZdfEdGfV02AbwBBQIDA14eJgEDAwMDAwMDAwYDBxkOBg0DAw0GCAgBAwMCAwQWDAsJAQMICQMaCAoEGkZ8XTWs1tasKUVdNTReRSkpRV01Rn1dNjZdfAAABACqAIADVgPWABsARgBNAHAAAAEUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVByM1BzU3MwU0PgIzNRcHNSIOAhUUHgIzMj4CNTMUDgIjIi4CAjQOBgMIAwgEBBIEAwYDCAYGUAEDDBAGBg4GBg4GBggGCggBAw4OBgYOBgYOBgYKBgYDAwMBsigqTAb+2DZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgF4BQkBAwoJA1YJAwQKAwMICQNWCScJEwYaDAQBAwMGAwUoDx4JEwYaDAQBAwMGAwMOCQkQCWqMDB4YNkZ8XTWs1tasKUVdNTReRSkpRV01Rn1dNjZdfAAAAAQAqgCAA1YD1gAiAD4AaQDGAAATND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgUUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVIzI2PQEwJjU0JisBMAYjIgYdASM0NjMyNjMyFhceAR0BMAYVFAYjIgYHHgEXHgEVFAYHDgEHDgEjIgYjIiYnLgEnLgE1MxUwFhUUFjsBMDYzMjY9ATAmNTQmKwE1qjZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgGODgYDCAMIBAQSBAMGAwgEBFQBAwwQBgYOBg8VCgYDAwMDAwMMEAYGDAYGDgYGCgYGAwMDAeIMEgQFAxYFAwMBLBYOAw4DDRkKCAgEBQMDCAMGDQMDBQEDAwYDAw0GBg4GBgsDAw0GCAokBAUDFgUDAwEEBQMaAdZGfF01rNbWrClFXTU0XkUpKUVdNUZ9XTY2XXwXBQkBAwoJA1YJAwQKAwMICQNWCScJEwYaDAQLBQMOCQkQCR4JEwYaDAQBAwMGAwMOCQkQCQ4MCAUDAwEEBQMIDx8EBwUEGAoOCQMDBQcDAwcGBg4GBg0DAwoDAwUEAQMDAgMEGwsIBQMDAQQFAxYFAwMBHgAAAAAEAIAAgAOAA4AAAgAUACYALgAAARUnJwEHJw4BBzU+ATcnEScjETMnATQuAic1HgMVFAYHJz4BJxwBByc1HgECAFrwAso2WCJOLBswFbbWqsrKAqofOU0vQG5PLRcVQAoMagJoMDoDVrRahP02NlgbKAtYBxoRtv7g1gEAyv62M1xLNg5YDkVjfEQwWydCGTkeBw0GaF4YWwAAAAABASoAqgKqA1YABQAAATM3EScjASqs1NSsAoDW/VTWAAIA1gCqAxYDVgAFAAwAABMzNxEnIyUUBgcRHgHWqtbWqgJAPDAwPAKA1v1U1oA5WxgBWBhbAAAAAwCAAIoDgAN2ABUAHAAiAAABHgMVFA4CBzU+AzU0LgInExQGBxEeASUzNxEnIwJWQG5PLS1PbUEuTjkfHzlNL2o6MDA6/cCq1taqA3YORWN8RER7Y0YOWA03S1wzM1xLNg7+4jlbGAFYGFtH1v1U1gAAAAAEANYA1gMqAyoABQALABEAFwAAATMVIzUjEzUzFSM1ATUzFSMVHQEzFSM1AlbUVICAVNT+gNSAgNQDKtSA/lSA1FQBLNRUgKyAVNQABADWANYDKgMqAAUACwARABcAAAEzFSM1MwM1MxUjFQE1MxUjNRE1MxUjNQKqgNRUVNSA/qxU1NRUAqpU1P2s1FSAAdSA1FT+rFTUgAAAAAADAIAAqgOAA1YAFwAvAD8AAAE1NCYrASIGHQEUFjsBMjY9ASMVIzUzFSM1NCYrASIGHQEUFjsBMjY9ASMVIzUzFQEyFhURFAYjISImNRE0NjMDABgSgBIaGhKAEhhAVlbqGhKAEhgYEoASGkBWVgGUIjQzI/2sJDIyJAIqLBIYGBKsEhgYEiwWgBYsEhgYEqwSGBgSLBaAFgEsMyP+ACI0MyMCACI0AAAEAIAAgAOAA4AAAwANABkAKQAAATUzFScRMzI2PQE0JiMBESMVIzUjETM1MxUBMhYVERQGIyEiJjURNDYzAmpWlqwSGBgS/wBAVkBAVgGUIjQzI/2sJDIyJAHAgIDA/wAYEqwSGP8AAQBqav8AVlYCADMj/awiNDMjAlQiNAAAAAIAZABWA5wDqgALAFkAAAEyNjU0JiMiBhUUFiUXHgEPAQ4BLwEOAQ8BDgErASImLwEuAScHBiYvASY2PwEuATU8ATcnLgE/AT4BHwE+AT8BPgE7ATIWHwEeARc3NhYfARYGDwEeARUcAQIAPVlYPj1ZWAF8WgYCBFYEDghqECQUEAELCKwHCwIQEyQRagcOBVYEAgZaAQECWgYCBFYEDghqECQUEAELCKwHCwIQEyQRagcOBVYEAgZaAQEBalg+PVlYPj1ZbEYEEAiUBwQDKgwWCHAHCwoIcAcVDioDAwiUBxAFRgoVCwoVC0YEEAiUBwQDKgwWCHAHCwoIcAcVDioDAwiUBxAFRgoVCwoVAAAAAQCAAFgDgAOqADMAAAEyFhUUBiMiJjU8ATclDgEjIiY1NDYzMhYXJS4BNTQ2MzIWFRQGIyImJwUeARUUBgcFPgEDADNJSTMzSQL+0hIsGjRMSzUZLRIBLAEDSzU0TEs1GS0S/tQBAwICATAQLAFSSTMzS0szBw8GsBASSzU0TBERrgcPCDRMSzU0TBMRsAcPCAcPCLAPEQADAFYAVgOqA6oAAwAHABsAAAE1IxUTESMREzIeAhUUDgIjIi4CNTQ+AgIqVFRUKlicc0NDc5tZWJxzQ0NzmwKAVlb+qgEA/wACgENzm1lYnHNDQ3ObWVicc0MAAAQAVgBWA6oDqgADABcAKwAvAAABNTMVAzI+AjU0LgIjIg4CFRQeAhMyHgIVFA4CIyIuAjU0PgITETMRAdZUKkZ9XTY2XXxHRn1dNjZdfEdYnHNDQ3ObWVicc0NDc5svVAKAVlb+KjZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9gAEA/wAAAAEA1gDWAyoDKgALAAABBxcHJwcnNyc3FzcDKu7uPO7uPO7uPO7uAu7u7jzu7jzu7jzu7gABAFUAVQOrA6sAFAAAExQeAjMyPgI1NC4CIyIOAhVVQ3ScWFicdENDdJxYWJx0QwIAWJx0Q0N0nFhYnHRDQ3ScWAAAAAIAVQBVA6sDqwAUACgAAAEiDgIVFB4CMzI+AjU0LgIjESIuAjU0PgIzMh4CFRQOAgIAWJx0Q0N0nFhYnHRDQ3ScWEd8XTU1XXxHR3xdNTVdfAOrQ3ScWFicdENDdJxYWJx0Q/0ANV18R0d8XTU1XXxHR3xdNQAAAAMAVQBVA6sDqwAUACgANAAAASIOAhUUHgIzMj4CNTQuAiMRIi4CNTQ+AjMyHgIVFA4CExQGIyImNTQ2MzIWAgBYnHRDQ3ScWFicdENDdJxYR3xdNTVdfEdHfF01NV18OUs1NUtLNTVLA6tDdJxYWJx0Q0N0nFhYnHRD/QA1XXxHR3xdNTVdfEdHfF01AVU1S0s1NUtLAAAAAQAAAAEAAPEUzolfDzz1AAsEAAAAAADUNIllAAAAANQ0iWUAAAAAA6sD1gAAAAgAAgAAAAAAAAABAAAEAAAAAAAEAAAAAAADqwABAAAAAAAAAAAAAAAAAAAAJQQAAAAAAAAAAAAAAAAAAAAEAAFWBAAAVgQAAFYEAAEABAAAVgQAAFYEAAEABAAAagQAAKoEAAEABAABAAQAAKoEAACqBAAAqgQAAKoEAACqBAAAqgQAAIAEAAEqBAAA1gQAAIAEAADWBAAA1gQAAIAEAACABAAAZAQAAIAEAABWBAAAVgQAANYEAABVBAAAVQQAAFUAAAAAAAoAFAAeACwAVACWAKoA2AEgAS4BRAFaAXABhAIQAqgDpgQuBMYFxAYSBiIGPgZ4Bp4GxgcaB1oH4gguCFwIpAi+COAJHAloAAEAAAAlAMcABAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQALAAAAAQAAAAAAAgAHAIQAAQAAAAAAAwALAEIAAQAAAAAABAALAJkAAQAAAAAABQALACEAAQAAAAAABgALAGMAAQAAAAAACgAaALoAAwABBAkAAQAWAAsAAwABBAkAAgAOAIsAAwABBAkAAwAWAE0AAwABBAkABAAWAKQAAwABBAkABQAWACwAAwABBAkABgAWAG4AAwABBAkACgA0ANR2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADB2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHR2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRSZWd1bGFyAFIAZQBnAHUAbABhAHJ2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype");
    font-weight: 400;
    font-style: normal
}

.video-react-icon,
.video-react .video-react-bezel .video-react-bezel-icon,
.video-react .video-react-big-play-button,
.video-react .video-react-mouse-display,
.video-react .video-react-mute-control,
.video-react .video-react-play-control,
.video-react .video-react-play-progress,
.video-react .video-react-volume-level,
.video-react .video-react-volume-menu-button {
    font-family: video-react!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.video-react-icon-play-arrow:before,
.video-react .video-react-bezel .video-react-bezel-icon-play:before,
.video-react .video-react-big-play-button:before,
.video-react .video-react-play-control:before {
    content: "\F200"
}

.video-react-icon-play-circle-filled:before {
    content: "\F201"
}

.video-react-icon-play-circle-outline:before {
    content: "\F202"
}

.video-react-icon-pause:before,
.video-react .video-react-bezel .video-react-bezel-icon-pause:before,
.video-react .video-react-play-control.video-react-playing:before {
    content: "\F203"
}

.video-react-icon-pause-circle-filled:before {
    content: "\F204"
}

.video-react-icon-pause-circle-outline:before {
    content: "\F205"
}

.video-react-icon-stop:before {
    content: "\F206"
}

.video-react-icon-fast-rewind:before,
.video-react .video-react-bezel .video-react-bezel-icon-fast-rewind:before {
    content: "\F207"
}

.video-react-icon-fast-forward:before,
.video-react .video-react-bezel .video-react-bezel-icon-fast-forward:before {
    content: "\F208"
}

.video-react-icon-skip-previous:before {
    content: "\F209"
}

.video-react-icon-skip-next:before {
    content: "\F20A"
}

.video-react-icon-replay-5:before,
.video-react .video-react-bezel .video-react-bezel-icon-replay-5:before {
    content: "\F20B"
}

.video-react-icon-replay-10:before,
.video-react .video-react-bezel .video-react-bezel-icon-replay-10:before {
    content: "\F20C"
}

.video-react-icon-replay-30:before,
.video-react .video-react-bezel .video-react-bezel-icon-replay-30:before {
    content: "\F20D"
}

.video-react-icon-forward-5:before,
.video-react .video-react-bezel .video-react-bezel-icon-forward-5:before {
    content: "\F20E"
}

.video-react-icon-forward-10:before,
.video-react .video-react-bezel .video-react-bezel-icon-forward-10:before {
    content: "\F20F"
}

.video-react-icon-forward-30:before,
.video-react .video-react-bezel .video-react-bezel-icon-forward-30:before {
    content: "\F210"
}

.video-react-icon-volume-off:before,
.video-react .video-react-bezel .video-react-bezel-icon-volume-off:before,
.video-react .video-react-mute-control.video-react-vol-muted:before,
.video-react .video-react-volume-menu-button.video-react-vol-muted:before {
    content: "\F211"
}

.video-react-icon-volume-mute:before,
.video-react .video-react-mute-control.video-react-vol-0:before,
.video-react .video-react-volume-menu-button.video-react-vol-0:before {
    content: "\F212"
}

.video-react-icon-volume-down:before,
.video-react .video-react-bezel .video-react-bezel-icon-volume-down:before,
.video-react .video-react-mute-control.video-react-vol-1:before,
.video-react .video-react-mute-control.video-react-vol-2:before,
.video-react .video-react-volume-menu-button.video-react-vol-1:before,
.video-react .video-react-volume-menu-button.video-react-vol-2:before {
    content: "\F213"
}

.video-react-icon-volume-up:before,
.video-react .video-react-bezel .video-react-bezel-icon-volume-up:before,
.video-react .video-react-mute-control:before,
.video-react .video-react-volume-menu-button:before {
    content: "\F214"
}

.video-react-icon-fullscreen:before {
    content: "\F215"
}

.video-react-icon-fullscreen-exit:before {
    content: "\F216"
}

.video-react-icon-closed-caption:before {
    content: "\F217"
}

.video-react-icon-hd:before {
    content: "\F218"
}

.video-react-icon-settings:before {
    content: "\F219"
}

.video-react-icon-share:before {
    content: "\F21A"
}

.video-react-icon-info:before {
    content: "\F21B"
}

.video-react-icon-info-outline:before {
    content: "\F21C"
}

.video-react-icon-close:before {
    content: "\F21D"
}

.video-react-icon-circle:before,
.video-react .video-react-mouse-display:before,
.video-react .video-react-play-progress:before,
.video-react .video-react-volume-level:before {
    content: "\F21E"
}

.video-react-icon-circle-outline:before {
    content: "\F21F"
}

.video-react-icon-circle-inner-circle:before {
    content: "\F220"
}

.video-react {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    font-size: 10px;
    line-height: 1;
    font-family: serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.video-react:-moz-full-screen {
    position: absolute
}

.video-react:-webkit-full-screen {
    width: 100%!important;
    height: 100%!important
}

.video-react *,
.video-react :after,
.video-react :before {
    box-sizing: inherit
}

.video-react ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin: 0
}

.video-react.video-react-4-3,
.video-react.video-react-16-9,
.video-react.video-react-fluid {
    width: 100%;
    max-width: 100%;
    height: 0
}

.video-react.video-react-16-9 {
    padding-top: 56.25%
}

.video-react.video-react-4-3 {
    padding-top: 75%
}

.video-react.video-react-fill {
    width: 100%;
    height: 100%
}

.video-react .video-react-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-react.video-react-fullscreen {
    width: 100%!important;
    height: 100%!important;
    padding-top: 0!important
}

.video-react.video-react-fullscreen.video-react-user-inactive {
    cursor: none
}

body.video-react-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-y: auto
}

body.video-react-full-window .video-react-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-react button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    cursor: pointer;
    overflow: visible;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.video-react .video-react-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, .7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px
}

.video-react .video-react-loading-spinner:after,
.video-react .video-react-loading-spinner:before {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: #fff;
    -webkit-animation: video-react-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, video-react-spinner-fade 1.1s linear infinite;
    animation: video-react-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, video-react-spinner-fade 1.1s linear infinite
}

.video-react-seeking .video-react-loading-spinner,
.video-react-waiting .video-react-loading-spinner {
    display: block
}

.video-react-seeking .video-react-loading-spinner:before,
.video-react-waiting .video-react-loading-spinner:before {
    border-top-color: #fff
}

.video-react-seeking .video-react-loading-spinner:after,
.video-react-waiting .video-react-loading-spinner:after {
    border-top-color: #fff;
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}

@keyframes video-react-spinner-spin {
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes video-react-spinner-spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes video-react-spinner-fade {
    0% {
        border-top-color: #73859f
    }
    20% {
        border-top-color: #73859f
    }
    35% {
        border-top-color: #fff
    }
    60% {
        border-top-color: #73859f
    }
    to {
        border-top-color: #73859f
    }
}

@-webkit-keyframes video-react-spinner-fade {
    0% {
        border-top-color: #73859f
    }
    20% {
        border-top-color: #73859f
    }
    35% {
        border-top-color: #fff
    }
    60% {
        border-top-color: #73859f
    }
    to {
        border-top-color: #73859f
    }
}

.video-react .video-react-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.video-react .video-react-big-play-button.video-react-big-play-button-center {
    top: 50%;
    left: 50%;
    margin-top: -.75em;
    margin-left: -1.5em
}

.video-react .video-react-big-play-button.big-play-button-hide {
    display: none
}

.video-react .video-react-big-play-button:focus,
.video-react:hover .video-react-big-play-button {
    outline: 0;
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5);
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s
}

.video-react-menu-button {
    cursor: pointer
}

.video-react-menu-button.video-react-disabled {
    cursor: default
}

.video-react-menu .video-react-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    overflow: auto;
    font-family: serif
}

.video-react-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.video-react-menu li:focus,
.video-react-menu li:hover {
    outline: 0;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.video-react-menu li.video-react-selected,
.video-react-menu li.video-react-selected:focus,
.video-react-menu li.video-react-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.video-react-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em;
    font-weight: 700;
    cursor: default
}

.video-react-scrubbing .vjs-menu-button:hover .video-react-menu {
    display: none
}

.video-react .video-react-menu-button-popup .video-react-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, .7)
}

.video-react .video-react-menu-button-popup .video-react-menu .video-react-menu-content {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.video-react-menu-button-popup .video-react-menu.video-react-lock-showing {
    display: block
}

.video-react .video-react-menu-button-inline {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    overflow: hidden
}

.video-react .video-react-menu-button-inline:before {
    width: 2.222222222em
}

.video-react .video-react-menu-button-inline.video-react-slider-active,
.video-react .video-react-menu-button-inline:focus,
.video-react .video-react-menu-button-inline:hover {
    width: 12em
}

.video-react .video-react-menu-button-inline.video-react-slider-active .video-react-menu,
.video-react .video-react-menu-button-inline:focus .video-react-menu,
.video-react .video-react-menu-button-inline:hover .video-react-menu {
    display: block;
    opacity: 1
}

.video-react .video-react-menu-button-inline.video-react-slider-active {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.video-react .video-react-menu-button-inline .video-react-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.video-react .video-react-menu-button-inline .video-react-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-react-no-flex .video-react-menu-button-inline .video-react-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.video-react-no-flex .video-react-menu-button-inline.video-react-slider-active,
.video-react-no-flex .video-react-menu-button-inline:focus,
.video-react-no-flex .video-react-menu-button-inline:hover {
    width: auto
}

.video-react .video-react-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.video-react .video-react-poster img {
    display: block;
    vertical-align: middle;
    margin: 0 auto;
    max-height: 100%;
    padding: 0;
    width: 100%
}

.video-react .video-react-slider {
    outline: 0;
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.video-react .video-react-slider:focus {
    text-shadow: 0 0 1em #fff;
    -webkit-box-shadow: 0 0 1em #fff;
    -moz-box-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-react .video-react-control {
    outline: none;
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.video-react .video-react-control:before {
    font-size: 1.8em;
    line-height: 1.67
}

.video-react .video-react-control:focus,
.video-react .video-react-control:focus:before,
.video-react .video-react-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.video-react .video-react-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.video-react-no-flex .video-react-control {
    display: table-cell;
    vertical-align: middle
}

.video-react .video-react-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7)
}

.video-react-has-started .video-react-control-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .1s, opacity .1s;
    -moz-transition: visibility .1s, opacity .1s;
    -o-transition: visibility .1s, opacity .1s;
    transition: visibility .1s, opacity .1s
}

.video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar.video-react-control-bar-auto-hide {
    visibility: visible;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    -moz-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}

.video-react-controls-disabled .video-react-control-bar,
.video-react-error .video-react-control-bar,
.video-react-using-native-controls .video-react-control-bar {
    display: none!important
}

.video-react-audio.video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar {
    opacity: 1;
    visibility: visible
}

.video-react-has-started.video-react-no-flex .video-react-control-bar {
    display: table
}

.video-react .video-react-progress-control {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 4em
}

.video-react-live .video-react-progress-control {
    display: none
}

.video-react .video-react-progress-holder {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    height: .3em
}

.video-react .video-react-progress-control:hover .video-react-progress-holder {
    font-size: 1.6666666666666667em
}

.video-react .video-react-progress-control:hover .video-react-mouse-display:after,
.video-react .video-react-progress-control:hover .video-react-play-progress:after,
.video-react .video-react-progress-control:hover .video-react-time-tooltip {
    visibility: visible;
    font-size: .6em
}

.video-react .video-react-progress-holder .video-react-load-progress,
.video-react .video-react-progress-holder .video-react-load-progress div,
.video-react .video-react-progress-holder .video-react-play-progress,
.video-react .video-react-progress-holder .video-react-tooltip-progress-bar {
    position: absolute;
    display: block;
    height: .3em;
    margin: 0;
    padding: 0;
    width: 0;
    left: 0;
    top: 0
}

.video-react .video-react-mouse-display:before {
    display: none
}

.video-react .video-react-play-progress {
    background-color: #fff
}

.video-react .video-react-play-progress:before {
    position: absolute;
    top: -.333333333333333em;
    right: -.5em;
    font-size: .9em
}

.video-react .video-react-mouse-display:after,
.video-react .video-react-play-progress:after,
.video-react .video-react-time-tooltip {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    right: -1.9em;
    font-size: .9em;
    color: #000;
    content: attr(data-current-time);
    padding: 6px 8px 8px;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .8);
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em
}

.video-react .video-react-play-progress:after,
.video-react .video-react-play-progress:before,
.video-react .video-react-time-tooltip {
    z-index: 1
}

.video-react .video-react-progress-control .video-react-keep-tooltips-inside:after {
    display: none
}

.video-react .video-react-load-progress {
    background: #bfc7d3;
    background: rgba(115, 133, 159, .5)
}

.video-react .video-react-load-progress div {
    background: #fff;
    background: rgba(115, 133, 159, .75)
}

.video-react.video-react-no-flex .video-react-progress-control {
    width: auto
}

.video-react .video-react-time-tooltip {
    display: inline-block;
    height: 2.4em;
    position: relative;
    float: right;
    right: -1.9em
}

.video-react .video-react-tooltip-progress-bar {
    visibility: hidden
}

.video-react .video-react-progress-control .video-react-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.video-react-no-flex .video-react-progress-control .video-react-mouse-display {
    z-index: 0
}

.video-react .video-react-progress-control:hover .video-react-mouse-display {
    display: block
}

.video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display,
.video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display:after {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    -moz-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}

.video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display,
.video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display:after {
    display: none
}

.video-react .video-react-mouse-display .video-react-time-tooltip,
.video-react .video-react-progress-control .video-react-mouse-display:after {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

.video-react .video-react-fullscreen-control,
.video-react .video-react-play-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.video-react.video-react-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9999
}

.video-react .video-react-time-control {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.video-react .video-react-time-divider {
    line-height: 3em;
    min-width: 0;
    padding: 0
}

.video-react .video-react-mute-control,
.video-react .video-react-volume-menu-button {
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.video-react .video-react-volume-control {
    width: 5em;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.video-react .video-react-volume-bar {
    margin: 1.35em .45em
}

.video-react .video-react-volume-bar.video-react-slider-horizontal {
    width: 5em;
    height: .3em
}

.video-react .video-react-volume-bar.video-react-slider-horizontal .video-react-volume-level {
    width: 100%
}

.video-react .video-react-volume-bar.video-react-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-react .video-react-volume-bar.video-react-slider-vertical .video-react-volume-level {
    height: 100%
}

.video-react .video-react-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-react .video-react-volume-level:before {
    position: absolute;
    font-size: .9em
}

.video-react .video-react-slider-vertical .video-react-volume-level {
    width: .3em
}

.video-react .video-react-slider-vertical .video-react-volume-level:before {
    top: -.5em;
    left: -.3em
}

.video-react .video-react-slider-horizontal .video-react-volume-level {
    height: .3em
}

.video-react .video-react-slider-horizontal .video-react-volume-level:before {
    top: -.3em;
    right: -.5em
}

.video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu {
    display: block;
    width: 0;
    height: 0;
    border-top-color: transparent
}

.video-react .video-react-menu-button-popup.video-react-volume-menu-button-vertical .video-react-menu {
    left: .5em;
    height: 8em
}

.video-react .video-react-menu-button-popup.video-react-volume-menu-button-horizontal .video-react-menu {
    left: -2em
}

.video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu-content {
    height: 0;
    width: 0;
    overflow-x: hidden;
    overflow-y: hidden
}

.video-react .video-react-volume-menu-button-vertical .video-react-lock-showing .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical.video-react-slider-active .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical:focus .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical:hover .video-react-menu-content {
    height: 8em;
    width: 2.9em
}

.video-react .video-react-volume-menu-button-horizontal .video-react-lock-showing .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal .video-react-slider-active .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal:focus .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal:hover .video-react-menu-content {
    height: 2.9em;
    width: 8em
}

.video-react .video-react-volume-menu-button.video-react-menu-button-inline .video-react-menu-content {
    background-color: transparent!important
}

.video-react .video-react-playback-rate .video-react-playback-rate-value {
    line-height: 3em;
    text-align: center
}

.video-react .video-react-playback-rate .video-react-menu {
    width: 4em;
    left: 0
}

.video-react .video-react-bezel {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 52px;
    height: 52px;
    z-index: 17;
    margin-left: -26px;
    margin-top: -26px;
    background: rgba(0, 0, 0, .5);
    border-radius: 26px
}

.video-react .video-react-bezel.video-react-bezel-animation {
    -moz-animation: video-react-bezel-fadeout .5s linear 1 normal forwards;
    -webkit-animation: video-react-bezel-fadeout .5s linear 1 normal forwards;
    animation: video-react-bezel-fadeout .5s linear 1 normal forwards;
    pointer-events: none
}

.video-react .video-react-bezel.video-react-bezel-animation-alt {
    -moz-animation: video-react-bezel-fadeout-alt .5s linear 1 normal forwards;
    -webkit-animation: video-react-bezel-fadeout-alt .5s linear 1 normal forwards;
    animation: video-react-bezel-fadeout-alt .5s linear 1 normal forwards;
    pointer-events: none
}

.video-react .video-react-bezel .video-react-bezel-icon {
    width: 36px;
    height: 36px;
    margin: 8px;
    font-size: 26px;
    line-height: 36px;
    text-align: center
}

@keyframes video-react-bezel-fadeout {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

@keyframes video-react-bezel-fadeout-alt {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

body {
    font-family: Arial, sans-serif
}

.logos {
    width: 100%;
    padding-top: 20px;
    text-align: center
}

.logo {
    display: inline-block;
    margin: 0 20px;
    cursor: pointer
}

.title {
    text-align: center
}

.player {
    width: 80%;
    height: 80%;
    padding: 20px 0;
    margin: 0 auto
}

.player .glyphicon-refresh {
    font-size: 30px;
    animation: spin .8s infinite linear
}

.rc-slider-rail {
    background: rgba(51, 51, 51, .9)
}

.player_1 .rc-slider-handle,
.player_1 .rc-slider-handle:hover {
    border: 2px solid #f86749
}

.player_1 .rc-slider-track {
    background-color: #f86749
}

.player_2 .rc-slider-handle,
.player_2 .rc-slider-handle:hover {
    border: 2px solid #8478ff
}

.player_2 .rc-slider-track {
    background-color: #8478ff
}

@keyframes spin {
    0% {
        transform: scale(1) rotate(0deg)
    }
    to {
        transform: scale(1) rotate(1turn)
    }
}

.video-react,
.video-react-menu .video-react-menu-content {
    font-family: Arial, sans-serif
}

.video-react .video-react-big-play-button {
    width: 2em;
    height: 2em;
    line-height: 1.8em;
    border-radius: 2em
}

.video-react .video-react-big-play-button,
.video-react .video-react-big-play-button:hover,
.video-react:hover .video-react-big-play-button {
    background-color: #f86749
}

.video-react .video-react-big-play-button.video-react-big-play-button-center {
    margin-top: -1em;
    margin-left: -1em
}

.video-react .video-react-play-progress,
.video-react .video-react-volume-level {
    background-color: #f86749
}

.video-react .video-react-menu-content {
    max-height: 20em!important
}

.video-react .video-react-menu-quality li {
    text-transform: uppercase
}

.video-react .video-react-control:focus:before,
.video-react .video-react-control:hover:before,
.video-react .video-react-slider:focus {
    text-shadow: none;
    box-shadow: none
}

.video-react-active-track-label {
    line-height: 3em;
    text-align: center;
    text-transform: uppercase
}

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.custom-accordion {
  max-width: 600px;
  margin: 2rem auto;
  color: #ffffff; }
  .custom-accordion .custom-accordion-title {
    display: flex;
    padding: 1rem;
    flex-direction: row;
    justify-content: space-between;
    cursor: pointer;
    background-color: #5e5e5e; }
  .custom-accordion:hover {
    background-color: #2e2e2e; }
  .custom-accordion .custom-accordion-content {
    background-color: #2e2e2e;
    padding: 2rem; }

@media screen and (max-width: 700px) {
  .custom-accordion {
    width: 90%; } }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.custom-container {
  display: flex; }
  .custom-container .custom-form-input {
    flex: 0 0 40%; }
  .custom-container .custom-form-action {
    flex-basis: 100%;
    padding: 0 0 0 25px; }
    .custom-container .custom-form-action .preview {
      margin-bottom: 20px; }

.bloc .bloc-2-left {
  width: 200px;
  margin-top: 30px;
  text-align: right; }

.bloc .bloc-2-right {
  flex: 0 0 calc(100% - 250px);
  background: white;
  box-shadow: 0 7px 14px 0 rgba(49, 49, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  margin: 0px;
  padding: 10px 20px; }

.bloc-2 {
  display: flex; }
  .bloc-2 .bloc-2-left {
    width: 200px;
    margin-top: 30px;
    text-align: right; }
  .bloc-2 .bloc-2-right {
    width: 100%;
    background: white;
    border-radius: 4px;
    margin: 2px;
    padding: 10px 20px; }

.account-bloc {
  margin-bottom: 60px; }
  .account-bloc .bloc-inner {
    width: 100%;
    background: white;
    box-shadow: 0 7px 14px 0 rgba(49, 49, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    margin: 2px;
    padding: 10px 20px; }
    .account-bloc .bloc-inner .bloc-2row {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-wrap: wrap;
      flex-direction: row; }
      .account-bloc .bloc-inner .bloc-2row div:first-child {
        flex-grow: 1; }
    .account-bloc .bloc-inner .bloc-row-more {
      margin-top: 20px;
      padding-top: 10px;
      border: none;
      border-top: 1px solid #cfd9e0; }

.icon-title-info {
  width: 100px;
  height: 100px;
  background: rgba(0, 117, 255, 0.15);
  color: #0075ff;
  display: flex;
  font-size: 23px;
  justify-content: center;
  align-items: center;
  border-radius: 50%; }

.icon-title-alert {
  width: 100px;
  height: 100px;
  background: rgba(235, 14, 80, 0.15);
  color: #EB0E50;
  display: flex;
  font-size: 23px;
  justify-content: center;
  align-items: center;
  border-radius: 50%; }

.verified-confirm {
  width: 100px;
  height: 100px;
  background: rgba(126, 239, 204, 0.15);
  color: #7eefcc;
  justify-content: center;
  display: flex;
  align-items: center;
  border-radius: 50%;
  font-size: 23px; }

.bloc-pending {
  background: #f8cb15;
  box-shadow: 0 7px 14px 0 rgba(49, 49, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px; }
  .bloc-pending .bloc-2-left i {
    display: block;
    font-size: 55px; }
  .bloc-pending .pending-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start; }
    .bloc-pending .pending-item .pending-item-info {
      flex-grow: 1; }
    .bloc-pending .pending-item h3 {
      margin-bottom: 0; }
    .bloc-pending .pending-item p {
      font-style: italic;
      font-size: 90%; }
    .bloc-pending .pending-item .pending-price {
      padding: 2px 12px;
      line-height: 32px;
      font-weight: bold; }
    .bloc-pending .pending-item .btn {
      margin-left: 20px;
      text-decoration: none; }
      .bloc-pending .pending-item .btn:hover {
        color: #000;
        background: #f8cb15; }

.events-list-past {
  /*opacity: 0.45;*/ }

.account_tab {
  width: 100%; }
  .account_tab .account_tab_line {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid rgba(188, 189, 190, 0.28);
    padding-top: 5px;
    padding-bottom: 5px; }
    @media (max-width: 900px) {
      .account_tab .account_tab_line {
        flex-wrap: wrap; } }
    .account_tab .account_tab_line.account_tab_header {
      text-transform: uppercase;
      font-weight: bold; }
      @media (max-width: 720px) {
        .account_tab .account_tab_line.account_tab_header {
          display: none; } }
  .account_tab .account_tab_col {
    padding: 5px 5px;
    flex: 1 1 auto;
    text-align: left; }
    .account_tab .account_tab_col.account_tab_col_username {
      flex: 0 0 125px; }
    .account_tab .account_tab_col.account_tab_col_name {
      flex: 0 0 175px; }
      @media (max-width: 990px) {
        .account_tab .account_tab_col.account_tab_col_name {
          display: none; } }
    .account_tab .account_tab_col.account_tab_col_email {
      flex: 0 0 230px; }
    .account_tab .account_tab_col.account_tab_col_action {
      text-align: right; }
      .account_tab .account_tab_col.account_tab_col_action a {
        margin: 0 5px; }
      @media (max-width: 900px) {
        .account_tab .account_tab_col.account_tab_col_action {
          flex: 0 0 100%; }
          .account_tab .account_tab_col.account_tab_col_action .account_tab_action_container {
            border: 1px solid #d0d0d0;
            border-radius: 6px;
            width: fit-content; }
            .account_tab .account_tab_col.account_tab_col_action .account_tab_action_container a {
              padding: 2px 6px;
              margin: 0; }
              .account_tab .account_tab_col.account_tab_col_action .account_tab_action_container a:not(:last-child) {
                border-right: 1px solid #d0d0d0; } }

.menu-tab.menu-tab-billing {
  margin-bottom: 24px; }
  .menu-tab.menu-tab-billing li {
    flex: inherit;
    padding: 0px 18px; }

.icon-disconnect:before {
  content: "\e9a6"; }

.icon-language:before {
  content: "\e9a5"; }

.icon-form:before {
  content: "\e9a4"; }

.icon-clone:before {
  content: "\e9a3"; }

.icon-gif:before {
  content: "\e9a2"; }

.icon-blur:before {
  content: "\e99e"; }

.icon-preview:before {
  content: "\e988"; }

.icon-videoconference:before {
  content: "\e988"; }

.icon-users_admin:before {
  content: "\e957"; }

.icon-calendar:before {
  content: "\e956"; }

.icon-clapper:before {
  content: "\e94b"; }

.icon-trash:before {
  content: "\e94a"; }

.icon-remove-doc:before {
  content: "\e954"; }

.icon-add-doc:before {
  content: "\e955"; }

.icon-camera:before {
  content: "\e926"; }

.icon-notif-video-problem:before {
  content: "\e926"; }

.icon-camera-mute:before {
  content: "\e953"; }

.icon-endcall:before {
  content: "\e952"; }

.icon-settings:before {
  content: "\e943"; }

.icon-scene:before {
  content: "\e944"; }

.icon-livestreaming:before {
  content: "\e944"; }

.icon-chat-2:before {
  content: "\e93e"; }

.icon-audio-problem:before {
  content: "\e942"; }

.icon-camera-problem:before {
  content: "\e941"; }

.icon-bandwidth-problem:before {
  content: "\e940"; }

.icon-tool:before {
  content: "\e93f";
  color: #4f5660; }

.icon-scene-pip-top-right:before {
  content: "\e99a"; }

.icon-scene-pip-top-left:before {
  content: "\e99c"; }

.icon-scene-pip:before {
  content: "\e99c"; }

.icon-scene-pip-bottom-right:before {
  content: "\e99d"; }

.icon-scene-pip-bottom-left:before {
  content: "\e99b"; }

.icon-colors:before {
  content: "\e999"; }

.icon-upload:before {
  content: "\e998"; }

.icon-duplicate:before {
  content: "\e997"; }

.icon-error:before {
  content: "\e995"; }

.icon-customization:before {
  content: "\e92d"; }

.icon-screen-round:before {
  content: "\e929"; }

.icon-file-doc:before {
  content: "\e996"; }

.icon-file-video:before {
  content: "\e900"; }

.icon-user-circle:before {
  content: "\e901"; }

.icon-question:before {
  content: "\e902"; }

.icon-strike:before {
  content: "\e98f"; }

.icon-hand1:before {
  content: "\e990"; }

.icon-menu1:before {
  content: "\e98e"; }

.icon-airplane:before {
  content: "\e98d"; }

.icon-kbs:before {
  content: "\e98a"; }

.icon-fps1:before {
  content: "\e98b"; }

.icon-more:before {
  content: "\e97d"; }

.icon-chart-circle:before {
  content: "\e980"; }

.icon-trash1:before {
  content: "\e981"; }

.icon-icon-emoji:before {
  content: "\e987"; }

.icon-text:before {
  content: "\e986"; }

.icon-star-empty:before {
  content: "\e982"; }

.icon-info:before {
  content: "\e97f"; }

.icon-plus-circle:before {
  content: "\e97a"; }

.icon-pause-circle:before {
  content: "\e97b"; }

.icon-camera-bis:before {
  content: "\e97c"; }

.icon-user-presentation:before {
  content: "\e97e"; }

.icon-media:before {
  content: "\e975"; }

.icon-mute:before {
  content: "\e972"; }

.icon-user-label:before {
  content: "\e973"; }

.icon-user-label-bottom:before {
  content: "\e974"; }

.icon-cog:before {
  content: "\e977"; }

.icon-user:before {
  content: "\e978"; }

.icon-icon-autoswitch:before {
  content: "\e979"; }

.icon-scene-speakerInBig-left:before {
  content: "\e983"; }

.icon-scene-one:before {
  content: "\e96f"; }

.icon-scene-split-verti:before {
  content: "\e970"; }

.icon-scene-split:before {
  content: "\e970"; }

.icon-scene-split-hori:before {
  content: "\e971"; }

.icon-micro:before {
  content: "\e905"; }

.icon-notif-audio-problem:before {
  content: "\e905"; }

.icon-history:before {
  content: "\e9a1"; }

.icon-sort-desc:before {
  content: "\e948"; }

.icon-sort-asc:before {
  content: "\e949"; }

.icon-claps:before {
  content: "\e96c"; }

.icon-alignment-bottom:before {
  content: "\e966"; }

.icon-alignment-center:before {
  content: "\e967"; }

.icon-alignment-top:before {
  content: "\e968"; }

.icon-mixer:before {
  content: "\e964"; }

.icon-bp-up:before {
  content: "\e93d"; }

.icon-volume:before {
  content: "\e94c"; }

.icon-warning:before {
  content: "\e94d"; }

.icon-audio-good .path1:before {
  content: "\e94e";
  color: black; }

.icon-audio-good .path2:before {
  content: "\e94f";
  margin-left: -0.830078125em;
  color: black; }

.icon-audio-good .path3:before {
  content: "\e950";
  margin-left: -0.830078125em;
  color: #55d400; }

.icon-audio-good .path4:before {
  content: "\e951";
  margin-left: -0.830078125em;
  color: white; }

.icon-package:before {
  content: "\e958"; }

.icon-fps:before {
  content: "\e959"; }

.icon-latency:before {
  content: "\e95a"; }

.icon-speaker-only:before {
  content: "\e95b"; }

.icon-add-user:before {
  content: "\e93a"; }

.icon-user-video:before {
  content: "\e93b"; }

.icon-hand:before {
  content: "\e946"; }

.icon-quality-2:before {
  content: "\e947"; }

.icon-quality:before {
  content: "\e945"; }

.icon-video-user:before {
  content: "\e938"; }

.icon-switch-camera:before {
  content: "\e937"; }

.icon-menu-square:before {
  content: "\e934"; }

.icon-ping:before {
  content: "\e933"; }

.icon-menu:before {
  content: "\e931"; }

.icon-instagram:before {
  content: "\e919"; }

.icon-periscope:before {
  content: "\e91c"; }

.icon-dailymotion:before {
  content: "\e91d"; }

.icon-vimeo:before {
  content: "\e91f"; }

.icon-front-camera:before {
  content: "\e911"; }

.icon-back-camera:before {
  content: "\e914"; }

.icon-switch:before {
  content: "\e910"; }

.icon-speaker:before {
  content: "\e90f"; }

.icon-video-invite:before {
  content: "\e903"; }

.icon-video-remove:before {
  content: "\e904"; }

.icon-mail:before {
  content: "\e801"; }

.icon-volume-off:before {
  content: "\e802"; }

.icon-volume-middle:before {
  content: "\e803"; }

.icon-volume-high:before {
  content: "\e804"; }

.icon-share-1:before {
  content: "\e805"; }

.icon-lock-open:before {
  content: "\e806"; }

.icon-lock:before {
  content: "\e807"; }

.icon-like:before {
  content: "\e808"; }

.icon-help:before {
  content: "\e809"; }

.icon-volume-low:before {
  content: "\e80a"; }

.icon-plus:before {
  content: "\e80b"; }

.icon-minus:before {
  content: "\e80c"; }

.icon-down:before {
  content: "\e80e"; }

.icon-left:before {
  content: "\e80f"; }

.icon-right:before {
  content: "\e810"; }

.icon-up:before {
  content: "\e811"; }

.icon-key:before {
  content: "\e812"; }

.icon-refresh:before {
  content: "\e813"; }

.icon-autoswitch:before {
  content: "\e813"; }

.icon-spin:before {
  content: "\e831"; }

.icon-micro-mute:before {
  content: "\e906"; }

.icon-notification:before {
  content: "\e907"; }

.icon-restreaming:before {
  content: "\e912"; }

.icon-notif-bandwidth-problem:before {
  content: "\e912"; }

.icon-share:before {
  content: "\e916"; }

.icon-video:before {
  content: "\e91a"; }

.icon-video-mute:before {
  content: "\e91b"; }

.icon-add-link:before {
  content: "\e91e"; }

.icon-avatar:before {
  content: "\e922"; }

.icon-avatar-ban:before {
  content: "\e923"; }

.icon-chat-mute:before {
  content: "\e925"; }

.icon-embed:before {
  content: "\e928"; }

.icon-full-frame:before {
  content: "\e92a"; }

.icon-twitter:before {
  content: "\f099"; }

.icon-facebook:before {
  content: "\f09a"; }

.icon-google:before {
  content: "\f1a0"; }

.icon-send:before {
  content: "\f1d9"; }

.icon-setting:before {
  content: "\f1de"; }

.icon-twitch:before {
  content: "\f1e8"; }

.icon-knock:before {
  content: "\f255"; }

.icon-account:before {
  content: "\f2be"; }

.icon-file-audio:before {
  content: "\e92b"; }

.icon-file-image:before {
  content: "\e92c"; }

.icon-reddit:before {
  content: "\e918"; }

.icon-file-local:before {
  content: "\e90d"; }

.icon-google-drive:before {
  content: "\e90e"; }

.icon-switch-camera1:before {
  content: "\e936"; }

.icon-search:before {
  content: "\e991"; }

.icon-arrow-up-right2:before {
  content: "\ea3b"; }

.icon-arrow-down-left2:before {
  content: "\ea3f"; }

.icon-breakout:before {
  content: "\e9a0"; }

.icon-sort:before {
  content: "\e99f"; }

.icon-align-center:before {
  content: "\e969"; }

.icon-align-right:before {
  content: "\e96a"; }

.icon-align-left:before {
  content: "\e96b"; }

.icon-download:before {
  content: "\e965"; }

.icon-italic:before {
  content: "\e908"; }

.icon-bold:before {
  content: "\e915"; }

.icon-repeat:before {
  content: "\e95c"; }

.icon-rewind:before {
  content: "\e95d"; }

.icon-whatsapp:before {
  content: "\e95e"; }

.icon-play:before {
  content: "\e932"; }

.icon-save:before {
  content: "\e930"; }

.icon-exclamation:before {
  content: "\e92f"; }

.icon-youtube:before {
  content: "\e920"; }

.icon-linkedin:before {
  content: "\e917"; }

.icon-tumblr:before {
  content: "\e927"; }

.icon-copy:before {
  content: "\e95f"; }

.icon-viewers:before {
  content: "\e989"; }

.icon-volume1:before {
  content: "\e98c"; }

.icon-scene-speakerInBig-top:before {
  content: "\e984"; }

.icon-screen:before {
  content: "\e913"; }

.icon-drag:before {
  content: "\e976"; }

.icon-scene-mosaic:before {
  content: "\e96d"; }

.icon-scene-speakerInBig-right:before {
  content: "\e985"; }

.icon-scene-speakerInBig-bottom:before {
  content: "\e96e"; }

.icon-scene-speakerInBig:before {
  content: "\e96e"; }

.icon-add-file:before {
  content: "\e960"; }

.icon-poll:before {
  content: "\e961"; }

.icon-pin:before {
  content: "\e963"; }

.icon-q-and-a:before {
  content: "\e962"; }

.icon-star:before {
  content: "\e800"; }

.icon-whitelabel:before {
  content: "\e800"; }

.icon-chat:before {
  content: "\e924"; }

.icon-mp:before {
  content: "\e93c"; }

.icon-server:before {
  content: "\e939"; }

.icon-pause:before {
  content: "\e935"; }

.icon-users:before {
  content: "\e909"; }

.icon-view-hide:before {
  content: "\e90a"; }

.icon-view-show:before {
  content: "\e90b"; }

.icon-share-doc:before {
  content: "\e90c"; }

.icon-check:before {
  content: "\e921"; }

.icon-edit:before {
  content: "\e92e"; }

.icon-gear:before {
  content: "\e992"; }

.icon-exit:before {
  content: "\e993"; }

.icon-video-hide:before {
  content: "\e994"; }

.icon-cancel:before {
  content: "\e80d"; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@font-face {
  font-family: 'blasticon';
  src: url("./fonts/blasticon.eot?l7cc89");
  src: url("./fonts/blasticon.eot?l7cc89#iefix") format("embedded-opentype"), url("./fonts/blasticon.woff?l7cc89") format("woff"), url("./fonts/blasticon.ttf?l7cc89") format("truetype"), url("./fonts/blasticon.svg?l7cc89#blasticon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'blasticon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  [class^="icon-"].big-top,
  [class*=" icon-"].big-top {
    font-size: 36px;
    display: block;
    margin: 10px auto; }
  [class^="icon-"].right,
  [class*=" icon-"].right {
    float: right;
    margin: 5px 10px 0 0; }
  [class^="icon-"].red,
  [class*=" icon-"].red {
    color: #EB0E50; }
  [class^="icon-"].green,
  [class*=" icon-"].green {
    color: #7eefcc; }
  [class^="icon-"].orange,
  [class*=" icon-"].orange {
    color: #FF8700; }

.settings_bar .icon-restreaming.active {
  background: #7eefcc;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-animation: restream 0.7s 5 linear;
  -o-animation: restream 0.7s 5 linear;
  -webkit-animation: restream 0.7s 5 linear;
  animation: restream 0.7s 5 linear; }

@keyframes restream {
  0% {
    background: -webkit-linear-gradient(0.5turn, #000, #000, #000, #7eefcc, #7eefcc, #7eefcc, #7eefcc, #7eefcc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  33% {
    background: -webkit-linear-gradient(0.5turn, #000, #000, #7eefcc, #7eefcc, #7eefcc, #7eefcc, #7eefcc, #7eefcc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  66% {
    background: -webkit-linear-gradient(0.5turn, #000, #7eefcc, #7eefcc, #7eefcc, #7eefcc, #7eefcc, #7eefcc, #7eefcc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  100% {
    background: -webkit-linear-gradient(0.5turn, #7eefcc, #7eefcc, #7eefcc, #7eefcc, #7eefcc, #7eefcc, #7eefcc, #7eefcc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; } }

.icon-record:before {
  content: '';
  background: red;
  width: 25px;
  display: inline-block;
  height: 25px;
  border-radius: 50%;
  border: 3px solid #fff; }

.icon-record.disable {
  opacity: 0.3; }

.icon-circle {
  border-radius: 50%;
  font-size: 28px;
  padding: 10px 12px 10px 8px;
  height: 55px;
  width: 55px;
  display: inline-block;
  margin: 25px 0; }
  .icon-circle.icon-small {
    width: 35px;
    line-height: 35px;
    font-size: 22px;
    height: 35px;
    padding: 6px 0 0 2px; }

.icon-lock-open.public,
.icon-lock.public {
  color: #7eefcc; }

.icon-lock-open.private,
.icon-lock.private {
  color: #EB0E50; }

.svg-ico {
  width: 100%;
  height: 100%;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; }

.svg-rotate {
  background-image: url("/svg/replay.svg"); }

.svg-music {
  background-image: url("/svg/music.svg"); }

.svg-auto-switch {
  background-image: url("/svg/autoswitch2.png");
  background-position: -2px 0px;
  height: 18px;
  background-size: 86%;
  margin-bottom: 3px; }

.svg-auto-mute {
  background-image: url("/svg/lecture.svg");
  height: 21px;
  background-size: 50%;
  background-position: center 2px; }

.svg-overlay-speaker {
  background-image: url("/svg/overlay-speaker.png");
  background-size: 50px; }

.svg-overlay-title {
  background-image: url("/svg/overlay-title.png");
  background-size: 50px; }

.svg-bwup {
  background-image: url("/svg/bp-down.svg");
  transform: rotate(225deg);
  background-size: 50%; }

.svg-bwdown {
  background-image: url("/svg/bp-down.svg");
  transform: rotate(45deg);
  background-size: 50%; }

.svg-package {
  background-image: url("/svg/package.svg");
  background-size: 60%; }

.svg-fps {
  background-image: url("/svg/fps.svg");
  background-size: 60%; }

.svg-latency {
  background-image: url("/svg/latency.svg");
  background-size: 50%; }

.has-sub-icon {
  position: relative; }
  .has-sub-icon .sub-icon {
    position: absolute;
    bottom: -5px;
    right: -8px;
    font-size: 80%;
    text-shadow: -1px -1px 0px #ffffff, 0px -1px 0px #ffffff, 1px -1px 0px #ffffff, -1px 0px 0px #ffffff, 1px 0px 0px #ffffff, -1px 1px 0px #ffffff, 0px 1px 0px #ffffff, 1px 1px 0px #ffffff; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.broadcaster-studio {
  background: #434343;
  /***************************
     * CONTAINER
     ***************************/
  /***************************
     * HEADER
     ***************************/
  /***************************
     * SPLIT PANE
     ***************************/
  /***************************
     * LAYERS
     ***************************/
  /***************************
     * VIDEOS CARD
     ***************************/
  /***************************
     * VIDEO/AUDIO CARD
     ***************************/
  /***************************
     * VIDEO CARD
     ***************************/
  /***************************
     * AUDIO CARD
     ***************************/
  /***************************
     * SCREEN VIEW
     ***************************/
  /***************************
     * TEMPLATE SELECT
     ***************************/
  /***************************
     * FLOAT BUTTONS
     ***************************/ }
  .broadcaster-studio input[type="color"] {
    height: 30px; }
  .broadcaster-studio img {
    -webkit-user-drag: none; }
  .broadcaster-studio .SplitPane {
    position: inherit !important; }
  .broadcaster-studio .Resizer {
    background: #4a4a4a;
    z-index: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box; }
  .broadcaster-studio .Resizer:hover {
    -webkit-transition: all 2s ease;
    transition: all 2s ease; }
  .broadcaster-studio .Resizer.horizontal {
    height: 11px;
    margin: -5px 0;
    cursor: row-resize;
    width: 100%; }
  .broadcaster-studio .Resizer.vertical {
    width: 11px;
    margin: 0 -5px;
    cursor: col-resize; }
  .broadcaster-studio .Resizer.disabled {
    cursor: not-allowed; }
  .broadcaster-studio .Resizer.disabled:hover {
    border-color: transparent; }
  .broadcaster-studio ul.layers {
    margin: 0;
    padding: 0; }
  .broadcaster-studio li {
    list-style-type: none; }
  .broadcaster-studio .preview_item {
    display: inline; }
  .broadcaster-studio .preview_item video {
    max-width: 100px; }
  .broadcaster-studio .broadcaster-container {
    position: relative; }
    .broadcaster-studio .broadcaster-container > .side-menu {
      position: absolute;
      top: 0px;
      left: -300px;
      width: 300px;
      height: 100%;
      transition: left 0.4s ease-in-out; }
      .broadcaster-studio .broadcaster-container > .side-menu .rjsf button[type="submit"] {
        display: none; }
      .broadcaster-studio .broadcaster-container > .side-menu .rjsf button {
        min-width: 100px;
        min-height: 25px;
        background: #7eefcc; }
      .broadcaster-studio .broadcaster-container > .side-menu .rjsf button.btn-danger {
        background: #EB0E50; }
    .broadcaster-studio .broadcaster-container > .SplitPane {
      min-height: calc(100% - 65px) !important;
      transition: width 0.25s ease-in-out, margin-left 0.25s ease-in-out; }
    .broadcaster-studio .broadcaster-container.menu-opened > .side-menu {
      left: 0px; }
    .broadcaster-studio .broadcaster-container.menu-opened > .SplitPane {
      width: calc(100% - 300px) !important;
      margin-left: 300px; }
  .broadcaster-studio .side-menu {
    padding-top: 35px;
    background: #000000;
    color: #ffffff; }
    .broadcaster-studio .side-menu .close-side-menu {
      position: absolute;
      top: 0px;
      right: 0px;
      font-family: arial;
      width: 30px;
      height: 28px;
      font-size: 22px;
      line-height: 28px;
      padding: 0;
      color: #ffffff;
      background: #EB0E50;
      cursor: pointer; }
      .broadcaster-studio .side-menu .close-side-menu, .broadcaster-studio .side-menu .close-side-menu:hover, .broadcaster-studio .side-menu .close-side-menu:focus {
        border: none;
        outline: none;
        box-shadow: none; }
      .broadcaster-studio .side-menu .close-side-menu:hover {
        background: #bb0b40; }
    .broadcaster-studio .side-menu .inner {
      padding-left: 15px;
      padding-right: 15px;
      height: calc(100% - 100px);
      overflow: auto; }
    .broadcaster-studio .side-menu .form-group .form-control {
      color: white;
      border-bottom-color: rgba(255, 255, 255, 0.5); }
      .broadcaster-studio .side-menu .form-group .form-control:focus {
        border-bottom-color: #ffffff; }
    .broadcaster-studio .side-menu .form-group select.form-control option {
      color: #000000; }
    .broadcaster-studio .side-menu .form-group .switchbox, .broadcaster-studio .side-menu .form-group .switchbox + label {
      vertical-align: middle; }
    .broadcaster-studio .side-menu .form-group .switchbox + label {
      margin-left: 7px; }
    .broadcaster-studio .side-menu .form-group .form-check {
      display: inline-block;
      vertical-align: middle;
      margin: 4px 10px 4px 0px; }
      .broadcaster-studio .side-menu .form-group .form-check label {
        margin-bottom: 0px; }
      .broadcaster-studio .side-menu .form-group .form-check .form-check-input {
        margin-right: 3px; }
    .broadcaster-studio .side-menu .form-group.inline-group {
      display: flex;
      flex-wrap: nowrap; }
      .broadcaster-studio .side-menu .form-group.inline-group > label {
        padding-right: 10px;
        padding-top: 7px;
        margin-bottom: 0px; }
      .broadcaster-studio .side-menu .form-group.inline-group .form-control {
        width: auto;
        flex: 1 1 auto; }
      .broadcaster-studio .side-menu .form-group.inline-group.custom-switch-group {
        align-items: center; }
      .broadcaster-studio .side-menu .form-group.inline-group.custom-switch-group > label {
        padding-right: 10px;
        padding-top: 0px; }
      .broadcaster-studio .side-menu .form-group.inline-group .switchbox {
        margin-bottom: 0px; }
    .broadcaster-studio .side-menu .form-group.sized-label > label {
      flex: 0 0 75px; }
  .broadcaster-studio div header {
    height: 65px; }
    .broadcaster-studio div header .header-container {
      padding-left: 20px;
      display: flex;
      align-items: center;
      height: 100%;
      max-height: none; }
      .broadcaster-studio div header .header-container .settings_bar {
        margin-left: auto; }
        .broadcaster-studio div header .header-container .settings_bar ul {
          margin: 0px;
          padding: 0px;
          display: flex;
          align-items: center; }
        .broadcaster-studio div header .header-container .settings_bar .link {
          padding: 5px 20px; }
      .broadcaster-studio div header .header-container .user_bar {
        display: flex;
        align-items: center; }
        .broadcaster-studio div header .header-container .user_bar .user_menu {
          padding-left: 20px;
          padding-right: 20px; }
      .broadcaster-studio div header .header-container #block-lang-toggle {
        padding-left: 20px;
        padding-right: 20px;
        white-space: nowrap; }
      .broadcaster-studio div header .header-container #block-lang .lang {
        background: black;
        left: 0px;
        padding-left: 20px;
        padding-right: 20px; }
  .broadcaster-studio .page-title a {
    text-indent: -9999px;
    display: block;
    font-size: 0px;
    line-height: 0; }
    .broadcaster-studio .page-title a span {
      display: none; }
    .broadcaster-studio .page-title a::after {
      content: '';
      display: block;
      width: 345px;
      height: 40px;
      background: url("../img/logo-blastream-studio.png") no-repeat left center;
      background-size: contain; }
  .broadcaster-studio .online-user-wrapper,
  .broadcaster-studio .record-wrapper,
  .broadcaster-studio .stop-live-wrapper {
    padding: 5px 15px; }
    .broadcaster-studio .online-user-wrapper .btn,
    .broadcaster-studio .record-wrapper .btn,
    .broadcaster-studio .stop-live-wrapper .btn {
      display: flex;
      align-items: center;
      flex-wrap: nowrap;
      color: #ffffff;
      background: none;
      padding: 2px 15px;
      text-transform: uppercase;
      line-height: 1;
      white-space: nowrap; }
      .broadcaster-studio .online-user-wrapper .btn, .broadcaster-studio .online-user-wrapper .btn:focus,
      .broadcaster-studio .record-wrapper .btn,
      .broadcaster-studio .record-wrapper .btn:focus,
      .broadcaster-studio .stop-live-wrapper .btn,
      .broadcaster-studio .stop-live-wrapper .btn:focus {
        border: none;
        box-shadow: none;
        outline: none; }
  .broadcaster-studio .stop-live-wrapper {
    padding-left: 30px; }
    .broadcaster-studio .stop-live-wrapper .btn {
      background: #EB0E50;
      padding-right: 2px; }
      .broadcaster-studio .stop-live-wrapper .btn:hover {
        background: #bb0b40;
        text-shadow: none; }
      .broadcaster-studio .stop-live-wrapper .btn .text {
        margin-left: 10px;
        margin-right: 10px; }
      .broadcaster-studio .stop-live-wrapper .btn .time {
        padding: 6px 4px;
        color: #EB0E50;
        background: #ffffff;
        line-height: 1; }
  .broadcaster-studio .record-wrapper .btn {
    background: #808080;
    padding-top: 7px;
    padding-bottom: 7px; }
    .broadcaster-studio .record-wrapper .btn:hover {
      background: #676767; }
    .broadcaster-studio .record-wrapper .btn .icon-circle {
      margin: 0px;
      width: 16px;
      height: 16px;
      background: #ffffff; }
    .broadcaster-studio .record-wrapper .btn .text {
      margin-left: 10px; }
  .broadcaster-studio .online-user-wrapper {
    white-space: nowrap; }
  @media (max-width: 1365px) {
    .broadcaster-studio .online-user-wrapper,
    .broadcaster-studio .record-wrapper,
    .broadcaster-studio .stop-live-wrapper {
      padding-left: 5px;
      padding-right: 5px;
      font-size: 12px; }
    .broadcaster-studio .stop-live-wrapper {
      padding-left: 10px; }
    .broadcaster-studio .record-wrapper .btn .icon-circle {
      width: 14px;
      height: 14px;
      padding: 0; }
    .broadcaster-studio div header {
      height: 65px; }
      .broadcaster-studio div header .header-container {
        padding-left: 10px; }
        .broadcaster-studio div header .header-container .settings_bar .link {
          padding-left: 8px;
          padding-right: 8px; }
        .broadcaster-studio div header .header-container .user_bar .user_menu {
          padding-left: 8px;
          padding-right: 8px; }
        .broadcaster-studio div header .header-container #block-lang-toggle {
          padding-left: 8px;
          padding-right: 8px; }
        .broadcaster-studio div header .header-container #block-lang .lang {
          padding-left: 8px;
          padding-right: 8px; } }
  .broadcaster-studio .Resizer {
    position: relative; }
    .broadcaster-studio .Resizer.horizontal {
      flex: 0 0 11px; }
      .broadcaster-studio .Resizer.horizontal::before, .broadcaster-studio .Resizer.horizontal::after {
        content: '';
        display: block;
        width: 100%;
        height: 0px;
        background: transparent;
        border-top: 1px dashed #ffffff;
        position: absolute;
        top: 33.33%;
        opacity: 0.3;
        box-shadow: none;
        text-shadow: none;
        outline: none; }
      .broadcaster-studio .Resizer.horizontal::after {
        top: 66.66%; }
    .broadcaster-studio .Resizer.vertical::before, .broadcaster-studio .Resizer.vertical::after {
      content: '';
      display: block;
      width: 0px;
      height: 100%;
      background: transparent;
      border-left: 1px dashed #ffffff;
      position: absolute;
      left: 33.33%;
      opacity: 0.3;
      box-shadow: none;
      text-shadow: none;
      outline: none;
      margin-left: -1px; }
    .broadcaster-studio .Resizer.vertical::after {
      left: 66.66%; }
  .broadcaster-studio .Pane.vertical {
    overflow: auto; }
  .broadcaster-studio .SplitPane.vertical {
    background: #0d0d0d;
    color: #ffffff; }
  .broadcaster-studio .layers li {
    border-bottom: 1px solid #4a4a4a; }
  .broadcaster-studio .layers .layer-block-name .layer-icon img {
    width: 40px; }
  .broadcaster-studio .layers .layer {
    padding-left: 10px; }
  .broadcaster-studio .layer-block-name {
    padding: 10px;
    padding-right: 40px;
    background: #000000; }
    .broadcaster-studio .layer-block-name .layer-name {
      font-size: 18px;
      line-height: 1;
      cursor: hand; }
    .broadcaster-studio .layer-block-name .toggleButton,
    .broadcaster-studio .layer-block-name .addButton {
      position: absolute;
      right: 10px;
      background: transparent;
      padding: 3px;
      width: 18px;
      height: 18px;
      line-height: 18px;
      font-size: 90%;
      border-radius: 50%;
      text-align: center; }
      .broadcaster-studio .layer-block-name .toggleButton, .broadcaster-studio .layer-block-name .toggleButton:active, .broadcaster-studio .layer-block-name .toggleButton:focus,
      .broadcaster-studio .layer-block-name .addButton,
      .broadcaster-studio .layer-block-name .addButton:active,
      .broadcaster-studio .layer-block-name .addButton:focus {
        outline: none;
        box-shadow: none;
        border: none; }
    .broadcaster-studio .layer-block-name .addButton {
      background: #ffffff;
      color: #000000;
      top: 10px; }
    .broadcaster-studio .layer-block-name .toggleButton {
      color: #ffffff;
      bottom: 10px; }
      .broadcaster-studio .layer-block-name .toggleButton .icon-up {
        display: inline-block;
        transition: all 0.3s linear; }
    .broadcaster-studio .layer-block-name .layer-icon {
      margin: 5px auto 3px;
      text-align: center;
      margin-right: -20px;
      width: 100%; }
      .broadcaster-studio .layer-block-name .layer-icon img {
        max-width: 100%;
        height: auto;
        margin: 0px auto; }
  .broadcaster-studio .layer {
    display: flex;
    align-items: stretch;
    padding: 5px 15px; }
    .broadcaster-studio .layer .left-block {
      position: relative;
      width: 130px;
      margin-right: 10px; }
    .broadcaster-studio .layer.vertical {
      flex-direction: column; }
      .broadcaster-studio .layer.vertical .left-block {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 10px; }
    .broadcaster-studio .layer.reduced .layer-icon,
    .broadcaster-studio .layer.reduced .addButton {
      display: none; }
    .broadcaster-studio .layer.reduced .toggleButton .icon-up {
      transform: rotate(-180deg); }
    .broadcaster-studio .layer.reduced:not(.vertical) .right-block .video-card {
      height: auto; }
      .broadcaster-studio .layer.reduced:not(.vertical) .right-block .video-card .card-content {
        display: none; }
      .broadcaster-studio .layer.reduced:not(.vertical) .right-block .video-card .card-footer .title {
        padding: 6px 10px; }
      .broadcaster-studio .layer.reduced:not(.vertical) .right-block .video-card .card-footer .buttons-wrapper {
        display: none; }
  .broadcaster-studio .video-cards {
    display: flex;
    justify-content: stretch; }
    .broadcaster-studio .video-cards ul {
      display: flex;
      padding-left: 0px; }
    .broadcaster-studio .video-cards ul li {
      border-bottom: inherit; }
    .broadcaster-studio .video-cards .video-card {
      margin-right: 10px; }
    .broadcaster-studio .video-cards .video-card-overlay {
      background-color: rgba(0, 0, 0, 0.8);
      height: 25px;
      width: 100%;
      position: absolute;
      bottom: 0;
      background-image: url("../img/curved-arrow.png");
      background-image: url(../img/curved-arrow.png);
      background-size: 20px;
      background-repeat: no-repeat;
      background-position: calc(100% - 3px) bottom; }
      .broadcaster-studio .video-cards .video-card-overlay p {
        font-size: 8px;
        padding: 3px;
        line-height: 10px; }
  .broadcaster-studio .audio-cards {
    display: flex;
    justify-content: stretch; }
    .broadcaster-studio .audio-cards .audio-card {
      flex: 0 0 92px;
      width: 92px; }
      .broadcaster-studio .audio-cards .audio-card + .audio-card {
        margin-left: 10px; }
  .broadcaster-studio .audio-card,
  .broadcaster-studio .video-card {
    background: #1e1e1e;
    /* padding: 3px; */
    border: 3px solid #333;
    cursor: pointer; }
    .broadcaster-studio .audio-card.selected,
    .broadcaster-studio .video-card.selected {
      border: 3px solid #7eefcc; }
    .broadcaster-studio .audio-card.special,
    .broadcaster-studio .video-card.special {
      border-color: orange; }
    .broadcaster-studio .audio-card .card-footer,
    .broadcaster-studio .video-card .card-footer {
      text-align: left;
      display: flex;
      align-items: center;
      flex-wrap: nowrap; }
      .broadcaster-studio .audio-card .card-footer .title,
      .broadcaster-studio .video-card .card-footer .title {
        font-weight: normal;
        margin: 0px;
        font-size: 1rem;
        color: white; }
      .broadcaster-studio .audio-card .card-footer .buttons-wrapper,
      .broadcaster-studio .video-card .card-footer .buttons-wrapper {
        margin-left: auto; }
      .broadcaster-studio .audio-card .card-footer .audioBtn,
      .broadcaster-studio .audio-card .card-footer .settingsBtn,
      .broadcaster-studio .audio-card .card-footer .deleteBtn,
      .broadcaster-studio .video-card .card-footer .audioBtn,
      .broadcaster-studio .video-card .card-footer .settingsBtn,
      .broadcaster-studio .video-card .card-footer .deleteBtn {
        font-family: 'blasticon' !important;
        width: 17px;
        height: 17px;
        background: none;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        cursor: pointer;
        font-size: 15px;
        margin: -12px 8px; }
        .broadcaster-studio .audio-card .card-footer .audioBtn, .broadcaster-studio .audio-card .card-footer .audioBtn:focus, .broadcaster-studio .audio-card .card-footer .audioBtn:active,
        .broadcaster-studio .audio-card .card-footer .settingsBtn,
        .broadcaster-studio .audio-card .card-footer .settingsBtn:focus,
        .broadcaster-studio .audio-card .card-footer .settingsBtn:active,
        .broadcaster-studio .audio-card .card-footer .deleteBtn,
        .broadcaster-studio .audio-card .card-footer .deleteBtn:focus,
        .broadcaster-studio .audio-card .card-footer .deleteBtn:active,
        .broadcaster-studio .video-card .card-footer .audioBtn,
        .broadcaster-studio .video-card .card-footer .audioBtn:focus,
        .broadcaster-studio .video-card .card-footer .audioBtn:active,
        .broadcaster-studio .video-card .card-footer .settingsBtn,
        .broadcaster-studio .video-card .card-footer .settingsBtn:focus,
        .broadcaster-studio .video-card .card-footer .settingsBtn:active,
        .broadcaster-studio .video-card .card-footer .deleteBtn,
        .broadcaster-studio .video-card .card-footer .deleteBtn:focus,
        .broadcaster-studio .video-card .card-footer .deleteBtn:active {
          border: none;
          outline: none;
          box-shadow: none; }
      .broadcaster-studio .audio-card .card-footer .deleteBtn,
      .broadcaster-studio .video-card .card-footer .deleteBtn {
        background-image: url("../img/video-card-delete.png"); }
      .broadcaster-studio .audio-card .card-footer .audioBtn,
      .broadcaster-studio .video-card .card-footer .audioBtn {
        background-image: url("../img/video-card-audio.png"); }
  .broadcaster-studio .settingsBtn {
    font-family: 'blasticon' !important;
    border: none;
    background: none;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    margin: 5px; }
  .broadcaster-studio .settingsBtn::before {
    content: "\e921";
    color: #fff; }
  .broadcaster-studio .target .settingsBtn::before {
    color: #000; }
  .broadcaster-studio .video-card {
    width: 110px;
    height: 67px; }
    .broadcaster-studio .video-card .video-wrapper {
      width: 100%;
      height: 100%; }
    .broadcaster-studio .video-card.add .card-content .add-wrapper {
      display: flex; }
    .broadcaster-studio .video-card.remove .card-content .remove-wrapper {
      display: block; }
    .broadcaster-studio .video-card .card-content {
      position: relative; }
      .broadcaster-studio .video-card .card-content .add-wrapper {
        display: flex;
        align-items: stretch; }
      .broadcaster-studio .video-card .card-content .video-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: contain; }
      .broadcaster-studio .video-card .card-content .add-wrapper,
      .broadcaster-studio .video-card .card-content .remove-wrapper {
        display: none;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px; }
      .broadcaster-studio .video-card .card-content .overlay-link {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        text-align: center; }
        .broadcaster-studio .video-card .card-content .overlay-link, .broadcaster-studio .video-card .card-content .overlay-link:focus, .broadcaster-studio .video-card .card-content .overlay-link:hover {
          color: #ffffff;
          text-decoration: none;
          outline: none;
          box-shadow: none; }
        .broadcaster-studio .video-card .card-content .overlay-link i, .broadcaster-studio .video-card .card-content .overlay-link span {
          display: block; }
        .broadcaster-studio .video-card .card-content .overlay-link i {
          width: 19px;
          height: 19px;
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center; }
        .broadcaster-studio .video-card .card-content .overlay-link span {
          font-size: 10px;
          line-height: 1;
          margin-top: 1em; }
      .broadcaster-studio .video-card .card-content .remove-link {
        background: rgba(235, 14, 80, 0.9); }
        .broadcaster-studio .video-card .card-content .remove-link i {
          width: 15px;
          height: 15px;
          background-image: url("../img/video-remove.png"); }
      .broadcaster-studio .video-card .card-content .add-link,
      .broadcaster-studio .video-card .card-content .replace-link {
        width: 50%; }
      .broadcaster-studio .video-card .card-content .add-link {
        background: rgba(9, 75, 55, 0.9); }
        .broadcaster-studio .video-card .card-content .add-link i {
          background-image: url("../img/video-add.png"); }
      .broadcaster-studio .video-card .card-content .replace-link {
        background: rgba(126, 239, 204, 0.9); }
        .broadcaster-studio .video-card .card-content .replace-link i {
          background-image: url("../img/video-replace.png"); }
    .broadcaster-studio .video-card .card-footer {
      margin-top: 4px; }
      .broadcaster-studio .video-card .card-footer .title {
        font-size: 0.7rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
      .broadcaster-studio .video-card .card-footer .audioBtn,
      .broadcaster-studio .video-card .card-footer .settingsBtn,
      .broadcaster-studio .video-card .card-footer .deleteBtn {
        width: 14px;
        height: 14px; }
  .broadcaster-studio .audio-card .audio-wrapper {
    padding: 15px 10px;
    text-align: center;
    background: #0d0d0d;
    display: flex;
    justify-content: stretch;
    flex-wrap: nowrap; }
  .broadcaster-studio .audio-card .spectre-wrapper,
  .broadcaster-studio .audio-card .range-wrapper {
    width: 50%;
    display: flex;
    justify-content: center; }
  .broadcaster-studio .audio-card .spectre-wrapper {
    justify-content: flex-end; }
  .broadcaster-studio .audio-card .range-wrapper .linhas {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 2px;
    background: #969696;
    opacity: 0.75;
    top: 6%; }
    .broadcaster-studio .audio-card .range-wrapper .linhas + .linhas {
      top: 17%; }
      .broadcaster-studio .audio-card .range-wrapper .linhas + .linhas + .linhas {
        top: 28%; }
        .broadcaster-studio .audio-card .range-wrapper .linhas + .linhas + .linhas + .linhas {
          top: 39%; }
          .broadcaster-studio .audio-card .range-wrapper .linhas + .linhas + .linhas + .linhas + .linhas {
            top: 50%; }
            .broadcaster-studio .audio-card .range-wrapper .linhas + .linhas + .linhas + .linhas + .linhas + .linhas {
              top: 61%; }
              .broadcaster-studio .audio-card .range-wrapper .linhas + .linhas + .linhas + .linhas + .linhas + .linhas + .linhas {
                top: 72%; }
                .broadcaster-studio .audio-card .range-wrapper .linhas + .linhas + .linhas + .linhas + .linhas + .linhas + .linhas + .linhas {
                  top: 83%; }
                  .broadcaster-studio .audio-card .range-wrapper .linhas + .linhas + .linhas + .linhas + .linhas + .linhas + .linhas + .linhas + .linhas {
                    top: 94%; }
  .broadcaster-studio .audio-card .range-wrapper .audio-handle {
    width: 100%;
    height: 100%;
    background: url("../img/audio-handle.png") no-repeat center;
    background-size: contain; }
  .broadcaster-studio .audio-card .vuemeter {
    height: 100%;
    width: 10px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(#e21d1d 4%, #ff9d00 12%, #fff200 22%, #f2ea00 37%, #52b152 59%, #52b152 59%, #008a00 79%); }
    .broadcaster-studio .audio-card .vuemeter .vuemeter-hidden {
      position: absolute;
      left: 0px;
      right: 0px;
      top: 0px;
      height: 0%;
      background: #0d0d0d; }
  .broadcaster-studio .audio-mixer {
    padding-bottom: 50px; }
    .broadcaster-studio .audio-mixer .layer-icon img {
      width: 20px; }
    .broadcaster-studio .audio-mixer .layer-icon {
      display: inline;
      margin-right: 5px; }
  .broadcaster-studio .preview_background {
    width: 100%;
    height: 100%;
    object-fit: contain; }
  .broadcaster-studio .item_editor_preview img, .broadcaster-studio .item_editor_preview video, .broadcaster-studio .item_editor_preview canvas {
    width: 100%;
    height: 100%; }
  .broadcaster-studio #studio_preview .target .settingsBtn {
    position: absolute; }
  .broadcaster-studio .Pane1.horizontal {
    display: flex;
    align-items: stretch; }
  .broadcaster-studio .screen-view {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    /***************************
         * TEMPLATE SELECT
         ***************************/
    /***************************
         * TEMPLATE SELECT
         ***************************/ }
    .broadcaster-studio .screen-view .screen-inner,
    .broadcaster-studio .screen-view .template-select-wrapper {
      width: 100%; }
    .broadcaster-studio .screen-view .screen-inner {
      position: relative;
      max-width: 1770px;
      width: calc(100% - 30px);
      margin-left: auto;
      margin-right: auto; }
    .broadcaster-studio .screen-view #studio_preview {
      overflow: hidden; }
    .broadcaster-studio .screen-view #studio_preview_action {
      position: absolute; }
    .broadcaster-studio .screen-view .preview_overlay {
      position: absolute;
      z-index: 100;
      width: 100%;
      height: 100%; }
    .broadcaster-studio .screen-view .react-contextmenu-wrapper {
      width: 100%;
      height: 100%; }
    .broadcaster-studio .screen-view .react-contextmenu--visible {
      z-index: 10; }
    .broadcaster-studio .screen-view .screen-inner {
      flex: 1 1 auto;
      display: flex;
      align-items: stretch;
      flex-wrap: nowrap;
      color: #ffffff; }
    .broadcaster-studio .screen-view .screen-video-block {
      width: 41%;
      margin-top: 25px;
      margin-bottom: 25px; }
      .broadcaster-studio .screen-view .screen-video-block .screen-video {
        height: calc(100% - 27px); }
    .broadcaster-studio .screen-view .screen-publish {
      width: 18%;
      padding: 30px;
      display: flex;
      flex-wrap: nowrap;
      flex-direction: column;
      justify-content: center; }
      .broadcaster-studio .screen-view .screen-publish ul {
        margin: 0px;
        padding: 0px; }
        .broadcaster-studio .screen-view .screen-publish ul li {
          margin: 3px 0px;
          display: flex;
          flex-wrap: nowrap; }
      .broadcaster-studio .screen-view .screen-publish .item-input {
        margin-left: auto; }
      .broadcaster-studio .screen-view .screen-publish select {
        background: inherit;
        border: none;
        border-bottom: 1px solid #ffffff;
        color: #ffffff;
        width: 100px; }
        .broadcaster-studio .screen-view .screen-publish select, .broadcaster-studio .screen-view .screen-publish select:focus {
          box-shadow: none;
          outline: none; }
        .broadcaster-studio .screen-view .screen-publish select option {
          background: #ffffff;
          color: #000000; }
      .broadcaster-studio .screen-view .screen-publish .checkbox-switchbox + .switchbox {
        background-color: #000000; }
        .broadcaster-studio .screen-view .screen-publish .checkbox-switchbox + .switchbox:after {
          background-color: #675B69; }
      .broadcaster-studio .screen-view .screen-publish .checkbox-switchbox:checked + .switchbox {
        background-color: #7eefcc; }
        .broadcaster-studio .screen-view .screen-publish .checkbox-switchbox:checked + .switchbox:after {
          background-color: #000000; }
      .broadcaster-studio .screen-view .screen-publish .btn {
        margin-top: 5px;
        background: #808080; }
      .broadcaster-studio .screen-view .screen-publish .btn-block {
        width: 100%; }
    .broadcaster-studio .screen-view .template-select-wrapper {
      flex: 0 0 auto; }
    .broadcaster-studio .screen-view .video_template_select {
      float: none;
      display: block;
      background: #000000; }
      .broadcaster-studio .screen-view .video_template_select::after {
        content: '';
        display: table;
        clear: both; }
      .broadcaster-studio .screen-view .video_template_select li {
        /*padding-top: 10px;*/
        padding-bottom: 10px;
        height: 80px; }
      .broadcaster-studio .screen-view .video_template_select li.video-card {
        width: 84px;
        background: inherit; }
      .broadcaster-studio .screen-view .video_template_select li.sepa {
        padding-top: 0px;
        padding-bottom: 0px; }
      .broadcaster-studio .screen-view .video_template_select .videoconf_template {
        margin-top: 3px;
        height: calc(100% - 20px);
        position: relative; }
        .broadcaster-studio .screen-view .video_template_select .videoconf_template .videoconf_template_custom_item {
          border: 1px solid #fff;
          background: black;
          position: absolute; }
        .broadcaster-studio .screen-view .video_template_select .videoconf_template span {
          background-color: #000000; }
        .broadcaster-studio .screen-view .video_template_select .videoconf_template + .text {
          color: #ffffff;
          text-align: center;
          font-size: 14px;
          line-height: 1;
          display: block;
          margin-top: 3px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
      .broadcaster-studio .screen-view .video_template_select li.selected {
        background: rgba(255, 255, 255, 0.1); }
        .broadcaster-studio .screen-view .video_template_select li.selected .videoconf_template {
          background: #ffffff; }
          .broadcaster-studio .screen-view .video_template_select li.selected .videoconf_template span {
            background-color: #000000; }
  .broadcaster-studio .template-select-wrapper {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    background: #000000; }
  .broadcaster-studio .template-select-label {
    color: #ffffff;
    margin: 5px 15px 5px 10px;
    padding: 7px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    background: #0d0d0d;
    height: 90%;
    height: calc(100% - 15px); }
    .broadcaster-studio .template-select-label .scenes-icon {
      width: 38px;
      height: 39px;
      margin-left: 25px;
      background: url("../img/scenes-icon.png") no-repeat center;
      background-size: contain; }
  .broadcaster-studio .screen-video-block .title {
    font-weight: normal;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1;
    margin: 0px 0px 3px; }
  .broadcaster-studio .screen-video-block .screen-video {
    border: 8px solid #000000; }
  .broadcaster-studio .screen-video-block.screen-live .screen-video {
    border-color: #EB0E50; }
  .broadcaster-studio .float-buttons {
    position: absolute;
    top: 30px;
    right: -65px; }
    .broadcaster-studio .float-buttons .btn {
      display: block;
      background: #000000;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      padding: 12px; }
      .broadcaster-studio .float-buttons .btn, .broadcaster-studio .float-buttons .btn:focus {
        border: none;
        outline: none;
        box-shadow: none; }
      .broadcaster-studio .float-buttons .btn .img-icon {
        display: block;
        width: 100%;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center; }
      .broadcaster-studio .float-buttons .btn + .btn {
        margin-top: 20px; }
    .broadcaster-studio .float-buttons .btn-chart .img-icon {
      background-image: url("../img/float-button-chart.png"); }
    .broadcaster-studio .float-buttons .btn-help .img-icon {
      background-image: url("../img/float-button-help.png"); }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  text-shadow: none;
  transition: all .300s ease-in;
  padding: 11px 20px 10px;
  background: #000000;
  transition: all 200ms;
  color: #ffffff; }
  @media (hover: hover) {
    .btn:hover {
      filter: brightness(90%); } }
  .btn.cancel {
    background: transparent;
    color: white;
    font-size: 0.7em; }
    .btn.cancel:hover {
      background: #EB0E50; }
  .btn.nolink {
    cursor: initial; }
  .btn.default {
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.09);
    border: solid 1px rgba(151, 151, 151, 0.22);
    background-color: #ffffff;
    padding: 10px;
    color: #0a1321;
    font-size: 14px;
    font-weight: 500;
    line-height: 1; }
    .btn.default:hover {
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
      border: solid 1px rgba(151, 151, 151, 0.4); }
  .btn.grey {
    background: #e6e3e3;
    transition: all 200ms;
    color: #565656; }
    @media (hover: hover) {
      .btn.grey:hover {
        filter: brightness(90%); } }
  .btn.grey2 {
    background: #e6e3e3;
    transition: all 200ms;
    color: #b5b5b5; }
    @media (hover: hover) {
      .btn.grey2:hover {
        filter: brightness(90%); } }
  .btn.grey6 {
    background: #675B69;
    transition: all 200ms;
    color: #b5b5b5; }
    @media (hover: hover) {
      .btn.grey6:hover {
        filter: brightness(90%); } }
  .btn.green {
    color: #ffffff;
    background: #0075ff;
    transition: all 200ms;
    color: #ffffff; }
    @media (hover: hover) {
      .btn.green:hover {
        filter: brightness(90%); } }
  .btn.red {
    background: #EB0E50;
    transition: all 200ms;
    color: #ffffff; }
    @media (hover: hover) {
      .btn.red:hover {
        filter: brightness(90%); } }
  .btn.orange {
    background: #FF8700;
    transition: all 200ms;
    color: #ffffff; }
    @media (hover: hover) {
      .btn.orange:hover {
        filter: brightness(90%); } }
  .btn.blue {
    background: #0075ff;
    transition: all 200ms;
    color: #ffffff; }
    @media (hover: hover) {
      .btn.blue:hover {
        filter: brightness(90%); } }
  .btn.white {
    background: #ffffff;
    transition: all 200ms;
    color: #0075ff; }
    @media (hover: hover) {
      .btn.white:hover {
        filter: brightness(90%); } }
  .btn.purple {
    background: #21128d;
    transition: all 200ms;
    color: #ffffff; }
    @media (hover: hover) {
      .btn.purple:hover {
        filter: brightness(90%); } }
  .btn.green-green {
    color: #ffffff;
    background: #7eefcc;
    transition: all 200ms;
    color: #094b37; }
    @media (hover: hover) {
      .btn.green-green:hover {
        filter: brightness(90%); } }
  .btn.red2-red2 {
    background: #FC92A3;
    transition: all 200ms;
    color: #720315; }
    @media (hover: hover) {
      .btn.red2-red2:hover {
        filter: brightness(90%); } }
  .btn.transparent {
    background: transparent;
    transition: all 200ms;
    color: #ffffff; }
  .btn.transparent-black {
    background: transparent;
    transition: all 200ms;
    color: #000000;
    margin: auto; }
  .btn.transparent-grey6 {
    background: transparent;
    transition: all 200ms;
    color: #675B69;
    margin: auto; }
  .btn.transparent-green {
    background: transparent;
    transition: all 200ms;
    color: #7eefcc;
    margin: auto; }
  .btn.transparent-red {
    background: transparent;
    transition: all 200ms;
    color: #EB0E50;
    margin: auto; }
  .btn.white-grey6 {
    background: #ffffff;
    transition: all 200ms;
    color: #675B69;
    margin: auto; }
    @media (hover: hover) {
      .btn.white-grey6:hover {
        filter: brightness(90%); } }
  .btn.white-blue {
    background: #ffffff;
    transition: all 200ms;
    color: #0075ff;
    margin: auto; }
    @media (hover: hover) {
      .btn.white-blue:hover {
        filter: brightness(90%); } }
  .btn.outline-red {
    background: transparent;
    transition: all 200ms;
    color: #EB0E50;
    margin: auto;
    border: 2px solid #EB0E50 !important; }
    .btn.outline-red:hover {
      background: #EB0E50;
      transition: all 200ms;
      color: #ffffff; }
      @media (hover: hover) {
        .btn.outline-red:hover:hover {
          filter: brightness(90%); } }
  .btn.outline-blue {
    background: transparent;
    transition: all 200ms;
    color: #0075ff;
    margin: auto;
    border: 2px solid #0075ff !important; }
    .btn.outline-blue:hover {
      background: #0075ff;
      transition: all 200ms;
      color: #ffffff; }
      @media (hover: hover) {
        .btn.outline-blue:hover:hover {
          filter: brightness(90%); } }
  .btn.outline-black {
    background: transparent;
    transition: all 200ms;
    color: #000000;
    margin: auto;
    border: 2px solid #000000 !important; }
    .btn.outline-black:hover {
      background: #000000;
      transition: all 200ms;
      color: #ffffff; }
      @media (hover: hover) {
        .btn.outline-black:hover:hover {
          filter: brightness(90%); } }
  .btn.outline-green {
    background: transparent;
    transition: all 200ms;
    color: #7eefcc;
    margin: auto;
    border: 2px solid #7eefcc !important; }
    .btn.outline-green:hover {
      background: #7eefcc;
      transition: all 200ms;
      color: #ffffff; }
      @media (hover: hover) {
        .btn.outline-green:hover:hover {
          filter: brightness(90%); } }
  .btn.outline-grey6 {
    background: transparent;
    transition: all 200ms;
    color: #675B69;
    margin: auto;
    border: 2px solid #675B69 !important; }
    .btn.outline-grey6:hover {
      background: #675B69;
      transition: all 200ms;
      color: #ffffff; }
      @media (hover: hover) {
        .btn.outline-grey6:hover:hover {
          filter: brightness(90%); } }
  .btn.outline-grey1 {
    background: transparent;
    transition: all 200ms;
    color: #1f0823;
    margin: auto;
    border: 2px solid #1f0823 !important; }
    .btn.outline-grey1:hover {
      background: #1f0823;
      transition: all 200ms;
      color: #ffffff; }
      @media (hover: hover) {
        .btn.outline-grey1:hover:hover {
          filter: brightness(90%); } }
  .btn.outline-white {
    background: transparent;
    transition: all 200ms;
    color: #ffffff;
    margin: auto;
    border: 2px solid #675B69 !important; }
    .btn.outline-white:hover {
      background: #675B69;
      transition: all 200ms;
      color: #ffffff; }
      @media (hover: hover) {
        .btn.outline-white:hover:hover {
          filter: brightness(90%); } }
  .btn.btn-full {
    width: 100%; }
  .btn.btn-drag {
    cursor: move; }
  .btn.btn-circle {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    padding: 0; }
  .btn.btn-social {
    width: 191px;
    font-size: 14px;
    padding: 6px;
    height: 46px;
    margin: 5px; }
    .btn.btn-social i,
    .btn.btn-social svg {
      margin-right: 6px; }
    .btn.btn-social .icon {
      color: #EB0E50; }
  .btn.btn-big {
    font-size: 32px;
    line-height: 60px;
    width: 60px;
    height: 60px; }
  .btn.btn-small {
    font-size: 12px;
    padding: 8px 14px 7px; }
  .btn.btn-xsmall {
    font-size: 10px;
    padding: 4px 7px 3px; }
  .btn.btn-join {
    font-size: 26px;
    color: white;
    background: #000000;
    height: 100%;
    border-radius: 0; }
  .btn.bt-login {
    height: 50px;
    margin-left: 10px;
    font-size: 18px;
    width: 50px; }
  .btn.btn-close {
    float: right; }
  .btn.disable {
    opacity: 0.3;
    cursor: wait; }
  .btn.btn-action {
    padding: 0;
    width: 26px;
    height: 26px;
    margin-left: 4px;
    color: #fff;
    transition: none;
    font-size: 12px;
    background-color: rgba(0, 0, 0, 0.65);
    border: solid 1px #ffffff; }
  .btn.btn-replay {
    padding: 6px 8px;
    font-size: 14px; }

a.btn:hover {
  color: #fff; }

.btn-reaction-owner {
  border-radius: 7px;
  font-size: 11px;
  padding: 2px 5px;
  margin: 0 3px;
  justify-content: space-between;
  border: solid 1px #7f7e7e; }

.btn-reaction {
  cursor: pointer !important;
  border-radius: 7px;
  font-size: 11px;
  padding: 2px 5px;
  margin: 0 3px;
  justify-content: space-between;
  border: solid 1px #7f7e7e; }
  .btn-reaction:hover {
    background: #565656 !important;
    color: #ffffff !important; }
  .btn-reaction.my-reaction {
    border: solid 1px #7eefcc; }

.img_thumb_box.videoconf_source_item_thumb button {
  background-color: rgba(0, 0, 0, 0); }
  .img_thumb_box.videoconf_source_item_thumb button i {
    text-shadow: #000 1px 2px 10px; }

.btn-social-facebook {
  background: #ffffff;
  transition: all 200ms;
  color: #1877F2;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px rgba(79, 86, 96, 0.17);
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (hover: hover) {
    .btn-social-facebook:hover {
      filter: brightness(90%); } }
  .btn-social-facebook:hover {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    border: solid 1px #a2aab9; }

.btn-social-twitter {
  background: #ffffff;
  transition: all 200ms;
  color: #0075ff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px rgba(79, 86, 96, 0.17);
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (hover: hover) {
    .btn-social-twitter:hover {
      filter: brightness(90%); } }
  .btn-social-twitter:hover {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    border: solid 1px #a2aab9; }

.btn-social-google {
  background: #ffffff;
  transition: all 200ms;
  color: #dd4b39;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px rgba(79, 86, 96, 0.17);
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (hover: hover) {
    .btn-social-google:hover {
      filter: brightness(90%); } }
  .btn-social-google:hover {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    border: solid 1px #a2aab9; }

.btn-social-twitch {
  background: #ffffff;
  transition: all 200ms;
  color: #6441A4;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px rgba(79, 86, 96, 0.17);
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (hover: hover) {
    .btn-social-twitch:hover {
      filter: brightness(90%); } }
  .btn-social-twitch:hover {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    border: solid 1px #a2aab9; }

.btn-social-linkedin {
  background: #ffffff;
  transition: all 200ms;
  color: #0A608D;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px rgba(79, 86, 96, 0.17);
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (hover: hover) {
    .btn-social-linkedin:hover {
      filter: brightness(90%); } }
  .btn-social-linkedin:hover {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    border: solid 1px #a2aab9; }

.btn-social-reddit {
  background: #ffffff;
  transition: all 200ms;
  color: #ff392e;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px rgba(79, 86, 96, 0.17);
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (hover: hover) {
    .btn-social-reddit:hover {
      filter: brightness(90%); } }
  .btn-social-reddit:hover {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    border: solid 1px #a2aab9; }

.btn-social-tumblr {
  background: #ffffff;
  transition: all 200ms;
  color: #070808;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px rgba(79, 86, 96, 0.17);
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (hover: hover) {
    .btn-social-tumblr:hover {
      filter: brightness(90%); } }
  .btn-social-tumblr:hover {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    border: solid 1px #a2aab9; }

.btn-social-dailymotion {
  background: #ffffff;
  transition: all 200ms;
  color: #20C5F2;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px rgba(79, 86, 96, 0.17);
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (hover: hover) {
    .btn-social-dailymotion:hover {
      filter: brightness(90%); } }
  .btn-social-dailymotion:hover {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    border: solid 1px #a2aab9; }

.btn-social-youtube {
  background: #ffffff;
  transition: all 200ms;
  color: #FB0010;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px rgba(79, 86, 96, 0.17);
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (hover: hover) {
    .btn-social-youtube:hover {
      filter: brightness(90%); } }
  .btn-social-youtube:hover {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    border: solid 1px #a2aab9; }

.btn-social-server {
  background: #ffffff;
  transition: all 200ms;
  color: #d95e17;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px rgba(79, 86, 96, 0.17);
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (hover: hover) {
    .btn-social-server:hover {
      filter: brightness(90%); } }
  .btn-social-server:hover {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    border: solid 1px #a2aab9; }

.btn-social-whatsapp {
  background: #ffffff;
  transition: all 200ms;
  color: #0fbd59;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px rgba(79, 86, 96, 0.17);
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (hover: hover) {
    .btn-social-whatsapp:hover {
      filter: brightness(90%); } }
  .btn-social-whatsapp:hover {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    border: solid 1px #a2aab9; }

.btn-social-google {
  background: transparent;
  background-image: url("/prod/public/img/btn_google_signin_dark_normal_web.png");
  width: 191px !important;
  height: 46px;
  border: solid 0px rgba(79, 86, 96, 0.17); }

.btn-social-google:hover {
  background: transparent;
  background-image: url("/prod/public/img/btn_google_signin_dark_focus_web.png");
  width: 191px !important;
  height: 46px;
  border: solid 0px rgba(79, 86, 96, 0.17); }

.social-container {
  display: none !important; }
  .social-container .btn-social-facebook {
    background: transparent;
    background-image: url("/externals/logo/img/fb.png");
    width: 191px !important;
    height: 46px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    border: solid 0px rgba(79, 86, 96, 0.17); }
  .social-container .btn-social-facebook:hover {
    background: transparent;
    background-image: url("/prod/public/img/fb.png");
    opacity: 0.9;
    width: 191px !important;
    height: 46px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    border: solid 0px rgba(79, 86, 96, 0.17); }

.btn-bar {
  margin: 20px 0px 0px;
  display: flex; }
  .btn-bar.btn-bar-between {
    align-items: center;
    justify-content: space-between; }
  .btn-bar.btn-bar-right {
    justify-content: flex-end; }
    .btn-bar.btn-bar-right .btn {
      margin-left: 10px;
      margin-right: 0px; }

.btn-action {
  border-radius: 7px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.15px;
  line-height: 21px;
  text-align: center;
  border: none;
  color: #fff;
  padding: 10px; }

.btn-blue {
  background-color: #0075ff; }

@media (min-width: 569px) {
  .btn.btn-social span {
    display: inline-block; } }

@media (max-height: 399px) {
  .btn.btn-social {
    width: 50px; }
    .btn.btn-social span {
      display: none; }
  .title-with-social h1 {
    flex: 1 1 auto;
    margin: 0; } }

@media (max-width: 569px) {
  .btn span {
    display: none; } }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.chat {
  background-color: white;
  border-radius: 10px 0 0 0;
  overflow: hidden;
  display: flex;
  flex: 0 0 25%;
  flex-direction: column;
  box-shadow: -4px 2px 4px 0 rgba(0, 0, 0, 0.06);
  z-index: 86;
  max-height: 100%;
  height: 100%;
  /*@media (max-width: $screen-md-min) and (orientation: landscape) {
    flex: 0 0 35%;
    max-width: $PanelRightWidth;
  }*/ }
  @media (max-width: 768px) and (orientation: portrait) {
    .chat {
      border-radius: 10px 10px 0 0; } }
  @media (max-width: 1200px) {
    .chat {
      flex: 0 0 275px; } }
  .chat.closed {
    margin-right: -25% !important; }
  .chat.poped-out {
    display: flex !important;
    width: 100%; }
  .chat .chat-header li {
    height: 65px;
    line-height: 65px;
    padding: 8px 6px; }
    .chat .chat-header li i {
      font-size: 20px; }
    @media (max-width: 768px) and (orientation: portrait) {
      .chat .chat-header li {
        height: 45px;
        line-height: 45px;
        padding: 0px 0px; }
        .chat .chat-header li i {
          font-size: 16px; } }
    .chat .chat-header li.chat-header-more {
      display: none; }
  .chat .chat-header .link-counter {
    background: #EB0E50;
    color: #fff;
    top: 50%;
    right: 50%;
    transform: translate(100%, -100%);
    box-shadow: 0 0 2px 2px #fff; }
  .chat .chat_message {
    display: flex;
    flex-direction: column;
    position: relative;
    flex: 1;
    overflow-y: hidden; }
  .chat .chat_message_list {
    flex: 1; }
  .chat .notice-moderation {
    background: #FFF5EB;
    padding: 12px;
    color: #FF8700;
    font-size: .9rem;
    text-align: center;
    padding: 16px;
    margin-top: 10px;
    position: absolute;
    top: 0;
    right: 100%;
    width: 100%;
    z-index: 87; }
    .chat .notice-moderation.active {
      right: 0;
      animation: slideIn 120ms backwards; }
  .chat .message_vote_header {
    padding: 5px 20px;
    background: #0075ff3b;
    text-align: center; }
  .chat .message-pinned,
  .chat .chat_message_list {
    margin: 0;
    height: 100%;
    overflow: auto; }
    .chat .message-pinned ul,
    .chat .chat_message_list ul {
      margin-bottom: 0px; }
    .chat .message-pinned.chat_pending_list,
    .chat .chat_message_list.chat_pending_list {
      display: flex;
      flex-direction: column-reverse; }
      .chat .message-pinned.chat_pending_list ul,
      .chat .chat_message_list.chat_pending_list ul {
        display: flex;
        flex-direction: column-reverse; }
        .chat .message-pinned.chat_pending_list ul li,
        .chat .chat_message_list.chat_pending_list ul li {
          filter: blur(0.6px); }
          .chat .message-pinned.chat_pending_list ul li:first-child,
          .chat .chat_message_list.chat_pending_list ul li:first-child {
            opacity: 1;
            filter: none; }
    .chat .message-pinned > ul,
    .chat .chat_message_list > ul {
      padding: 0;
      list-style: none; }
      .chat .message-pinned > ul > li,
      .chat .chat_message_list > ul > li {
        padding: 0px 5px 5px;
        font-size: 14px;
        word-wrap: break-word;
        overflow: hidden;
        position: relative;
        color: #484848;
        font-size: 14px;
        /*.message-file {
                        display: flex;
                        flex-direction: row;
                        flex-wrap: nowrap;
                        align-items: center;
                        margin-top: 7px;
                        border: 1px solid $grey2;
                        border-radius: 3px;
                        width: 100%;
                        //padding: 7px; // background: $grey;
                        .message-thumb-icon {
                            margin-right: 1rem;
                        }
                        .message-file-desc {
                            overflow: hidden;
                        }
                        .message-file-name,
                        .message-file-info {
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }
                        .message-file-name {
                            display: block;
                            font-size: 1rem;
                            padding: 0px;
                            line-height: 1.1em;
                        }
                        .message-file-info {
                            display: block;
                            color: $grey-dark;
                            font-size: 0.8rem;
                        }
                    }*/ }
        .chat .message-pinned > ul > li.message-system,
        .chat .chat_message_list > ul > li.message-system {
          padding: 0; }
          .chat .message-pinned > ul > li.message-system .message-system-inner,
          .chat .chat_message_list > ul > li.message-system .message-system-inner {
            background: #F7FBFF;
            margin: 0;
            padding: 5px;
            border-radius: 0;
            font-size: 12px;
            display: flex;
            align-items: baseline; }
            .chat .message-pinned > ul > li.message-system .message-system-inner i,
            .chat .chat_message_list > ul > li.message-system .message-system-inner i {
              margin: 0px 10px 0 5px;
              color: #675B69; }
            .chat .message-pinned > ul > li.message-system .message-system-inner.message-link-discussion,
            .chat .chat_message_list > ul > li.message-system .message-system-inner.message-link-discussion {
              background: #ffa90047; }
        .chat .message-pinned > ul > li:not(:last-child),
        .chat .chat_message_list > ul > li:not(:last-child) {
          border-bottom: solid 1px #efefef; }
        .chat .message-pinned > ul > li span,
        .chat .chat_message_list > ul > li span {
          color: #636363;
          font-weight: bold;
          /* padding: 1px 2px; */ }
        .chat .message-pinned > ul > li.message-doc,
        .chat .chat_message_list > ul > li.message-doc {
          cursor: pointer; }
          .chat .message-pinned > ul > li.message-doc p,
          .chat .chat_message_list > ul > li.message-doc p {
            padding-left: 0; }
        .chat .message-pinned > ul > li .message,
        .chat .chat_message_list > ul > li .message {
          padding-left: 40px;
          padding-top: 6px;
          position: relative; }
          .chat .message-pinned > ul > li .message-username,
          .chat .chat_message_list > ul > li .message-username {
            color: #0a1321;
            font-size: 14px;
            font-weight: 500;
            line-height: 24px; }
          .chat .message-pinned > ul > li .message-date,
          .chat .chat_message_list > ul > li .message-date {
            font-size: 10px;
            font-weight: 600;
            color: #7a828f;
            float: right; }
          .chat .message-pinned > ul > li .message-avatar,
          .chat .chat_message_list > ul > li .message-avatar {
            color: #fff;
            background: #0075ff;
            padding: 4px;
            line-height: 30px;
            height: 30px;
            width: 30px;
            justify-content: center;
            align-items: center;
            border-radius: 100%;
            text-align: center;
            display: flex;
            position: absolute;
            top: 4px;
            left: 2px;
            margin-right: 6px; }
            .chat .message-pinned > ul > li .message-avatar-img,
            .chat .chat_message_list > ul > li .message-avatar-img {
              line-height: 30px;
              height: 30px;
              width: 30px;
              justify-content: center;
              align-items: center;
              border-radius: 100%;
              text-align: center;
              display: flex;
              position: absolute;
              top: 4px;
              left: 2px;
              margin-right: 6px;
              object-fit: cover; }
          .chat .message-pinned > ul > li .message-avatar-icon,
          .chat .chat_message_list > ul > li .message-avatar-icon {
            position: absolute;
            left: 20px;
            top: 20px;
            color: #0075ff;
            background-color: #fff;
            border-radius: 50%;
            font-size: 15px; }
          .chat .message-pinned > ul > li .message-label,
          .chat .chat_message_list > ul > li .message-label {
            padding: 5px 8px 5px 7px;
            border-radius: 12px;
            background-color: #0075ff;
            font-size: 10px;
            font-weight: bold;
            text-transform: uppercase;
            margin-left: 5px;
            color: #fff; }
          .chat .message-pinned > ul > li .message-content,
          .chat .chat_message_list > ul > li .message-content {
            white-space: pre-wrap;
            color: #484848;
            margin: 0;
            font-size: 14px;
            line-height: 14px; }
        .chat .message-pinned > ul > li .message-link-in-text,
        .chat .chat_message_list > ul > li .message-link-in-text {
          background: #e0dede;
          display: block;
          margin: 5px 0 0;
          padding: 3px; }
        .chat .message-pinned > ul > li .message-link-discussion,
        .chat .chat_message_list > ul > li .message-link-discussion {
          background: #ffa900;
          padding: 5px;
          display: block;
          cursor: pointer; }
        .chat .message-pinned > ul > li .message-thumb,
        .chat .chat_message_list > ul > li .message-thumb {
          display: flex;
          justify-content: space-between; }
          .chat .message-pinned > ul > li .message-thumb:hover,
          .chat .chat_message_list > ul > li .message-thumb:hover {
            text-decoration: none; }
          .chat .message-pinned > ul > li .message-thumb .message-thumb-text,
          .chat .chat_message_list > ul > li .message-thumb .message-thumb-text {
            color: #000000; }
          .chat .message-pinned > ul > li .message-thumb .message-thumb-icon,
          .chat .chat_message_list > ul > li .message-thumb .message-thumb-icon {
            flex: 0 0 50px;
            height: 50px;
            background-size: cover;
            border-radius: 3px;
            background-repeat: no-repeat; }
          .chat .message-pinned > ul > li .message-thumb .message-link-title,
          .chat .chat_message_list > ul > li .message-thumb .message-link-title {
            padding: 0;
            font-size: 0.9em;
            font-style: italic;
            margin: 0; }
        .chat .message-pinned > ul > li .message-overlay,
        .chat .chat_message_list > ul > li .message-overlay {
          display: flex;
          position: absolute;
          z-index: 2;
          width: auto;
          top: 4px;
          right: 4px;
          color: #fff;
          flex-direction: row;
          flex-wrap: nowrap;
          justify-content: flex-end;
          align-items: center;
          transform: translate(0, -120%);
          border-radius: 0 0 0 4px;
          opacity: .2; }
          .chat .message-pinned > ul > li .message-overlay:hover,
          .chat .chat_message_list > ul > li .message-overlay:hover {
            opacity: .5; }
          .chat .message-pinned > ul > li .message-overlay .overlay-btn,
          .chat .chat_message_list > ul > li .message-overlay .overlay-btn {
            cursor: pointer;
            display: flex;
            text-decoration: none;
            width: 40px;
            height: 100%;
            text-align: center;
            align-items: center;
            justify-content: center;
            padding: 0;
            width: 26px;
            height: 26px;
            margin-left: 4px;
            color: #fff;
            transition: none;
            font-size: 10px;
            background-color: rgba(0, 0, 0, 0.8);
            /*border: solid 1px rgba(46, 54, 66, 0.98);*/
            border-radius: 50%;
            opacity: .9; }
            .chat .message-pinned > ul > li .message-overlay .overlay-btn:hover,
            .chat .chat_message_list > ul > li .message-overlay .overlay-btn:hover {
              text-decoration: none;
              opacity: 1; }
            .chat .message-pinned > ul > li .message-overlay .overlay-btn.remove,
            .chat .chat_message_list > ul > li .message-overlay .overlay-btn.remove {
              background: #E81046; }
            .chat .message-pinned > ul > li .message-overlay .overlay-btn.pin,
            .chat .chat_message_list > ul > li .message-overlay .overlay-btn.pin {
              background: #ff8700; }
            .chat .message-pinned > ul > li .message-overlay .overlay-btn.archive,
            .chat .chat_message_list > ul > li .message-overlay .overlay-btn.archive {
              background: #3ec59b; }
            .chat .message-pinned > ul > li .message-overlay .overlay-btn.camera,
            .chat .chat_message_list > ul > li .message-overlay .overlay-btn.camera {
              background: #0075ff; }
            .chat .message-pinned > ul > li .message-overlay .overlay-btn.emoji,
            .chat .chat_message_list > ul > li .message-overlay .overlay-btn.emoji {
              background: #F4B92D;
              font-size: 17px;
              padding-left: 1px; }
        .chat .message-pinned > ul > li.message-text:hover,
        .chat .chat_message_list > ul > li.message-text:hover {
          background-color: #fbfbfb; }
        .chat .message-pinned > ul > li.message-text.group-40 .message-username,
        .chat .message-pinned > ul > li.message-text.group-50 .message-username,
        .chat .message-pinned > ul > li.message-text.group-60 .message-username,
        .chat .chat_message_list > ul > li.message-text.group-40 .message-username,
        .chat .chat_message_list > ul > li.message-text.group-50 .message-username,
        .chat .chat_message_list > ul > li.message-text.group-60 .message-username {
          color: #0075ff; }
        .chat .message-pinned > ul > li .message-content img,
        .chat .chat_message_list > ul > li .message-content img {
          max-width: 100%; }
        .chat .message-pinned > ul > li.message-pinned .message-overlay, .chat .message-pinned > ul > li:hover .message-overlay,
        .chat .chat_message_list > ul > li.message-pinned .message-overlay,
        .chat .chat_message_list > ul > li:hover .message-overlay {
          transform: translate(0, 0);
          opacity: 1; }
        .chat .message-pinned > ul > li.message-hide,
        .chat .chat_message_list > ul > li.message-hide {
          opacity: 0.2; }
          .chat .message-pinned > ul > li.message-hide .message-overlay .pin,
          .chat .message-pinned > ul > li.message-hide .message-overlay .archive,
          .chat .message-pinned > ul > li.message-hide .message-overlay .message-btn-emoji,
          .chat .message-pinned > ul > li.message-hide .message-overlay .camera,
          .chat .message-pinned > ul > li.message-hide .message-overlay .menu-bt,
          .chat .chat_message_list > ul > li.message-hide .message-overlay .pin,
          .chat .chat_message_list > ul > li.message-hide .message-overlay .archive,
          .chat .chat_message_list > ul > li.message-hide .message-overlay .message-btn-emoji,
          .chat .chat_message_list > ul > li.message-hide .message-overlay .camera,
          .chat .chat_message_list > ul > li.message-hide .message-overlay .menu-bt {
            display: none !important; }
        .chat .message-pinned > ul > li.message-remove,
        .chat .chat_message_list > ul > li.message-remove {
          display: none; }
        .chat .message-pinned > ul > li.message-pinned,
        .chat .chat_message_list > ul > li.message-pinned {
          background-color: #f7f7f7 !important;
          width: 100%;
          padding: 5px;
          margin: 0;
          height: auto;
          position: absolute;
          top: 0px;
          z-index: 99;
          box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1);
          border-bottom: solid 1px rgba(151, 151, 151, 0.29);
          /*
              .message {
                padding: 0;
              }
    
              .message-header {
                display: inline-block;
                margin-top: 5px;
              }
    
              .message-content {
                display: inline-block;
                margin-left: 4px;
              }
    
              .message-username {
                color: #217ce8;
                &:after {
                  content: ':';
                }
              }
    
              .message-avatar,
              .message-date {
                display: none;
              }
              */
          /*.message-overlay {
            .remove {
              display: none;
            }
            .pin {
              background: $red-blastream;
            }

          }*/ }
          .chat .message-pinned > ul > li.message-pinned.message-pin-close,
          .chat .chat_message_list > ul > li.message-pinned.message-pin-close {
            height: 36px; }
          .chat .message-pinned > ul > li.message-pinned .message-pin-info,
          .chat .chat_message_list > ul > li.message-pinned .message-pin-info {
            display: inline-flex;
            align-items: center;
            color: #fff;
            border-radius: 12px;
            background-color: #ff8700;
            padding: 4px 8px 3px;
            font-size: 10px;
            text-transform: uppercase;
            cursor: pointer; }
            .chat .message-pinned > ul > li.message-pinned .message-pin-info i,
            .chat .chat_message_list > ul > li.message-pinned .message-pin-info i {
              margin-right: 4px;
              font-size: 10px; }
              .chat .message-pinned > ul > li.message-pinned .message-pin-info i.icon-up, .chat .message-pinned > ul > li.message-pinned .message-pin-info i.icon-down,
              .chat .chat_message_list > ul > li.message-pinned .message-pin-info i.icon-up,
              .chat .chat_message_list > ul > li.message-pinned .message-pin-info i.icon-down {
                font-size: 14px;
                margin: 0 0 0 4px; }
          .chat .message-pinned > ul > li.message-pinned .message-poll .poll-results .rating-result li,
          .chat .chat_message_list > ul > li.message-pinned .message-poll .poll-results .rating-result li {
            background: none; }
        .chat .message-pinned > ul > li .message-thumb.file,
        .chat .chat_message_list > ul > li .message-thumb.file {
          flex-wrap: wrap; }
        .chat .message-pinned > ul > li .message-file,
        .chat .chat_message_list > ul > li .message-file {
          height: 50px;
          display: block; }
          .chat .message-pinned > ul > li .message-file img,
          .chat .chat_message_list > ul > li .message-file img {
            height: 100%;
            border-radius: 6px;
            background-color: #ebebeb;
            border: 1px solid #d2d2d2;
            overflow: hidden; }
        .chat .message-pinned > ul > li .q-and-a .q-and-a-content,
        .chat .chat_message_list > ul > li .q-and-a .q-and-a-content {
          display: block;
          padding-top: 3px;
          padding-left: 22px; }
          .chat .message-pinned > ul > li .q-and-a .q-and-a-content p,
          .chat .chat_message_list > ul > li .q-and-a .q-and-a-content p {
            display: block;
            margin-bottom: 0px; }
          .chat .message-pinned > ul > li .q-and-a .q-and-a-content strong,
          .chat .chat_message_list > ul > li .q-and-a .q-and-a-content strong {
            font-style: italic; }
        .chat .message-pinned > ul > li .q-and-a.has-response .q-and-a-content .answer-txt,
        .chat .chat_message_list > ul > li .q-and-a.has-response .q-and-a-content .answer-txt {
          padding-left: 5px;
          border-left: 4px solid rgba(0, 0, 0, 0.3); }
        .chat .message-pinned > ul > li.message-poll .poll-title,
        .chat .chat_message_list > ul > li.message-poll .poll-title {
          margin-bottom: 18px;
          font-size: 14px;
          font-weight: 500;
          color: #0a1321; }
        .chat .message-pinned > ul > li.message-poll .poll-content,
        .chat .chat_message_list > ul > li.message-poll .poll-content {
          margin-bottom: 10px;
          margin-left: -40px; }
        .chat .message-pinned > ul > li.message-poll .poll-results .rating-result li,
        .chat .chat_message_list > ul > li.message-poll .poll-results .rating-result li {
          margin-bottom: 12; }
        .chat .message-pinned > ul > li.message-poll .poll-results .label,
        .chat .chat_message_list > ul > li.message-poll .poll-results .label {
          font-size: 14px;
          font-weight: 500;
          color: #0a1321;
          margin-bottom: 5px; }
          .chat .message-pinned > ul > li.message-poll .poll-results .label .icon-check,
          .chat .message-pinned > ul > li.message-poll .poll-results .label .icon-cancel,
          .chat .chat_message_list > ul > li.message-poll .poll-results .label .icon-check,
          .chat .chat_message_list > ul > li.message-poll .poll-results .label .icon-cancel {
            font-size: 11px;
            color: #636363; }
        .chat .message-pinned > ul > li.message-poll .poll-results .icon-star,
        .chat .chat_message_list > ul > li.message-poll .poll-results .icon-star {
          color: #ffc800;
          font-size: 18px; }
        .chat .message-pinned > ul > li.message-poll .poll-results .star-average-note,
        .chat .chat_message_list > ul > li.message-poll .poll-results .star-average-note {
          width: 18px;
          display: inline-block;
          overflow: hidden; }
        .chat .message-pinned > ul > li.message-poll .poll-results .progress,
        .chat .chat_message_list > ul > li.message-poll .poll-results .progress {
          position: relative;
          color: #798490;
          padding-top: 10px;
          min-width: 25px; }
          .chat .message-pinned > ul > li.message-poll .poll-results .progress:before,
          .chat .chat_message_list > ul > li.message-poll .poll-results .progress:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            content: '';
            border-radius: 7px;
            background-color: var(--color);
            height: 9px; }
        .chat .message-pinned > ul > li.message-poll .poll-results .poll-choice-voted .progress,
        .chat .chat_message_list > ul > li.message-poll .poll-results .poll-choice-voted .progress {
          color: #0075ff; }
          .chat .message-pinned > ul > li.message-poll .poll-results .poll-choice-voted .progress:before,
          .chat .chat_message_list > ul > li.message-poll .poll-results .poll-choice-voted .progress:before {
            background-color: #0075ff; }
        .chat .message-pinned > ul > li.message-poll .poll-results .poll-choice-voted.poll-choice-wrong .icon-cancel,
        .chat .chat_message_list > ul > li.message-poll .poll-results .poll-choice-voted.poll-choice-wrong .icon-cancel {
          font-size: 11px;
          color: #EB0E50; }
        .chat .message-pinned > ul > li.message-poll .poll-results .poll-choice-voted.poll-choice-right .icon-check,
        .chat .chat_message_list > ul > li.message-poll .poll-results .poll-choice-voted.poll-choice-right .icon-check {
          font-size: 11px;
          color: #179C17; }
        .chat .message-pinned > ul > li.message-poll.poll-multiple, .chat .message-pinned > ul > li.message-poll.poll-quiz,
        .chat .chat_message_list > ul > li.message-poll.poll-multiple,
        .chat .chat_message_list > ul > li.message-poll.poll-quiz {
          background-color: rgba(235, 14, 80, 0.02); }
          .chat .message-pinned > ul > li.message-poll.poll-multiple .message-avatar, .chat .message-pinned > ul > li.message-poll.poll-quiz .message-avatar,
          .chat .chat_message_list > ul > li.message-poll.poll-multiple .message-avatar,
          .chat .chat_message_list > ul > li.message-poll.poll-quiz .message-avatar {
            background: #FDE6EC;
            color: #E81046; }
          .chat .message-pinned > ul > li.message-poll.poll-multiple .choices-wrapper, .chat .message-pinned > ul > li.message-poll.poll-quiz .choices-wrapper,
          .chat .chat_message_list > ul > li.message-poll.poll-multiple .choices-wrapper,
          .chat .chat_message_list > ul > li.message-poll.poll-quiz .choices-wrapper {
            display: flex;
            flex-direction: column; }
          .chat .message-pinned > ul > li.message-poll.poll-multiple .poll-title, .chat .message-pinned > ul > li.message-poll.poll-quiz .poll-title,
          .chat .chat_message_list > ul > li.message-poll.poll-multiple .poll-title,
          .chat .chat_message_list > ul > li.message-poll.poll-quiz .poll-title {
            margin-bottom: 25px; }
          .chat .message-pinned > ul > li.message-poll.poll-multiple button, .chat .message-pinned > ul > li.message-poll.poll-quiz button,
          .chat .chat_message_list > ul > li.message-poll.poll-multiple button,
          .chat .chat_message_list > ul > li.message-poll.poll-quiz button {
            margin-bottom: 12px; }
        .chat .message-pinned > ul > li.message-poll.poll-yes-no,
        .chat .chat_message_list > ul > li.message-poll.poll-yes-no {
          background-color: rgba(21, 235, 14, 0.02); }
          .chat .message-pinned > ul > li.message-poll.poll-yes-no .message-avatar,
          .chat .chat_message_list > ul > li.message-poll.poll-yes-no .message-avatar {
            background: #BFEEBF;
            color: #179C17;
            font-size: 14px; }
          .chat .message-pinned > ul > li.message-poll.poll-yes-no .poll-choices-inner,
          .chat .chat_message_list > ul > li.message-poll.poll-yes-no .poll-choices-inner {
            display: flex;
            justify-content: space-between; }
            .chat .message-pinned > ul > li.message-poll.poll-yes-no .poll-choices-inner button,
            .chat .chat_message_list > ul > li.message-poll.poll-yes-no .poll-choices-inner button {
              display: flex;
              flex: 1;
              justify-content: center; }
              .chat .message-pinned > ul > li.message-poll.poll-yes-no .poll-choices-inner button:first-child,
              .chat .chat_message_list > ul > li.message-poll.poll-yes-no .poll-choices-inner button:first-child {
                margin-right: 10px; }
        .chat .message-pinned > ul > li.message-poll.poll-note,
        .chat .chat_message_list > ul > li.message-poll.poll-note {
          background-color: rgba(235, 226, 14, 0.02); }
          .chat .message-pinned > ul > li.message-poll.poll-note .message-avatar,
          .chat .chat_message_list > ul > li.message-poll.poll-note .message-avatar {
            background: #FFF3D9;
            color: #FFC100;
            font-size: 18px; }
          .chat .message-pinned > ul > li.message-poll.poll-note .rating-wrapper,
          .chat .chat_message_list > ul > li.message-poll.poll-note .rating-wrapper {
            display: flex;
            flex: 1;
            width: 150px;
            margin: 0 auto;
            border-radius: 20px;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.09);
            border: solid 1px rgba(151, 151, 151, 0.22);
            background-color: #ffffff;
            padding: 0 6px; }
            .chat .message-pinned > ul > li.message-poll.poll-note .rating-wrapper .rating-item,
            .chat .chat_message_list > ul > li.message-poll.poll-note .rating-wrapper .rating-item {
              flex: 1;
              display: flex;
              align-items: center;
              justify-content: center;
              font-size: 20px;
              color: #ffc800; }
              .chat .message-pinned > ul > li.message-poll.poll-note .rating-wrapper .rating-item:hover,
              .chat .chat_message_list > ul > li.message-poll.poll-note .rating-wrapper .rating-item:hover {
                color: #ffc800; }
              .chat .message-pinned > ul > li.message-poll.poll-note .rating-wrapper .rating-item:hover ~ .rating-item,
              .chat .chat_message_list > ul > li.message-poll.poll-note .rating-wrapper .rating-item:hover ~ .rating-item {
                color: #c4baa4; }
                .chat .message-pinned > ul > li.message-poll.poll-note .rating-wrapper .rating-item:hover ~ .rating-item i:before,
                .chat .chat_message_list > ul > li.message-poll.poll-note .rating-wrapper .rating-item:hover ~ .rating-item i:before {
                  content: "\e982"; }
            .chat .message-pinned > ul > li.message-poll.poll-note .rating-wrapper label,
            .chat .chat_message_list > ul > li.message-poll.poll-note .rating-wrapper label {
              margin: 0;
              cursor: pointer;
              padding: 10px 3px; }
            .chat .message-pinned > ul > li.message-poll.poll-note .rating-wrapper input[type=checkbox],
            .chat .chat_message_list > ul > li.message-poll.poll-note .rating-wrapper input[type=checkbox] {
              position: absolute;
              left: -100vw; }
        .chat .message-pinned > ul > li.message-question .message-content, .chat .message-pinned > ul > li.message-answer .message-content,
        .chat .chat_message_list > ul > li.message-question .message-content,
        .chat .chat_message_list > ul > li.message-answer .message-content {
          margin-left: -40px;
          margin-top: 12px; }
        .chat .message-pinned > ul > li.message-question .question-txt, .chat .message-pinned > ul > li.message-answer .question-txt,
        .chat .chat_message_list > ul > li.message-question .question-txt,
        .chat .chat_message_list > ul > li.message-answer .question-txt {
          margin: 6px 0 0;
          padding: 7px 4px 7px 11px;
          border-radius: 6px;
          background-color: #0075ff;
          font-size: 14px;
          font-weight: 500;
          line-height: 1.29;
          color: #fff;
          margin-bottom: 14px; }
        .chat .message-pinned > ul > li.message-question .answer-txt, .chat .message-pinned > ul > li.message-answer .answer-txt,
        .chat .chat_message_list > ul > li.message-question .answer-txt,
        .chat .chat_message_list > ul > li.message-answer .answer-txt {
          border-left: 4px solid #d7dee5;
          padding-left: 28px;
          border-radius: 2px;
          position: relative;
          font-size: 14px;
          font-weight: 500; }
          .chat .message-pinned > ul > li.message-question .answer-txt:before, .chat .message-pinned > ul > li.message-answer .answer-txt:before,
          .chat .chat_message_list > ul > li.message-question .answer-txt:before,
          .chat .chat_message_list > ul > li.message-answer .answer-txt:before {
            content: '';
            border-left: 6px solid #EB0E50;
            border-radius: 2px;
            height: 100%;
            position: absolute;
            top: 0;
            left: 14px; }
  @media (max-width: 900px) {
    .chat .panel-menu {
      margin-top: 0;
      display: block; }
      .chat .panel-menu .panel-menu-menu {
        display: block;
        width: 100%;
        background: transparent;
        border: none;
        position: relative;
        margin: 0; }
        .chat .panel-menu .panel-menu-menu .panel-menu-menu-item {
          color: #484848;
          display: flex; }
          .chat .panel-menu .panel-menu-menu .panel-menu-menu-item i {
            padding: 0 10px 0 16px; }
      .chat .panel-menu .panel-option {
        top: 0;
        z-index: 70; }
        .chat .panel-menu .panel-option.open {
          flex: 0 0 275px;
          width: 275px; } }
    @media (max-width: 900px) and (max-width: 900px) {
      .chat .panel-menu .panel-option {
        right: 0;
        position: absolute; } }
  @media (max-width: 900px) {
      .chat .panel-menu .panel-option-inner {
        min-width: inherit; } }

@media (max-width: 768px) and (orientation: portrait) {
  body:not(.in-videoconf) .broadcaster .chat {
    display: none; } }

@media (max-width: 900px) {
  .broadcaster .chat li.chat-header-more {
    display: inherit; }
    .broadcaster .chat li.chat-header-more i {
      font-size: 6px; } }

@media (max-width: 768px) {
  .chat_message_form .popin-toggler {
    margin-right: 10px;
    margin-left: -4px; } }

.chat_message_form {
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  /* .chat_message_form_action_right */
  /*color: $white;
            height: $chatInputHeight;
            background: #a2a1a1; // overflow: hidden;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            
            input {
                margin: 0 5px;
                color: $white;
                background-color: transparent;
                border: none;
                padding: 5px;
                flex-grow: 1;
                width: calc(100% - 80px);
                &::placeholder {
                    color: $white;
                }
            }
            button {
                margin: 0;
                height: 100%;
                border-radius: 0;
                width: $chatInputHeight;
                height: $chatInputHeight;
                .icon-send:before {
                    margin-left: -1px;
                }
            }
            &.chat_close {
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .notice-moderation {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: $green-blastream;
                color: $black;
                z-index: 10;
                display: flex;
                align-items: center;
                justify-content: center;
                transform: translateX(100%);
                -webkit-transform: translateX(100%);
                transition: transform .5s ease;
    
                &.active {
                    transform: translateX(0);
                    -webkit-transform: translateX(0);
                }
            }*/ }
  @media (max-width: 768px) {
    .chat_message_form {
      flex-direction: row;
      flex-wrap: nowrap; } }
  .chat_message_form_action {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    margin: 10px 0 0; }
    @media (max-width: 768px) {
      .chat_message_form_action {
        margin: 0; } }
    .chat_message_form_action .popin-toggler-action-responsive {
      display: none;
      height: 45px;
      width: 45px;
      padding: 15px;
      border-radius: 50%;
      background: #efefef;
      margin-left: 2px; }
      @media (max-width: 768px) {
        .chat_message_form_action .popin-toggler-action-responsive {
          display: flex; } }
    @media (max-width: 768px) {
      .chat_message_form_action .popin-toggler-settings {
        display: none; } }
  .chat_message_form_settings {
    align-items: center; }
    @media (max-width: 768px) {
      .chat_message_form_settings {
        margin: 0;
        position: relative;
        margin-left: 10px; } }
  .chat_message_form_action_left {
    display: flex;
    align-items: center;
    margin-right: auto; }
    @media (max-width: 768px) {
      .chat_message_form_action_left {
        width: 0;
        overflow: hidden; } }
    .chat_message_form_action_left ul {
      display: flex;
      align-items: center;
      margin: 0; }
    .chat_message_form_action_left li {
      color: #828282; }
      .chat_message_form_action_left li i {
        cursor: pointer;
        font-size: 22px;
        line-height: 25px; }
  .chat_message_form_action_right button {
    font-size: 12px;
    text-transform: uppercase;
    padding: 11px 14px 10px; }
    @media (max-width: 768px) {
      .chat_message_form_action_right button {
        height: 45px;
        width: 45px;
        padding: 13px;
        border-radius: 50%; }
        .chat_message_form_action_right button i {
          display: block !important; }
        .chat_message_form_action_right button span {
          display: none; } }
    .chat_message_form_action_right button:active {
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
      background-color: #a60233; }
    .chat_message_form_action_right button i {
      display: none; }
    .chat_message_form_action_right button .q-and-a-form {
      padding: 20px;
      display: none; }
  .chat_message_form_input {
    height: 53px;
    width: 100%;
    border-radius: 6px;
    border: none;
    background-color: #EFEFEF;
    padding: 10px;
    font-size: 14px;
    color: #565656; }
    @media (max-width: 768px) {
      .chat_message_form_input {
        height: 45px;
        border-radius: 23px; } }
  .chat_message_form .q-and-a-container {
    position: relative; }
  .chat_message_form .plus-list {
    display: flex; }

/*
    .chat_message_moderation_notice,
    .message-system {
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      font-style: italic;
      font-size: 12px;
      i {
        margin-right: 6px;
      }
    }*/
body:not(.in-videoconf) .message-overlay .camera {
  display: none !important; }

.chat_question .chat_pending_list {
  display: flex;
  flex-direction: column-reverse;
  height: calc(100% - 65px); }
  .chat_question .chat_pending_list ul {
    display: flex;
    flex-direction: column-reverse;
    margin: 0; }
    .chat_question .chat_pending_list ul li {
      background: #fff;
      padding: 5px 10px;
      color: #000;
      border-radius: 7px;
      margin: 0 0 10px;
      border-bottom: 1px solid #887f7f;
      overflow: hidden;
      font-size: 14px;
      /*&:nth-child(2) {
              opacity: .8;
              filter: blur(.65px);
              font-size: 14px;
            }
            &:first-child {
              opacity: 1;
              filter: none;
              font-size: 16px;
            }*/ }
      .chat_question .chat_pending_list ul li p {
        margin: 0; }
      .chat_question .chat_pending_list ul li .q-and-a-question {
        padding-bottom: 10px; }
    .chat_question .chat_pending_list ul .icon-q-and-a {
      display: none; }

.chat_pending .chat_pending_list {
  display: flex;
  flex-direction: column-reverse;
  height: calc(100% - 65px); }
  .chat_pending .chat_pending_list ul {
    display: flex;
    flex-direction: column-reverse;
    margin: 0; }
    .chat_pending .chat_pending_list ul li {
      background: #fff;
      padding: 5px 10px;
      color: #000;
      border-radius: 7px;
      margin: 0 0 10px;
      border-bottom: 1px solid #887f7f;
      font-size: 14px;
      /*opacity: .6;
            filter: blur(.85px);
            font-size: 12px;
            &:nth-child(2) {
              opacity: .8;
              filter: blur(.65px);
              font-size: 14px;
            }
            &:first-child {
              opacity: 1;
              filter: none;
              font-size: 16px;
            }*/
      /*p {
              margin: 0;
              padding-left: 8px;
              border-left: 4px solid #d7dee5;
    
            }*/ }
    .chat_pending .chat_pending_list ul .icon-q-and-a {
      display: none; }

.chat_pending .chat_message_form {
  padding: 0; }
  .chat_pending .chat_message_form .chat_message_form_action_left {
    margin-left: 0; }

.chat_question .panel-title,
.chat_pending .panel-title {
  margin-bottom: 5px !important; }

.chat_question .message-fav,
.chat_pending .message-fav {
  float: right;
  color: #b5b5b5; }
  .chat_question .message-fav.message-fav-active, .chat_question .message-fav:hover,
  .chat_pending .message-fav.message-fav-active,
  .chat_pending .message-fav:hover {
    color: #ffe34f; }

.chat_question .message-gif img,
.chat_pending .message-gif img {
  max-width: 100%; }

.chat_question .chat_message_form,
.chat_pending .chat_message_form {
  padding: 0; }
  .chat_question .chat_message_form .chat_message_form_action,
  .chat_pending .chat_message_form .chat_message_form_action {
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 15px; }
    .chat_question .chat_message_form .chat_message_form_action .chat_message_form_action_left,
    .chat_pending .chat_message_form .chat_message_form_action .chat_message_form_action_left {
      margin-left: 0;
      margin-right: 10px;
      flex-grow: 1; }
      .chat_question .chat_message_form .chat_message_form_action .chat_message_form_action_left .chat_message_form_input,
      .chat_pending .chat_message_form .chat_message_form_action .chat_message_form_action_left .chat_message_form_input {
        padding: 10px; }

.chat_question .chat_pending_list_action,
.chat_pending .chat_pending_list_action {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding: 0 14px;
  height: 30px;
  font-weight: normal; }
  .chat_question .chat_pending_list_action .filter_fav,
  .chat_pending .chat_pending_list_action .filter_fav {
    color: #ffe34f; }

.chat_question .chat_message_item_action,
.chat_pending .chat_message_item_action {
  margin-top: 10px;
  background: #34363a26;
  width: calc( 100% + 20px);
  margin: 0 -10px -6px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-end;
  padding: 2px; }
  .chat_question .chat_message_item_action .chat_message_item_action_item,
  .chat_pending .chat_message_item_action .chat_message_item_action_item {
    padding: 0 5px;
    border-left: 1px solid #fff; }

.no-question-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* height: 100%; */
  padding: 20px 0; }
  .no-question-message i {
    font-size: 45px; }
  .no-question-message .txt {
    font-size: 20px; }

.q-and-a-form {
  background: #fff;
  display: none; }
  .q-and-a-form-container {
    position: relative; }
    .q-and-a-form-container .notice-moderation {
      top: 32px;
      z-index: 35; }
  .q-and-a-form .chat_message_form {
    flex-wrap: wrap !important; }
  .q-and-a-form .chat_message_form_action_right button {
    border-radius: 4px; }
  .q-and-a-form.open {
    display: block; }
  .q-and-a-form input {
    width: 100%;
    border-radius: 6px;
    border: none;
    background-color: #EFEFEF;
    padding: 7px 4px 5px;
    font-size: 14px;
    color: #565656; }
  .q-and-a-form button {
    width: 100%; }

.private_discussion_list .link-counter {
  left: 3px;
  top: 3px; }

.chat_collaborator_room_access {
  background: #ffa90047;
  margin: 0;
  padding: 7px;
  cursor: pointer;
  border-radius: 0;
  font-size: 13px;
  text-align: center;
  display: flex;
  align-items: center; }
  .chat_collaborator_room_access i {
    margin-right: 10px; }

.connection-issue {
  text-align: center;
  background: #ffa90047; }

.reaction-area {
  margin-top: 11px; }
  .reaction-area .emoji {
    margin-right: 3px; }
  .reaction-area .reaction-counter {
    margin-left: 4px;
    display: inline-block; }

.message-btn-emoji {
  position: relative; }
  .message-btn-emoji .emoji-close {
    background: transparent !important;
    opacity: .9 !important;
    font-size: 11px; }
  .message-btn-emoji .reaction-choices {
    position: absolute;
    right: -24px;
    top: 0px;
    margin: 0;
    padding: 0px 27px 0 6px;
    margin: 0;
    z-index: -1;
    background-color: #efefef;
    opacity: 0;
    display: flex;
    margin-right: 25px;
    height: 100%;
    justify-content: flex-end;
    align-items: baseline;
    border-radius: 13px; }
    .message-btn-emoji .reaction-choices .reaction-button {
      cursor: pointer !important;
      margin-left: 3px;
      margin-right: 3px;
      margin-top: 2px; }
      .message-btn-emoji .reaction-choices .reaction-button .emoji {
        margin-left: 3px;
        margin-right: 3px; }
      .message-btn-emoji .reaction-choices .reaction-button:hover .emoji {
        font-size: 16px; }
  .message-btn-emoji:hover .reaction-choices {
    opacity: 1; }

.tablet {
  background: #000000;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
  .tablet .tablet_black {
    color: #ffffff;
    top: 10px;
    right: 10px;
    cursor: pointer;
    position: absolute; }
  .tablet .tablet_box_text {
    height: 25vh;
    min-height: 100px;
    width: 75%;
    font-size: clamp(20px, 6vw, 60px);
    background: #ffffff;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center; }

.chat_message_list > ul > li .youtube-message .message-avatar {
  background: white;
  color: #FB0010;
  font-size: 20px; }

.chat_message_list > ul > li .twitch-message .message-avatar {
  background: white;
  color: #6441A4;
  font-size: 20px; }

.chat_message_list > ul > li .facebook-message .message-avatar {
  background: #fff;
  color: #1877F2;
  font-size: 20px; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.checkout,
.checkout-breadcumbs {
  max-width: 800px;
  margin: 0 auto;
  display: flex; }

.checkout-breadcumbs {
  justify-content: center;
  margin-bottom: 25px; }

.checkout-cart {
  flex: 0 0 200px; }
  .checkout-cart .checkout-cart-inner {
    margin: 0 10px;
    padding: 10px;
    background: black;
    color: white; }

.billing-part-content,
.checkout-step {
  border-radius: 12px;
  flex: 1 1 auto; }
  .billing-part-content .checkout-part,
  .checkout-step .checkout-part {
    background: white;
    box-shadow: 0 7px 14px 0 rgba(49, 49, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.08);
    margin-bottom: 0.5em; }
    .billing-part-content .checkout-part:first-child,
    .checkout-step .checkout-part:first-child {
      border-radius: 8px 8px 0px 0px; }
    .billing-part-content .checkout-part:last-child,
    .checkout-step .checkout-part:last-child {
      border-radius: 0px 0px 8px 8px; }
    .billing-part-content .checkout-part.checkout-part-error,
    .checkout-step .checkout-part.checkout-part-error {
      border: 1px solid #EB0E50; }
    .billing-part-content .checkout-part.checkout-address,
    .checkout-step .checkout-part.checkout-address {
      padding: 0; }
    .billing-part-content .checkout-part-content,
    .checkout-step .checkout-part-content {
      padding: 10px 20px; }
    .billing-part-content .checkout-part.card-form,
    .checkout-step .checkout-part.card-form {
      box-shadow: none !important;
      padding: 0 10px; }
    .billing-part-content .checkout-part.checkout-card,
    .checkout-step .checkout-part.checkout-card {
      box-shadow: none !important;
      padding: 0 10px; }
  .billing-part-content .custom-form,
  .checkout-step .custom-form {
    padding: 0; }
    .billing-part-content .custom-form .form-row-2,
    .checkout-step .custom-form .form-row-2 {
      justify-content: inherit; }
      .billing-part-content .custom-form .form-row-2 div:first-child,
      .checkout-step .custom-form .form-row-2 div:first-child {
        margin-right: 10px; }
      .billing-part-content .custom-form .form-row-2 > div,
      .checkout-step .custom-form .form-row-2 > div {
        width: 100%; }
  .billing-part-content .checkout-loading,
  .checkout-step .checkout-loading {
    text-align: center;
    padding: 20px; }
  .billing-part-content .checkout-change-card,
  .checkout-step .checkout-change-card {
    float: right;
    cursor: pointer;
    text-decoration: underline;
    font-size: 12px; }
  .billing-part-content .checkout-card-saved,
  .checkout-step .checkout-card-saved {
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    font-size: 16px;
    margin: 24px auto;
    background: #fff;
    border-radius: 4px; }
    .billing-part-content .checkout-card-saved .card-number,
    .checkout-step .checkout-card-saved .card-number {
      background: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTc2IDM3NyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5wbGFjZWhvbGRlcjwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9InBsYWNlaG9sZGVyIj4gICAgICAgICAgICA8cGF0aCBkPSJNNTI3LjkzMzc5MywzNzYuOTk4MjggTDQ4LjA2NjIwNjksMzc2Ljk5ODI4IEMzNS40MjM0ODAzLDM3Ny4xMDM5NjggMjMuMjU2NTg2NCwzNzIuMTg3ODkgMTQuMjQyMzI4MSwzNjMuMzMxNjE4IEM1LjIyODA2OTc1LDM1NC40NzUzNDYgMC4xMDQ5MTcxMDIsMzQyLjQwNDQwNyAwLDMyOS43NzQ0OTQgTDAsNDcuMjI1NDU1NCBDMC4xMDQ5MTcxMDIsMzQuNTk1NTQyNSA1LjIyODA2OTc1LDIyLjUyNDYwNCAxNC4yNDIzMjgxLDEzLjY2ODMzMTkgQzIzLjI1NjU4NjQsNC44MTIwNTk4NSAzNS40MjM0ODAzLC0wLjEwNDAxODI5NiA0OC4wNjYyMDY5LDAuMDAxNjY5NDg2NDYgTDUyNy45MzM3OTMsMC4wMDE2Njk0ODY0NiBDNTQwLjU3NjUyLC0wLjEwNDAxODI5NiA1NTIuNzQzNDE0LDQuODEyMDU5ODUgNTYxLjc1NzY3MiwxMy42NjgzMzE5IEM1NzAuNzcxOTMsMjIuNTI0NjA0IDU3NS44OTUwODMsMzQuNTk1NTQyNSA1NzYsNDcuMjI1NDU1NCBMNTc2LDMyOS45NzI5MTMgQzU3NS42NzI3ODYsMzU2LjE5NTY2MyA1NTQuMTg0MjczLDM3Ny4yMTg4NTcgNTI3LjkzMzc5MywzNzYuOTk4MjggWiIgaWQ9InNoYXBlIiBmaWxsPSIjRThFQkVFIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBzdHJva2U9IiM3NTc1NzUiIHN0cm9rZS13aWR0aD0iMjAiIHg9IjQxOCIgeT0iNTgiIHdpZHRoPSI5MSIgaGVpZ2h0PSI2MyIgcng9IjMwIj48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBmaWxsPSIjNzU3NTc1IiB4PSI1MyIgeT0iMjA4IiB3aWR0aD0iMTA3IiBoZWlnaHQ9IjQwIiByeD0iOCI+PC9yZWN0PiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgZmlsbD0iIzc1NzU3NSIgeD0iNDEzIiB5PSIyMDgiIHdpZHRoPSIxMDciIGhlaWdodD0iNDAiIHJ4PSI4Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBmaWxsPSIjNzU3NTc1IiB4PSIyOTMiIHk9IjIwOCIgd2lkdGg9IjEwNyIgaGVpZ2h0PSI0MCIgcng9IjgiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIGZpbGw9IiM3NTc1NzUiIHg9IjE3MyIgeT0iMjA4IiB3aWR0aD0iMTA3IiBoZWlnaHQ9IjQwIiByeD0iOCI+PC9yZWN0PiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+") no-repeat;
      height: 16px;
      padding-left: 35px;
      background-size: contain; }
      .billing-part-content .checkout-card-saved .card-number.card-visa,
      .checkout-step .checkout-card-saved .card-number.card-visa {
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1NzZweCIgaGVpZ2h0PSIzNzlweCIgdmlld0JveD0iMCAwIDU3NiAzNzkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+dmlzYTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9InZpc2EiIGZpbGwtcnVsZT0ibm9uemVybyI+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iIzI2MzM3QSIgeD0iMCIgeT0iMCIgd2lkdGg9IjU3NiIgaGVpZ2h0PSIzNzkiIHJ4PSI1MiI+PC9yZWN0PiAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iRmlsbC0zIiBmaWxsPSIjRkZGRkZFIiBwb2ludHM9IjIyMSAyNjggMjQyLjU1MTE5MyAxMTEgMjc3IDExMSAyNTUuNDUwNzc5IDI2OCAyMjEgMjY4Ij48L3BvbHlsaW5lPiAgICAgICAgICAgIDxwYXRoIGQ9Ik0zOTQuNTIxOTgxLDExNy4zNzIyMjkgQzM4Ny4wNDE1NTcsMTE0LjMyNDA1NiAzNzUuMjc2NzEzLDExMSAzNjAuNjIwOTY4LDExMSBDMzIzLjIxNjY4MywxMTEgMjk2Ljg4Njk3NSwxMzEuNjEwNDk0IDI5Ni42Njg0MjcsMTYxLjEyMzI2OSBDMjk2LjQzMDQwMywxODIuOTUzOTI5IDMxNS40NTcxMjMsMTk1LjEyODY3OCAzMjkuODAxMjc0LDIwMi4zODQ2MzEgQzM0NC41NDM1NzQsMjA5LjgyMjI2MyAzNDkuNDk2NjIzLDIxNC41ODE4MDggMzQ5LjQzODE5OSwyMjEuMjMyMTY0IEMzNDkuMzM2NDk5LDIzMS40MDM5NTUgMzM3LjY3MTE5MSwyMzYuMDY0ODEyIDMyNi43OTM1MjUsMjM2LjA2NDgxMiBDMzExLjY0NjU4NywyMzYuMDY0ODEyIDMwMy41OTkyMzQsMjMzLjc3MDI3MiAyOTEuMTU3MTA1LDIyOC4xMDAwODcgTDI4Ni4yOTA2MTEsMjI1LjY4MjE4MyBMMjgxLDI1OS42Nzg2MiBDMjg5LjgyMjAxLDI2My45MDg4MjkgMzA2LjE3NjM3NywyNjcuNTgwNTQ0IDMyMy4xNDk2MDQsMjY3Ljc3MzQzOCBDMzYyLjkwMTY2NCwyNjcuNzczNDM4IDM4OC43MzE1MjIsMjQ3LjQxMTkxIDM4OS4wMzQ0NjIsMjE1Ljg5NjE4IEMzODkuMTcwNzg1LDE5OC41ODUwNjggMzc5LjA4OTQxNCwxODUuNDYzNzkzIDM1Ny4yNTYxODMsMTc0LjYzMDMzMiBDMzQ0LjAzNTA3LDE2Ny41ODc0NTkgMzM1LjkyMDYzOCwxNjIuOTIyMTE3IDMzNi4wMTM2ODMsMTU1Ljc5NDAxMiBDMzM2LjAyMjMzOSwxNDkuNDgyMzQzIDM0Mi44Njg3NTUsMTQyLjcyNDMyNiAzNTcuNjg2NzksMTQyLjcyNDMyNiBDMzcwLjA2MTgzOSwxNDIuNTE3OTc0IDM3OS4wMjAxNzEsMTQ1LjQ3NDE4NyAzODYuMDAwNzQ2LDE0OC41NjA0ODkgTDM4OS4zOTc5ODgsMTUwLjI5NjUzNSBMMzk0LjUyMTk4MSwxMTcuMzcyMjI5IiBpZD0iRmlsbC00IiBmaWxsPSIjRkZGRkZFIj48L3BhdGg+ICAgICAgICAgICAgPHBhdGggZD0iTTQ0OC4zNTgwMTIsMjEyLjI0NDQ0NCBDNDUxLjU4ODczMSwyMDMuMjE0NDE1IDQ2My44ODczMDgsMTY4LjMzMDk0IDQ2My44ODczMDgsMTY4LjMzMDk0IEM0NjMuNjU5ODg4LDE2OC43NDYyNDYgNDY3LjEwMDE4OSwxNTkuMjMxMzA2IDQ2OS4wNjg5NDIsMTUzLjM0Mjc2MSBMNDcxLjY5OTg5NCwxNjYuODkyNDQ2IEM0NzEuNjk5ODk0LDE2Ni44OTI0NDYgNDc5LjE4MDI2NSwyMDQuMzkwNzMyIDQ4MC43MjA5MzIsMjEyLjI0NDQ0NCBMNDQ4LjM1ODAxMiwyMTIuMjQ0NDQ0IFogTTQ5Ni40NTA4OTIsMTExIEw0NjYuMzI0MjgyLDExMSBDNDU2Ljk3OTk0OSwxMTEgNDQ5Ljk4NTYzNSwxMTMuNzc5NTQyIDQ0NS44OTIwNTQsMTI0LjAyMzAxIEwzODgsMjY4IEw0MjguOTQ0NzIxLDI2OCBDNDI4Ljk0NDcyMSwyNjggNDM1LjYyNDY1OSwyNDguNjMxMzc3IDQzNy4xNDA4MDEsMjQ0LjM4MDg2IEM0NDEuNjA2NzI2LDI0NC4zODA4NiA0ODEuMzkyMDQ2LDI0NC40NjIwNjUgNDg3LjA3MDg4NiwyNDQuNDYyMDY1IEM0ODguMjM5MjA2LDI0OS45NDQ1ODIgNDkxLjgxNzc0NCwyNjggNDkxLjgxNzc0NCwyNjggTDUyOCwyNjggTDQ5Ni40NTA4OTIsMTExIFoiIGlkPSJGaWxsLTUiIGZpbGw9IiNGRkZGRkUiPjwvcGF0aD4gICAgICAgICAgICA8cGF0aCBkPSJNMTg5Ljk1NTA2OCwxMTEgTDE1MS4xMjExNDYsMjE4LjIxOTk2NSBMMTQ2Ljk2MTU4NCwxOTYuNDI0Nzk3IEMxMzkuNzI0OSwxNzEuMzEyOTczIDExNy4xOTc5MTIsMTQ0LjA5NDU2MSA5MiwxMzAuNDU2MzIzIEwxMjcuNTI3NjA0LDI2OCBMMTY5LjUxODA3MywyNjcuOTc0NDUyIEwyMzIsMTExIEwxODkuOTU1MDY4LDExMSIgaWQ9IkZpbGwtNiIgZmlsbD0iI0ZGRkZGRSI+PC9wYXRoPiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMTMuOTE4NTUxLDExMSBMNDcuNTQ2MTM4LDExMSBMNDcsMTE0LjMxNDUzMyBDOTguNjQ1NDgwNiwxMjcuNTY1NTc5IDEzMi44MTY4NTUsMTU5LjU1MDk0MyAxNDcsMTk4IEwxMzIuNTc2NzQzLDEyNC40OTY3NDEgQzEzMC4wODg1MTMsMTE0LjM1OTQyIDEyMi44NTY4NzQsMTExLjM1NDM3IDExMy45MTg1NTEsMTExIiBpZD0iRmlsbC03IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4="); }
      .billing-part-content .checkout-card-saved .card-number.card-mastercard,
      .checkout-step .checkout-card-saved .card-number.card-mastercard {
        background-image: url("data:image/svg+xml;base64,PHN2ZyBmb2N1c2FibGU9ImZhbHNlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAyMSI+ICA8ZyBpZD0iUGFnZS0xIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICA8ZyBpZD0ibWFzdGVyY2FyZCI+ICAgICAgPGcgaWQ9ImNhcmQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMikiPiAgICAgICAgPHBhdGggaWQ9InNoYXBlIiBmaWxsPSIjMDAzNjYzIiBkPSJNMjYuNTggMTlIMi40MkEyLjQgMi40IDAgMCAxIDAgMTYuNjJWMi4zOEEyLjQgMi40IDAgMCAxIDIuNDIgMGgyNC4xNkEyLjQgMi40IDAgMCAxIDI5IDIuMzh2MTQuMjVBMi40IDIuNCAwIDAgMSAyNi41OCAxOXoiLz4gICAgICAgIDxjaXJjbGUgaWQ9InNoYXBlIiBjeD0iMTAuNSIgY3k9IjkuNSIgcj0iNi41IiBmaWxsPSIjRUIxQzI2Ii8+ICAgICAgICA8Y2lyY2xlIGlkPSJzaGFwZSIgY3g9IjE4LjUiIGN5PSI5LjUiIHI9IjYuNSIgZmlsbD0iI0Y5OUYxQiIvPiAgICAgICAgPHBhdGggaWQ9InNoYXBlIiBmaWxsPSIjRUY1RDIwIiBkPSJNMTQuNSA0LjM4YTYuNDkgNi40OSAwIDAgMCAwIDEwLjI0IDYuNDkgNi40OSAwIDAgMCAwLTEwLjI0eiIvPiAgICAgIDwvZz4gICAgPC9nPiAgPC9nPjwvc3ZnPg=="); }
      .billing-part-content .checkout-card-saved .card-number.card-amex,
      .checkout-step .checkout-card-saved .card-number.card-amex {
        background-image: url("data:image/svg+xml;base64,PHN2ZyBmb2N1c2FibGU9ImZhbHNlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAyMSI+ICA8ZyBpZD0iUGFnZS0xIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICA8ZyBpZD0iYW1leCI+ICAgICAgPGcgaWQ9ImNhcmQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xIDIpIj4gICAgICAgIDxwYXRoIGlkPSJzaGFwZSIgZmlsbD0iIzFEOTFDRSIgZD0iTTI3LjU4IDE5SDMuNDJBMi40IDIuNCAwIDAgMSAxIDE2LjYyVjIuMzhBMi40IDIuNCAwIDAgMSAzLjQyIDBoMjQuMTZBMi40IDIuNCAwIDAgMSAzMCAyLjM4djE0LjI1QTIuNCAyLjQgMCAwIDEgMjcuNTggMTl6Ii8+ICAgICAgICA8cG9seWxpbmUgaWQ9InNoYXBlIiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjUuMDYzIDExLjg5NiA0LjU5MSAxMyAuMzYgMTMgMy42OTkgNiAxMS42NzQgNiAxMi40NzkgNy41NDYgMTMuMjMxIDYgMTYuMDY0IDYgMTcuNDkyIDYgMjMuOTgzIDYgMjQuOTAyIDYuOTYxIDI1Ljg4OSA2IDMwLjg4MiA2IDI3LjMzNyA5LjQ5MiAzMC43MjkgMTMgMjUuODk3IDEzIDI0LjgxNiAxMS45NjkgMjMuNzQ0IDEzIDE3LjQ5MiAxMyAxNi4wNjQgMTMgNi40OTYgMTMgNS45NzcgMTEuODk2Ii8+ICAgICAgICA8cGF0aCBpZD0ic2hhcGUiIGZpbGw9IiMxRDkxQ0UiIGQ9Ik01Ljk4IDExLjk3aC0uOTIuOTJ6TTE2LjIgN2gtMi4xbC0xLjU4IDMuMzVMMTAuODIgN2gtMi4xdjQuODVMNi41NSA3SDQuNThsLTIuMzIgNWgxLjQybC40Ny0xLjE0aDIuN0w3LjM5IDEySDEwVjcuOTNMMTEuODUgMTJoMS4yMmwxLjg0LTR2NGgxLjI5Vjd6bTguNjcgMS42MkwyMy4zNyA3aC02LjAydjVIMjMuMTdsMS42NS0xLjY0TDI2LjQ4IDEyaDEuNTVsLTIuMzctMi41M0wyOC4xIDdoLTEuNjJsLTEuNjEgMS42MnpNMjEuNyAxMWgtMy4wNlY5LjloMy4wNlY4LjloLTMuMDZWOGgzLjA2di0uODVsMi4yNyAyLjI3LTIuMjcgMi4yOFYxMXpNNS41MyA3LjgybC44OCAyLjAzSDQuNThsLjk1LTIuMDN6Ii8+ICAgICAgPC9nPiAgICA8L2c+ICA8L2c+PC9zdmc+"); }

.payment-processing {
  text-align: center;
  padding: 10px; }

.waiting-3dsecure {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center; }

.list-item-tab {
  display: flex;
  justify-content: space-between;
  font-weight: bold; }

.list-item-accordion {
  margin-bottom: 15px; }
  .list-item-accordion .list-item-content {
    font-size: 86%; }
    .list-item-accordion .list-item-content span {
      margin: 2px 5px 2px 12px;
      font-weight: bold; }
  .list-item-accordion.orders {
    background: white;
    box-shadow: 0 7px 14px 0 rgba(49, 49, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.08);
    border-left: 10px solid #979797;
    border-radius: 4px;
    margin: 20px;
    padding: 10px 20px; }
    .list-item-accordion.orders.order_paid {
      border-color: #7eefcc; }
    .list-item-accordion.orders.order_open {
      border-color: #FF8700; }
      .list-item-accordion.orders.order_open .list-item-date {
        color: #FF8700; }

.checkout-container {
  position: relative;
  padding-top: 20px; }
  .checkout-container .form-billing-company {
    border-bottom: 1px solid #F1F1F1;
    border-top: 1px solid #F1F1F1;
    display: flex;
    justify-content: space-between;
    padding: 10 15;
    background-color: white;
    box-shadow: 0 7px 14px 0 rgba(49, 49, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.08); }
  .checkout-container .checkout-cgv {
    border-bottom: 1px solid #F1F1F1;
    border-top: 1px solid #F1F1F1;
    display: flex;
    justify-content: space-between;
    padding: 10 15;
    background-color: white;
    box-shadow: 0 7px 14px 0 rgba(49, 49, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.08); }
    .checkout-container .checkout-cgv input[type=checkbox],
    .checkout-container .checkout-cgv input[type=radio] {
      margin-top: 5px;
      margin-right: 5px; }
  .checkout-container .thanks {
    text-align: center;
    padding: 70px 0; }
    .checkout-container .thanks i {
      display: block;
      font-size: 89px; }
  .checkout-container .checkout-container-inner {
    /*.form-group {
            box-sizing: border-box;
            border: 1px solid #DCDCDC;
            border-radius: 6px;
            background-color: #FFFFFF;
            margin: 0 10 10 0;
            input, label {
                padding: 3 5;
            }
            .form-control {
                border: none;
            }
        }*/ }
    .checkout-container .checkout-container-inner .checkout-part-title {
      color: #0A1321;
      font-family: "Poppins-Bold", Helvetica, sans-serif;
      font-size: 16px;
      font-weight: 500;
      letter-spacing: 0.17px;
      line-height: 21px;
      padding: 27 25 10;
      border-bottom: 1px solid #F1F1F1; }

.product-recap-inner h2 {
  border-bottom: 1px solid rgba(79, 86, 96, 0.05); }

.product-recap-inner .product-detail h2 {
  padding-bottom: 18;
  text-transform: uppercase;
  padding: 0px 10px 18px 10px; }

.product-recap-inner .product-detail-item {
  display: flex;
  justify-content: space-between;
  text-align: right;
  padding: 0px 10px; }
  .product-recap-inner .product-detail-item .product-detail-name {
    max-width: 220px;
    color: #4F5660;
    text-align: left; }
    .product-recap-inner .product-detail-item .product-detail-name i {
      font-size: 90%; }
  .product-recap-inner .product-detail-item .product-name {
    flex-grow: 1;
    text-align: left;
    text-transform: uppercase;
    color: #EB0E50;
    font-family: "Poppins-Bold", Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.15px;
    line-height: 19px; }
    .product-recap-inner .product-detail-item .product-name i {
      font-size: 90%; }
  .product-recap-inner .product-detail-item .product-detail-price,
  .product-recap-inner .product-detail-item .product-detail-qty {
    width: 70px;
    white-space: nowrap;
    overflow: hidden; }
  .product-recap-inner .product-detail-item.product-header {
    margin-bottom: 5px; }
  .product-recap-inner .product-detail-item.summary-coupon, .product-recap-inner .product-detail-item.summary-total {
    margin-top: 5px; }
  .product-recap-inner .product-detail-item.summary-total-ttc {
    margin-top: 5px;
    padding: 5px 10px;
    background-color: rgba(79, 86, 96, 0.05);
    color: #4F5660;
    box-shadow: 0 7px 14px 0 rgba(49, 49, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.08);
    border-radius: 4px; }

.product-recap-inner .trial-info {
  padding: 5px 10px 10px;
  font-size: 11px; }

.product-recap-inner .coupon-container {
  margin-left: 10px; }
  .product-recap-inner .coupon-container .toggle-coupon {
    margin: 20px 0 20px;
    justify-content: space-between; }
  .product-recap-inner .coupon-container .form-coupon {
    display: flex;
    justify-content: space-between; }
    .product-recap-inner .coupon-container .form-coupon input {
      flex-grow: 1; }
    .product-recap-inner .coupon-container .form-coupon .btn {
      margin: 0 0 0 10px; }

.product-recap-inner .cancel-coupon {
  font-size: 11px;
  color: #1f0823;
  text-decoration: underline;
  cursor: pointer; }

.payment-alert-danger {
  margin-bottom: 0px;
  padding: 7px 5px 7px 30px;
  background: #EB0E50;
  color: #ffffff;
  border-radius: 3px; }

.disabled-checkout {
  pointer-events: none !important; }
  .disabled-checkout:hover {
    pointer-events: none !important; }

.checkout-login {
  float: right;
  margin: 10px;
  font-size: 12px;
  text-decoration: underline; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.list-collab .list-collab-item {
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #EAEBEC;
  padding: 6px 0; }
  .list-collab .list-collab-item .list-item-info {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 569px) {
      .list-collab .list-collab-item .list-item-info {
        flex-wrap: wrap; } }
  .list-collab .list-collab-item .actions a {
    display: inline-block;
    padding: 5px 8px;
    cursor: pointer;
    color: #868e9b;
    text-decoration: none;
    font-size: 80%; }
    .list-collab .list-collab-item .actions a:hover {
      color: #000000; }
  .list-collab .list-collab-item .actions .delete:hover {
    color: #EB0E50; }
  .list-collab .list-collab-item:hover {
    background-color: rgba(188, 189, 190, 0.15); }
  .list-collab .list-collab-item.list-collab-item-avatar {
    position: relative; }
    .list-collab .list-collab-item.list-collab-item-avatar:after {
      width: 18px;
      height: 18px;
      content: '';
      position: absolute;
      top: -4px;
      right: -4px;
      border: solid 2px #ffffff;
      background-color: #EB0E50;
      border-radius: 50%; }
  .list-collab .list-collab-item .list-collab-item-avatar {
    color: #fff;
    background: #0075ff;
    padding: 4px;
    line-height: 30px;
    height: 31px;
    width: 31px;
    border-radius: 100%;
    text-align: center;
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center; }
  .list-collab .list-collab-item .list-collab-image-avatar {
    padding: 4px;
    line-height: 30px;
    height: 31px;
    width: 31px;
    border-radius: 100%;
    text-align: center;
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center; }
  .list-collab .list-collab-item .btn-send-mail {
    margin-right: 3px; }
  .list-collab .list-collab-item select {
    padding: 4px !important; }
  .list-collab .list-collab-item .list-collab-item-warning {
    margin-right: 3px;
    font-weight: 500;
    color: #FF8700; }
  .list-collab .list-collab-item .list-collab-item-name {
    margin-right: 8px;
    margin-left: 8px;
    flex-grow: 1; }
    @media (max-width: 569px) {
      .list-collab .list-collab-item .list-collab-item-name {
        flex-basis: 70%; } }
  @media (max-width: 569px) {
    .list-collab .list-collab-item .collaborator-status-select {
      max-width: 120px; } }
  .list-collab .list-collab-item.form-open {
    height: auto; }

.button-group {
  position: absolute;
  right: 0; }

.btn-group-sm > .btn,
.btn-sm {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem; }

.marg-x-1 {
  margin-right: 5px;
  margin-left: 5px; }

.collab-image-container {
  position: relative;
  display: inline-block; }
  .collab-image-container .list-collab-image-avatar {
    padding: 4px;
    line-height: 30px;
    height: 31px;
    width: 31px;
    border-radius: 100%;
    text-align: center;
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center; }
  .collab-image-container .overlay-btn {
    cursor: pointer;
    display: flex;
    text-decoration: none;
    width: 10px;
    height: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 26px;
    height: 26px;
    margin-left: 4px;
    color: #fff;
    transition: none;
    font-size: 10px;
    background-color: rgba(0, 0, 0, 0.8);
    border: solid 1px rgba(46, 54, 66, 0.98);
    border-radius: 50%;
    opacity: .9;
    position: absolute;
    top: 0; }
    .collab-image-container .overlay-btn:hover {
      text-decoration: none;
      opacity: 1; }
    .collab-image-container .overlay-btn.remove {
      background: #E81046; }

.collaborator__title {
  border-bottom: 1px solid rgba(79, 86, 96, 0.1);
  font-size: 16px;
  margin-bottom: 30px; }

.collaborator__subtitle {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.13px;
  line-height: 16px;
  margin-top: 20px;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: 30px; }

.collaborator__btn {
  float: right;
  margin-top: 10px; }

.collaborator__form {
  position: relative; }
  .collaborator__form .actions {
    position: absolute;
    bottom: 0;
    right: 0; }
  .collaborator__form .collaborator_cancel {
    margin-left: auto;
    display: block; }

.collaborator__save {
  display: block;
  width: 100%;
  margin-bottom: 20px; }

.collaborator__remove {
  padding-right: .70rem;
  padding-left: .70rem; }

.collaborator .group-input {
  display: block;
  width: 100%; }
  .collaborator .group-input .status-select {
    width: 100%;
    padding: 10px; }
  .collaborator .group-input-row {
    display: flex;
    justify-content: start; }
    .collaborator .group-input-row-flex {
      justify-content: space-between; }
    .collaborator .group-input-row input {
      display: block; }
    .collaborator .group-input-row label {
      display: block;
      text-align: left;
      text-transform: capitalize; }
  .collaborator .group-input-v-fl {
    float: left; }
    .collaborator .group-input-v-fl input {
      display: block; }
    .collaborator .group-input-v-fl label {
      display: block;
      text-align: left;
      text-transform: capitalize; }
  .collaborator .group-input-v-fr {
    float: right; }
    .collaborator .group-input-v-fr input {
      display: block; }
    .collaborator .group-input-v-fr label {
      display: block;
      text-align: left;
      text-transform: capitalize; }

.collaborator:not(:last-child) {
  border-bottom: 1px solid #4f5660;
  margin-bottom: 20px; }

.instructions_text {
  font-size: 10px;
  font-style: italic; }

.duplicate_hide {
  opacity: 0.5; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.scrolldown-messages {
  text-align: center;
  position: absolute;
  bottom: 125px;
  width: 100%;
  border: 0;
  z-index: 2; }
  .scrolldown-messages .btn {
    padding: 5px 15px 5px;
    border-radius: 20px;
    font-size: 12px; }

.discussion-create-form-scrollable {
  padding: 0 10px; }

.list .list-item.list-user-discussion-item {
  margin: 5px 0;
  display: flex;
  align-items: center;
  background: #f7f7f7;
  color: #565656;
  cursor: pointer; }
  .list .list-item.list-user-discussion-item.list-user-discussion-item-selected {
    background: #7eefcc;
    color: #ffffff; }

.private_discussion_container {
  display: flex;
  position: relative;
  flex: 1;
  overflow-y: auto; }

.private_discussion_list {
  width: 25%;
  background: rgba(216, 223, 233, 0.13);
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  padding: 5px 4px; }
  .private_discussion_list h4 {
    padding-left: 5px; }
  .private_discussion_list .icon-plus {
    margin: 5px 5px; }
  .private_discussion_list ul {
    list-style: none;
    padding: 0;
    color: #000; }
    .private_discussion_list ul li {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      padding: 0 0 0 10px;
      position: relative;
      cursor: pointer; }
      .private_discussion_list ul li.discussion_item_active {
        background: #0075ff;
        color: #fff; }
    .private_discussion_list ul .btn {
      padding: 0; }

.private_discussion {
  position: relative;
  width: 75%;
  height: 100%;
  flex-direction: column;
  display: flex; }
  .private_discussion h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    position: relative;
    height: 40px; }
    .private_discussion h3 span {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      padding: 5px 10px;
      width: calc(100% - 50px); }
    .private_discussion h3 .private_discussion_manage {
      position: absolute;
      top: 40px;
      background: #ffffff;
      text-align: right;
      max-width: 100%;
      list-style: none; }
  .private_discussion .private_discussion_manage_users {
    position: absolute;
    background: white;
    padding: 24px;
    z-index: 45;
    width: 100%; }

.private_discussion_create_left .btn {
  padding: 0; }
  .private_discussion_create_left .btn i:before {
    display: inline; }

.private_discussion_menu_mobile {
  display: none; }

@media (max-width: 768px) {
  .discussion-create-form-scrollable {
    max-height: calc(100% - 60px); }
  .private_discussion_menu_mobile {
    display: flex;
    background: #f7f7f7;
    flex-direction: column;
    width: 50px; }
    .private_discussion_menu_mobile i {
      width: 50px;
      height: 50px;
      padding-top: 10px;
      text-align: center;
      font-size: 30px; }
  .private_discussion_list {
    display: none;
    height: 100%;
    position: absolute;
    width: calc(100% - 50px);
    left: 50px;
    background: #fff;
    z-index: 100; }
    .private_discussion_list.private_discussion_list_mobile_show {
      display: block; }
  .private_discussion {
    width: calc(100% - 50px); } }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.document_browser {
  z-index: 15;
  background: #ffffff;
  overflow-y: auto;
  overflow-x: hidden; }
  .document_browser .document-picker {
    font-size: 13px;
    border-radius: 0;
    margin: 0;
    text-align: center; }
    .document_browser .document-picker .document-picker-add .btn {
      border-radius: 0;
      line-height: 16px;
      color: rgba(255, 255, 255, 0.4) !important;
      height: 120px;
      border: 1px dashed #474f5a !important;
      overflow: hidden !important;
      background: #1d2634 !important;
      font-size: 12px !important;
      font-weight: 500 !important; }
      .document_browser .document-picker .document-picker-add .btn i {
        font-size: 30px;
        margin: 0 auto 5px; }
    .document_browser .document-picker .document-picker-more {
      position: absolute;
      z-index: 75;
      left: 12px;
      width: calc(100% - 24px); }
      .document_browser .document-picker .document-picker-more .btn {
        border-top: 1px dashed;
        text-align: left; }
        .document_browser .document-picker .document-picker-more .btn:hover {
          background: #7eefcc; }
        .document_browser .document-picker .document-picker-more .btn i {
          margin: 0;
          display: initial;
          font-size: 13px; }
  .document_browser ul,
  .document_browser ul li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    position: relative;
    margin-bottom: 18px; }
  .document_browser .document_container {
    /*.document-browser-action {

            button {
                &.delete {
                    flex: none;
                    width: 25px;
                }
                &:disabled {
                    opacity: 0.4;
                }
                &.btn-toggle-slide {
                    margin: 0;
                    border-radius: 0;
                    span {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                    }
                }
            }
        }*/ }
    .document_browser .document_container .notice-warning {
      margin-bottom: 20px; }
      .document_browser .document_container .notice-warning p {
        margin-bottom: 5px; }
    .document_browser .document_container .file-shared {
      width: 30px;
      height: 30px;
      position: absolute;
      top: -2px;
      right: -2px;
      display: flex;
      padding: 5px;
      justify-content: flex-end;
      align-items: flex-start;
      z-index: 2;
      background: url("/externals/img/corner_icon.png") no-repeat;
      color: #fff;
      background-size: contain; }
    .document_browser .document_container .selected .input-color {
      border: 3px solid #7eefcc !important; }
    .document_browser .document_container .document-filters {
      margin: 20 0 0 0;
      display: flex;
      justify-content: space-between; }
      .document_browser .document_container .document-filters .icon-search {
        line-height: 1.8; }
      .document_browser .document_container .document-filters .document-sort {
        display: inherit;
        flex: auto;
        justify-content: flex-start; }
        .document_browser .document_container .document-filters .document-sort select {
          padding: 2px;
          margin: 0 10px 0 2px; }
        .document_browser .document_container .document-filters .document-sort i {
          font-size: 16px; }
      .document_browser .document_container .document-filters i {
        line-height: 1.8;
        margin-left: 5px; }
        .document_browser .document_container .document-filters i.active {
          color: #0075ff; }
    .document_browser .document_container .document-sorts {
      display: flex;
      justify-content: space-between;
      cursor: pointer; }
      .document_browser .document_container .document-sorts.active {
        font-weight: 900; }
    .document_browser .document_container .btn-document-show-slide {
      /*margin: 0;
            width: 100%;
            border-radius: 0;
            background: #cecece;
            position: absolute;
            bottom: 0;
            z-index: 31;*/
      width: auto;
      color: #ffffff; }
      .document_browser .document_container .btn-document-show-slide i {
        padding-left: 5px; }

.panel-logo .document_browser ul,
.panel-overlay .document_browser ul,
.panel-background .document_browser ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .panel-logo .document_browser ul li,
  .panel-overlay .document_browser ul li,
  .panel-background .document_browser ul li {
    width: calc(50% - 5px);
    flex: 0 0 calc(50% - 5px);
    margin: 5px 0;
    overflow: hidden; }
    .panel-logo .document_browser ul li.document-browser-upload,
    .panel-overlay .document_browser ul li.document-browser-upload,
    .panel-background .document_browser ul li.document-browser-upload {
      width: 100%;
      flex: 0 0 100%; }
    .panel-logo .document_browser ul li .document-browser-thumb,
    .panel-overlay .document_browser ul li .document-browser-thumb,
    .panel-background .document_browser ul li .document-browser-thumb {
      height: 95px;
      background-color: #1d263482;
      border: 3px solid #3a414c;
      margin: 10px 0 0;
      width: 100%; }

.document-browser-item {
  color: #fff;
  font-size: 12px; }
  .document-browser-item .modal-document-input input {
    width: 160px; }
    @media (max-width: 1200px) {
      .document-browser-item .modal-document-input input {
        width: 105px; } }
  .document-browser-item p.modal-document-title {
    margin-bottom: 2px;
    margin-top: 4px; }
  .document-browser-item .document-browser-thumb {
    height: 120px;
    margin: 10px 0 0;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 6px; }
    .document-browser-item .document-browser-thumb.selected {
      border: 3px solid #7eefcc !important; }
      .document-browser-item .document-browser-thumb.selected .doc-add-to-visio {
        background-color: #3EC59B !important;
        border: solid 1px #ffffff !important; }
        .document-browser-item .document-browser-thumb.selected .doc-add-to-visio i {
          color: white; }
    .document-browser-item .document-browser-thumb.document-browser-thumb-video {
      height: inherit;
      min-height: 120px; }
    .document-browser-item .document-browser-thumb .document-browser-info {
      z-index: 30;
      display: flex;
      justify-content: space-around;
      align-items: center;
      margin: 8px 8px 0 0;
      position: absolute;
      right: 0;
      top: 0; }
      .document-browser-item .document-browser-thumb .document-browser-info .document-browser-type {
        font-size: 15px;
        padding-right: 5px; }
      .document-browser-item .document-browser-thumb .document-browser-info button {
        padding: 0;
        width: 26px;
        height: 26px;
        margin-left: 4px;
        color: #fff;
        transition: none;
        font-size: 12px;
        background-color: rgba(0, 0, 0, 0.65);
        border: solid 1px #ffffff; }
        .document-browser-item .document-browser-thumb .document-browser-info button.doc-add-to-visio {
          background-color: rgba(0, 0, 0, 0.65); }
      .document-browser-item .document-browser-thumb .document-browser-info p {
        margin: 0;
        line-height: 24px;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .document-browser-item.source_row .source_row_item .one-row .btn-drag {
    background: rgba(0, 0, 0, 0.45);
    color: #fff;
    font-size: 14px;
    height: calc(100% - 10px);
    width: 50px;
    cursor: move; }

.virtual-bg-list {
  display: flex;
  flex-wrap: wrap; }
  .virtual-bg-list .virtual-bg-item {
    flex: 0 0 31%;
    margin: 0 1% 2%;
    position: relative; }
    @media (max-width: 569px) {
      .virtual-bg-list .virtual-bg-item {
        flex: 0 0 48%; } }
    .virtual-bg-list .virtual-bg-item .virtual-thumbnail {
      height: 85px;
      background-color: #1d263482;
      border: 3px solid #3a414c;
      margin: 0;
      width: 100%;
      object-fit: cover;
      border-radius: 6px; }
    .virtual-bg-list .virtual-bg-item .document-browser-info {
      position: absolute;
      top: 5px;
      right: 5px; }
      .virtual-bg-list .virtual-bg-item .document-browser-info .btn.btn-circle {
        height: 30px;
        width: 30px;
        line-height: 30px; }

.virtual-bg {
  position: relative; }
  .virtual-bg .document-browser-info {
    position: absolute;
    top: 10; }

.panel-logo .document-browser-thumb {
  background-size: contain; }

.document-browser-player video {
  height: 100px;
  background: black; }

.document-browser-player .document-browser-player-overlay-audio {
  width: 100%;
  height: 100px;
  background: #f7f7f7;
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center; }
  .document-browser-player .document-browser-player-overlay-audio i {
    font-size: 50px; }

.document-browser-player .document-browser-player-control {
  z-index: 5; }

.document-browser-player .document-browser-player-setting {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #fff;
  background: rgba(19, 17, 16, 0.87);
  border-radius: 50%;
  height: 25px;
  width: 25px;
  text-align: center;
  z-index: 10;
  cursor: pointer; }
  .document-browser-player .document-browser-player-setting i:before {
    line-height: 24px; }

.document-browser-player .document-browser-player-setting-container {
  margin-bottom: 20px;
  padding: 5px 10px;
  font-size: 14px; }
  .document-browser-player .document-browser-player-setting-container #multiRange {
    position: relative;
    margin-bottom: 5px; }
    .document-browser-player .document-browser-player-setting-container #multiRange input {
      width: 100%; }

.document-browser-player .player-light-timeline {
  height: 20px;
  margin: 0;
  margin: auto;
  -webkit-appearance: none;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border-radius: 0;
  /* iOS */
  /*
 * 1. Set to 0 width and remove border for a slider without a thumb
 */ }
  .document-browser-player .player-light-timeline::-webkit-slider-runnable-track {
    background: #fff;
    border: 0;
    border-radius: 0;
    height: initial;
    width: initial; }
  .document-browser-player .player-light-timeline::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    /* 1 */
    height: 20px;
    background: #B5B5B5;
    box-shadow: -100vw 0 0 100vw #7eefcc;
    border: 2px solid #B5B5B5;
    border-radius: 0;
    margin-top: 0;
    /* 1 */ }
  .document-browser-player .player-light-timeline::focus::-webkit-slider-runnable-track {
    background: #fff; }
  .document-browser-player .player-light-timeline::-moz-range-track {
    height: 20px;
    background: #B5B5B5;
    border: 0;
    border-radius: 0; }
  .document-browser-player .player-light-timeline::-moz-range-thumb {
    background: #fff;
    height: 20px;
    width: 10px;
    border: 3px solid #999;
    border-radius: 0 !important;
    box-shadow: -100vw 0 0 100vw #7eefcc;
    box-sizing: border-box; }
  .document-browser-player .player-light-timeline::-ms-fill-lower {
    background: #7eefcc; }
  .document-browser-player .player-light-timeline::-ms-thumb {
    background: #B5B5B5;
    border: 2px solid #B5B5B5;
    height: 20px;
    width: 10px;
    box-sizing: border-box; }
  .document-browser-player .player-light-timeline::-ms-ticks-after {
    display: none; }
  .document-browser-player .player-light-timeline::-ms-ticks-before {
    display: none; }
  .document-browser-player .player-light-timeline::-ms-track {
    background: #ddd;
    color: transparent;
    height: 20px;
    border: none; }
  .document-browser-player .player-light-timeline::-ms-tooltip {
    display: none; }

.document-browser-thumb {
  width: 100%; }

.background_choices .input-group {
  margin-bottom: 10px; }
  .background_choices .input-group.space-between {
    justify-content: space-between; }
  .background_choices .input-group .input-color.selected {
    border: 3px solid #7eefcc; }
  .background_choices .input-group .document-browser-thumb {
    height: 120px;
    margin: 10px 0 0;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 6px; }
    .background_choices .input-group .document-browser-thumb.selected {
      border: 3px solid #7eefcc !important; }

.background_choices .document-browser-info {
  z-index: 30;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 8px 8px 0 0;
  position: absolute;
  right: 0;
  top: 0; }
  .background_choices .document-browser-info .document-browser-type {
    font-size: 15px;
    padding-right: 5px; }
  .background_choices .document-browser-info button {
    padding: 0;
    width: 26px;
    height: 26px;
    margin-left: 4px;
    color: #fff;
    transition: none;
    font-size: 12px;
    background-color: rgba(0, 0, 0, 0.65);
    border: solid 1px #ffffff; }
    .background_choices .document-browser-info button.doc-add-to-visio {
      background-color: rgba(0, 0, 0, 0.65); }
  .background_choices .document-browser-info p {
    margin: 0;
    line-height: 24px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.font-uploader .dzu-previewFileName {
  color: #FFFFFF; }

.waiting-document-item {
  margin: 10px 0;
  padding: 10px;
  height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  text-align: center;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: rgba(255, 255, 255, 0.4);
  background: #1d2634;
  word-wrap: break-word;
  overflow: hidden;
  font-size: 13px;
  border-radius: 6px;
  /* Text inside the control */
  /* when p>50, don't clip left half*/
  /* Progress bar filling the whole right half for values above 50% */
  /* Progress bar rotation position */ }
  .waiting-document-item p {
    width: 100%;
    margin: 0;
    padding: 0;
    word-wrap: break-word;
    overflow: hidden; }
  .waiting-document-item .progress-circle {
    font-size: 12px;
    margin: 5px;
    position: relative;
    /* so that children can be absolutely positioned */
    padding: 0;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    line-height: 42px; }
  .waiting-document-item .progress-circle:after {
    border: none;
    position: absolute;
    top: 5px;
    left: 5px;
    text-align: center;
    display: block;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    background-color: white;
    content: " "; }
  .waiting-document-item .progress-circle span {
    position: absolute;
    line-height: 42px;
    width: 42px;
    text-align: center;
    display: block;
    color: #565555;
    z-index: 2; }
  .waiting-document-item .left-half-clipper {
    /* a round circle */
    border-radius: 50%;
    width: 42px;
    height: 42px;
    position: absolute;
    /* needed for clipping */
    clip: rect(0, 42px, 42px, 21px);
    /* clips the whole left half*/ }
  .waiting-document-item .progress-circle.over50 .left-half-clipper {
    clip: rect(auto, auto, auto, auto); }
  .waiting-document-item .value-bar {
    /*This is an overlayed square, that is made round with the border radius,
   then it is cut to display only the left half, then rotated clockwise
   to escape the outer clipping path.*/
    transition: all 0.4s ease;
    position: absolute;
    /*needed for clipping*/
    clip: rect(0, 21px, 42px, 0);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 5px solid #565555;
    /*The border is 0.35 but making it larger removes visual artifacts */
    /*background-color: #4D642D;*/
    /* for debug */
    box-sizing: border-box; }
  .waiting-document-item .progress-circle.over50 .first50-bar {
    /*Progress bar for the first 50%, filling the whole right half*/
    position: absolute;
    /*needed for clipping*/
    clip: rect(0, 42px, 42px, 21px);
    background-color: #565555;
    border-radius: 50%;
    width: 42px;
    height: 42px; }
  .waiting-document-item .progress-circle:not(.over50) .first50-bar {
    display: none; }
  .waiting-document-item .progress-circle.p0 .value-bar {
    display: none; }
  .waiting-document-item .progress-circle.p1 .value-bar {
    transform: rotate(4deg); }
  .waiting-document-item .progress-circle.p2 .value-bar {
    transform: rotate(7deg); }
  .waiting-document-item .progress-circle.p3 .value-bar {
    transform: rotate(11deg); }
  .waiting-document-item .progress-circle.p4 .value-bar {
    transform: rotate(14deg); }
  .waiting-document-item .progress-circle.p5 .value-bar {
    transform: rotate(18deg); }
  .waiting-document-item .progress-circle.p6 .value-bar {
    transform: rotate(22deg); }
  .waiting-document-item .progress-circle.p7 .value-bar {
    transform: rotate(25deg); }
  .waiting-document-item .progress-circle.p8 .value-bar {
    transform: rotate(29deg); }
  .waiting-document-item .progress-circle.p9 .value-bar {
    transform: rotate(32deg); }
  .waiting-document-item .progress-circle.p10 .value-bar {
    transform: rotate(36deg); }
  .waiting-document-item .progress-circle.p11 .value-bar {
    transform: rotate(40deg); }
  .waiting-document-item .progress-circle.p12 .value-bar {
    transform: rotate(43deg); }
  .waiting-document-item .progress-circle.p13 .value-bar {
    transform: rotate(47deg); }
  .waiting-document-item .progress-circle.p14 .value-bar {
    transform: rotate(50deg); }
  .waiting-document-item .progress-circle.p15 .value-bar {
    transform: rotate(54deg); }
  .waiting-document-item .progress-circle.p16 .value-bar {
    transform: rotate(58deg); }
  .waiting-document-item .progress-circle.p17 .value-bar {
    transform: rotate(61deg); }
  .waiting-document-item .progress-circle.p18 .value-bar {
    transform: rotate(65deg); }
  .waiting-document-item .progress-circle.p19 .value-bar {
    transform: rotate(68deg); }
  .waiting-document-item .progress-circle.p20 .value-bar {
    transform: rotate(72deg); }
  .waiting-document-item .progress-circle.p21 .value-bar {
    transform: rotate(76deg); }
  .waiting-document-item .progress-circle.p22 .value-bar {
    transform: rotate(79deg); }
  .waiting-document-item .progress-circle.p23 .value-bar {
    transform: rotate(83deg); }
  .waiting-document-item .progress-circle.p24 .value-bar {
    transform: rotate(86deg); }
  .waiting-document-item .progress-circle.p25 .value-bar {
    transform: rotate(90deg); }
  .waiting-document-item .progress-circle.p26 .value-bar {
    transform: rotate(94deg); }
  .waiting-document-item .progress-circle.p27 .value-bar {
    transform: rotate(97deg); }
  .waiting-document-item .progress-circle.p28 .value-bar {
    transform: rotate(101deg); }
  .waiting-document-item .progress-circle.p29 .value-bar {
    transform: rotate(104deg); }
  .waiting-document-item .progress-circle.p30 .value-bar {
    transform: rotate(108deg); }
  .waiting-document-item .progress-circle.p31 .value-bar {
    transform: rotate(112deg); }
  .waiting-document-item .progress-circle.p32 .value-bar {
    transform: rotate(115deg); }
  .waiting-document-item .progress-circle.p33 .value-bar {
    transform: rotate(119deg); }
  .waiting-document-item .progress-circle.p34 .value-bar {
    transform: rotate(122deg); }
  .waiting-document-item .progress-circle.p35 .value-bar {
    transform: rotate(126deg); }
  .waiting-document-item .progress-circle.p36 .value-bar {
    transform: rotate(130deg); }
  .waiting-document-item .progress-circle.p37 .value-bar {
    transform: rotate(133deg); }
  .waiting-document-item .progress-circle.p38 .value-bar {
    transform: rotate(137deg); }
  .waiting-document-item .progress-circle.p39 .value-bar {
    transform: rotate(140deg); }
  .waiting-document-item .progress-circle.p40 .value-bar {
    transform: rotate(144deg); }
  .waiting-document-item .progress-circle.p41 .value-bar {
    transform: rotate(148deg); }
  .waiting-document-item .progress-circle.p42 .value-bar {
    transform: rotate(151deg); }
  .waiting-document-item .progress-circle.p43 .value-bar {
    transform: rotate(155deg); }
  .waiting-document-item .progress-circle.p44 .value-bar {
    transform: rotate(158deg); }
  .waiting-document-item .progress-circle.p45 .value-bar {
    transform: rotate(162deg); }
  .waiting-document-item .progress-circle.p46 .value-bar {
    transform: rotate(166deg); }
  .waiting-document-item .progress-circle.p47 .value-bar {
    transform: rotate(169deg); }
  .waiting-document-item .progress-circle.p48 .value-bar {
    transform: rotate(173deg); }
  .waiting-document-item .progress-circle.p49 .value-bar {
    transform: rotate(176deg); }
  .waiting-document-item .progress-circle.p50 .value-bar {
    transform: rotate(180deg); }
  .waiting-document-item .progress-circle.p51 .value-bar {
    transform: rotate(184deg); }
  .waiting-document-item .progress-circle.p52 .value-bar {
    transform: rotate(187deg); }
  .waiting-document-item .progress-circle.p53 .value-bar {
    transform: rotate(191deg); }
  .waiting-document-item .progress-circle.p54 .value-bar {
    transform: rotate(194deg); }
  .waiting-document-item .progress-circle.p55 .value-bar {
    transform: rotate(198deg); }
  .waiting-document-item .progress-circle.p56 .value-bar {
    transform: rotate(202deg); }
  .waiting-document-item .progress-circle.p57 .value-bar {
    transform: rotate(205deg); }
  .waiting-document-item .progress-circle.p58 .value-bar {
    transform: rotate(209deg); }
  .waiting-document-item .progress-circle.p59 .value-bar {
    transform: rotate(212deg); }
  .waiting-document-item .progress-circle.p60 .value-bar {
    transform: rotate(216deg); }
  .waiting-document-item .progress-circle.p61 .value-bar {
    transform: rotate(220deg); }
  .waiting-document-item .progress-circle.p62 .value-bar {
    transform: rotate(223deg); }
  .waiting-document-item .progress-circle.p63 .value-bar {
    transform: rotate(227deg); }
  .waiting-document-item .progress-circle.p64 .value-bar {
    transform: rotate(230deg); }
  .waiting-document-item .progress-circle.p65 .value-bar {
    transform: rotate(234deg); }
  .waiting-document-item .progress-circle.p66 .value-bar {
    transform: rotate(238deg); }
  .waiting-document-item .progress-circle.p67 .value-bar {
    transform: rotate(241deg); }
  .waiting-document-item .progress-circle.p68 .value-bar {
    transform: rotate(245deg); }
  .waiting-document-item .progress-circle.p69 .value-bar {
    transform: rotate(248deg); }
  .waiting-document-item .progress-circle.p70 .value-bar {
    transform: rotate(252deg); }
  .waiting-document-item .progress-circle.p71 .value-bar {
    transform: rotate(256deg); }
  .waiting-document-item .progress-circle.p72 .value-bar {
    transform: rotate(259deg); }
  .waiting-document-item .progress-circle.p73 .value-bar {
    transform: rotate(263deg); }
  .waiting-document-item .progress-circle.p74 .value-bar {
    transform: rotate(266deg); }
  .waiting-document-item .progress-circle.p75 .value-bar {
    transform: rotate(270deg); }
  .waiting-document-item .progress-circle.p76 .value-bar {
    transform: rotate(274deg); }
  .waiting-document-item .progress-circle.p77 .value-bar {
    transform: rotate(277deg); }
  .waiting-document-item .progress-circle.p78 .value-bar {
    transform: rotate(281deg); }
  .waiting-document-item .progress-circle.p79 .value-bar {
    transform: rotate(284deg); }
  .waiting-document-item .progress-circle.p80 .value-bar {
    transform: rotate(288deg); }
  .waiting-document-item .progress-circle.p81 .value-bar {
    transform: rotate(292deg); }
  .waiting-document-item .progress-circle.p82 .value-bar {
    transform: rotate(295deg); }
  .waiting-document-item .progress-circle.p83 .value-bar {
    transform: rotate(299deg); }
  .waiting-document-item .progress-circle.p84 .value-bar {
    transform: rotate(302deg); }
  .waiting-document-item .progress-circle.p85 .value-bar {
    transform: rotate(306deg); }
  .waiting-document-item .progress-circle.p86 .value-bar {
    transform: rotate(310deg); }
  .waiting-document-item .progress-circle.p87 .value-bar {
    transform: rotate(313deg); }
  .waiting-document-item .progress-circle.p88 .value-bar {
    transform: rotate(317deg); }
  .waiting-document-item .progress-circle.p89 .value-bar {
    transform: rotate(320deg); }
  .waiting-document-item .progress-circle.p90 .value-bar {
    transform: rotate(324deg); }
  .waiting-document-item .progress-circle.p91 .value-bar {
    transform: rotate(328deg); }
  .waiting-document-item .progress-circle.p92 .value-bar {
    transform: rotate(331deg); }
  .waiting-document-item .progress-circle.p93 .value-bar {
    transform: rotate(335deg); }
  .waiting-document-item .progress-circle.p94 .value-bar {
    transform: rotate(338deg); }
  .waiting-document-item .progress-circle.p95 .value-bar {
    transform: rotate(342deg); }
  .waiting-document-item .progress-circle.p96 .value-bar {
    transform: rotate(346deg); }
  .waiting-document-item .progress-circle.p97 .value-bar {
    transform: rotate(349deg); }
  .waiting-document-item .progress-circle.p98 .value-bar {
    transform: rotate(353deg); }
  .waiting-document-item .progress-circle.p99 .value-bar {
    transform: rotate(356deg); }
  .waiting-document-item .progress-circle.p100 .value-bar {
    transform: rotate(360deg); }

.modal-document-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.list-google-drive-folders {
  display: flex;
  flex-direction: column;
  margin: 0 5px;
  text-align: initial; }
  .list-google-drive-folders .list-google-drive-folder {
    margin: 2px 0;
    display: flex;
    padding: 4px;
    align-items: center;
    background: #333;
    cursor: pointer;
    justify-content: flex-start;
    color: #d6d5d5; }
    .list-google-drive-folders .list-google-drive-folder div {
      margin-left: 5px; }

.doc-button-disable,
.doc-add-to-visio-disable {
  opacity: 0.5; }

body.speaker .doc-add-to-visio-disable {
  display: none; }

.list-google-drive-files {
  display: flex;
  flex-direction: column;
  margin: 0 5px;
  text-align: initial; }
  .list-google-drive-files .list-google-drive-file {
    margin: 2px 0;
    display: flex;
    padding: 4px;
    align-items: center;
    background: #fdfdfd05;
    cursor: pointer;
    justify-content: flex-start;
    color: #d6d5d5; }
    .list-google-drive-files .list-google-drive-file div {
      margin-left: 5px; }
    .list-google-drive-files .list-google-drive-file.google-file-selected {
      background: #7eefcc;
      color: #333; }

.document_upload_select .submenu_modal_inner p {
  padding: 10px;
  margin: 5px; }

.doc-add-to-visio {
  display: none; }

.in-videoconf .doc-add-to-visio {
  display: inline-block; }

.list-cloud-file-container {
  height: calc(100% - 300px);
  overflow: auto;
  margin-bottom: 10px; }

ul.document_list li {
  margin-bottom: 10px;
  overflow: inherit; }
  ul.document_list li .source_row_item_btn a,
  ul.document_list li .source_row_item_btn a:hover {
    text-decoration: none;
    color: #ffffff;
    filter: brightness(90%); }

.sortableHelper {
  z-index: 1074; }

.document-browser-thumb-delete {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  color: #fff;
  justify-content: space-evenly;
  align-items: center;
  font-weight: 500;
  text-shadow: -1px 1px black;
  z-index: 15;
  flex-direction: column;
  font-size: 13px;
  background: #3c3c3cd1; }
  .document-browser-thumb-delete p {
    margin: 0; }
  .document-browser-thumb-delete div {
    cursor: pointer; }
    .document-browser-thumb-delete div:hover {
      text-decoration: underline; }

/*@media (orientation: portrait) {
    .document_container  {
        overflow-y: hidden !important;
        overflow-x: hidden !important;
        .document_upload_select h4 {
            display: none !important;
        }
        .document-picker-add button.green-green {
            height: auto !important; 
        }
        .icon-add-file.big-top {
            position: absolute;
            left: 10;
        }
        .panel_class_container {
            overflow-y: hidden;
            overflow-x: auto;
            
        }
        .document_list {
            display: flex;
            flex-direction: row;
            overflow-y: hidden;
            overflow-x: auto;
            height: 100%;
        }
        .document-browser-thumb, .waiting-document-item {
            width: 150px; height: calc(100% - 70px) !important; margin-right: 0px !important;
        }
        .submenu_modal {
             height: calc(100% - 50px) !important;
        }
    }
}*/
.videoconf_source_item_video {
  margin-top: 10px; }
  .videoconf_source_item_video .form-single-row {
    margin-top: 7px;
    margin-bottom: 0px; }
  .videoconf_source_item_video #input-range-player-light-timeline {
    height: 5px;
    background: #E3E3E3; }
    .videoconf_source_item_video #input-range-player-light-timeline::-webkit-slider-thumb {
      height: 14px;
      width: 14px;
      background: #0075ff; }

.video-light2-play {
  position: absolute;
  width: 100%;
  height: calc(100% - 19px);
  z-index: 100; }
  .video-light2-play i {
    background: rgba(255, 255, 255, 0.5);
    padding: 10px 15px;
    border-radius: 5px; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.background_event {
  min-height: 100%;
  position: relative;
  padding-top: 1rem; }

.event-register-page {
  margin: 4rem 10rem 0rem 10rem;
  padding: 0 !important;
  max-width: 1200px;
  overflow: auto;
  min-height: calc(100vh - 5rem);
  position: relative; }
  @media (max-width: 768px) {
    .event-register-page {
      margin: 0 10rem; } }
  .event-register-page #block-lang {
    font-size: 14px;
    position: absolute;
    right: 5px; }
  .event-register-page .event-bar-register {
    display: flex;
    justify-content: space-between;
    padding: 15px 20px;
    margin: 0px 0 20px;
    align-items: center; }
    .event-register-page .event-bar-register .event-bar-register-date {
      margin: 8px 0 0 0; }
  .event-register-page .event-register-error,
  .event-register-page .event-register-attendee {
    margin: 10px 0;
    color: #fff;
    padding: 20px;
    background: #0075ff; }
  .event-register-page .event-container {
    background-color: #fff;
    display: flex; }
    .event-register-page .event-container div:first-child {
      flex: 0 0 63%; }
    .event-register-page .event-container img {
      width: 100%; }
      .event-register-page .event-container img#event-countdown {
        max-width: 400px; }
    .event-register-page .event-container .event-banner.thumbnail {
      display: flex;
      align-items: center;
      justify-content: center; }
    .event-register-page .event-container.event-banner-container {
      border-bottom: 1px solid #e6e3e3; }
      @media (max-width: 768px) {
        .event-register-page .event-container.event-banner-container {
          display: flex;
          flex-direction: column-reverse; } }
    .event-register-page .event-container .event-banner-top {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      flex-grow: 1; }
    .event-register-page .event-container .link-resend-event-email {
      text-align: center;
      font-size: 12px;
      display: block; }
    .event-register-page .event-container .info h4 {
      text-transform: uppercase;
      font-family: "Poppins", Helvetica, sans-serif;
      letter-spacing: 3px;
      font-weight: 100; }
    .event-register-page .event-container .event-date-top {
      font-family: "Poppins-Bold", Helvetica, sans-serif; }
      .event-register-page .event-container .event-date-top .event-date-top-day {
        font-size: 23px;
        letter-spacing: 4px;
        line-height: 21px; }
      .event-register-page .event-container .event-date-top .event-date-top-month {
        text-transform: uppercase;
        letter-spacing: 0px;
        font-size: 11px; }
  @media (max-width: 900px) {
    .event-register-page .event-banner-title h1 {
      font-size: 24px; }
    .event-register-page .event-banner-short-desc {
      display: none; } }
  .event-register-page .event-banner-description {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    background-color: white;
    text-align: justify; }
    @media (max-width: 569px) {
      .event-register-page .event-banner-description {
        flex-direction: column-reverse;
        padding: 0 0.5rem; }
        .event-register-page .event-banner-description .info {
          display: flex;
          flex-wrap: wrap; }
          .event-register-page .event-banner-description .info .info-item {
            flex: 0 0 50% !important; } }
  @media (max-width: 569px) and (max-width: 440px) {
    .event-register-page .event-banner-description .info {
      display: block; }
      .event-register-page .event-banner-description .info h4 {
        margin: 0; }
      .event-register-page .event-banner-description .info p {
        margin-bottom: 0.5rem; } }

.event-theme-dark {
  color: #ffffff; }
  .event-theme-dark .event-register-page .event-container {
    background-color: #0c1111; }
    .event-theme-dark .event-register-page .event-container.event-banner-container {
      border-bottom: 1px solid #545454; }
  .event-theme-dark .event-register-page .event-banner-description {
    background-color: #0c1111; }
  .event-theme-dark #block-lang .lang {
    background-color: #0c1111; }
  .event-theme-dark .event-register-form .event-register-form-inner {
    background-color: #0c1111; }
  .event-theme-dark .event-register-form select, .event-theme-dark .event-register-form input, .event-theme-dark .event-register-form textarea {
    color: #ffffff; }

.event-register-form {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 50; }
  .event-register-form .event-register-form-inner {
    max-width: 60%;
    margin-top: 5rem;
    width: 800px;
    overflow: initial;
    position: relative;
    display: flex;
    background: #fff;
    box-shadow: black 0px 2px 16px 7px; }
    .event-register-form .event-register-form-inner .event-register-form-close {
      position: absolute;
      top: -30px;
      color: #fff;
      border-radius: 50%;
      font-size: 12px;
      padding: 6px;
      border: 1px solid #fff;
      right: 5px; }
    .event-register-form .event-register-form-inner .event-register-form-left {
      flex: 0 0 60%;
      padding: 15px;
      border-right: 1px solid #e6e3e3; }
      .event-register-form .event-register-form-inner .event-register-form-left .form-group {
        padding-top: 0; }
      .event-register-form .event-register-form-inner .event-register-form-left #saveButton {
        margin-top: 16px; }
    .event-register-form .event-register-form-inner .event-register-form-right {
      flex-grow: 1;
      max-width: 40%; }
      .event-register-form .event-register-form-inner .event-register-form-right img {
        max-width: 100%; }
      .event-register-form .event-register-form-inner .event-register-form-right .info {
        padding: 15px; }
        .event-register-form .event-register-form-inner .event-register-form-right .info .select-timezone-cancel {
          float: right;
          margin-top: 5px; }

.background-size-contain {
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat; }

.background-size-cover {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat; }

.background-size-center {
  background-position: top center;
  background-repeat: no-repeat; }

.event-selected {
  border-radius: 10px;
  margin: 15px 0 15px;
  box-shadow: 1px 1px 5px #ccc;
  padding: 0;
  overflow: hidden;
  display: flex;
  border: 1px solid #f7f7f7; }
  .event-selected .thumb {
    width: 148px;
    background: #ededed;
    text-align: center; }
  .event-selected .event-selected-info h4 {
    margin-bottom: 0.25em; }
  .event-selected .event-selected-info .event-selected-text {
    font-size: 0.8em;
    margin: 0; }

@charset "UTF-8";
/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
/*input
{
    border: 1px solid $grey;
    border-radius: 3px;
    margin:0 $marge-xsmall;
    padding:0 $marge-xsmall;
    line-height:26px;
}

.forget-password{
    font-size:$font-size-small;
    text-align:left;
}
.back{
    text-align:left;
}
.form-email-pass{
    input,.group{
    width: 50%;
    display: block;
    margin: 5px auto;
    }
}*/
.custom-form {
  font-weight: 400;
  font-size: 16px;
  margin: 24px auto;
  background: #fff;
  border-radius: 4px; }
  .custom-form .form-row {
    display: flex; }
    .custom-form .form-row .form-control {
      width: auto; }
  .custom-form .form-row-2 {
    display: flex;
    justify-content: space-between; }
  .custom-form option {
    background: rgba(0, 0, 0, 0.8);
    color: #fff; }
  .custom-form.custom-form-grey {
    background: #f5f6f7; }
  .custom-form.speaker-url-form {
    margin-top: 0px; }
    .custom-form.speaker-url-form .form-group {
      padding-top: 0px; }

.form-group-2,
.form-group {
  position: relative;
  padding-top: 16px;
  margin-bottom: 16px;
  max-width: 100%; }
  .form-group-2.form-group-row,
  .form-group.form-group-row {
    display: flex; }
    .form-group-2.form-group-row .form-group-col,
    .form-group.form-group-row .form-group-col {
      margin-left: 12px; }
      .form-group-2.form-group-row .form-group-col:first-child,
      .form-group.form-group-row .form-group-col:first-child {
        margin: 0; }
  .form-group-2.form-group-50 .form-group-col,
  .form-group.form-group-50 .form-group-col {
    width: 50%; }
  .form-group-2 .input-group-suffix,
  .form-group .input-group-suffix {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 5px; }
    .form-group-2 .input-group-suffix.border,
    .form-group .input-group-suffix.border {
      border-radius: 5px;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.09);
      border: solid 1px rgba(151, 151, 151, 0.22);
      padding: 4px; }
    .form-group-2 .input-group-suffix i,
    .form-group .input-group-suffix i {
      display: flex;
      align-items: center;
      height: 100%;
      padding: 0 5px;
      justify-content: center; }
      .form-group-2 .input-group-suffix i:first-child,
      .form-group .input-group-suffix i:first-child {
        flex-grow: 1;
        justify-content: flex-end; }
  .form-group-2 .input-suffix,
  .form-group .input-suffix {
    position: absolute;
    height: 100%;
    padding: 0 5px;
    top: 0;
    right: 5px;
    z-index: 10;
    display: flex;
    align-items: center; }
  .form-group-2 .form-group-label-action,
  .form-group .form-group-label-action {
    justify-content: space-between;
    display: flex;
    align-items: center;
    margin-bottom: 10px; }
  .form-group-2 .fixed-label,
  .form-group .fixed-label {
    width: 100%;
    font-weight: 300;
    opacity: 0.5;
    cursor: text;
    font-size: 12px;
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }
  .form-group-2 .animated-label,
  .form-group .animated-label {
    position: absolute;
    top: 22px;
    left: 8px;
    bottom: 0;
    z-index: 2;
    width: 100%;
    font-weight: 300;
    opacity: 0.5;
    cursor: text;
    transition: 0.2s ease all;
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }
    .form-group-2 .animated-label:after,
    .form-group .animated-label:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 45%;
      height: 2px;
      width: 10px;
      visibility: hidden;
      background-color: #EB0E50;
      transition: 0.2s ease all; }
  .form-group-2.not-empty .animated-label,
  .form-group.not-empty .animated-label {
    top: -2px;
    font-size: 12px; }
  .form-group-2 .form-control,
  .form-group .form-control {
    position: relative;
    z-index: 5;
    background: transparent;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #e2e2e2;
    height: auto;
    padding: 3px 0 5px 8px;
    width: 100%; }
    .form-group-2 .form-control.no-border,
    .form-group .form-control.no-border {
      border: none;
      box-shadow: none; }
    .form-group-2 .form-control.has-left-icon,
    .form-group .form-control.has-left-icon {
      padding: 3px 25px 5px 0; }
    .form-group-2 .form-control.has-left-icon-2,
    .form-group .form-control.has-left-icon-2 {
      padding-right: 68px !important; }
    .form-group-2 .form-control:focus, .form-group-2 .form-control.has-error, .form-group-2 .form-control.has-warning,
    .form-group .form-control:focus,
    .form-group .form-control.has-error,
    .form-group .form-control.has-warning {
      outline-width: 0;
      box-shadow: none; }
      .form-group-2 .form-control:focus ~ .animated-label, .form-group-2 .form-control.has-error ~ .animated-label, .form-group-2 .form-control.has-warning ~ .animated-label,
      .form-group .form-control:focus ~ .animated-label,
      .form-group .form-control.has-error ~ .animated-label,
      .form-group .form-control.has-warning ~ .animated-label {
        top: 0;
        opacity: 1;
        color: #EB0E50;
        font-size: 12px; }
        .form-group-2 .form-control:focus ~ .animated-label:after, .form-group-2 .form-control.has-error ~ .animated-label:after, .form-group-2 .form-control.has-warning ~ .animated-label:after,
        .form-group .form-control:focus ~ .animated-label:after,
        .form-group .form-control.has-error ~ .animated-label:after,
        .form-group .form-control.has-warning ~ .animated-label:after {
          visibility: visible;
          width: 100%;
          left: 0; }
    .form-group-2 .form-control.has-warning,
    .form-group .form-control.has-warning {
      color: #EB0E50 !important;
      border-bottom: 1px solid #EB0E50 !important; }
      .form-group-2 .form-control.has-warning ~ .animated-label,
      .form-group .form-control.has-warning ~ .animated-label {
        color: #FF8700; }
        .form-group-2 .form-control.has-warning ~ .animated-label:after,
        .form-group .form-control.has-warning ~ .animated-label:after {
          background-color: #FF8700; }
    .form-group-2 .form-control.form-control-error,
    .form-group .form-control.form-control-error {
      border: 1px solid #EB0E50; }
  .form-group-2.grey,
  .form-group.grey {
    background-color: #f5f6f7;
    padding: 12px 15px 11px 12px !important;
    border: 0;
    position: relative; }
    .form-group-2.grey label,
    .form-group.grey label {
      font-size: 70%;
      text-transform: uppercase; }
    .form-group-2.grey input,
    .form-group.grey input {
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 0.13px;
      color: #0a1321; }
    .form-group-2.grey .input-group-suffix,
    .form-group.grey .input-group-suffix {
      right: 9px;
      left: initial !important;
      color: #bcbdbe; }
      .form-group-2.grey .input-group-suffix.icon-view-show,
      .form-group.grey .input-group-suffix.icon-view-show {
        right: 38px;
        margin-bottom: 3px;
        z-index: 900; }
  .form-group-2 .more,
  .form-group .more {
    display: block;
    font-size: 12px;
    font-weight: 400;
    padding-right: 5px; }

.form-group-2 {
  padding-top: 6px;
  margin-bottom: 6px; }

.colorpicker {
  position: relative; }
  .colorpicker .colorpicker-input {
    padding-right: 50px; }
  .colorpicker .colorpicker-selector {
    position: absolute;
    z-index: 5;
    height: 100%;
    padding: 4px !important;
    right: 0;
    border-radius: 0 !important;
    cursor: pointer;
    width: 50px; }

.form-title-row {
  margin-bottom: 20px;
  display: flex;
  align-items: flex-end; }
  .form-title-row h3,
  .form-title-row h4 {
    flex-grow: 1; }

.form-group-file {
  display: flex;
  /* styles de base si JS est activé */
  /* styles du retour visuel */
  /* on complète l'information d'un contenu textuel
   uniquement lorsque le paragraphe n'est pas vide */ }
  .form-group-file .input-file-container {
    position: relative;
    width: 225px; }
  .form-group-file .input-file-trigger {
    display: inline-block;
    padding: 8px 15px;
    background: #39D2B4;
    color: #fff;
    margin-right: 15px;
    cursor: pointer; }
  .form-group-file .input-file {
    position: absolute;
    top: 0;
    left: 0;
    width: 225px;
    padding: 14px 0;
    opacity: 0;
    cursor: pointer; }
  .form-group-file .input-file-delete {
    background: #a59d9d;
    padding: 8px 15px;
    /* background: #39D2B4; */
    color: #fff;
    /* font-size: 1em; */
    border: none; }
  .form-group-file .file-return {
    margin: 0; }
  .form-group-file .file-return:not(:empty) {
    margin: 1em 0; }
  .form-group-file .file-return {
    font-style: italic;
    font-size: .9em;
    font-weight: bold; }
  .form-group-file figure {
    background: #ccc;
    width: 90px;
    height: 120px;
    margin-right: 20px;
    border-radius: 2px; }
    .form-group-file figure img {
      min-height: 100%;
      object-fit: cover;
      width: 100%;
      font-family: 'object-fit: cover'; }

.error,
.warning {
  font-size: 14px; }
  .error .link,
  .warning .link {
    text-decoration: underline; }
    .error .link:hover,
    .warning .link:hover {
      color: #000; }

.home-page-container .warning {
  background: #E78436;
  color: #fff;
  padding: 10px; }
  .home-page-container .warning .link {
    font-weight: bold; }

.social-container {
  display: flex;
  width: 100%;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  border-bottom: solid 1px #f1f1f1;
  padding-bottom: 12px; }
  @media (max-height: 768px) {
    .social-container {
      display: none; } }
  @media (max-width: 768px) {
    .social-container {
      align-items: center;
      justify-content: center; }
      .social-container .btn-social {
        border: none;
        box-shadow: none; }
      .social-container .btn-social-twitch,
      .social-container .btn-social-twitter {
        display: none; } }

.custom-form.start {
  padding: 0px;
  margin-top: 0px; }
  .custom-form.start .btn {
    margin-top: 16px;
    margin-bottom: 16px; }
    @media (max-height: 768px) {
      .custom-form.start .btn {
        margin: 5px; } }

.error {
  color: #EB0E50; }

.warning {
  color: #FF8700; }

.start .form-group {
  display: table;
  width: 100%; }
  .start .form-group .input-group-addon {
    display: table-cell;
    padding: 0;
    padding-bottom: 5px;
    text-align: center;
    padding-right: 5px;
    margin: 0;
    vertical-align: bottom; }
  .start .form-group .input-group {
    display: table-cell;
    width: 100%;
    position: relative; }

/*
.popup .form-group input {
    color: white;
}*/
.title-switchbox {
  display: flex;
  align-items: center; }
  .title-switchbox label {
    margin-bottom: inherit;
    margin-left: 24px; }
  .title-switchbox h5 {
    margin: 0;
    flex: 0 0 120px; }
  .title-switchbox.multichoice-switchbox span {
    flex: 0 0 calc(50% - 20px); }
  .title-switchbox.multichoice-switchbox label {
    margin: 0 8px; }

.checkbox-switchbox {
  display: none; }
  .checkbox-switchbox + .switchbox {
    background-color: #d0d0d0;
    border-radius: 16px;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    padding: 0;
    width: 24px;
    height: 14px; }
    .checkbox-switchbox + .switchbox:after {
      background-color: #675B69;
      border-radius: 50%;
      content: ' ';
      display: block;
      height: 10px;
      margin: 2px;
      position: absolute;
      right: 40%;
      transition: all .2s linear;
      width: 10px; }
    .checkbox-switchbox + .switchbox.switch-choice {
      margin: 0 10px;
      top: 2px; }
    .checkbox-switchbox + .switchbox.__big {
      height: 24px;
      width: 40px; }
      .checkbox-switchbox + .switchbox.__big:after {
        height: 20px;
        width: 20px; }
  .checkbox-switchbox:checked + .switchbox {
    background-color: #0075ff; }
    .checkbox-switchbox:checked + .switchbox:after {
      right: 0%;
      background-color: #fff; }

/*
input[type=range] {
    height: 25px;
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
    background: transparent;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #000000;
    background: #E3E3E3;
    border-radius: 1px;
    border: 0px solid #000000;
}

input[type=range]::-webkit-slider-thumb {
    box-shadow: 0px 0px 0px #000000;
    border: 1px solid $red-blastream;
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background: $red-blastream;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -7px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #E3E3E3;
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #000000;
    background: #E3E3E3;
    border-radius: 1px;
    border: 0px solid #000000;
}

input[type=range]::-moz-range-thumb {
    box-shadow: 0px 0px 0px #000000;
    border: 1px solid #C70E0E;
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background: #FFFAFE;
    cursor: pointer;
}

input[type=range]::-ms-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

input[type=range]::-ms-fill-lower {
    background: #E3E3E3;
    border: 0px solid #000000;
    border-radius: 2px;
    box-shadow: 0px 0px 0px #000000;
}

input[type=range]::-ms-fill-upper {
    background: #E3E3E3;
    border: 0px solid #000000;
    border-radius: 2px;
    box-shadow: 0px 0px 0px #000000;
}

input[type=range]::-ms-thumb {
    margin-top: 1px;
    box-shadow: 0px 0px 0px #000000;
    border: 1px solid #C70E0E;
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background: #FFFAFE;
    cursor: pointer;
}

input[type=range]:focus::-ms-fill-lower {
    background: #E3E3E3;
}

input[type=range]:focus::-ms-fill-upper {
    background: #E3E3E3;
}
*/
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 7px;
  background: #E3E3E3;
  border-radius: 5px;
  background-image: linear-gradient(#EB0E50, #EB0E50);
  background-size: 70% 100%;
  background-repeat: no-repeat; }

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #EB0E50;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #555;
  transition: background .3s ease-in-out; }

input[type=range]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent; }

input[type=range].range-horizontal {
  transform: rotate(-90deg); }
  input[type=range].range-horizontal::-webkit-slider-thumb {
    cursor: ns-resize; }

input[type=range].blue {
  background-image: linear-gradient(#0075ff, #0075ff); }
  input[type=range].blue::-webkit-slider-thumb {
    background: #0075ff; }

.alert-message {
  margin: 10 0;
  font-size: 14px; }
  .alert-message .error {
    color: #EB0E50; }
  .alert-message .success {
    color: #7eefcc; }
  .alert-message .notif {
    color: #FF8700; }
  .alert-message i {
    font-size: 12px;
    margin-right: 5px; }
  .alert-message-big {
    color: white !important;
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .alert-message-big.error {
      background-color: #EB0E50;
      color: white; }
    .alert-message-big.success {
      background-color: #7eefcc;
      color: white; }
    .alert-message-big.notif {
      background-color: #FF8700;
      color: white; }
    .alert-message-big .error {
      color: #EB0E50;
      background-color: white;
      border-radius: 50%;
      padding: 4px; }
    .alert-message-big .success {
      color: #7eefcc;
      background-color: white;
      border-radius: 50%;
      padding: 4px; }
    .alert-message-big .notif {
      color: #FF8700;
      background-color: white;
      border-radius: 50%;
      padding: 4px;
      width: 25px;
      padding-left: 9px; }

.custom-form.email-signup-form {
  padding: 12px 0; }

/*
.alert-message{
div{
        padding: $marge-xsmall;
        margin: $marge-small;
        display: inline-block;
        border-radius: .25rem;    
        &.warning{            
            color: #856404;
            background-color: #fff3cd;
            border-color: #ffeeba;
        }
        &.error{
            border: 1px solid #f5c6cb; 
            color: #721c24;
            background-color: #f8d7da;
        }
        &.success{
            color: #155724;
            background-color: #d4edda;
            border-color: #c3e6cb;
        }
    }
}*/
@media (max-width: 768px) {
  .form-group {
    padding-top: 16px;
    margin-bottom: 8px; }
    .form-group .form-control {
      padding: 1px 0 2px; }
  .custom-form {
    padding: 6px;
    margin: 6px auto; } }

@media (max-height: 399px) {
  .signup-social {
    display: none; } }

.signup-social {
  text-align: center; }

.blastream_select {
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e2e2e2;
  background-color: #ffffff;
  width: 100%;
  padding: 8px !important;
  font-size: 14px;
  font-weight: 500;
  color: #0a1321;
  position: relative;
  margin-bottom: 10px; }
  .blastream_select .blastream_select_selected {
    cursor: pointer; }
    .blastream_select .blastream_select_selected:before {
      content: "\e80e";
      font-family: 'blasticon' !important;
      margin-right: 0px;
      position: absolute;
      right: 0;
      top: 10px;
      height: 100%;
      width: 15px; }
  .blastream_select .blastream_select_select {
    overflow: hidden;
    overflow-y: auto;
    max-height: 0;
    transition: max-height 0.4s ease-in-out; }
    .blastream_select .blastream_select_select.blastream_select_select_open {
      max-height: 350px; }
    .blastream_select .blastream_select_select .blastream_select_option {
      cursor: pointer;
      display: flex;
      align-items: center;
      padding: 2px; }
      .blastream_select .blastream_select_select .blastream_select_option:nth-child(even) {
        background: #F7F7F7; }
      .blastream_select .blastream_select_select .blastream_select_option:hover {
        background-color: #dadada; }
      .blastream_select .blastream_select_select .blastream_select_option .img_thumb_box {
        flex: 0 0 50px;
        margin-right: 5px; }
      .blastream_select .blastream_select_select .blastream_select_option span {
        color: rgba(10, 19, 33, 0.64);
        font-size: 12px;
        font-weight: 500; }
      .blastream_select .blastream_select_select .blastream_select_option .blastream_select_option_text {
        width: calc(100% - 60px);
        overflow: hidden;
        white-space: nowrap; }
  .blastream_select.row_black {
    border-color: rgba(167, 187, 218, 0.4);
    background-color: #1D2634;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    color: #C8D1DF; }
    .blastream_select.row_black .blastream_close_scene_source_picker {
      margin: 0;
      font-size: 11px;
      text-align: right;
      margin-bottom: 5px;
      cursor: pointer; }
    .blastream_select.row_black .blastream_select_select .blastream_select_option:nth-child(even) {
      background-color: #34445d; }
    .blastream_select.row_black .blastream_select_select .blastream_select_option:nth-child(odd) {
      background-color: rgba(0, 0, 0, 0.3); }
    .blastream_select.row_black .blastream_select_select .blastream_select_option:hover {
      background-color: #000; }
    .blastream_select.row_black .blastream_select_select .blastream_select_option span {
      color: rgba(177, 185, 197, 0.64); }

.form-page .form-group {
  padding: 5px 10px 5px;
  border-radius: 6px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  border: solid 1px rgba(79, 86, 96, 0.21);
  background-color: #ffffff; }
  .form-page .form-group.not-empty .animated-label {
    font-weight: 700;
    font-size: 70%;
    align-items: start;
    text-transform: uppercase; }
  .form-page .form-group .animated-label {
    top: 3px;
    left: 15px;
    height: 100%;
    transition: none;
    display: flex;
    font-size: 85%;
    width: calc(100% - 15px);
    align-items: center;
    font-weight: 600;
    color: #000000; }
    .form-page .form-group .animated-label + .form-control {
      margin: 10px 10px 0 0;
      padding-left: 5px; }
  .form-page .form-group .form-control {
    position: relative;
    z-index: 5;
    background: transparent;
    box-shadow: none;
    border: none;
    height: auto;
    padding: 3px 0 5px 8px;
    width: 100%; }
  .form-page .form-group.has-warning label {
    color: #EB0E50 !important;
    opacity: 1 !important; }
  .form-page .form-group.form-group-select label {
    display: none; }
  .form-page .form-group.form-group-select select {
    opacity: 0.5;
    border: none;
    width: 100%;
    height: 100%; }
  .form-page .form-group.form-group-select.not-empty select {
    opacity: 1; }
  .form-page .form-group.form-group-select.not-empty label {
    display: block;
    height: min-content; }

.form-page .form-group-toggle {
  padding: 5px 10px 15px; }

.form-page .alert-message {
  margin: 0 0 10px 5px;
  font-size: 12px; }
  .form-page .alert-message i {
    margin-right: 5px;
    font-size: 11px; }

.form-page .input-group-suffix.btn {
  width: auto;
  height: 100%;
  margin: 0;
  padding: 0 10px 0 5px;
  border-radius: 0 4px 4px 0;
  top: 0;
  right: 0; }

.form-input {
  padding: 5px 10px 5px;
  border-radius: 6px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  border: solid 1px rgba(79, 86, 96, 0.21);
  background-color: #ffffff; }

.custom-lang-item .btn {
  padding: 13px 15px;
  width: 40px; }

.mosaic_selector_group_includes {
  width: 100%; }

.rendered-form .form-group {
  padding-top: 0px !important; }
  .rendered-form .form-group .form-control {
    height: auto;
    padding: 3px 0 5px 8px !important;
    line-height: inherit;
    font-size: inherit;
    font-family: inherit; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
@font-face {
  font-family: 'AvantGardeLT-DemiOblique';
  src: url("./fonts/AvantGardeLT-DemiOblique.eot?&1422338568#iefix") format("embedded-opentype"), url("./fonts/AvantGardeLT-DemiOblique.woff?1422338566") format("woff"), url("./fonts/AvantGardeLT-DemiOblique.ttf?1422338566") format("truetype"), url("./fonts/AvantGardeLT-DemiOblique.svg?1422338569#AvantGardeLT-DemiOblique") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Poppins";
  src: url("./fonts/Poppins-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "Poppins-Bold";
  src: url("./fonts/Poppins-Bold.ttf") format("truetype"); }

html {
  height: 100%; }

body {
  -webkit-text-size-adjust: none;
  overscroll-behavior-y: contain;
  touch-action: none;
  font-size: 16px;
  position: fixed;
  display: flex;
  overflow: hidden;
  height: 100vh;
  /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
  max-height: 100%;
  width: 100%;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
  /*
  &.light {
    filter: invert(1);
    img,
    video {
      filter: invert(1);
    }
    .message-thumb-icon,
    .videoconf .settings_recap_bg,
    .document_browser .document_container .document-browser-thumb,
    .icon-record:before {
      filter: invert(100%);
    }
  }*/ }
  body.page {
    overflow: auto;
    position: relative;
    background: #f3f7fc;
    touch-action: auto; }
  body *::-webkit-scrollbar {
    width: 5px;
    cursor: pointer; }
  body *::-webkit-scrollbar-track {
    background: #ddd; }
  body *::-webkit-scrollbar-thumb {
    background: #666; }

#root {
  width: 100%; }

.sep {
  color: #ffffff;
  text-align: center;
  margin: 6px 0;
  padding: 12px 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  word-wrap: break-word; }

h1 {
  font-size: 32px;
  margin-bottom: 24px;
  font-family: "Poppins-Bold", Helvetica, sans-serif; }

p {
  word-wrap: break-word; }

ul {
  padding: 0; }

li {
  list-style: none; }

.link-menu {
  color: #ffffff;
  border-left: 4px solid #000000;
  padding: 0 24px 0 12px;
  cursor: pointer; }
  .link-menu:hover {
    color: #EB0E50;
    border-left: 4px solid #EB0E50; }

.link {
  cursor: pointer; }
  .link:hover {
    text-decoration: none;
    opacity: 0.7;
    transition-property: opacity;
    transition-duration: 0.25s; }

.link-text {
  cursor: pointer; }
  .link-text:hover {
    text-decoration: underline; }

.underline {
  text-decoration: underline; }

.col-centered {
  margin: auto; }

.col-right {
  margin-left: auto; }

.hide {
  display: none !important; }

.link-counter {
  color: #000000;
  background: #7eefcc;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  font-size: 11px;
  text-align: center;
  position: absolute;
  top: 5px;
  right: 5px;
  line-height: 18px;
  z-index: 6;
  top: -6px;
  right: -6px;
  background: #EB0E50;
  color: #fff; }
  .link-counter.anim {
    animation-name: notif_anim;
    animation-duration: 1s;
    animation-iteration-count: infinite; }

@keyframes notif_anim {
  0% {
    right: 18px; }
  10% {
    right: 15px; }
  20% {
    right: 20px; }
  30% {
    right: 15px; }
  40% {
    right: 20px; }
  50% {
    right: 15px; }
  60% {
    right: 20px; }
  70% {
    right: 15px; }
  80% {
    right: 20px; }
  90% {
    right: 15px; }
  100% {
    right: 20px; } }

.menu-tab {
  text-align: center;
  padding: 0;
  margin: 0;
  display: flex;
  border-bottom: solid 1px rgba(151, 151, 151, 0.29);
  /*&.menu-3tab {
    li {
      width: 33.33334%;
    }
  }
  &.menu-4tab {
    li {
      width: 25%;
    }
  }*/ }
  .menu-tab li {
    flex-wrap: wrap;
    display: flex;
    flex: 1 1 0;
    justify-content: center;
    position: relative;
    font-size: 14px;
    padding: 0 6px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    color: #4f5660;
    text-transform: uppercase; }
    .menu-tab li i {
      font-size: 18px;
      color: #707070; }
    .menu-tab li:after {
      display: block;
      content: '';
      border-bottom: 3px solid #0075ff;
      transform: scaleX(0);
      position: absolute;
      bottom: 0px;
      width: 100%;
      left: 0;
      transition: transform 250ms ease-in-out; }
    .menu-tab li.active {
      color: #0075ff;
      transition-property: color;
      transition-duration: 0.5s; }
      .menu-tab li.active i {
        color: #0075ff; }
      .menu-tab li.active:after {
        transform: scaleX(1); }
    .menu-tab li:hover {
      color: #0075ff;
      transition-property: color;
      transition-duration: 0.5s; }
    .menu-tab li i:before {
      line-height: 50px; }

.panel_first_action {
  display: flex;
  width: 100%;
  justify-content: center;
  height: calc(100% - 15px - 58px); }

.list .list-item {
  display: flex;
  justify-content: space-between;
  margin: 5px;
  flex-flow: wrap; }
  .list .list-item .list-item-info {
    padding: 5px;
    flex: 1; }
    .list .list-item .list-item-info .list-item-date {
      font-size: 0.8em;
      margin: 0; }
  .list .list-item .list-item-action {
    display: flex;
    justify-content: center; }
    .list .list-item .list-item-action .btn {
      margin: 0 0 0 5px;
      border: none;
      border-radius: 0; }
  .list .list-item .list-item-alert {
    width: 100%;
    font-size: 0.7em; }

.list-items-default {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  height: 75%;
  font-size: 17px;
  flex-direction: column;
  margin: 12.5% 0; }
  .list-items-default i {
    font-size: 50px;
    position: relative;
    margin-bottom: 25px; }
    .list-items-default i.icon-with-add:after {
      content: "\e80b";
      font-family: 'blasticon' !important;
      position: absolute;
      font-size: 25px;
      bottom: -5px;
      right: -5px;
      text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
      color: #3a414c; }

.menu {
  transform: scaleY(0);
  transform-origin: 50% 0;
  transition: transform 50ms ease;
  list-style: none;
  position: absolute;
  right: 0;
  z-index: 999;
  max-width: 100%;
  padding: 0; }
  .menu.show_menu {
    transform: scaleY(1); }
  .menu li {
    padding: 6px 24px 6px 0;
    position: relative; }
    .menu li:before {
      height: 100%;
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      width: 0;
      height: 100%;
      background-color: #EB0E50;
      transform-origin: left;
      transition: width 0.25s ease; }
    .menu li .link-menu {
      color: #ffffff;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      max-width: 100%;
      border-left: 4px solid #000000;
      padding: 0 24px 0 12px;
      cursor: pointer; }
      .menu li .link-menu:hover {
        color: #EB0E50; }
    .menu li:hover:before {
      width: 6px; }
  .menu.white {
    background: #ffffff; }
    .menu.white li .link-menu {
      color: #000000;
      border-left: 4px solid #ffffff; }

.toggle-container {
  border: 1px solid rgba(151, 151, 151, 0.22);
  border-radius: 6px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.09);
  margin-bottom: 12px; }
  .toggle-container .toggle-wrapper {
    padding: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    margin: 0; }
  .toggle-container .toggle-content {
    border-top: 1px solid rgba(151, 151, 151, 0.22);
    padding: 6px;
    background: rgba(151, 151, 151, 0.22); }
    .toggle-container .toggle-content.hidden {
      display: none; }

.alert-premium {
  border-radius: 4px;
  background-color: #ff9c00;
  font-size: 10px;
  font-weight: bold;
  padding: 2px 4px;
  color: #fff;
  text-transform: uppercase;
  top: -10px;
  left: 10px;
  position: relative;
  display: inline-block; }

#block-lang {
  font-family: Arial, sans-serif;
  font-size: 18px;
  position: relative; }
  #block-lang #block-lang-toggle {
    text-transform: uppercase;
    cursor: pointer; }
    #block-lang #block-lang-toggle:after {
      content: "";
      width: 0;
      height: 0;
      margin-left: 2px;
      vertical-align: middle;
      border-top: 4px dashed;
      position: relative;
      top: 8px;
      border-top: 4px solid \9;
      border-right: 4px solid #84818100;
      border-left: 4px solid #bdb8b800; }
  #block-lang .lang {
    display: none;
    position: absolute;
    list-style: none;
    font-family: Arial, sans-serif;
    z-index: 999;
    background: #fff;
    left: -20px;
    top: 20px;
    text-transform: uppercase;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    border-radius: 3px;
    padding: 4px 0; }
    #block-lang .lang li {
      cursor: pointer;
      padding: 3px 20px;
      font-size: 14px;
      width: 100%;
      /*&:hover {
        color: #000;
      }*/ }
      #block-lang .lang li:before {
        display: none; }
  #block-lang.open .lang {
    display: block; }

.home-page-land .form-group {
  padding: 5px 10px 5px;
  border-radius: 6px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  border: solid 1px rgba(79, 86, 96, 0.21);
  background-color: #ffffff; }
  .home-page-land .form-group .input-group-addon {
    padding-right: 1px; }
  .home-page-land .form-group .form-control {
    border: none !important;
    color: #0a1321;
    box-shadow: none; }
  .home-page-land .form-group .animated-label {
    top: 3px;
    left: 0;
    padding-left: 15px;
    height: 100%;
    transition: none;
    display: flex;
    font-size: 85%;
    align-items: center;
    font-weight: 600;
    color: #000000; }
    .home-page-land .form-group .animated-label + .form-control {
      margin: 10px 10px 0 0;
      padding-left: 5px; }
  .home-page-land .form-group.not-empty .animated-label {
    font-weight: 700;
    font-size: 70%;
    align-items: start;
    text-transform: uppercase; }

#channel-container {
  background-color: #0A1321; }

.live-reaction {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
  bottom: 75px;
  right: 25px;
  position: absolute;
  /*@media (max-width: $screen-xl-min) {
    left: 55%;
  }*/ }
  .live-reaction .live-reaction-emoji-container {
    font-size: 1.25rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--emoji_color);
    cursor: pointer;
    user-select: none;
    transition: 0.1s ease-in-out; }
    .live-reaction .live-reaction-emoji-container:not(:last-child) {
      margin-right: 1.25rem; }
    .live-reaction .live-reaction-emoji-container:hover {
      transform: translateY(-0.3rem); }
    .live-reaction .live-reaction-emoji-container:active {
      font-size: 4.4rem; }
  @media (max-width: 768px) and (orientation: portrait) {
    .live-reaction {
      flex-direction: column;
      bottom: 10px;
      right: 10px; }
      .live-reaction .live-reaction-emoji-container {
        margin: 0.25rem 0 !important;
        font-size: 1rem;
        width: 1.5rem;
        height: 1.5rem; } }

@keyframes bubble {
  from {
    bottom: -15%; }
  to {
    bottom: 115%; } }

.emoji-bubble {
  z-index: 98;
  position: absolute;
  font-size: var(--rand_size);
  /*left: calc(var(--rand_pos) - 275px);*/
  right: var(--rand_pos);
  animation: bubble var(--rand_speed) ease-out; }
  @media (max-width: 768px) {
    .emoji-bubble {
      zoom: 0.5; } }

.emoji-bubble img {
  width: var(--rand_size); }

.subtitle {
  font-family: "SF Pro Text";
  font-size: 12px;
  letter-spacing: 0.11px;
  line-height: 14px; }
  .subtitle.grey {
    color: #0a1321; }
  .subtitle.red {
    color: #EB0E50; }

.home-page-land {
  width: 100%;
  display: flex;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  max-height: 100%;
  background: #F7F9FD; }

.home-page-land-left {
  display: flex;
  align-items: center;
  background-position: top center;
  background-size: cover; }
  .home-page-land-left .home-page-container {
    margin: 5px 30px;
    width: 100%;
    max-width: 540px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #F7F9FD;
    border-radius: 20px;
    padding: 20px; }
    .home-page-land-left .home-page-container h1 {
      font-size: 38px;
      font-weight: bold;
      letter-spacing: 0.36px;
      text-align: center;
      color: #0a1321;
      margin-bottom: 12px; }
    .home-page-land-left .home-page-container .connect {
      text-align: center;
      font-size: 13px;
      font-weight: 500;
      letter-spacing: 0.12px;
      text-align: center;
      color: #0a1321;
      margin-bottom: 48px; }
      @media (max-height: 768px) {
        .home-page-land-left .home-page-container .connect {
          margin-bottom: 10px; } }
    .home-page-land-left .home-page-container p {
      font-size: 16px;
      font-weight: 600;
      line-height: 1.25;
      letter-spacing: 0.15px;
      text-align: center;
      color: #4f5660; }
    .home-page-land-left .home-page-container .custom-form {
      background: none; }
  .home-page-land-left .logo {
    margin-bottom: 30px;
    max-height: 120px;
    max-width: 80%; }
  .home-page-land-left .page-title a.page-title-base,
  .home-page-land-left .page-title a.page-title-base:hover {
    text-decoration: none;
    background: url("/externals/img/blastream_logo.svg") no-repeat left center;
    font-size: 30px;
    padding-left: 45px;
    color: #000;
    font-family: "Poppins-Bold", Helvetica, sans-serif; }
  .home-page-land-left .page-title .page-title-nav a,
  .home-page-land-left .page-title .page-title-nav #block-lang {
    font-family: Arial, sans-serif;
    color: #868686;
    margin: 0 4px;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.11px;
    text-align: center;
    color: #4f5660;
    text-transform: uppercase;
    text-decoration: none;
    /*&:hover {
          color: #000;
        }*/ }
    .home-page-land-left .page-title .page-title-nav a:not(:last-child):after,
    .home-page-land-left .page-title .page-title-nav #block-lang:not(:last-child):after {
      content: '-';
      margin-left: 6px; }
  .home-page-land-left .page-title .page-title-nav #block-lang .lang {
    font-size: 18px;
    left: -20px;
    color: #868686; }

.home-page-land-left,
.home-page-land-right {
  height: 100%;
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center; }

.home-page-land-left {
  flex: 1; }
  .home-page-land-left.centered {
    width: 100vw; }

.home-page-land-right {
  color: #fff;
  text-align: center;
  position: relative;
  flex: 0 0 32%;
  padding-left: 12px;
  background-image: linear-gradient(to bottom, #361845, #0a1321);
  /*&:before {
    content: '';
    background: #0D141D;
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    transform: rotate(5deg) translate(-8vh, -25%);
    height: 200%;
    @media(max-width: $screen-xl-min) {
      display:none;
    }
  }*/ }
  .home-page-land-right h2 {
    font-size: 54px;
    font-family: "AvantGardeLT-DemiOblique", Helvetica, sans-serif; }
  .home-page-land-right .baseline {
    font-size: 26px;
    margin: 30px 10px; }
  .home-page-land-right .home-page-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 19px;
    max-width: 600px;
    z-index: 1;
    text-align: right;
    padding-right: 22px; }
    .home-page-land-right .home-page-container .home-page-land-right-title {
      font-size: 2.5rem;
      line-height: 45px; }
      .home-page-land-right .home-page-container .home-page-land-right-title span {
        display: inline-block;
        border-image-source: linear-gradient(to right, #f72088, #c71ff6 9%, #641de2 19%, #1a4bca 33%, #3b87a9 51%, #628e79 66%, #91ed35 83%, #eba221 93%, #eb0e50 102%);
        border-image-slice: 1;
        border-bottom-style: solid;
        border-bottom-width: 6px; }
    .home-page-land-right .home-page-container .home-page-land-right-text {
      font-size: 18px;
      margin: 15px 0 25px 0; }
    .home-page-land-right .home-page-container .home-page-land-right-avantage {
      display: flex;
      text-align: left;
      margin: 0 0 15px 0;
      align-items: center;
      padding: 0 20px;
      margin-right: 25px;
      font-size: 12px;
      line-height: 1.8;
      letter-spacing: 0.11px;
      color: #ffffff;
      flex-direction: column;
      align-items: flex-start;
      margin-bottom: 48px;
      position: relative; }
      .home-page-land-right .home-page-container .home-page-land-right-avantage:not(:last-child):after {
        content: '';
        position: absolute;
        bottom: -25px;
        left: -50%;
        width: 200%;
        border-bottom: solid 1px rgba(255, 255, 255, 0.05); }
      .home-page-land-right .home-page-container .home-page-land-right-avantage i {
        font-size: 22px;
        margin-bottom: 8px;
        color: #0075ff; }
        .home-page-land-right .home-page-container .home-page-land-right-avantage i:before {
          display: block;
          width: 75px; }
  .home-page-land-right .home-page-land-right-container {
    margin: 5px 30px;
    box-shadow: 0px 19px 27px -19px black;
    background: #fff;
    color: #000;
    font-family: "Helvetica Neue", Roboto, "Segoe UI", sans-serif;
    font-size: 20px; }
  .home-page-land-right .home-page-bottom-right-gradient {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(25%, 25%);
    width: 250px;
    height: 215px;
    margin: 89px 0 0 264px;
    opacity: 0.2;
    filter: blur(50px);
    background-color: #EB0E50; }

@media (min-width: 1025px) {
  .home-page-land-left .page-title {
    position: absolute;
    top: 0;
    display: flex;
    left: 0;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 15px 25px; }
    .home-page-land-left .page-title .page-title-nav {
      display: flex;
      align-items: center; } }

/*
@media (min-width: 1200px) {
  .home-page-land-left {
    .page-title {
      position: absolute;
      top: 0;
      display: flex;
      left: 0;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      padding: 15px 25px;
      a.page-title-base,
      a.page-title-base:hover {
        font-size: 46px;
      }
      .page-title-nav {
        a,
        #block-lang {
          margin: 0 8px;
        }
      }
    }
  }
}
*/
@media (max-width: 1023px) {
  .home-page-land-left {
    background: linear-gradient(180deg, #0D141D 50%, #ffffff 50%);
    padding: 0;
    width: 100vw;
    max-height: 100%;
    color: #000; }
    .home-page-land-left:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      transform: translate(25%, 25%);
      width: 400px;
      height: 276px;
      margin: -125px 0 0 -200px;
      opacity: 0.2;
      filter: blur(50px);
      background-color: #EB0E50;
      z-index: 2; }
    .home-page-land-left .page-title {
      width: 100%;
      text-align: center;
      margin-top: 25px;
      z-index: 4;
      color: #fff; } }
    @media (max-width: 1023px) and (max-height: 768px) {
      .home-page-land-left .page-title {
        margin: 5px; } }

@media (max-width: 1023px) {
      .home-page-land-left .page-title a.page-title-base,
      .home-page-land-left .page-title a.page-title-base:hover {
        font-size: 34px;
        color: #fff;
        text-decoration: none; }
      .home-page-land-left .page-title .page-title-nav {
        display: flex;
        position: absolute;
        align-items: center;
        bottom: 0;
        width: 100vw;
        left: 0;
        justify-content: center;
        color: #4f5660; }
        .home-page-land-left .page-title .page-title-nav a,
        .home-page-land-left .page-title .page-title-nav #block-lang {
          font-size: 16px; } }
      @media (max-width: 1023px) and (max-height: 768px) {
        .home-page-land-left .page-title .page-title-nav {
          display: none; } }

@media (max-width: 1023px) {
    .home-page-land-left .home-page-container {
      z-index: 6;
      margin-top: 30px;
      background: #fff;
      width: 100%;
      max-width: 100%;
      border-radius: 20px;
      padding-top: 25px; } }
    @media (max-width: 1023px) and (max-height: 768px) {
      .home-page-land-left .home-page-container {
        margin: 5px;
        padding: 12px 0 0; } }

@media (max-width: 1023px) {
      .home-page-land-left .home-page-container .col-centered {
        max-width: 550px; }
      .home-page-land-left .home-page-container h1 {
        font-size: 24px; } }
    @media (max-width: 1023px) and (max-height: 768px) {
      .home-page-land-left .home-page-container p {
        font-size: 12px;
        margin-bottom: 5px; } }

@media (max-width: 1023px) {
  .home-page-land-right {
    display: none; } }

@media (max-width: 768px) {
  .home-page-land {
    width: 100%; }
  .home-page-land-left h1 {
    margin-bottom: 12px; }
  .home-page-land-left .home-page-container {
    padding: 12px; } }

@media (max-width: 768px) {
  h1 {
    font-size: 24px;
    margin-bottom: 12px; }
  h3 {
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
    h3 [class^="icon-"].right {
      margin: 2px 5px 0 0; } }

.reload-css {
  display: none; }

.dev .reload-css {
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  background: red;
  cursor: pointer;
  color: #fff;
  font-size: 25px;
  width: 40px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  height: 40px;
  z-index: 9999999999999999999; }
  .dev .reload-css i:before {
    line-height: 40px; }

.form-group .input-group-suffix.icon-copy {
  bottom: 9px;
  left: 0px;
  width: 100%;
  text-align: right; }

.nolink {
  cursor: default; }

.disabled {
  opacity: 0.6; }

.three_little_point {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.no_marge {
  margin: 0; }

:focus {
  outline: 0 !important; }

.blink_me {
  animation: blinker 3s ease-in-out; }

@keyframes blinker {
  17% {
    opacity: 0; }
  34% {
    opacity: 1; }
  51% {
    opacity: 0; }
  68% {
    opacity: 1; }
  85% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes slideIn {
  0% {
    transform: translate(0, 100%);
    opacity: 1;
    z-index: -1; } }

.mirror {
  transform: scaleX(-1); }

.go_premium {
  background-color: #FF8700;
  color: #fff;
  height: 40px;
  cursor: pointer;
  padding: 8px 11px 10px;
  align-self: center;
  border-radius: 6px;
  border: 0;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap; }
  .go_premium:hover {
    background-color: #ec7d00; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important; }

.no-border {
  border: none !important; }
  .no-border-left {
    border-left: none !important; }
  .no-border-right {
    border-right: none !important; }
  .no-border-top {
    border-top: none !important; }
  .no-border-bottom {
    border-bottom: none !important; }

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%; }
  .input-group i.left {
    padding: 0.5rem 0rem;
    font-size: 1.25rem;
    margin: 2px; }
  .input-group input::-webkit-input-placeholder {
    padding-left: 5px;
    letter-spacing: 1px; }
  .input-group input::-moz-placeholder {
    padding-left: 5px;
    letter-spacing: 1px; }
  .input-group input:-moz-placeholder {
    padding-left: 5px;
    letter-spacing: 1px; }
  .input-group input:-ms-input-placeholder {
    padding-left: 5px;
    letter-spacing: 1px; }
  .input-group input.left {
    border-radius: 0.3rem 0 0 0.3rem !important; }
  .input-group .btn {
    position: relative;
    z-index: 2;
    border: 2px solid #858585; }
    .input-group .btn:focus {
      z-index: 3; }

.input-group > .form-control,
.input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  /*width: 100%;*/
  min-width: 0; }

.input-group > .form-control:focus,
.input-group > .form-select:focus {
  z-index: 3; }

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem; }

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem; }

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem; }

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 1.75rem; }

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.notice-error, .notice-info, .notice-warning {
  background: #EB0E50;
  color: #fff;
  border-radius: 4px;
  padding: 5px;
  margin: 5px 0; }
  .notice-error i, .notice-info i, .notice-warning i {
    margin-left: 5px; }
  .notice-error .link, .notice-info .link, .notice-warning .link {
    text-align: right;
    text-decoration: underline; }

.notice-info {
  background: #0075ff; }

.notice-warning {
  background: #FF8700; }

.notice-icon {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start; }
  .notice-icon i {
    margin: 3px 5px 0; }

.notice-actions {
  margin: 0px 0px 10px 20px; }

.pointer {
  cursor: pointer; }

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */ }

.swal2-container .swal2-styled.swal2-confirm {
  background-color: #0075ff; }

.swal2-container .swal2-styled.swal2-deny {
  background-color: #EB0E50; }

.swal2-actions .swal2-styled.swal2-cancel {
  width: 100%;
  background: transparent;
  color: #757575; }

.swal2-actions:not(.swal2-loading) .swal2-styled.swal2-cancel:hover {
  background: transparent;
  text-decoration: underline; }

.swal2-icon {
  border-color: transparent !important; }
  .swal2-icon.swal2-error, .swal2-icon.swal2-warning {
    background: rgba(235, 14, 80, 0.03);
    color: #EB0E50; }
  .swal2-icon.swal2-info {
    background: rgba(0, 117, 255, 0.03);
    color: #0075ff; }
  .swal2-icon.swal2-question {
    background: rgba(0, 117, 255, 0.03);
    color: #0075ff; }
  .swal2-icon.swal2-success {
    background: rgba(126, 239, 204, 0.03);
    color: #7eefcc; }
  .swal2-icon i {
    font-size: 60%; }

.popin-premium .swal2-icon {
  background: rgba(255, 227, 79, 0.2) !important;
  color: #ffe34f !important; }

.popin-delete .swal2-styled.swal2-confirm {
  background: #EB0E50; }

.bloc_premium {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 14px; }
  .bloc_premium h2 {
    font-size: 18px; }
    .bloc_premium h2 i {
      color: #FF8700; }
  .bloc_premium .go_premium {
    margin: 24px 0; }
  .bloc_premium .bloc_premium_text {
    width: 100%;
    padding: 24px; }
  .bloc_premium .premium_list {
    margin-left: 12px; }
    .bloc_premium .premium_list li {
      display: flex;
      margin-bottom: 7px;
      line-height: 17px; }
      .bloc_premium .premium_list li i {
        color: #FF8700;
        font-size: 10px;
        padding-right: 10px;
        padding-top: 7px; }

.panel-option .bloc_premium {
  color: #ffffff; }

.source_row_item_btn .btn {
  width: auto;
  height: auto;
  margin: 10px 10px 0 0;
  padding: 0;
  background: none; }

.source_row_item-more {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 10px; }
  .source_row_item-more .source_row_item-slide {
    flex: 0 0 50px;
    margin: 0 5px 10px 0px;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px; }
    .source_row_item-more .source_row_item-slide .source_row_item_btn {
      display: flex;
      justify-content: space-around; }
      .source_row_item-more .source_row_item-slide .source_row_item_btn .btn {
        margin: 3px 0 0 0; }

td .thumb {
  max-width: 30px;
  max-height: 17px; }

.img_thumb_box img,
.img_thumb_box .color-placeholder {
  height: 50px;
  width: 50px;
  flex: 0 0 50px;
  border-radius: 5px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
  border: solid 1px #ccd1db;
  overflow: hidden;
  display: block;
  object-fit: cover; }
  .img_thumb_box img.thumb,
  .img_thumb_box .color-placeholder.thumb {
    width: 100%;
    max-width: 100%;
    height: auto; }

.img_thumb_box .btn-over {
  position: absolute;
  padding: 0;
  background: rgba(0, 0, 0, 0.65);
  height: 50px;
  width: 50px;
  display: none; }
  .img_thumb_box .btn-over.btn-over-visible {
    display: block; }

.img_thumb_box:hover .btn-over {
  display: block; }

.popout-container {
  width: 100%; }

.corner-new {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -2px;
  right: -2px;
  background: url("/externals/img/corner_new.png") no-repeat;
  background-size: contain; }
  @media (max-width: 1200px) {
    .corner-new {
      width: 25px;
      height: 25px; } }

.dzu-dropzone {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 92px !important;
  overflow: scroll;
  margin: 0 auto;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .15s linear;
  -o-transition: all .15s linear;
  transition: all .15s linear;
  border: 2px solid #d9d9d9;
  border-radius: 4px; }

.dzu-dropzoneActive {
  background-color: #DEEBFF;
  border-color: #2484FF; }

.dzu-dropzoneDisabled {
  opacity: 0.5; }

.dzu-dropzoneDisabled *:hover {
  cursor: unset; }

.dzu-input {
  display: none; }

.dzu-inputLabel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-family: 'Helvetica', sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #2484FF;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  cursor: pointer; }

.dzu-inputLabelWithFiles {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding: 0 14px;
  min-height: 32px;
  background-color: #E6E6E6;
  color: #2484FF;
  border: none;
  font-family: 'Helvetica', sans-serif;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  margin-top: 20px;
  margin-left: 3%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  cursor: pointer; }

.dzu-previewContainer {
  padding: 40px 3%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 100%;
  min-height: 60px;
  z-index: 1;
  border-bottom: 1px solid #ECECEC;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.dzu-previewStatusContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.dzu-previewFileName {
  font-family: 'Helvetica', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #333333; }

.dzu-previewImage {
  width: auto;
  max-height: 40px;
  max-width: 140px;
  border-radius: 4px; }

.dzu-previewButton {
  background-size: 14px 14px;
  background-position: center;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  cursor: pointer;
  opacity: 0.9;
  margin: 0 0 2px 10px; }

.dzu-submitButtonContainer {
  margin: 24px 0;
  z-index: 1; }

.dzu-submitButton {
  padding: 0 14px;
  min-height: 32px;
  background-color: #2484FF;
  border: none;
  border-radius: 4px;
  font-family: 'Helvetica', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #FFF;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  cursor: pointer; }

.dzu-submitButton:disabled {
  background-color: #E6E6E6;
  color: #333333;
  cursor: unset; }

.m-0 {
  margin: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.m-auto {
  margin: auto !important; }

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important; }

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important; }

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important; }

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important; }

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important; }

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important; }

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important; }

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.mt-0 {
  margin-top: 0 !important; }

.mt-1 {
  margin-top: 0.25rem !important; }

.mt-2 {
  margin-top: 0.5rem !important; }

.mt-3 {
  margin-top: 1rem !important; }

.mt-4 {
  margin-top: 1.5rem !important; }

.mt-5 {
  margin-top: 3rem !important; }

.mt-auto {
  margin-top: auto !important; }

.mr-0 {
  margin-right: 0 !important; }

.mr-1 {
  margin-right: 0.25rem !important; }

.mr-2 {
  margin-right: 0.5rem !important; }

.mr-3 {
  margin-right: 1rem !important; }

.mr-4 {
  margin-right: 1.5rem !important; }

.mr-5 {
  margin-right: 3rem !important; }

.mr-auto {
  margin-right: auto !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.mb-1 {
  margin-bottom: 0.25rem !important; }

.mb-2 {
  margin-bottom: 0.5rem !important; }

.mb-3 {
  margin-bottom: 1rem !important; }

.mb-4 {
  margin-bottom: 1.5rem !important; }

.mb-5 {
  margin-bottom: 3rem !important; }

.mb-auto {
  margin-bottom: auto !important; }

.ml-0 {
  margin-left: 0 !important; }

.ml-1 {
  margin-left: 0.25rem !important; }

.ml-2 {
  margin-left: 0.5rem !important; }

.ml-3 {
  margin-left: 1rem !important; }

.ml-4 {
  margin-left: 1.5rem !important; }

.ml-5 {
  margin-left: 3rem !important; }

.ml-auto {
  margin-left: auto !important; }

.p-0 {
  padding: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important; }

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important; }

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important; }

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important; }

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important; }

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important; }

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

.pt-0 {
  padding-top: 0 !important; }

.pt-1 {
  padding-top: 0.25rem !important; }

.pt-2 {
  padding-top: 0.5rem !important; }

.pt-3 {
  padding-top: 1rem !important; }

.pt-4 {
  padding-top: 1.5rem !important; }

.pt-5 {
  padding-top: 3rem !important; }

.pr-0 {
  padding-right: 0 !important; }

.pr-1 {
  padding-right: 0.25rem !important; }

.pr-2 {
  padding-right: 0.5rem !important; }

.pr-3 {
  padding-right: 1rem !important; }

.pr-4 {
  padding-right: 1.5rem !important; }

.pr-5 {
  padding-right: 3rem !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pb-1 {
  padding-bottom: 0.25rem !important; }

.pb-2 {
  padding-bottom: 0.5rem !important; }

.pb-3 {
  padding-bottom: 1rem !important; }

.pb-4 {
  padding-bottom: 1.5rem !important; }

.pb-5 {
  padding-bottom: 3rem !important; }

.pl-0 {
  padding-left: 0 !important; }

.pl-1 {
  padding-left: 0.25rem !important; }

.pl-2 {
  padding-left: 0.5rem !important; }

.pl-3 {
  padding-left: 1rem !important; }

.pl-4 {
  padding-left: 1.5rem !important; }

.pl-5 {
  padding-left: 3rem !important; }

.round {
  border-radius: 5px; }

.bordered {
  border: 1px solid #f7f7f7;
  padding: 10px; }
  .bordered-bottom {
    border-bottom: 1px solid #f7f7f7;
    padding-bottom: 10px; }
  .bordered-dark {
    border: 1px solid #565656;
    padding: 10px; }

.avatar {
  color: #fff;
  background: #0075ff;
  padding: 4px;
  line-height: 30px;
  height: 30px;
  width: 30px;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  text-align: center;
  top: 4px;
  left: 2px; }
  .avatar-img {
    line-height: 30px;
    height: 30px;
    width: 30px;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    text-align: center;
    top: 4px;
    left: 2px;
    margin-right: 6px; }

.bg-white {
  background-color: #ffffff !important;
  color: #000000 !important; }

.bg-black {
  background-color: #000000 !important;
  color: #ffffff !important; }

.d-none {
  display: none; }

.fullscreen header {
  display: none; }

.fullscreen .chat {
  display: none; }

.fullscreen .panel-left {
  display: none; }

.fullscreen .live-container {
  height: 100%;
  max-height: 100%; }

.fullscreen .visio_controller_bar {
  width: 100%; }

.fullscreen .panel-menu-menu {
  display: none; }

.fullscreen #videoconf_overlay {
  top: 0px; }

.videoconference-plan .setting_bar_retream {
  display: none; }

.videoconference-plan .start_container {
  height: 73px; }
  .videoconference-plan .start_container .quality_select {
    display: none; }
  .videoconference-plan .start_container .btn.start {
    width: 100%; }

.videoconference-plan .modal-settings .is-restream {
  display: none; }

.videoconference-plan .modal-settings .is-visio {
  display: none; }

.background-tumbnail {
  width: 35px;
  height: 25px;
  cursor: pointer; }
  .background-tumbnail.big {
    width: 70px;
    height: 50px; }
  .background-tumbnail.active {
    outline-style: solid;
    outline-color: blue; }

.loaderBar {
  width: 100%;
  margin: 0 auto;
  border-radius: 10px;
  border: 4px solid transparent;
  position: relative;
  padding: 1px; }

.loaderBar:before {
  content: '';
  border: 1px solid #ccc;
  border-radius: 10px;
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px; }

.loaderBar .loaderBarInner {
  position: absolute;
  border-radius: 10px;
  top: 0;
  right: 100%;
  bottom: 0;
  left: 0;
  background: #FF8700;
  width: 0;
  animation: borealisBar 2s linear infinite; }

@keyframes borealisBar {
  0% {
    left: 0%;
    right: 100%;
    width: 0%; }
  10% {
    left: 0%;
    right: 75%;
    width: 25%; }
  90% {
    right: 0%;
    left: 75%;
    width: 25%; }
  100% {
    left: 100%;
    right: 0%;
    width: 0%; } }

label.required:after {
  content: " *"; }

.no-top {
  padding-top: 0px; }

.custom-bloc h3 {
  margin-top: 20px;
  margin-bottom: 10px !important; }

.grpd-ribbon-sm {
  margin-top: 1rem !important;
  width: 375px !important; }
  .grpd-ribbon-sm .grpd-button.big {
    width: 100%; }
  .grpd-ribbon-sm .grpd-main-button {
    background-color: red; }

.gif-thumb {
  cursor: pointer;
  height: 75px;
  width: 100%; }
  @media (max-width: 768px) {
    .gif-thumb {
      height: 100%;
      width: 100%; } }

.gif-gallery {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px; }
  .gif-gallery.scrollable {
    overflow-y: scroll;
    height: 40vh; }
  .gif-gallery img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%; }

.tchat-only-plan .chat {
  flex: 0 0 calc(100% - 50px);
  margin-left: 50px; }
  .tchat-only-plan .chat .chat_message_list {
    flex: inherit; }

.tchat-only-plan .panel-menu-menu {
  margin-left: 0; }

.tchat-only-plan .panel-option-left {
  position: absolute;
  z-index: 120;
  margin: 0;
  top: 0;
  height: 100%;
  padding: 0; }

@media (max-width: 768px) and (orientation: portrait) {
  .broadcaster.tchat-only-plan .chat {
    max-height: 100%;
    height: 100%; } }

@media (max-width: 900px) {
  .broadcaster.tchat-only-plan .chat {
    margin-left: 0;
    flex: 0 0 100%; } }

@media (max-width: 768px) and (orientation: portrait) {
  body:not(.in-videoconf) .broadcaster.tchat-only-plan .chat {
    display: flex; } }

.user-status-0 .tchat-only-plan .chat,
.user-status-10 .tchat-only-plan .chat,
.user-status-20 .tchat-only-plan .chat {
  flex: 0 0 100%;
  margin-left: 0px; }

.user-status-10 .hide_header .live-container,
.user-status-0 .hide_header .live-container {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  max-height: 100%; }

.listing .listing-item {
  position: relative;
  border-bottom: 1px solid #EAEBEC;
  padding: 6px 0;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 569px) {
    .listing .listing-item {
      flex-wrap: wrap; } }
  .listing .listing-item:hover {
    background-color: rgba(188, 189, 190, 0.15); }

.listing .listing-item-actions a {
  display: inline-block;
  padding: 5px 8px;
  cursor: pointer;
  color: #868e9b;
  text-decoration: none;
  font-size: 80%; }
  .listing .listing-item-actions a:hover {
    color: #000000; }
  .listing .listing-item-actions a .delete:hover {
    color: #EB0E50; }

.testcam .change_username {
  display: none; }

.testcam .preview .virtual-background {
  display: none; }

.testcam .popin-videoconf-box {
  max-width: initial !important;
  min-width: initial !important; }

.testcam .popin-videoconf-content {
  border-radius: 0px !important;
  height: 100%; }

.table {
  font-size: 12px;
  border-collapse: collapse;
  color: inherit;
  width: 100%; }
  .table th {
    text-transform: uppercase;
    padding: 20px 10px 10px 20px; }
  .table td {
    padding: 2px 10px 2px 20px;
    border-top: 1px solid #e6e3e3; }
  .table .actions a,
  .table .actions button {
    display: inline-block;
    padding: 5px 8px;
    cursor: pointer;
    color: #868e9b;
    text-decoration: none;
    font-size: 80%; }

.txt-green {
  color: #7eefcc; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.grid-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 5px;
  padding-right: 5px; }
  .grid-container.plan:hover {
    background-color: #FBFDFE; }
    .grid-container.plan:hover li {
      font-weight: 900; }
  .grid-container.plan ul li {
    font-size: 12px; }
    .grid-container.plan ul li:before {
      font-family: 'blasticon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      height: 8px;
      width: 10px;
      font-size: 8px;
      color: #21BAB9;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e921";
      margin-right: 5px; }
  .grid-container.small {
    max-width: 365px; }
    .grid-container.small-x-2 {
      max-width: 730px; }
  .grid-container.big-padding {
    padding-left: 200px;
    padding-right: 200px; }
  .grid-container.row-gap {
    grid-row-gap: 50px; }
  .grid-container.bordered {
    background: white;
    box-shadow: 0 7px 14px 0 rgba(49, 49, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    padding: 10px 20px; }
  .grid-container.jc-end {
    justify-content: end; }
  .grid-container.jc-space-between {
    justify-content: space-between; }
  .grid-container.jc-space-around {
    justify-content: space-around; }
  .grid-container.jc-start {
    justify-content: start; }
  .grid-container.jc-center {
    justify-content: center; }
  .grid-container .gif-picker-row {
    grid-gap: 5px;
    display: flex;
    flex-flow: row wrap; }
    .grid-container .gif-picker-row .form-group {
      width: 100%; }
    .grid-container .gif-picker-row .gif-picker-item {
      flex: auto;
      height: 80px; }
      @media (max-width: 768px) {
        .grid-container .gif-picker-row .gif-picker-item {
          height: 75px; } }
      @media (max-width: 569px) {
        .grid-container .gif-picker-row .gif-picker-item {
          height: 60px; } }
      .grid-container .gif-picker-row .gif-picker-item .gif-thumb {
        height: 100%;
        width: 100%;
        cursor: pointer; }
    .grid-container .gif-picker-row.scrollable {
      overflow-y: scroll;
      height: 40vh; }
      @media (max-width: 768px) {
        .grid-container .gif-picker-row.scrollable {
          overflow-y: scroll;
          height: 25vh; } }
  .grid-container .grid-row {
    display: grid; }
    @media (min-width: 768px) {
      .grid-container .grid-row {
        grid-template-columns: repeat(12, 1fr);
        grid-gap: 20px; } }
    .grid-container .grid-row.scrollable {
      overflow-y: scroll;
      height: 40vh; }
      @media (max-width: 768px) {
        .grid-container .grid-row.scrollable {
          overflow-y: scroll;
          height: 25vh; } }
  .grid-container .grid-col-1 {
    grid-column: span 1; }
  .grid-container .grid-col-2 {
    grid-column: span 2; }
  .grid-container .grid-col-3 {
    grid-column: span 3; }
  .grid-container .grid-col-4 {
    grid-column: span 4; }
  .grid-container .grid-col-5 {
    grid-column: span 5; }
  .grid-container .grid-col-6 {
    grid-column: span 6; }
  .grid-container .grid-col-7 {
    grid-column: span 7; }
  .grid-container .grid-col-8 {
    grid-column: span 8; }
  .grid-container .grid-col-9 {
    grid-column: span 9; }
  .grid-container .grid-col-10 {
    grid-column: span 10; }
  .grid-container .grid-col-11 {
    grid-column: span 11; }
  .grid-container .grid-col-12 {
    grid-column: span 12; }
  .grid-container.dark {
    background-color: #000000;
    color: #ffffff; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.viewer.hide_header header {
  display: none !important; }

header {
  color: #ffffff;
  width: 100%;
  height: 50px;
  padding: 0 28px;
  display: flex;
  align-items: center;
  background: #0a1322; }
  header .header-container {
    display: flex;
    align-items: center;
    width: 100%; }
  header .page-title {
    font-family: "Poppins-Bold", Helvetica, sans-serif;
    line-height: 40px;
    font-size: 24px;
    margin-bottom: inherit;
    background: url(/externals/img/blastream_logo.svg) no-repeat left center;
    padding-left: 45px; }
    header .page-title a,
    header .page-title a:hover {
      color: #ffffff;
      text-decoration: none; }
    header .page-title .pagetitle-slug {
      padding: 4px 13px;
      font-size: 15px;
      border: 1px solid #a4a3a369;
      margin: 0 0 0 15px;
      border-radius: 6px; }
  header .settings_bar ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0; }
    header .settings_bar ul li {
      padding: 5px 20px;
      display: flex;
      align-items: center;
      border-right: 1px solid gray;
      position: relative; }
      header .settings_bar ul li.link:hover {
        opacity: 1; }
        header .settings_bar ul li.link:hover i {
          opacity: 0.7;
          transition-property: opacity;
          transition-duration: 0.25s; }
      header .settings_bar ul li .link-counter {
        right: 10px; }
      @media (max-width: 768px) {
        header .settings_bar ul li {
          border: none;
          padding: 5px 10px; } }
  header .user_bar {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center; }
    header .user_bar .go_premium {
      margin-right: 10px; }
    header .user_bar #block-lang {
      font-size: 0.8rem;
      margin-right: 10px; }
      header .user_bar #block-lang ul {
        background-color: #0A1321; }
  header .user_menu_action {
    transform: scaleY(0);
    transform-origin: 50% 0;
    transition: transform 50ms ease;
    margin-top: 10px;
    background: #0A1321;
    z-index: 1050;
    right: 0;
    padding: 0;
    text-align: left;
    border-radius: 0 0 5px 5px;
    overflow: hidden; }
    header .user_menu_action.show_menu {
      transform: scaleY(1); }
    header .user_menu_action li {
      padding: 0px;
      position: relative; }
      header .user_menu_action li .link-menu {
        border: none;
        padding: 6px 44px 6px 15px; }
      header .user_menu_action li:before {
        height: 100%;
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background-color: #EB0E50;
        transform-origin: left;
        transition: width 0.25s ease; }
      header .user_menu_action li:hover:before {
        width: 6px; }
      header .user_menu_action li.sepa {
        border: 1px solid white; }

@media (max-width: 569px) {
  header .settings_bar ul li.setting_bar_retream, header .settings_bar ul li.setting_bar_share, header .settings_bar ul li.setting_bar_privacy {
    display: none; }
  header .page-title {
    font-size: 18px; } }

.replay-actions {
  border: 1px solid #d0d0d0;
  border-radius: 6px;
  display: flex; }
  .replay-actions .item {
    position: relative; }
    .replay-actions .item:not(:last-child) {
      border-right: 1px solid #d0d0d0; }
    .replay-actions .item .link-counter {
      height: 14px;
      width: 14px;
      line-height: 13px;
      font-size: 9px;
      background: #0075ff; }
  .replay-actions a {
    text-decoration: none; }

.replay-items {
  border-radius: 10px;
  margin-bottom: 15px;
  box-shadow: 1px 1px 5px #ccc;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0;
  overflow: hidden; }
  .replay-items .thumb-default {
    font-size: 40px;
    color: #0074fe;
    width: 150px;
    text-align: center; }
  .replay-items .replay-item {
    text-align: left;
    flex: 2 1 auto; }
    .replay-items .replay-item .list-item-date {
      font-size: 0.8em;
      margin: 0; }
    .replay-items .replay-item h4 {
      margin-bottom: 0.25em; }
    .replay-items .replay-item .icon-edit {
      cursor: pointer; }
  .replay-items .form-group {
    padding-top: 0;
    margin-bottom: 6px; }
    .replay-items .form-group .form-control {
      width: 95%; }
    .replay-items .form-group .input-group-suffix {
      width: auto;
      height: auto; }
  .replay-items .alert-message {
    margin: 0;
    font-size: 0.8em;
    font-weight: 500; }
    .replay-items .alert-message .notif {
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      color: #964d03;
      background-color: #fbf0e0;
      padding-left: 10px; }
      .replay-items .alert-message .notif i {
        padding-right: 4px; }

.replay-container .replay-item-alert {
  width: 100%; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.home-page {
  display: flex;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  width: 100%;
  padding: 0 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  background: url(../img/bg-popin-rouge.jpg); }
  .home-page .home-page-container {
    width: 100%;
    max-width: 620px;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 5px 30px;
    box-shadow: 0px 19px 27px -19px black;
    background: #fff; }
  .home-page .page-title {
    text-align: center;
    margin: 0;
    font-size: 34px; }
  .home-page .main-container h1 {
    font-size: 30px; }
  .home-page .main-container .container {
    background: #fff;
    padding: 64px 24px; }
  .home-page .lang {
    color: #ffffff; }

.forget-password {
  text-align: center;
  text-decoration: underline;
  font-size: 14px; }

@media (max-width: 768px) {
  .home-page .page-title {
    font-size: 26px; }
  .home-page .home-page-container {
    max-width: 540px; }
  .home-page .main-container .container {
    padding: 12px; }
  .home-page .main-container h1 {
    font-size: 20px; } }

.connect {
  margin-top: 15px; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.input-tag {
  background: white;
  border: 1px solid #d6d6d6;
  border-radius: 2px;
  display: flex;
  flex-wrap: wrap;
  padding: 5px 5px 0; }

.input-tag input {
  border: none;
  width: 100%; }

.input-tag__tags {
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  width: 100%; }

.input-tag__tags li {
  align-items: center;
  border: 1px solid #0075ff;
  border-radius: 4px;
  color: black;
  display: flex;
  font-weight: 300;
  list-style: none;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 1px 5px; }

.input-tag__tags li button {
  align-items: center;
  appearance: none;
  background: #0075ff;
  border: none;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  height: 15px;
  justify-content: center;
  line-height: 0;
  margin-left: 8px;
  padding: 0;
  width: 15px; }
  .input-tag__tags li button i {
    color: white;
    font-size: 6px; }

.input-tag__tags li.input-tag__tags__input {
  background: none;
  flex-grow: 1;
  width: 100%;
  padding: 0; }

.no-suggestions {
  color: #999;
  padding: 0.5rem; }

.suggestions {
  border: 1px solid #999;
  border-top-width: 0;
  list-style: none;
  margin-top: 0;
  max-height: 143px;
  overflow-y: auto;
  padding-left: 0;
  width: calc(450px + 1rem);
  margin-left: 10px; }

.suggestions li {
  padding: 0.5rem; }

.suggestion-active,
.suggestions li:hover {
  background-color: #EB0E50;
  color: white;
  cursor: pointer;
  font-weight: 700; }

.suggestions li:not(:last-of-type) {
  border-bottom: 1px solid #999; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.interpretation {
  /*.videoconf_user_action_column .action-preview {
        display: block !important;
        width: 6px;
        margin:0 10px;
        border-radius: 3px;
        background: rgba(10, 19, 33, 0.18);
        height: 50px;
        video{
            display:none;
        }


    }*/ }
  .interpretation .live-reaction,
  .interpretation .videoconf_user_action_column .action-cam,
  .interpretation .videoconf_user_action_column .action-hand,
  .interpretation .videoconf_user_action_column .action-screenshare,
  .interpretation .videoconf_user_action_column .action-doc,
  .interpretation .videoconf_user_action_column .action-exit {
    display: none !important; }
  .interpretation .videoconf_user_action_column .action-preview {
    width: 6px !important;
    margin: 5px 15px 5px 10px;
    border-radius: 3px;
    background: rgba(10, 19, 33, 0.18);
    height: 48px;
    align-items: flex-end; }
    .interpretation .videoconf_user_action_column .action-preview .preview-content {
      height: 100%; }
    .interpretation .videoconf_user_action_column .action-preview .preview-content-live {
      display: none; }
  .interpretation .popin-videoconf .popin-videoconf-box .popin-videoconf-content .popin-videoconf-section .preview {
    height: 50px;
    border-radius: 0; }
    .interpretation .popin-videoconf .popin-videoconf-box .popin-videoconf-content .popin-videoconf-section .preview video {
      display: none; }
    .interpretation .popin-videoconf .popin-videoconf-box .popin-videoconf-content .popin-videoconf-section .preview .popin-videoconf-source {
      background: none;
      width: 100%;
      margin-bottom: 10px; }
      .interpretation .popin-videoconf .popin-videoconf-box .popin-videoconf-content .popin-videoconf-section .preview .popin-videoconf-source .virtual-background {
        display: none; }
      .interpretation .popin-videoconf .popin-videoconf-box .popin-videoconf-content .popin-videoconf-section .preview .popin-videoconf-source .popin-camera-item {
        display: none; }
      .interpretation .popin-videoconf .popin-videoconf-box .popin-videoconf-content .popin-videoconf-section .preview .popin-videoconf-source .popin-audio-item {
        flex: 100%; }
    .interpretation .popin-videoconf .popin-videoconf-box .popin-videoconf-content .popin-videoconf-section .preview .vumeter {
      border-radius: 3px; }
  .interpretation .videoconf_user_action_guest {
    display: none; }
  .interpretation .interpretor-ui {
    flex-grow: 1;
    /* position: absolute;
    width: calc(100% - 25%);
    height: 125px;
    bottom: 0px;
    background-color: #f1f1f1;
*/
    /*  .interpretor-ui-header {
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        background-color: $blue;
        color: #fff;
        i {
            margin-right: 10px;
        }
    }*/
    /*.interpretor-start {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 25px;
        height: 100px;
        h3 {
            margin-bottom: 5px;
        }
        p {
            font-size: 13px;
            line-height: 14px;
        }
        button {
            margin: auto 15px;
        }
    }*/ }
    .interpretation .interpretor-ui .interpretor-ui-start {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-left: 10px;
      color: #fff; }
      .interpretation .interpretor-ui .interpretor-ui-start h3 {
        margin: 0;
        font-family: "Poppins-Bold", Helvetica, sans-serif;
        color: #ffffff;
        font-size: 18px; }
    .interpretation .interpretor-ui .interpretor-ui-box {
      position: absolute;
      background: #f7f7f7;
      width: 100%;
      z-index: -1;
      display: flex;
      justify-content: space-between;
      bottom: -100px;
      height: 100px;
      transition: all 400ms ease; }
      .interpretation .interpretor-ui .interpretor-ui-box .interpretor-ui-box-part {
        margin: 5px 12px;
        padding: 0 6px;
        border-left: 1px solid #e6e3e3; }
        .interpretation .interpretor-ui .interpretor-ui-box .interpretor-ui-box-part:first-child {
          border-left: none; }
        .interpretation .interpretor-ui .interpretor-ui-box .interpretor-ui-box-part h4 {
          margin-bottom: 2px; }
        .interpretation .interpretor-ui .interpretor-ui-box .interpretor-ui-box-part.interpretor-ui-incoming {
          flex: 0 0 125px; }
        .interpretation .interpretor-ui .interpretor-ui-box .interpretor-ui-box-part.interpretor-ui-action {
          flex-grow: 1; }
        .interpretation .interpretor-ui .interpretor-ui-box .interpretor-ui-box-part .interpretor-ui-current-interpretor {
          font-size: 12px;
          color: #FF8700;
          font-weight: 500;
          margin-bottom: 2px; }
          .interpretation .interpretor-ui .interpretor-ui-box .interpretor-ui-box-part .interpretor-ui-current-interpretor.active {
            color: #0075ff; }
        .interpretation .interpretor-ui .interpretor-ui-box .interpretor-ui-box-part .interpretor-ui-on-air {
          position: relative;
          padding: 6px 12px 5px;
          cursor: initial; }
          .interpretation .interpretor-ui .interpretor-ui-box .interpretor-ui-box-part .interpretor-ui-on-air .preview-content-live {
            top: 2px;
            left: 2px;
            height: 8px;
            width: 8px; }
          .interpretation .interpretor-ui .interpretor-ui-box .interpretor-ui-box-part .interpretor-ui-on-air:hover {
            color: #EB0E50 !important;
            background: #ffffff;
            filter: none; }
        .interpretation .interpretor-ui .interpretor-ui-box .interpretor-ui-box-part .interpretor-ui-langs {
          display: flex; }
          .interpretation .interpretor-ui .interpretor-ui-box .interpretor-ui-box-part .interpretor-ui-langs .interpretor-lang-item {
            margin: 3px;
            border-radius: 5px;
            padding: 6px;
            overflow: hidden;
            position: relative;
            border: 1px solid #4a4a4a;
            color: #4a4a4a;
            font-size: 12px;
            text-align: center; }
            .interpretation .interpretor-ui .interpretor-ui-box .interpretor-ui-box-part .interpretor-ui-langs .interpretor-lang-item.boxbutton {
              width: 80px; }
            .interpretation .interpretor-ui .interpretor-ui-box .interpretor-ui-box-part .interpretor-ui-langs .interpretor-lang-item.selected {
              border-color: #0075ff;
              color: #0075ff; }
            .interpretation .interpretor-ui .interpretor-ui-box .interpretor-ui-box-part .interpretor-ui-langs .interpretor-lang-item h5 {
              text-transform: uppercase;
              font-size: 15px;
              font-weight: 500;
              margin: 0;
              font-family: Poppins, sans-serif; }
  .interpretation.interpretor-active .live-container .videoconf {
    height: calc(100% - 225px); }
  .interpretation.interpretor-active .user_live_alerts {
    top: -156px; }
  .interpretation.interpretor-active .interpretor-ui-box {
    bottom: 58px; }

.source_row_item_is_live {
  background: #EB0E50;
  font-style: normal;
  height: 9px;
  margin-left: 3px;
  width: 9px;
  border-radius: 50%; }

.videoconf_source_item_advanced .videoconf_source_item_languages {
  margin: 0; }
  .videoconf_source_item_advanced .videoconf_source_item_languages li {
    display: inline-block;
    background: #e3e3e3;
    border-radius: 3px;
    color: #1d2634;
    margin: 2px;
    font-size: 11px;
    padding: 1px 3px;
    cursor: default; }
    .videoconf_source_item_advanced .videoconf_source_item_languages li.active {
      background: #0075ff;
      color: #fff; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
/*
* iziToast | v1.4.0
* http://izitoast.marcelodolce.com
* by Marcelo Dolce.
*/
.iziToast-capsule {
  font-size: 0;
  height: 0;
  width: 100%;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); }

.iziToast-capsule,
.iziToast-capsule * {
  box-sizing: border-box; }

.iziToast-overlay {
  display: block;
  position: fixed;
  top: -100px;
  left: 0;
  right: 0;
  bottom: -100px;
  z-index: 1080; }

.iziToast {
  display: inline-block;
  clear: both;
  position: relative;
  font-family: 'Lato', Tahoma, Arial;
  font-size: 14px;
  padding: 8px 45px 9px 0;
  background: rgba(238, 238, 238, 0.9);
  border-color: rgba(238, 238, 238, 0.9);
  width: 100%;
  pointer-events: all;
  cursor: default;
  transform: translateX(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-height: 54px; }

.iziToast > .iziToast-progressbar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  background: rgba(255, 255, 255, 0.2); }

.iziToast > .iziToast-progressbar > div {
  height: 2px;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0 0 3px 3px; }

.iziToast.iziToast-balloon:before {
  content: '';
  position: absolute;
  right: 8px;
  left: auto;
  width: 0px;
  height: 0px;
  top: 100%;
  border-right: 0px solid transparent;
  border-left: 15px solid transparent;
  border-top: 10px solid #000;
  border-top-color: inherit;
  border-radius: 0; }

.iziToast.iziToast-balloon .iziToast-progressbar {
  top: 0;
  bottom: auto; }

.iziToast.iziToast-balloon > div {
  border-radius: 0 0 0 3px; }

.iziToast > .iziToast-cover {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  margin: 0;
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.1); }

.iziToast > .iziToast-close {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  padding: 0;
  opacity: 0.6;
  width: 42px;
  height: 100%;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 8px;
  cursor: pointer;
  outline: none; }

.iziToast > .iziToast-close:hover {
  opacity: 1; }

.iziToast > .iziToast-body {
  position: relative;
  padding: 0 0 0 10px;
  height: auto;
  min-height: 36px;
  margin: 0 0 0 15px;
  text-align: left; }

.iziToast > .iziToast-body:after {
  content: "";
  display: table;
  clear: both; }

.iziToast > .iziToast-body .iziToast-texts {
  margin: 10px 0 0 0;
  padding-right: 2px;
  display: inline-block;
  float: left; }

.iziToast > .iziToast-body .iziToast-inputs {
  min-height: 19px;
  float: left;
  margin: 3px -2px; }

.iziToast > .iziToast-body .iziToast-inputs > input:not([type=checkbox]):not([type=radio]),
.iziToast > .iziToast-body .iziToast-inputs > select {
  position: relative;
  display: inline-block;
  margin: 2px;
  border-radius: 2px;
  border: 0;
  padding: 4px 7px;
  font-size: 13px;
  letter-spacing: 0.02em;
  background: rgba(0, 0, 0, 0.1);
  color: #000;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  min-height: 26px; }

.iziToast > .iziToast-body .iziToast-inputs > input:not([type=checkbox]):not([type=radio]):focus,
.iziToast > .iziToast-body .iziToast-inputs > select:focus {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6); }

.iziToast > .iziToast-body .iziToast-buttons {
  min-height: 17px;
  float: left;
  margin: 4px -2px; }

.iziToast > .iziToast-body .iziToast-buttons > a,
.iziToast > .iziToast-body .iziToast-buttons > button,
.iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]) {
  position: relative;
  display: inline-block;
  margin: 2px;
  border-radius: 2px;
  border: 0;
  padding: 5px 10px;
  font-size: 12px;
  letter-spacing: 0.02em;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
  color: #000; }

.iziToast > .iziToast-body .iziToast-buttons > a:hover,
.iziToast > .iziToast-body .iziToast-buttons > button:hover,
.iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):hover {
  background: rgba(0, 0, 0, 0.2); }

.iziToast > .iziToast-body .iziToast-buttons > a:focus,
.iziToast > .iziToast-body .iziToast-buttons > button:focus,
.iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):focus {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6); }

.iziToast > .iziToast-body .iziToast-buttons > a:active,
.iziToast > .iziToast-body .iziToast-buttons > button:active,
.iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):active {
  top: 1px; }

.iziToast > .iziToast-body .iziToast-icon {
  height: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  display: table;
  font-size: 23px;
  line-height: 24px;
  margin-top: -12px;
  color: #000;
  width: 24px;
  height: 24px; }

.iziToast > .iziToast-body .iziToast-icon.ico-info {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCtoPsAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=") no-repeat 50% 50%;
  background-size: 85%; }

.iziToast > .iziToast-body .iziToast-icon.ico-warning {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAkFBMVEUAAAAAAAABAAIAAAABAAIAAAMAAAABAAIBAAIBAAIAAAIAAAABAAIAAAABAAICAAICAAIAAAIAAAAAAAAAAAABAAIBAAIAAAMAAAABAAIBAAMBAAECAAIAAAIAAAIAAAABAAIBAAIBAAMBAAIBAAEAAAIAAAMAAAAAAAABAAECAAICAAIAAAIAAAMAAAQAAAE05yNAAAAAL3RSTlMAB+kD7V8Q+PXicwv7I9iYhkAzJxnx01IV5cmnk2xmHfzexsK4eEw5L7Gei39aRw640awAAAHQSURBVFjD7ZfJdoJAEEWJgCiI4oDiPM8m7///LidErRO7sHrY5u7YXLr7vKqu9kTC0HPmo9n8cJbEQOzqqAdAUHeUZACQuTkGDQBoDJwkHZR0XBz9FkpafXuHP0SJ09mGeJLZ5wwlTmcbA0THPmdEK7XPGTG1zxmInn3OiJ19zkB0jSVTKExMHT0wjAwlWzC0fSPHF1gWRpIhWMYm7fYTFcQGlbemf4dFfdTGg0B/KXM8qBU/3wntbq7rSGqvJ9kla6IpueFJet8fxfem5yhykjyOgNaWF1qSGd5JMNNxpNF7SZQaVh5JzLrTCZIEJ1GyEyVyd+pClMjdaSJK5O40giSRu5PfFiVyd1pAksjdKRnrSsbVdbiHrgT7yss315fkVQPLFQrL+4FHeOXKO5YRFEKv5AiFaMlKLlBpJuVCJlC5sJfvCgztru/3NmBYccPgGTxRAzxn1XGEMUf58pXZvjoOsOCgjL08+b53mtfAM/SVsZcjKLtysQZPqIy9HPP3m/3zKItRwT0LyQo8sTr26tcO83DIUMWIJjierHLsJda/tbNBFY0BP/bKtcM8HNIWCK3aYR4OMzgxo5w5EFLOLKDExXAm9gI4E3iAO94/Ct/lKWuM2LMGbgAAAABJRU5ErkJggg==") no-repeat 50% 50%;
  background-size: 85%; }

.iziToast > .iziToast-body .iziToast-icon.ico-error {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVyEiIAAAAJ3RSTlMA3BsB98QV8uSyWVUFz7+kcWMM2LuZioBpTUVBNcq2qaibj4d1azLZZYABAAACZElEQVRYw7WX25KCMAyGAxUoFDkpiohnV97/DXeGBtoOUprZ2dyo1K82fxKbwJJVp+KQZ7so2mX5oThVQLKwjDe9YZu4DF3ptAn6rxY0qQPOEq9fNC9ha3y77a22ba24v+9Xbe8v8x03dPOC2/NdvB6xeSreLfGJpnx0TyotKqLm2s7Jd/WO6ivXNp0tCy02R/aFz5VQ5wUPlUL5fIfj5KIlVGU0nWHm/5QtoTVMWY8mzIVu1K9O7XH2JiU/xnOOT39gnUfj+lFHddx4tFjL3/H8jjzaFCy2Rf0c/fdQyQszI8BDR973IyMSKa4krjxAiW/lkRvMP+bKK9WbYS1ASQg8dKjaUGlYPwRe/WoIkz8tiQchH5QAEMv6T0k8MD4mUyWr4E7jAWqZ+xWcMIYkXvlwggJ3IvFK+wIOcpXAo8n8P0COAaXyKH4OsjBuZB4ew0IGu+H1SebhNazsQBbWm8yj+hFuUJB5eMsN0IUXmYendAFFfJB5uEkRMYwxmcd6zDGRtmQePEykAgubymMRFmMxCSIPCRbTuFNN5OGORTjmNGc0Po0m8Uv0gcCry6xUhR2QeLii9tofbEfhz/qvNti+OfPqNm2Mq6105FUMvdT4GPmufMiV8PqBMkc+DdT1bjYYbjzU/ew23VP4n3mLAz4n8Jtv/Ui3ceTT2mzz5o1mZt0gnBpmsdjqRqVlmplcPdqa7X23kL9brdm2t/uBYDPn2+tyu48mtIGD10JTuUrukVrbCFiwDzcHrPjxKt7PW+AZQyT/WESO+1WL7f3o+WLHL2dYMSZsg6dg/z360ofvP4//v1NPzgs28WlWAAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 80%; }

.iziToast > .iziToast-body .iziToast-icon.ico-success {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==") no-repeat 50% 50%;
  background-size: 85%; }

.iziToast > .iziToast-body .iziToast-icon.ico-question {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEhFovxTxAAAEDklEQVRo3s2ZTWgTQRTHf03ipTRUqghNSgsRjHgQrFUQC6JgD1Kak3gQUUoPqRdBglf1oBehBws9Cn4cGk+1SOmh2upBxAYVoeJHrR9tgq0i1Cq0lqYeks7MbpPdmU00/c8hm9n33v/t7Nt5M2+qMEWQI0QIibZKRrQpHvLL2KI2wnQzzBKrDm2RIeKEy01dTYKUI7G1ZRknQXV5yP10kTYgly1NF/5S6duZ8ES+1iZodyaocrjXxE0OFeifYYgp0mRIkwFChAkRJsIxGgrIP+I0n82fvZW5dc/zkss0O2o1c5mX6/TmaDWl77RFe5YkUW3tKEmyFv0lOvXJ/fTYnmCEFuMRbGHEZqVHLyT9DFjUJmkzJl9DG5MWWwM6Llif/gF1nukB6nhgGwUXdFrE+wiURA8QoM9i0zEWWpXQW+ZsyeRrOMuyEo5Fv4gmy4dXPvqcC+pH2VRYaMwy+OWG+iLGCgm0W0Kv9HdvR8ASjmKCXpuK/bxiV/76A/v5UdDIZuKcJGjrnec5KZ7wwsWFOp6xPX/9mt2sqDe7FO+Kf/fXHBPPDWpdXGhTpLvUG9VKwh1xMDDjkvu+cNDFBTk7ptX1QkKZ850m3duu6fcrWxwdaFFyREJ2j4vOpKP6Du6z4uJCv8sYJIVkCnJBGGZaBONO3roY2EqNrSfIPi7SKP4fdXyNUd6I6wbSAHEl33tFLe+FlSsusnK90A0+oEPcuufZgXnOi+u9LrKSJQZQw6LwqBnv2CKsfHORbFbyQhA6xN/pEuihSdj56Co7LWRjPiKie6gkB2LiKuUqK5kiPkLiz1QJ9K1cNXBAMoUCigNpQ9IqDtMI1HKA4/jyvUsaoSyZLA5kjOjDPFZen8Ql5TsvBskUgjciIPSX3QAXC86DT7VWvlEh/xZ+ij9BDVWJ0QL0SbZq6QaFxoLPcXPmBLveLCc4wXdDK6s+6/vwhCSniFLPXW0NJe5UB8zKCsviqpc7vGPVQFcyZbyPwGD+d5ZnxmNWlhG4xSBZZjivjIWHEQgoDkSMjMwTo54569JSE5IpA7EyJSMTyGTUAUFlO1ZKOtaHTMeL1PhYYFTcihmY2cQ5+ullj7EDkiVfVez2sCTz8yiv84djhg7IJVk81xFWJlPdfHBG0flkRC/zQFZ+DSllNtfDdUsOMCliyGX5uOzU3ZhIXFDof4m1gDuKbEx0t2YS25gVGpcMnr/I1kx3c6piB8P8ZoqEwfMX3ZyCXynJTmq/U7NUXqfUzCbWL1wqVKBQUeESzQYoUlW8TAcVL1RCxUu1G6BYXfFyfQ4VPbDI4T8d2WzgQ6sc/vmxnTsqfHCZQzUJxm1h5dxS5Tu6lQgTZ0ipqRVqSwzTbbLHMt+c19iO76tsx/cLZub+Ali+tYC93olEAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjE3KzAyOjAwjKtfjgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxNyswMjowMP325zIAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 85%; }

.iziToast > .iziToast-body .iziToast-title {
  padding: 0;
  margin: 0;
  line-height: 16px;
  font-size: 14px;
  text-align: left;
  float: left;
  color: #000;
  white-space: normal; }

.iziToast > .iziToast-body .iziToast-message {
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  white-space: normal; }

.iziToast.iziToast-animateInside .iziToast-title,
.iziToast.iziToast-animateInside .iziToast-message,
.iziToast.iziToast-animateInside .iziToast-icon,
.iziToast.iziToast-animateInside .iziToast-buttons-child,
.iziToast.iziToast-animateInside .iziToast-inputs-child {
  opacity: 0; }

.iziToast-target {
  position: relative;
  width: 100%;
  margin: 0 auto; }

.iziToast-target .iziToast-capsule {
  overflow: hidden; }

.iziToast-target .iziToast-capsule:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.iziToast-target .iziToast-capsule .iziToast {
  width: 100%;
  float: left; }

.iziToast-wrapper {
  z-index: 99999;
  position: fixed;
  width: 100%;
  pointer-events: none;
  display: flex;
  flex-direction: column; }

.iziToast-wrapper .iziToast.iziToast-balloon:before {
  border-right: 0 solid transparent;
  border-left: 15px solid transparent;
  border-top: 10px solid #000;
  border-top-color: inherit;
  right: 8px;
  left: auto; }

.iziToast-wrapper-bottomLeft {
  left: 0;
  bottom: 0;
  text-align: left; }

.iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before {
  border-right: 15px solid transparent;
  border-left: 0 solid transparent;
  right: auto;
  left: 8px; }

.iziToast-wrapper-bottomRight {
  right: 0;
  bottom: 0;
  text-align: right; }

.iziToast-wrapper-topLeft {
  left: 0;
  top: 0;
  text-align: left; }

.iziToast-wrapper-topLeft .iziToast.iziToast-balloon:before {
  border-right: 15px solid transparent;
  border-left: 0 solid transparent;
  right: auto;
  left: 8px; }

.iziToast-wrapper-topRight {
  top: 0;
  right: 0;
  text-align: right; }

.iziToast-wrapper-topCenter {
  top: 50px;
  left: 0;
  right: 0;
  text-align: center; }

.iziToast-wrapper-bottomCenter {
  bottom: 80;
  left: 0;
  right: 0;
  text-align: center; }

.iziToast-wrapper-center {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  justify-content: center;
  flex-flow: column;
  align-items: center; }

.iziToast-rtl {
  direction: rtl;
  padding: 8px 0 9px 45px;
  font-family: Tahoma, 'Lato', Arial; }

.iziToast-rtl .iziToast-cover {
  left: auto;
  right: 0; }

.iziToast-rtl .iziToast-close {
  right: auto;
  left: 0; }

.iziToast-rtl .iziToast-body {
  padding: 0 10px 0 0;
  margin: 0 16px 0 0;
  text-align: right; }

.iziToast-rtl .iziToast-body .iziToast-buttons,
.iziToast-rtl .iziToast-body .iziToast-inputs,
.iziToast-rtl .iziToast-body .iziToast-texts,
.iziToast-rtl .iziToast-body .iziToast-title,
.iziToast-rtl .iziToast-body .iziToast-message {
  float: right;
  text-align: right; }

.iziToast-rtl .iziToast-body .iziToast-icon {
  left: auto;
  right: 0; }

@media only screen and (min-width: 568px) {
  .iziToast-wrapper {
    padding: 10px 15px; }
  .iziToast {
    margin: 5px 0;
    border-radius: 3px;
    width: auto; }
  .iziToast:after {
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    box-shadow: inset 0 -10px 20px -10px rgba(0, 0, 0, 0.2), inset 0 0 5px rgba(0, 0, 0, 0.1), 0 8px 8px -5px rgba(0, 0, 0, 0.25); }
  .iziToast:not(.iziToast-rtl) .iziToast-cover {
    border-radius: 3px 0 0 3px; }
  .iziToast.iziToast-rtl .iziToast-cover {
    border-radius: 0 3px 3px 0; }
  .iziToast.iziToast-color-dark:after {
    box-shadow: inset 0 -10px 20px -10px rgba(255, 255, 255, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.25); }
  .iziToast.iziToast-balloon .iziToast-progressbar {
    background: transparent; }
  .iziToast.iziToast-balloon:after {
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.25), inset 0 10px 20px -5px rgba(0, 0, 0, 0.25); }
  .iziToast-target .iziToast:after {
    box-shadow: inset 0 -10px 20px -10px rgba(0, 0, 0, 0.2), inset 0 0 5px rgba(0, 0, 0, 0.1); } }

.iziToast.iziToast-theme-dark {
  background: #565c70;
  border-color: #565c70; }

.iziToast.iziToast-theme-dark .iziToast-title {
  color: #fff; }

.iziToast.iziToast-theme-dark .iziToast-message {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 300; }

.iziToast.iziToast-theme-dark .iziToast-close {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgCR4OIQIPSao6AAAAwElEQVRIx72VUQ6EIAwFmz2XB+AConhjzqTJ7JeGKhLYlyx/BGdoBVpjIpMJNjgIZDKTkQHYmYfwmR2AfAqGFBcO2QjXZCd24bEggvd1KBx+xlwoDpYmvnBUUy68DYXD77ESr8WDtYqvxRex7a8oHP4Wo1Mkt5I68Mc+qYqv1h5OsZmZsQ3gj/02h6cO/KEYx29hu3R+VTTwz6D3TymIP1E8RvEiiVdZfEzicxYLiljSxKIqlnW5seitTW6uYnv/Aqh4whX3mEUrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA5LTMwVDE0OjMzOjAyKzAyOjAwl6RMVgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wOS0zMFQxNDozMzowMiswMjowMOb59OoAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 8px; }

.iziToast.iziToast-theme-dark .iziToast-icon {
  color: #fff; }

.iziToast.iziToast-theme-dark .iziToast-icon.ico-info {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=") no-repeat 50% 50%;
  background-size: 85%; }

.iziToast.iziToast-theme-dark .iziToast-icon.ico-warning {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAllBMVEUAAAD////+//3+//3+//3///////z+//3+//3+//3////////////9//3////+//39//3///3////////////+//3+//39//3///z+//z+//7///3///3///3///3////////+//3+//3+//3+//z+//3+//7///3///z////////+//79//3///3///z///v+//3///+trXouAAAAMHRSTlMAB+j87RBf+PXiCwQClSPYhkAzJxnx05tSyadzcmxmHRbp5d7Gwrh4TDkvsYt/WkdQzCITAAAB1UlEQVRYw+3XaXKCQBCGYSIIighoxCVqNJrEPfly/8vFImKXduNsf/Mc4K1y7FnwlMLQc/bUbj85R6bA1LXRDICg6RjJcZa7NQYtnLUGTpERSiOXxrOPkv9s30iGKDmtbYir3H7OUHJa2ylAuvZzRvzUfs7Ii/2cgfTt54x82s8ZSM848gJmYtroQzA2jHwA+LkBIEuMGt+QIng1igzlyMrkuP2CyOi47axRaYTL5jhDJehoR+aovC29s3iIyly3Eb+hRCvZo2qsGTnhKr2cLDS+J73GsqBI9W80UCmWWpEuhIjh6ZRGjyNRarjzKGJ2Ou2himCvjHwqI+rTqQdlRH06TZQR9ek0hiqiPp06mV4ke7QPX6ERUZxO8Uo3sqrfhxvoRrCpvXwL/UjR9GRHMIvLgke4d5QbiwhM6JV2YKKF4vIl7XIBkwm4keryJVmvk/TfwcmPwQNkUQuyA2/sYGwnXL7GPu4bW1jYsmevrNj09/MGZMOEPXslQVqO8hqykD17JfPHP/bmo2yGGpdZiH3IZvzZa7B3+IdDjjpjesHJcvbs5dZ/e+cddVoDdvlq7x12Nac+iN7e4R8OXTjp0pw5CGnOLNDEzeBs5gVwFniAO+8f8wvfeXP2hyqnmwAAAABJRU5ErkJggg==") no-repeat 50% 50%;
  background-size: 85%; }

.iziToast.iziToast-theme-dark .iziToast-icon.ico-error {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMA3BsB98QV8uSyWVUFz6RxYwzYvbupmYqAaU1FQTXKv7abj4d1azKNUit3AAACZElEQVRYw7WXaZOCMAyGw30UORRQBLxX/v8/3BkaWjrY2szO5otKfGrzJrEp6Kw6F8f8sI+i/SE/FucKSBaWiT8p5idlaEtnXTB9tKDLLHAvdSatOan3je93k9F2vRF36+mr1a6eH2NFNydoHq/ieU/UXcWjjk9XykdNWq2ywtp4tXL6Wb2T/MqtzzZutsrNyfvA51KoQROhVCjfrnASIRpSVUZiD5v4RbWExjRdJzSmOsZFvzYz59kRSr6V5zE+/QELHkNdb3VRx45HS1b1u+zfkkcbRAZ3qJ9l/A4qefHUDMShJe+6kZKJDD2pLQ9Q4lu+5Q7rz7Plperd7AtQEgIPI6o2dxr2D4GXvxqCiKcn8cD4gxIAEt7/GYkHL16KqeJd0NB4gJbXfgVnzCGJlzGcocCVSLzUvoAj9xJ4NF7/R8gxoVQexc/hgBpSebjPjgPs59cHmYfn7NkDb6wXmUf1I1ygIPPw4gtgCE8yDw8eAop4J/PQcBExjQmZx37MsZB2ZB4cLKQCG5vKYxMWSzMxIg8pNtOyUkvkocEmXGo69mh8FgnxS4yBwMvDrJSNHZB4uC3ayz/YkcIP4lflwVIT+OU07ZSjrbTkZQ6dTPkYubZ8GC/Cqxu6WvJZII93dcCw46GdNqdpTeF/tiMOuDGB9z/NI6NvyWetGPM0g+bVNeovBmamHXWj0nCbEaGeTMN2PWrqd6cM26ZxP2DeJvj+ph/30Zi/GmRbtlK5SptI+nwGGnvH6gUruT+L16MJHF+58rwNIifTV0vM8+hwMeOXAb6Yx0wXT+b999WXfvn+8/X/F7fWzjdTord5AAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 80%; }

.iziToast.iziToast-theme-dark .iziToast-icon.ico-success {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==") no-repeat 50% 50%;
  background-size: 85%; }

.iziToast.iziToast-theme-dark .iziToast-icon.ico-question {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEg18vki+AAAETUlEQVRo3s1ZTWhbRxD+VlIuxsLFCYVIIQYVopBDoK5bKDWUBupDMNbJ5FBKg/FBziUQdE9yaC+FHBrwsdCfQ9RTGoLxwWl+DqHEojUFFydxnB9bInZDqOsErBrr6yGvs/ueX97bldTKo4Pe7puZb3Z33s7srIIjMY1jyCEjP6ImvyX8pF64arSHznKC06wzijY5xSKz7YbuYokV2lODsyyxqz3gSY6z6gCuqcpxJluFH+Z8U+D/0jyHoxFUBHgfvsGHIS9WMIUlVFFDFTUAGWSRQRY5HMeBEP6b+Ew9dh/7INd2jGeO59kfKdXP85zbIbfGQVf4sYC3N1hm3lo6zzIbPvk6x+zBk7wQGMEMB5xncIAzAS0XrFySSV72iS1yyBVcdA1x0afrsoUJgdFfY2+z8ADAXl7zz0KcwJiPfZKpVuABgClO+nRG+QIHDdfb4qlWwUXvKW4Z7vi6L4J9vg+vbfCeCeZH2RfOdMOc/HbCA4BvIW6EMQz7XK/ltd+hP+VzR9mgva2YSfyGI17fA7ynnocqeQNFfIJ0oHsdv6CC2+rXGBN6cQdveY3fcVRtmy/HDete+93zy8jA8zV7YkwYMrjHzRddRsCdiVCwwmh6wg9iTNC7Y9XIF1iS7kbUpsvvGEdPuTfSgAEjRpR096x0liPFD/Eqt2NMuBQzB2XhrACAApjFsuQFh9XdGAX70B3oSuNdnMVBaX+sopYxjwVpHFBVACyKTXNoktjD+6Ll8xhenS9MAAkAI/Lux2YNUOs4I413Ypg1SgEAu7kpFvWjaeJe0fJHDGe/cNaZBkekudw8PMA+0fMwlndZeAsJ5KR/qhUDUJCnSiyvRsolkJHGUgvjH8QXDgZopEzKMKDqCKrwEQ4C6MH7GEXC665buLJG8hlQc4LP4paxfJrOqYVYYY2UARfEIazTbgDg2dB98GebzJd54b8L/iWNdLyooeR6CHyZ+6xk0yKxkYg6nEVSUG4VJ9QJ9cxRCxO+9WiOyvgUeexXP1hLGH5nGuBWVtiSp4vqe3VP0UFWI9Wan4Er3v8q7jjPWVtm4FtcQQMrOKO2nOQCM5AyDMi56FDrKHA/1nyppS1ppBpYaE8wciEjGI2AaeM41kI4doDX4XiT3Qm1gevyruCgZg9P8xIv8m1nCzTKq6oiJ9xTMiZ505P5m8cdZ0CnZMVXHVljM7WMBzxpyDxygtdxoCEFTaMIWbZU85UvBjgUMYy0fBaAF8V1Lj9qWQ1aMZ5f4k9r+AGMSkMP1vZoZih6k6sicc5h/OFHM9vDqU/VIU7zJZdYYsKGH4g4nAJMGiXZRds1pVMoZ69RM5vfkbh0qkBhsnS2RLMLilQdL9MBHS9UAh0v1e6CYnXHy/WeeCcvLDwl/9OVze69tPKM+M+v7eJN6OzFpWdEF0ucDbhVNFXadnVrmJFlkVNGTS2M6pzmhMvltfPhnN2B63sVuL7fcNP3D1TSk2ihosPrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjEzKzAyOjAweOR7nQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxMyswMjowMAm5wyEAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 85%; }

.iziToast.iziToast-theme-dark .iziToast-buttons > a,
.iziToast.iziToast-theme-dark .iziToast-buttons > button,
.iziToast.iziToast-theme-dark .iziToast-buttons > input {
  color: #fff;
  background: rgba(255, 255, 255, 0.1); }

.iziToast.iziToast-theme-dark .iziToast-buttons > a:hover,
.iziToast.iziToast-theme-dark .iziToast-buttons > button:hover,
.iziToast.iziToast-theme-dark .iziToast-buttons > input:hover {
  background: rgba(255, 255, 255, 0.2); }

.iziToast.iziToast-theme-dark .iziToast-buttons > a:focus,
.iziToast.iziToast-theme-dark .iziToast-buttons > button:focus,
.iziToast.iziToast-theme-dark .iziToast-buttons > input:focus {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6); }

.iziToast.iziToast-color-red {
  background: rgba(255, 175, 180, 0.9);
  border-color: rgba(255, 175, 180, 0.9); }

.iziToast.iziToast-color-orange {
  background: rgba(255, 207, 165, 0.9);
  border-color: rgba(255, 207, 165, 0.9); }

.iziToast.iziToast-color-yellow {
  background: rgba(255, 249, 178, 0.9);
  border-color: rgba(255, 249, 178, 0.9); }

.iziToast.iziToast-color-blue {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(255, 255, 255, 0.9); }

.iziToast.iziToast-color-green {
  background: rgba(126, 239, 204, 0.9);
  border-color: rgba(126, 239, 204, 0.9); }

.iziToast.iziToast-layout2 .iziToast-body .iziToast-texts,
.iziToast.iziToast-layout2 .iziToast-body .iziToast-message {
  width: 100%; }

.iziToast.iziToast-layout3 {
  border-radius: 2px; }

.iziToast.iziToast-layout3::after {
  display: none; }

.iziToast.revealIn,
.iziToast .revealIn {
  -webkit-animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both;
  -moz-animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both;
  animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both; }

.iziToast.slideIn,
.iziToast .slideIn {
  -webkit-animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
  -moz-animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
  animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both; }

.iziToast.bounceInLeft {
  -webkit-animation: iziT-bounceInLeft 0.7s ease-in-out both;
  animation: iziT-bounceInLeft 0.7s ease-in-out both; }

.iziToast.bounceInRight {
  -webkit-animation: iziT-bounceInRight 0.85s ease-in-out both;
  animation: iziT-bounceInRight 0.85s ease-in-out both; }

.iziToast.bounceInDown {
  -webkit-animation: iziT-bounceInDown 0.7s ease-in-out both;
  animation: iziT-bounceInDown 0.7s ease-in-out both; }

.iziToast.bounceInUp {
  -webkit-animation: iziT-bounceInUp 0.7s ease-in-out both;
  animation: iziT-bounceInUp 0.7s ease-in-out both; }

.iziToast.fadeIn,
.iziToast .fadeIn {
  -webkit-animation: iziT-fadeIn 0.5s ease both;
  animation: iziT-fadeIn 0.5s ease both; }

.iziToast.fadeInUp {
  -webkit-animation: iziT-fadeInUp 0.7s ease both;
  animation: iziT-fadeInUp 0.7s ease both; }

.iziToast.fadeInDown {
  -webkit-animation: iziT-fadeInDown 0.7s ease both;
  animation: iziT-fadeInDown 0.7s ease both; }

.iziToast.fadeInLeft {
  -webkit-animation: iziT-fadeInLeft 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
  animation: iziT-fadeInLeft 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both; }

.iziToast.fadeInRight {
  -webkit-animation: iziT-fadeInRight 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
  animation: iziT-fadeInRight 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both; }

.iziToast.flipInX {
  -webkit-animation: iziT-flipInX 0.85s cubic-bezier(0.35, 0, 0.25, 1) both;
  animation: iziT-flipInX 0.85s cubic-bezier(0.35, 0, 0.25, 1) both; }

.iziToast.fadeOut {
  -webkit-animation: iziT-fadeOut 0.7s ease both;
  animation: iziT-fadeOut 0.7s ease both; }

.iziToast.fadeOutDown {
  -webkit-animation: iziT-fadeOutDown 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
  animation: iziT-fadeOutDown 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both; }

.iziToast.fadeOutUp {
  -webkit-animation: iziT-fadeOutUp 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
  animation: iziT-fadeOutUp 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both; }

.iziToast.fadeOutLeft {
  -webkit-animation: iziT-fadeOutLeft 0.5s ease both;
  animation: iziT-fadeOutLeft 0.5s ease both; }

.iziToast.fadeOutRight {
  -webkit-animation: iziT-fadeOutRight 0.5s ease both;
  animation: iziT-fadeOutRight 0.5s ease both; }

.iziToast.flipOutX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation: iziT-flipOutX 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
  animation: iziT-flipOutX 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both; }

.iziToast-overlay.fadeIn {
  -webkit-animation: iziT-fadeIn 0.5s ease both;
  animation: iziT-fadeIn 0.5s ease both; }

.iziToast-overlay.fadeOut {
  -webkit-animation: iziT-fadeOut 0.7s ease both;
  animation: iziT-fadeOut 0.7s ease both; }

@-webkit-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 1); }
  100% {
    opacity: 1; } }

@-moz-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    -moz-transform: scale3d(0.3, 0.3, 1); }
  100% {
    opacity: 1; } }

@-webkit-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-moz-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(50px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }

@-webkit-keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(280px); }
  50% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }
  70% {
    -webkit-transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0); } }

@-webkit-keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-280px); }
  50% {
    opacity: 1;
    -webkit-transform: translateX(20px); }
  70% {
    -webkit-transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0); } }

@-webkit-keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-200px); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(10px); }
  70% {
    -webkit-transform: translateY(-5px); }
  100% {
    -webkit-transform: translateY(0); } }

@-webkit-keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(200px); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-10px); }
  70% {
    -webkit-transform: translateY(5px); }
  100% {
    -webkit-transform: translateY(0); } }

@-webkit-keyframes iziT-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg); }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@-webkit-keyframes iziT-fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes iziT-fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@-webkit-keyframes iziT-fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@-webkit-keyframes iziT-fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0); } }

@-webkit-keyframes iziT-fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0); } }

@-webkit-keyframes iziT-flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@-moz-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 1); }
  100% {
    opacity: 1; } }

@-webkit-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 1); }
  100% {
    opacity: 1; } }

@-o-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 1); }
  100% {
    opacity: 1; } }

@keyframes iziT-revealIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 1); }
  100% {
    opacity: 1; } }

@-moz-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    transform: translateX(50px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@-webkit-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    transform: translateX(50px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@-o-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    transform: translateX(50px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes iziT-slideIn {
  0% {
    opacity: 0;
    transform: translateX(50px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@-moz-keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(280px); }
  50% {
    opacity: 1;
    transform: translateX(-20px); }
  70% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }

@-webkit-keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(280px); }
  50% {
    opacity: 1;
    transform: translateX(-20px); }
  70% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }

@-o-keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(280px); }
  50% {
    opacity: 1;
    transform: translateX(-20px); }
  70% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }

@keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(280px); }
  50% {
    opacity: 1;
    transform: translateX(-20px); }
  70% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }

@-moz-keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(-280px); }
  50% {
    opacity: 1;
    transform: translateX(20px); }
  70% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }

@-webkit-keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(-280px); }
  50% {
    opacity: 1;
    transform: translateX(20px); }
  70% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }

@-o-keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(-280px); }
  50% {
    opacity: 1;
    transform: translateX(20px); }
  70% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }

@keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(-280px); }
  50% {
    opacity: 1;
    transform: translateX(20px); }
  70% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }

@-moz-keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  50% {
    opacity: 1;
    transform: translateY(10px); }
  70% {
    transform: translateY(-5px); }
  100% {
    transform: translateY(0); } }

@-webkit-keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  50% {
    opacity: 1;
    transform: translateY(10px); }
  70% {
    transform: translateY(-5px); }
  100% {
    transform: translateY(0); } }

@-o-keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  50% {
    opacity: 1;
    transform: translateY(10px); }
  70% {
    transform: translateY(-5px); }
  100% {
    transform: translateY(0); } }

@keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  50% {
    opacity: 1;
    transform: translateY(10px); }
  70% {
    transform: translateY(-5px); }
  100% {
    transform: translateY(0); } }

@-moz-keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(200px); }
  50% {
    opacity: 1;
    transform: translateY(-10px); }
  70% {
    transform: translateY(5px); }
  100% {
    transform: translateY(0); } }

@-webkit-keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(200px); }
  50% {
    opacity: 1;
    transform: translateY(-10px); }
  70% {
    transform: translateY(5px); }
  100% {
    transform: translateY(0); } }

@-o-keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(200px); }
  50% {
    opacity: 1;
    transform: translateY(-10px); }
  70% {
    transform: translateY(5px); }
  100% {
    transform: translateY(0); } }

@keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(200px); }
  50% {
    opacity: 1;
    transform: translateY(-10px); }
  70% {
    transform: translateY(5px); }
  100% {
    transform: translateY(0); } }

@-moz-keyframes iziT-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes iziT-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-o-keyframes iziT-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes iziT-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-o-keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-moz-keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-o-keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-moz-keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-o-keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-moz-keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-o-keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-moz-keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg); }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@-webkit-keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg); }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@-o-keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg); }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg); }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@-moz-keyframes iziT-fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes iziT-fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-o-keyframes iziT-fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes iziT-fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-moz-keyframes iziT-fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@-webkit-keyframes iziT-fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@-o-keyframes iziT-fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes iziT-fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@-moz-keyframes iziT-fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@-webkit-keyframes iziT-fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@-o-keyframes iziT-fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes iziT-fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@-moz-keyframes iziT-fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0); } }

@-webkit-keyframes iziT-fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0); } }

@-o-keyframes iziT-fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0); } }

@keyframes iziT-fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0); } }

@-moz-keyframes iziT-fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0); } }

@-webkit-keyframes iziT-fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0); } }

@-o-keyframes iziT-fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0); } }

@keyframes iziT-fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0); } }

@-moz-keyframes iziT-flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@-webkit-keyframes iziT-flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@-o-keyframes iziT-flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes iziT-flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.spinner {
  width: 30px;
  height: 30px;
  position: relative;
  margin: 10px auto; }
  .spinner .double-bounce1, .spinner .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #EB0E50;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out; }
  .spinner .double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s; }
  .spinner.spinner-white .double-bounce1, .spinner.spinner-white .double-bounce2 {
    background-color: #ffffff; }

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0); }
  50% {
    -webkit-transform: scale(1); } }

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

.playerLoader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  top: 50%;
  margin-top: -50px;
  width: 100%;
  display: none; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.panel .input-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  padding-bottom: 12px;
  position: relative; }
  .panel .input-group:not(.no-border):after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: solid 1px #3e4756;
    width: calc(100% + 40px);
    margin-left: -20px; }
  .panel .input-group label {
    text-transform: uppercase;
    margin: 0;
    color: #c3c8d0; }
  .panel .input-group input,
  .panel .input-group select {
    border-radius: 4px;
    font-size: 14px;
    color: #C8D1DF;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px rgba(167, 187, 218, 0.17);
    background-color: #1d2634;
    padding: 3px 6px 4px; }
    .panel .input-group input[type=color],
    .panel .input-group select[type=color] {
      padding: 0; }
  .panel .input-group input:focus {
    color: #fff; }

.panel.panel-add-source .list-item {
  width: 241px; }

.panel .panel_class_container {
  padding: 10px; }

.panel .panel-poll-section {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 50px);
  list-style: none;
  margin: 0;
  padding: 0; }
  .panel .panel-poll-section .item {
    background: #fff;
    border-radius: 5px;
    padding: 5px;
    color: #000;
    font-size: 14px;
    margin-bottom: 15px;
    border: 1px solid #979797;
    position: relative;
    min-height: 65px; }

.panel.panel-polls ul {
  list-style: none;
  padding: 5px;
  margin: 0; }

.panel.panel-proxy-voting ul {
  list-style: none;
  padding: 5px;
  margin: 0; }

.panel-menu {
  z-index: 97;
  margin-top: 12px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  transition: all 200ms;
  height: calc(100% - 12px);
  position: relative; }
  @media (max-width: 900px) {
    .panel-menu {
      display: none; } }
  .panel-menu.open {
    transform: translate(0, 0);
    z-index: 99;
    height: calc(100% - 100px); }
    @media (max-width: 768px) and (orientation: portrait) {
      .panel-menu.open {
        right: 0; } }
    .panel-menu.open .panel-menu-menu {
      margin-left: -49px; }
  .panel-menu-menu {
    background-color: #3A414C;
    border: solid 1px rgba(170, 189, 212, 0.41);
    box-shadow: 0 2px -4px 0 rgba(0, 0, 0, 0.34);
    border-radius: 8px 0 0 8px;
    border-right: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    z-index: 97;
    margin-left: -50px;
    width: 50px;
    position: absolute;
    transition: flex-basis .5s ease-in-out; }
    @media (max-width: 900px) {
      .panel-menu-menu {
        display: none; } }
    .panel-menu-menu-inner {
      width: 100%;
      margin-top: 4px; }
    .panel-menu-menu-item {
      color: #fff;
      position: relative;
      display: block;
      text-align: center;
      padding: 6px 0;
      cursor: pointer;
      width: 100%;
      margin-bottom: 4px; }
      .panel-menu-menu-item i {
        font-size: 22px; }
      .panel-menu-menu-item .link-counter {
        right: 4px;
        top: -2px; }
  .panel-menu-container {
    flex-direction: row;
    display: flex;
    flex: 1;
    border-radius: 0 0 0 8px;
    min-height: 200px; }
    .panel-menu-container .panel_class {
      color: #fff;
      padding: 20px;
      background: none;
      border: none; }
    .panel-menu-container .input-group {
      flex-direction: column;
      align-items: flex-start; }
      .panel-menu-container .input-group label {
        color: #fff;
        margin-bottom: 4px; }
      .panel-menu-container .input-group input {
        color: #0a1321 !important;
        background: #fff;
        width: 100%;
        padding: 7px 10px 6px; }
      .panel-menu-container .input-group button {
        padding: 10px 20px 8px; }
    .panel-menu-container .panel-title h3 {
      color: red;
      font-size: 16px;
      font-weight: bold; }
    .panel-menu-container .panel-title i {
      display: none; }

.panel-option {
  flex: 0 0 0;
  /*transition: transform 200ms ease-out;
    transform: translate(-100%, 0);
    position: absolute;
    left: $PanelLeftWidth;*/
  top: 16px;
  /*width: 100%;*/
  height: 100%;
  width: 0;
  z-index: 17;
  overflow: hidden;
  transition: all .2s ease-in-out;
  padding-bottom: 58px;
  /*@media (max-width: $mobile-break-left-panel) {
    //width: 100%;
    //max-width: 100%;
    right: 0;
    position: absolute; // transform: translate(0, 100%);
  }*/ }
  @media (max-width: 768px) {
    .panel-option {
      padding-bottom: initial; } }
  .panel-option.open {
    flex: 0 0 330px;
    width: 330px; }
  .panel-option .panel_class {
    color: #fff;
    border-radius: 0 0 0 8px;
    box-shadow: 4px 0 4px 0 rgba(0, 0, 0, 0.34);
    background-color: #3A414C;
    border: solid 1px rgba(170, 189, 212, 0.41);
    padding: 15px; }
    @media (max-width: 900px) {
      .panel-option .panel_class {
        padding: 10px; } }
  .panel-option.panel-option-left .panel_class {
    border-radius: 0 8px 0 0; }
  .panel-option-inner {
    min-width: 330px; }
  .panel-option .document_browser {
    position: relative; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: rgba(19, 17, 16, 0.87);
  transition: opacity 300ms ease-in-out;
  background: rgba(19, 17, 16, 0.87);
  z-index: 150;
  color: #ffffff;
  /*.custom-form {
    background: none;
    color: #fff;
    margin: 0;
    .form-control {
      color: #fff;
      border-bottom-color: rgba(255, 255, 255, 0.25) !important;
    }
  }*/ }
  .popup.full-right {
    background: none;
    top: 50px;
    justify-content: flex-start; }
    .popup.full-right .popup_inner {
      border: thin solid #333;
      box-shadow: 8px 0 8px -5px #000000, -8px 0 8px -5px #000000;
      max-width: inherit;
      width: 75%;
      height: 100%;
      margin: 0;
      padding-bottom: 25px;
      background: black;
      border-radius: 0px; }

.popup.start {
  opacity: 0; }

.popup.close {
  display: none;
  opacity: 0; }

.popup_inner {
  width: 50%;
  max-width: 560px;
  min-width: 290px;
  margin: auto;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.23);
  border-radius: 0.3rem;
  background-color: rgba(255, 255, 255, 0.98);
  color: black;
  max-height: 90vh;
  display: flex;
  flex-direction: column; }

.popup .popup_close {
  float: right;
  text-decoration: none;
  cursor: pointer;
  padding: 17px;
  font-weight: 800;
  z-index: +1;
  text-align: center;
  border-radius: 0 4px 0 0; }

.popup .popup_top {
  height: 50px;
  border-bottom: solid 1px rgba(170, 189, 212, 0.41); }
  .popup .popup_top h1 {
    padding: 0 15px;
    display: block;
    margin: 0;
    font-weight: 300;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 50px;
    text-transform: uppercase;
    border-radius: 4px 4px 0 0; }

.popup .popup_content {
  margin: 12px;
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  max-height: 100%; }

.submenu_modal {
  position: absolute;
  z-index: 120;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: rgba(19, 17, 16, 0.87);
  color: #ffffff;
  transition: opacity 300ms ease-in-out; }
  .submenu_modal .submenu_modal_inner {
    width: 90%;
    margin: auto;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.23);
    border-radius: 0.3rem;
    background-color: rgba(255, 255, 255, 0.98);
    color: black;
    display: flex;
    flex-direction: column; }
    .submenu_modal .submenu_modal_inner h4 {
      height: 40px;
      border-bottom: 1px solid #b5b5b5;
      padding: 0 6px;
      display: block;
      margin: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      line-height: 40px;
      color: #0a1321;
      font-size: 14px;
      font-weight: 500; }
      .submenu_modal .submenu_modal_inner h4 .btn-close {
        padding: 13px 5px; }
    .submenu_modal .submenu_modal_inner .submenu_modal_content {
      padding: 10px; }
  .submenu_modal .submenu_modal_content button {
    color: #000;
    padding: 5px 0;
    border-radius: none;
    text-align: left;
    max-width: 100%;
    width: 100%;
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .submenu_modal .submenu_modal_content button i {
      margin-right: 15px; }
    .submenu_modal .submenu_modal_content button:hover:hover {
      text-decoration: none;
      opacity: 0.7;
      transition-property: opacity;
      transition-duration: 0.25s; }

.modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: rgba(19, 17, 16, 0.87);
  transition: opacity 300ms ease-in-out;
  z-index: 151;
  color: #ffffff; }
  .modal .modal_inner {
    width: 50%;
    max-width: 560px;
    min-width: 290px;
    margin: auto;
    background: white;
    color: #000;
    border-radius: 4px; }
    .modal .modal_inner.sm {
      max-width: 460px !important; }
      @media (max-width: 500px) {
        .modal .modal_inner.sm .popup_inner {
          max-width: 360px !important; } }

@media (max-width: 900px) {
  .popup_inner {
    width: 80%; } }

.modal-settings .modal_inner {
  border-radius: 8px;
  width: 750px;
  max-width: 100vw; }

.modal-settings .modal_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-bottom: solid 1px rgba(151, 151, 151, 0.14); }
  .modal-settings .modal_top h2 {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    flex-grow: 1; }
  .modal-settings .modal_top i {
    margin: 0 0px 0 15px; }

.modal-settings .modal_bottom {
  display: flex; }

.modal-settings .modal_content {
  padding: 30px 20px;
  background: #fcfcfc;
  display: flex;
  flex: 1;
  min-height: 550px;
  max-height: 80vh;
  flex-direction: column;
  overflow-y: auto; }
  .modal-settings .modal_content h3 {
    font-size: 12px;
    font-weight: 500;
    color: #4f5660;
    display: flex;
    align-items: center;
    margin-bottom: 20px; }
    .modal-settings .modal_content h3:after {
      content: '';
      margin-left: 10px;
      flex: 1;
      border: solid 1px rgba(79, 86, 96, 0.1); }
  .modal-settings .modal_content h4 {
    font-weight: 500;
    margin: 20px 0 10px;
    text-transform: uppercase; }
  .modal-settings .modal_content .flex-grow {
    flex-grow: 1; }
  .modal-settings .modal_content .full-section {
    margin: 0 -20px;
    padding: 15px 20px !important; }
  .modal-settings .modal_content .notice-blue {
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    padding: 11px 20px 13px;
    background-color: #0075ff;
    margin-bottom: 12px;
    color: #fff; }
  .modal-settings .modal_content .notice-red {
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    padding: 11px 20px 13px;
    background-color: #EB0E50;
    color: #fff;
    margin-bottom: 12px; }
  .modal-settings .modal_content .notice-grey {
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    padding: 11px 20px 13px;
    background-color: rgba(0, 117, 255, 0.05);
    color: #0075ff;
    margin-bottom: 12px; }
  .modal-settings .modal_content .multiselect-container .searchBox,
  .modal-settings .modal_content select {
    border: 1px solid rgba(151, 151, 151, 0.22);
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.09);
    padding: 10px 4px;
    width: 190px; }
    .modal-settings .modal_content .multiselect-container .searchBox.quality_select,
    .modal-settings .modal_content select.quality_select {
      width: 100%; }
  .modal-settings .modal_content .multiselect-container {
    display: block; }
    .modal-settings .modal_content .multiselect-container .searchWrapper {
      width: 100%;
      border: none; }
      .modal-settings .modal_content .multiselect-container .searchWrapper .searchBox {
        width: 100%; }
    .modal-settings .modal_content .multiselect-container.has-error .searchBox {
      border: 1px solid #eb0e50; }
    .modal-settings .modal_content .multiselect-container .optionListContainer {
      width: calc(100% - 8px);
      margin: -10px 0 0 4px;
      border-radius: 0 0 6px 6px;
      z-index: 20; }
      .modal-settings .modal_content .multiselect-container .optionListContainer ul {
        border-radius: 0 0 6px 6px; }
        .modal-settings .modal_content .multiselect-container .optionListContainer ul .selected {
          display: none; }
  .modal-settings .modal_content .custom-form input {
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #e2e2e2;
    background-color: #ffffff;
    /* width: 200px; */
    padding: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #0a1321;
    padding-right: 40px; }
    .modal-settings .modal_content .custom-form input.input-number {
      padding-right: 8px;
      width: 75px;
      text-align: center; }
    .modal-settings .modal_content .custom-form input.has-error {
      color: #EB0E50;
      border: 1px solid #EB0E50; }
    .modal-settings .modal_content .custom-form input.breakoutroom-nb {
      width: 60px;
      padding: 8px;
      text-align: right;
      margin: 0 10px; }
  .modal-settings .modal_content .form-error-info {
    padding-top: 5px;
    font-size: 9px;
    color: #EB0E50; }
  .modal-settings .modal_content .textarea {
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
    border: 1px solid #e2e2e2;
    background-color: white;
    height: 100px; }
  .modal-settings .modal_content .custom-select {
    font-size: 14px;
    font-weight: 500;
    width: 220px; }
    .modal-settings .modal_content .custom-select > div {
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
      border: solid 1px #e2e2e2; }
    .modal-settings .modal_content .custom-select.custom-select-privacy {
      z-index: 50; }
      .modal-settings .modal_content .custom-select.custom-select-privacy > div > div {
        flex-wrap: nowrap; }
    .modal-settings .modal_content .custom-select i {
      margin-right: 10px;
      color: #EB0E50; }
  .modal-settings .modal_content .modal-button {
    display: flex;
    justify-content: flex-end;
    margin-bottom: -30px;
    padding: 15px 12px;
    border-top: solid 1px rgba(151, 151, 151, 0.14); }
  .modal-settings .modal_content .edit-view-top {
    font-size: 14px;
    font-weight: 500;
    color: #0a1321; }
  .modal-settings .modal_content .privacy-password {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 20px 20px;
    background-color: rgba(235, 14, 80, 0.03);
    border-top: solid 1px rgba(79, 86, 96, 0.1);
    border-bottom: solid 1px rgba(79, 86, 96, 0.1);
    text-align: center;
    margin-top: 0; }
    .modal-settings .modal_content .privacy-password .form-privacy-password {
      width: 200px;
      margin: 0;
      padding: 0; }
    .modal-settings .modal_content .privacy-password label i {
      margin-right: 10px;
      color: #EB0E50; }
    .modal-settings .modal_content .privacy-password input {
      border-radius: 8px;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
      border: solid 1px #e2e2e2;
      background-color: #ffffff;
      /* width: 200px; */
      padding: 10px;
      font-size: 24px;
      font-weight: 500;
      color: #0a1321; }
    .modal-settings .modal_content .privacy-password .input-group-suffix {
      top: 50%;
      bottom: inherit;
      right: 16px;
      color: #afb5bf;
      transform: translate(0, -50%);
      width: auto; }
  .modal-settings .modal_content .form-single-row-switchcontainer {
    border-left: 5px solid #ececec;
    padding: 0 0 0 20px;
    font-size: 14px;
    font-weight: 500;
    color: #0a1321;
    margin: 0 0 12px; }

.modal-settings .more {
  color: #0a1321; }

.modal-settings.big .modal_inner {
  border-radius: 0px;
  width: 100%;
  max-width: 100vw;
  height: 100%;
  max-height: 100vh; }

.modal-settings .custom-form {
  background-color: transparent !important; }

.form-actions-row,
.form-single-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  position: relative; }
  .form-actions-row.row-right,
  .form-single-row.row-right {
    justify-content: flex-end; }
  .form-actions-row.row-center,
  .form-single-row.row-center {
    justify-content: center; }
    .form-actions-row.row-center button, .form-actions-row.row-center div, .form-actions-row.row-center a,
    .form-single-row.row-center button,
    .form-single-row.row-center div,
    .form-single-row.row-center a {
      margin: 12px 6px; }
  .form-actions-row.form-actions-row,
  .form-single-row.form-actions-row {
    justify-content: flex-end;
    align-items: inherit;
    margin: 10px 0; }
    .form-actions-row.form-actions-row input,
    .form-single-row.form-actions-row input {
      flex-grow: 1; }
    .form-actions-row.form-actions-row button,
    .form-single-row.form-actions-row button {
      margin: 0 0 0 5px;
      font-size: 12px;
      padding: 0;
      width: 45px;
      text-align: center; }
  .form-actions-row .tooltip-info,
  .form-single-row .tooltip-info {
    position: absolute;
    top: 5px;
    left: -15px; }
    .form-actions-row .tooltip-info i,
    .form-single-row .tooltip-info i {
      font-size: 12px;
      color: #675B69;
      cursor: pointer;
      position: relative; }
    .form-actions-row .tooltip-info .tooltip-info-content,
    .form-single-row .tooltip-info .tooltip-info-content {
      visibility: hidden;
      font-size: 12px;
      background-color: #555;
      color: #fff;
      padding: 7px 10px 7px 20px;
      border-radius: 6px;
      position: absolute;
      z-index: 1;
      opacity: 0;
      transition: opacity 0.3s;
      max-height: 30vh;
      overflow: hidden;
      overflow-y: auto; }
    .form-actions-row .tooltip-info.tooltip-info-top-right .tooltip-info-content,
    .form-single-row .tooltip-info.tooltip-info-top-right .tooltip-info-content {
      bottom: -3px;
      left: -3px; }
    .form-actions-row .tooltip-info.tooltip-info-bottom-right .tooltip-info-content,
    .form-single-row .tooltip-info.tooltip-info-bottom-right .tooltip-info-content {
      top: -3px;
      left: -3px; }
    .form-actions-row .tooltip-info:hover,
    .form-single-row .tooltip-info:hover {
      width: 100%; }
      .form-actions-row .tooltip-info:hover i,
      .form-single-row .tooltip-info:hover i {
        z-index: 2;
        color: #fff; }
      .form-actions-row .tooltip-info:hover .tooltip-info-content,
      .form-single-row .tooltip-info:hover .tooltip-info-content {
        visibility: visible;
        opacity: 1; }
  .form-actions-row label,
  .form-single-row label {
    font-size: 14px;
    font-weight: 500;
    color: #0a1321; }
    .form-actions-row label.red,
    .form-single-row label.red {
      color: #EB0E50; }
  .form-actions-row .more,
  .form-single-row .more {
    display: block;
    font-size: 12px;
    font-weight: 400;
    padding-right: 5px; }

.form-single-full label {
  margin-bottom: 4px; }

.form-single-full input,
.form-single-full select {
  width: 100%; }

.panel_class .form-single-row label,
.panel_class .form-single-full label,
.preview_manager .form-single-row label,
.preview_manager .form-single-full label {
  color: #C3C8D0;
  font-size: 12px;
  text-transform: uppercase; }

.panel_class .form-single-row input,
.panel_class .form-single-row select,
.panel_class .form-single-full input,
.panel_class .form-single-full select,
.preview_manager .form-single-row input,
.preview_manager .form-single-row select,
.preview_manager .form-single-full input,
.preview_manager .form-single-full select {
  border: 1px solid rgba(167, 187, 218, 0.17);
  border-radius: 4px;
  background-color: #1D2634;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  color: #C8D1DF;
  line-height: 14px;
  padding: 5px; }
  .panel_class .form-single-row input.small,
  .panel_class .form-single-row select.small,
  .panel_class .form-single-full input.small,
  .panel_class .form-single-full select.small,
  .preview_manager .form-single-row input.small,
  .preview_manager .form-single-row select.small,
  .preview_manager .form-single-full input.small,
  .preview_manager .form-single-full select.small {
    max-width: 65px; }
  .panel_class .form-single-row input.input-error,
  .panel_class .form-single-row select.input-error,
  .panel_class .form-single-full input.input-error,
  .panel_class .form-single-full select.input-error,
  .preview_manager .form-single-row input.input-error,
  .preview_manager .form-single-row select.input-error,
  .preview_manager .form-single-full input.input-error,
  .preview_manager .form-single-full select.input-error {
    border-color: #EB0E50; }

.panel_class h4,
.preview_manager h4 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.15px;
  line-height: 19px; }

.panel_class .form-single-row-switchcontainer,
.preview_manager .form-single-row-switchcontainer {
  background: transparent;
  margin: 0 0 0 13px; }
  .panel_class .form-single-row-switchcontainer .form-single-row,
  .preview_manager .form-single-row-switchcontainer .form-single-row {
    margin-bottom: 6px; }

.modal_content .form-group label {
  font-size: 14px;
  font-weight: 500;
  color: #0a1321; }

.modal_tab {
  padding: 20px 18px 20px 12px;
  border-right: solid 1px #f0f0f0;
  min-width: 220px; }
  .modal_tab li {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    padding: 6px 10px;
    color: #0a1321;
    font-size: 14px;
    cursor: pointer;
    /*&.is-billing{
      background: #ff84e5;
    }*/ }
    .modal_tab li.active {
      border-radius: 6px;
      background: rgba(79, 86, 96, 0.06); }
    .modal_tab li i {
      margin-right: 8px;
      color: #fff;
      padding: 4px;
      border-radius: 6px;
      width: 24px;
      height: 24px;
      text-align: center;
      font-size: 14px;
      display: flex;
      align-items: center;
      justify-content: center; }
    .modal_tab li.is-general i {
      background: #4f5660; }
    .modal_tab li.is-custom i, .modal_tab li.is-exit i {
      background: #EB0E50; }
    .modal_tab li.is-event i {
      background: #000000; }
    .modal_tab li.is-poll i, .modal_tab li.is-account i {
      background: #0075ff; }
    .modal_tab li.is-code i, .modal_tab li.is-users i {
      background: #3ec59b; }
    .modal_tab li.is-subscription i, .modal_tab li.is-share i, .modal_tab li.is-onboarding-step i {
      background: #FF8700; }
    .modal_tab li.is-replay i {
      background: #FC92A3; }
    .modal_tab li.is-breakoutroom i {
      background: #599813; }
    .modal_tab li.is-mosaic i {
      background: #52ae46; }
    .modal_tab li.is-stats .icon-poll, .modal_tab li.is-restream .icon-poll {
      background: #9b36f4; }
    .modal_tab li.is-stats .icon-down, .modal_tab li.is-restream .icon-down {
      background: #e3e3e3;
      float: right; }
    .modal_tab li.is-stats .icon-up, .modal_tab li.is-restream .icon-up {
      background: #e3e3e3;
      float: right; }
    .modal_tab li.is-stats .icon-restreaming, .modal_tab li.is-restream .icon-restreaming {
      background: #9b36f4; }
    .modal_tab li.is-visio i {
      font-size: 12px;
      background: #d84040; }
    .modal_tab li.is-privacy i {
      background: #ffa900; }
    .modal_tab li.is-billing i, .modal_tab li.is-chat i {
      background: #358191; }
    .modal_tab li.is-multilingual i {
      background: #df4c9d; }

@media (max-width: 768px) {
  .modal_tab {
    min-width: auto;
    padding: 0; }
    .modal_tab li {
      width: 100%; }
      .modal_tab li.active {
        border-radius: 0; }
      .modal_tab li i {
        margin-right: 0; }
      .modal_tab li span {
        display: none; }
  .modal-settings .modal_content {
    overflow-y: auto;
    min-height: auto;
    max-height: auto; } }

.embed-code-generated,
.speaker-link {
  background: #f5f6f7;
  padding: 5px 20px;
  margin: 0 -20px 12px;
  max-width: inherit; }

.api-key-input {
  background: #f5f6f7;
  border-radius: 4px;
  padding: 6px; }
  .api-key-input label {
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 5px; }
  .api-key-input input {
    border: 0 !important;
    font-weight: 500;
    box-shadow: none !important; }

.breakoutroom-item {
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #EAEBEC;
  padding: 6px 0;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .breakoutroom-item:hover {
    background-color: rgba(188, 189, 190, 0.15); }
  .breakoutroom-item .btn {
    padding: 4px 8px; }

.breakoutroom-table {
  display: flex;
  flex-wrap: wrap; }
  .breakoutroom-table .breakoutroom-box {
    border: 1px solid #f2eaea;
    padding: 10px;
    margin: 20px;
    background: #fff;
    width: 225px;
    border-radius: 3px; }
    .breakoutroom-table .breakoutroom-box h4 {
      margin-top: 5px; }
    .breakoutroom-table .breakoutroom-box .icon-record {
      padding-right: 10px; }
      .breakoutroom-table .breakoutroom-box .icon-record:before {
        height: 11px;
        width: 11px;
        border-width: 1px; }

.breakoutroom-save {
  width: calc( 100% - 40px);
  margin: 0 20px; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
@supports (--css: variables) {
  input[type="range"].multirange {
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: top; }
  input[type="range"].multirange.original {
    position: absolute; }
  input[type="range"].multirange::-webkit-slider-thumb {
    background: #B5B5B5;
    border-color: #B5B5B5; }
  input[type="range"].multirange.original::-webkit-slider-thumb {
    position: relative;
    z-index: 2; }
  input[type="range"].multirange.original::-moz-range-thumb {
    transform: scale(1);
    /* FF doesn't apply position it seems */
    z-index: 1; }
  input[type="range"].multirange::-moz-range-track {
    border-color: transparent;
    /* needed to switch FF to "styleable" control */ }
  input[type="range"].multirange.ghost {
    position: relative;
    background: var(--track-background);
    --track-background: linear-gradient(to right,
		transparent var(--low), var(--range-color) 0,
		var(--range-color) var(--high), transparent 0) no-repeat 0 45% / 100% 40%;
    --range-color: #7EEFCC; }
  input[type="range"].multirange.ghost::-webkit-slider-runnable-track {
    background: var(--track-background); }
  input[type="range"].multirange.ghost::-moz-range-track {
    background: var(--track-background); } }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.Popover .panel-title {
  padding: 16px 20px; }
  .Popover .panel-title.notification {
    border-bottom: 1px solid rgba(188, 189, 190, 0.24); }
  .Popover .panel-title h3 {
    margin-left: 15px;
    text-transform: uppercase; }

header .settings_bar .notifications {
  border-radius: 15px;
  background: #ffffff; }
  header .settings_bar .notifications ul {
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    flex-direction: column; }
    header .settings_bar .notifications ul li {
      background: #ffffff;
      margin: 5px;
      padding-bottom: 5px; }
      header .settings_bar .notifications ul li .notification-item .notification-item-info {
        padding: 5px;
        font-size: 13px;
        margin-bottom: 0;
        word-break: break-word;
        hyphens: auto;
        -webkit-hyphens: auto; }
      header .settings_bar .notifications ul li .notification-item .btn {
        width: 100%; }
        header .settings_bar .notifications ul li .notification-item .btn.btn-notification-accept {
          margin: 0 5px 0 0; }

.notification-list {
  overflow: hidden;
  overflow-y: auto;
  max-height: 40vh;
  padding: 12px; }
  .notification-list .notification-item {
    display: flex;
    justify-content: space-between;
    flex: 1; }
    .notification-list .notification-item:after {
      border-bottom: 1px solid rgba(188, 189, 190, 0.24); }
    .notification-list .notification-item .notification-item-icon {
      padding-top: 10px; }
    .notification-list .notification-item .notification-item-info {
      padding: 5px;
      flex: 1; }
      .notification-list .notification-item .notification-item-info p {
        margin: 0;
        font-size: 0.9em; }
    .notification-list .notification-item .notification-item-action {
      display: flex;
      margin-left: auto; }
      .notification-list .notification-item .notification-item-action .btn {
        border: none;
        border-radius: 0;
        padding: 0; }
        .notification-list .notification-item .notification-item-action .btn.btn-notification-refuse {
          background: none;
          color: #EB0E50;
          border: none;
          padding: 0;
          font: inherit;
          cursor: pointer;
          outline: inherit;
          height: 31px;
          width: 81px; }
        .notification-list .notification-item .notification-item-action .btn.btn-notification-accept {
          height: 31px;
          width: 81px;
          border-radius: 6px; }

.notification-push {
  border-radius: 6px;
  position: absolute;
  z-index: 2000;
  width: 545px;
  margin-left: -272px;
  display: flex;
  top: 80px;
  left: 50%; }
  .notification-push .notification-push-opacity {
    background: #7eefcc;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 6px; }
  .notification-push .notification-item {
    z-index: 8;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    color: #ffffff;
    padding: 10px; }
    .notification-push .notification-item .notification-item-icon {
      padding: 10px 15px; }
      .notification-push .notification-item .notification-item-icon i {
        position: relative;
        font-size: 30px;
        animation-name: icon_anim;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out; }

@keyframes icon_anim {
  0% {
    right: 2px; }
  5% {
    right: 5px; }
  10% {
    right: 0px; }
  15% {
    right: 5px; }
  20% {
    right: 0px; }
  to {
    right: 0px; } }
    .notification-push .notification-item .notification-item-info {
      flex: auto;
      margin: 0; }
      .notification-push .notification-item .notification-item-info p {
        margin: 0; }
    .notification-push .notification-item .notification-item-action .btn-notification-accept {
      margin: 0 5px; }
    .notification-push .notification-item .notification-item-action .btn-notification-refuse {
      background: #ffffff52; }
    .notification-push .notification-item .notification-close {
      position: absolute;
      right: 10px; }

@media (max-width: 900px) {
  .notification-push {
    width: calc(100% - 6px);
    left: 3px;
    margin-left: 0; }
    .notification-push .notification-item {
      padding-top: 8px;
      text-align: center; }
      .notification-push .notification-item .btn-notification-accept {
        margin: auto !important; }
    .notification-push .notification-close {
      right: 5px;
      padding: 0;
      top: 5px; }
  .in-videoconf .notification-item {
    width: calc(100% - 70px);
    margin-left: 70px; } }

@media (max-width: 632px) {
  .notification-item-icon {
    display: none; } }

.notifications {
  /* right: 0; */
  text-align: start;
  height: 0;
  z-index: 250;
  color: #000000;
  max-width: 550px;
  max-width: 90vw;
  width: calc(100vw - 40px);
  animation: slideIn 300ms backwards; }
  @media (min-width: 768px) {
    .notifications {
      width: 45vw; } }
  .notifications.open {
    height: auto; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.offer-items {
  border-radius: 9px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  margin: 3.5rem 0;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: stretch;
  display: none; }
  .offer-items.active {
    display: flex;
    animation-duration: 0.8s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: flipInY; }
  .offer-items .offer-group {
    position: relative;
    border: 1px solid #e2e2e2;
    border-top: 7px solid #21bab9;
    padding: 1.375rem 0.875rem;
    flex-grow: 1;
    flex-basis: 0;
    display: flex;
    flex-direction: column;
    border-top-color: #21bab9; }
    .offer-items .offer-group .offer-item__title {
      color: #21bab9; }
    .offer-items .offer-group.offer-group--sticky {
      margin-top: -1rem;
      margin-bottom: -1rem;
      border-radius: 9px;
      height: auto;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
      background-color: #f8fbff; }
    .offer-items .offer-group:first-child {
      border-radius: 9px 0 0 9px; }
    .offer-items .offer-group:last-child {
      border-radius: 0 9px 9px 0; }
    .offer-items .offer-group.offer-group--pro {
      border-top-color: #eb0e50;
      min-width: 325px; }
      .offer-items .offer-group.offer-group--pro .offer-item__title {
        color: #eb0e50; }
    .offer-items .offer-group.offer-group--entreprise {
      border-top-color: #0075ff; }
      .offer-items .offer-group.offer-group--entreprise .offer-item__title {
        color: #0075ff; }
    .offer-items .offer-group .offer-item {
      display: none; }
      .offer-items .offer-group .offer-item.offer-item--active {
        display: block; }
    .offer-items .offer-group .offer-item__switch {
      display: flex;
      flex-wrap: nowrap;
      flex-direction: row;
      height: 30px;
      border-radius: 15px;
      background-color: rgba(0, 117, 255, 0.07); }
      .offer-items .offer-group .offer-item__switch a {
        flex: 1 1 auto;
        padding: 0 5px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 15px;
        height: 100%;
        text-transform: uppercase;
        white-space: nowrap;
        font-family: Poppins, sans-serif;
        font-size: .75rem;
        line-height: 1;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .11px;
        text-align: center;
        color: #000;
        text-decoration: none;
        outline: 0; }
        .offer-items .offer-group .offer-item__switch a.active {
          background: #0075ff;
          color: #fff; }
    .offer-items .offer-group .offer-item__title {
      font-family: Poppins, sans-serif;
      font-size: .75rem;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: .11px;
      margin: 0;
      text-transform: uppercase; }
    .offer-items .offer-group .offer-item__payasyougo {
      font-family: Poppins, sans-serif;
      font-size: 1.25rem;
      line-height: 1;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: .41px; }
    .offer-items .offer-group .offer-item__price {
      margin-bottom: 1.125rem;
      color: #000; }
      .offer-items .offer-group .offer-item__price .price__value {
        font-family: Poppins, sans-serif;
        font-size: 2.75rem;
        line-height: 1;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .41px; }
        .offer-items .offer-group .offer-item__price .price__value s {
          font-size: 1.75rem;
          font-weight: 400;
          color: #979797; }
      .offer-items .offer-group .offer-item__price .price__suffix {
        font-family: "SF Pro Text", sans-serif;
        font-size: 13px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .12px;
        margin-top: -10px; }
    .offer-items .offer-group .offer-item-plans {
      display: flex;
      flex-wrap: nowrap;
      flex-direction: column;
      border-radius: 15px; }
      .offer-items .offer-group .offer-item-plans .offer-item-plans-plan {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 15px;
        text-transform: uppercase;
        font-family: Poppins, sans-serif;
        font-size: .75rem;
        line-height: 1;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .11px;
        text-align: right;
        color: #000;
        text-decoration: none;
        outline: 0;
        margin: 2px 0;
        background-color: rgba(0, 117, 255, 0.15); }
        .offer-items .offer-group .offer-item-plans .offer-item-plans-plan.offer-item-plans-plan-header {
          background: none; }
          .offer-items .offer-group .offer-item-plans .offer-item-plans-plan.offer-item-plans-plan-header [data-blastream-tooltip]:hover:before {
            display: none; }
          .offer-items .offer-group .offer-item-plans .offer-item-plans-plan.offer-item-plans-plan-header [data-blastream-tooltip]:hover:after {
            top: -100%;
            left: 90%; }
        .offer-items .offer-group .offer-item-plans .offer-item-plans-plan.active {
          background: #0075ff;
          color: #fff; }
        .offer-items .offer-group .offer-item-plans .offer-item-plans-plan span {
          flex: 18%;
          padding: 2px 5px; }
          .offer-items .offer-group .offer-item-plans .offer-item-plans-plan span:first-child {
            flex-grow: 1; }
        .offer-items .offer-group .offer-item-plans .offer-item-plans-plan .offer-item__btn {
          margin: 6px 12px;
          font-size: 12px;
          font-weight: 600; }
    .offer-items .offer-group .offer-item__btn {
      border-radius: 8px;
      font-family: "SF Pro Text", sans-serif;
      font-size: 1rem;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: .15px;
      text-decoration: none;
      margin-top: 25px; }
      .offer-items .offer-group .offer-item__btn.offer-item_btn_plan_user {
        cursor: initial !important; }
        .offer-items .offer-group .offer-item__btn.offer-item_btn_plan_user:hover {
          filter: initial !important;
          background: transparent !important;
          color: #675B69 !important; }
    .offer-items .offer-group .offer-item-bottom {
      margin-top: auto; }
    .offer-items .offer-group .offer-item-link-more {
      margin: 1rem 0 0;
      font-family: Poppins, sans-serif;
      font-size: 15px;
      line-height: 1;
      font-weight: 600;
      display: block;
      color: #000;
      text-align: center; }
    .offer-items .offer-group .offer-item__description {
      margin: 1.25rem 0 0;
      font-family: "SF Pro Text", sans-serif;
      font-size: .875rem;
      font-weight: 400;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: .13px;
      color: rgba(79, 86, 96, 0.74); }
    .offer-items .offer-group .offer-item__features {
      padding: 0;
      margin: 0;
      list-style-type: none;
      font-family: "SF Pro Text", sans-serif;
      font-size: .875rem;
      font-weight: 400;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: .13px;
      color: #000;
      min-height: 120px; }
      .offer-items .offer-group .offer-item__features li {
        margin-top: 1rem;
        position: relative;
        padding-left: 27px;
        margin-bottom: 1rem; }
        .offer-items .offer-group .offer-item__features li i {
          position: absolute;
          left: 0;
          top: 0.25rem;
          font-size: .875rem; }
          .offer-items .offer-group .offer-item__features li i.icon-check {
            font-size: .6rem;
            color: #21bab9; }

.trial-box-offer {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .trial-box-offer .offer-items {
    width: fit-content; }

@media (max-width: 767px) {
  .offer-items {
    box-shadow: none;
    flex-wrap: wrap;
    border-radius: 0; }
  .offer-items .offer-group {
    border-radius: 9px;
    flex: 1 1 48%;
    max-width: 48%;
    margin: 1rem auto; }
  .offer-items .offer-group.offer-group--sticky {
    margin: 1rem auto; }
  .offer-items .offer-group:first-child {
    border-radius: 9px; }
  .offer-items .offer-group:last-child {
    border-radius: 9px; } }

@media (max-width: 575px) {
  .offer-items .offer-group {
    flex: 1 1 100%;
    max-width: 300px; } }

.round-coupon {
  position: absolute;
  right: 12px;
  border: 6px solid #fffefe;
  background-clip: padding-box;
  margin-top: -50px;
  display: flex;
  width: 75px;
  height: 75px;
  background-color: #eb0e50;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  font-family: Poppins-Bold, sans-serif;
  color: #fff; }

.ban-coupon {
  position: absolute;
  top: 0;
  left: 0;
  background: #eb0e50;
  width: 100%;
  color: #fff;
  font-size: 15px;
  text-align: center;
  font-family: Poppins, sans-serif;
  padding: 5px; }

.iframe .ban-coupon {
  display: none; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.single-page.welcome-page {
  background: #F3F3F3; }
  .single-page.welcome-page h3 {
    margin-bottom: 0px; }
  .single-page.welcome-page .header-container {
    max-width: 1280px;
    margin: 0 auto;
    justify-content: space-between; }
    .single-page.welcome-page .header-container .single-page-nav a {
      color: #000;
      text-transform: uppercase;
      font-weight: 600;
      padding: 0 10px;
      margin: 0 10px; }
  .single-page.welcome-page .welcome-header {
    padding: 0rem 0 2.5rem;
    color: #000;
    text-align: center; }
    .single-page.welcome-page .welcome-header img {
      max-width: 100%; }
  .single-page.welcome-page .modal_tab .btn {
    margin: 12px 0; }
  @media (min-width: 900px) {
    .single-page.welcome-page .main-sidebar .modal_tab {
      max-width: 440px; } }
  .single-page.welcome-page .main-sidebar {
    min-width: 310px;
    background: #f3f3f3; }
    @media (max-width: 900px) {
      .single-page.welcome-page .main-sidebar {
        min-width: inherit;
        padding: 27px 22px 33px 24px;
        width: 100%;
        background: none; } }
  .single-page.welcome-page .main-container {
    display: flex;
    align-items: flex-start;
    margin: 24px auto;
    max-width: 1280px;
    width: calc(100% - 20px); }
    @media (max-width: 900px) {
      .single-page.welcome-page .main-container {
        display: initial;
        width: 100%; } }
    .single-page.welcome-page .main-container .main-page {
      width: 100%;
      background-color: transparent; }
  .single-page.welcome-page .welcome-step {
    width: 100%;
    background: white;
    box-shadow: 0 7px 14px 0 rgba(49, 49, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    margin: 20px 0;
    padding: 10px 20px; }
    @media (max-width: 900px) {
      .single-page.welcome-page .welcome-step {
        box-shadow: none; } }
    .single-page.welcome-page .welcome-step .welcome-step-title {
      cursor: pointer; }
    .single-page.welcome-page .welcome-step .welcome-step-content {
      display: none; }
    .single-page.welcome-page .welcome-step.active .welcome-step-content {
      display: inherit; }
    .single-page.welcome-page .welcome-step .step-skip {
      cursor: pointer; }
  .single-page.welcome-page .welcome-plan-container {
    display: flex;
    align-items: flex-start; }
    @media (max-width: 900px) {
      .single-page.welcome-page .welcome-plan-container {
        display: block; } }
    .single-page.welcome-page .welcome-plan-container .bloc_premium {
      align-items: self-start;
      display: flex;
      flex: 0 0 70%;
      flex-direction: column;
      font-size: 14px; }
      .single-page.welcome-page .welcome-plan-container .bloc_premium .go_premium {
        width: 80%; }
    .single-page.welcome-page .welcome-plan-container .welcome-demo .btn-demo {
      display: block;
      width: 80%;
      margin: auto;
      text-align: center; }
    @media (min-width: 900px) {
      .single-page.welcome-page .welcome-plan-container .welcome-demo {
        background: url("/externals/img/welcome_arrow.png") no-repeat bottom right;
        padding: 0 0 120px 0; }
        .single-page.welcome-page .welcome-plan-container .welcome-demo .btn-demo {
          display: none; } }
  .single-page.welcome-page .welcome-free {
    text-align: center;
    margin-top: 20px; }
    .single-page.welcome-page .welcome-free a {
      color: #000000;
      text-transform: italic;
      text-decoration: underline;
      font-size: 12px; }
  .single-page.welcome-page .reason-box {
    cursor: pointer; }
    @media (min-width: 768px) {
      .single-page.welcome-page .reason-box {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; } }
    .single-page.welcome-page .reason-box .reason-choice {
      flex: 0 0 30%;
      text-transform: uppercase;
      font-weight: 600;
      overflow: hidden;
      border: 2px solid #80BAFF;
      color: #0075ff;
      border-radius: 5px;
      padding: 2em;
      height: 115px;
      margin: 1em 0;
      display: flex;
      text-align: center;
      position: relative;
      justify-content: center;
      align-items: center; }
      @media (max-width: 768px) {
        .single-page.welcome-page .reason-box .reason-choice {
          width: 100%; } }
      .single-page.welcome-page .reason-box .reason-choice i {
        font-size: 84px;
        position: absolute;
        bottom: -9px;
        right: -6px;
        opacity: 0.5;
        transform: rotate(333deg); }
      .single-page.welcome-page .reason-box .reason-choice.selected {
        background: #0075ff;
        color: #ffffff; }
  .single-page.welcome-page .box-step-action {
    display: flex;
    justify-content: space-between;
    align-items: center; }

.tab-step {
  width: 100%; }
  .tab-step ul {
    display: flex;
    justify-content: center; }
    .tab-step ul .nav-step {
      display: inline-block;
      width: auto; }
      .tab-step ul .nav-step:before {
        content: "";
        display: block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 1px solid #ccc;
        background: #ffffff;
        margin: 0 20px; }
      .tab-step ul .nav-step.active:before {
        background: #ccc; }
  .tab-step .box-step {
    display: none; }
    .tab-step .box-step.active {
      display: block; }

.single-page .header {
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  padding: 12px;
  height: auto; }
  .single-page .header .page-title {
    text-decoration: none;
    background: url(/externals/img/blastream_logo.svg) no-repeat left center;
    font-size: 30px;
    padding-left: 45px;
    color: #000;
    font-family: "Poppins-Bold", Helvetica, sans-serif; }
    .single-page .header .page-title a {
      color: #000; }

.single-page .page-title-back {
  color: black; }
  .single-page .page-title-back:hover {
    color: black; }

.single-page .page-title-logo {
  border-radius: 6px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px rgba(222, 222, 222, 0.11);
  background-color: #0a1321;
  padding: 0 9px 0 10px;
  font-family: "AvantGardeLT-DemiOblique", Helvetica, sans-serif;
  line-height: 40px;
  font-size: 24px; }
  .single-page .page-title-logo a {
    color: #ffffff;
    text-decoration: none; }

.single-page .main-container {
  display: flex;
  align-items: flex-start;
  margin: 24px auto;
  max-width: 1280px;
  width: calc(100% - 20px); }

.single-page .main-sidebar {
  background-color: #fff;
  margin-right: 12px;
  width: 260px;
  border-radius: 6px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
  background-color: #ffffff; }
  .single-page .main-sidebar .modal_tab {
    border-radius: 6px; }
  .single-page .main-sidebar .sidebar-title {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.13px;
    color: #0a1321; }

.single-page .main-page {
  flex: 1;
  position: relative;
  padding: 27px 22px 33px 24px;
  border-radius: 6px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  min-height: calc(100vh - 160px); }
  .single-page .main-page.large {
    padding: 0; }
  .single-page .main-page .page-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px; }
  .single-page .main-page .page-title {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.17px;
    color: #0a1321; }
  .single-page .main-page h2 {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.13px;
    color: #0a1321; }

.iframe.page,
.platform.page {
  background: none;
  margin: 0 20px 0 -20px;
  font-family: Nunito; }

.iframe .single-page .header,
.platform .single-page .header {
  display: none; }

.iframe .single-page .main-sidebar,
.platform .single-page .main-sidebar {
  display: none; }

.iframe .single-page .main-container,
.platform .single-page .main-container {
  width: 100%;
  margin: 0 auto;
  padding: 0 50px 0 50px; }

.iframe .single-page .main-page,
.platform .single-page .main-page {
  box-shadow: none; }
  .iframe .single-page .main-page .page-title,
  .platform .single-page .main-page .page-title {
    font-size: 1.2rem;
    font-weight: 700;
    font-family: Nunito; }
  .iframe .single-page .main-page .account-bloc .bloc .bloc-2-right,
  .platform .single-page .main-page .account-bloc .bloc .bloc-2-right {
    box-shadow: none; }

.custom_logo {
  max-height: 34px;
  margin-left: 20px;
  max-width: 10%; }

@media (max-width: 400px) {
  .custom_logo {
    max-width: 10px; } }

.page-developers .apikey {
  padding: 10px 18px 17px 17px;
  border-radius: 8px;
  border: solid 1px rgba(188, 189, 190, 0.19);
  background-color: #ffffff;
  margin-bottom: 20px; }
  .page-developers .apikey-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px; }
  .page-developers .apikey-title {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.13px;
    color: #0a1321; }
  .page-developers .apikey-delete {
    color: #EB0E50 !important;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.11px; }
    .page-developers .apikey-delete i {
      margin-right: 6px;
      font-size: 10 px; }
  .page-developers .apikey .form-group .input-group-suffix.icon-view-show {
    right: 25px;
    bottom: 8px;
    z-index: 1010; }

.plan-container {
  width: 100%;
  border: 1px solid rgba(188, 189, 190, 0.19);
  border-radius: 8px;
  margin: 10 0 10 0;
  padding: 16px; }
  .plan-container:hover {
    background-color: #FBFDFE; }
    .plan-container:hover li {
      font-weight: 900; }
  .plan-container .line {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px; }
  .plan-container .price-container {
    color: #4F5660;
    font-family: "Poppins-Bold", Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.26px;
    line-height: 12px; }
    .plan-container .price-container .price {
      color: #0A1321;
      font-family: "Poppins-Bold", Helvetica, sans-serif;
      font-size: 32px;
      font-weight: 500;
      letter-spacing: 0.3px;
      line-height: 38px;
      text-align: right; }
  .plan-container .btn-holder {
    justify-content: flex-end;
    display: flex;
    flex-direction: column; }
    .plan-container .btn-holder .btn {
      max-width: 120px; }
      .plan-container .btn-holder .btn.plan {
        min-height: 34px;
        border-radius: 6px;
        padding: 0 10; }
  .plan-container ul li {
    font-size: 12px; }
    .plan-container ul li:before {
      font-family: 'blasticon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      height: 8px;
      width: 10px;
      font-size: 8px;
      color: #21BAB9;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e921";
      margin-right: 5px; }

.pill {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 1rem;
  color: #000;
  background-color: rgba(230, 232, 234, 0.6);
  text-transform: uppercase; }
  .pill.blue {
    background-color: #0075ff;
    color: #fff; }
  .pill.orange {
    background-color: #FF8700;
    color: #fff; }

.plan-table {
  width: 100%; }
  .plan-table th {
    text-align: center;
    vertical-align: middle; }
  .plan-table td {
    font-size: 12px; }
    .plan-table td:first-child {
      color: #4F5660; }
    .plan-table td:not(:first-child) {
      padding: 10px;
      text-align: center;
      vertical-align: middle; }
    .plan-table td span {
      font-weight: 900; }
    .plan-table td i {
      color: #21BAB9; }
  .plan-table tr:nth-child(even) {
    background: #F7F7F7; }
  .plan-table tr:nth-child(odd) {
    background: #FFF; }

.current-plan {
  height: 34px;
  padding: 10 10;
  border-radius: 6px;
  background-color: #F0F1F2; }

.price-container {
  color: #4F5660;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.26px;
  line-height: 12px; }
  .price-container .price {
    color: #0A1321;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 38px;
    text-align: right; }

.request_enter_waiting {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .request_enter_waiting i {
    width: fit-content;
    padding: 10px; }

.notif-middeloffice {
  width: 100%;
  color: #fff;
  text-align: center;
  background: #ff8700;
  padding: 12px; }
  .notif-middeloffice .icon {
    font-size: 25px; }
  .notif-middeloffice h3 {
    margin-bottom: auto; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.pagination {
  display: flex;
  margin: 24px 0;
  justify-content: center; }
  .pagination .page-item a {
    color: #000;
    text-decoration: none;
    display: flex;
    margin: 0 5px;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    width: 50px;
    height: 30px;
    align-items: center;
    justify-content: center; }
    .pagination .page-item a:hover {
      background: #f7f7f7; }
  .pagination .page-item.active a {
    background: #0075ff;
    color: #fff; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.player_controller {
  color: #ffffff;
  display: flex;
  z-index: 11;
  align-items: center;
  background-color: rgba(10, 19, 33, 0.23);
  align-items: stretch;
  justify-content: center;
  width: 116px; }
  .player_controller .player_controller_sound {
    transition: width .100s ease-in; }
    .player_controller .player_controller_sound #input-range-player_controller_sound_input {
      display: none;
      height: 5px; }
      .player_controller .player_controller_sound #input-range-player_controller_sound_input::-webkit-slider-thumb {
        width: 14px;
        height: 14px; }
    .player_controller .player_controller_sound:hover {
      width: 116px !important;
      padding: 0px 5px 0 0;
      position: absolute;
      right: 0;
      background: #323a46; }
      .player_controller .player_controller_sound:hover #input-range-player_controller_sound_input {
        display: block; }
      @media (max-width: 768px) {
        .player_controller .player_controller_sound:hover {
          width: 90px !important; } }
  .player_controller > div,
  .player_controller > button {
    display: flex;
    flex: 1;
    align-items: center;
    border-radius: 0; }
    .player_controller > div:hover,
    .player_controller > button:hover {
      background-color: rgba(10, 19, 33, 0.3); }
  .player_controller i {
    color: #ffffff; }
  .player_controller_sound {
    position: relative;
    /*input[type=range] {
      position: absolute;
      transform: rotate(-90deg);
      top: -109px;
      right: -35px;
    }*/ }

.broadcaster .player_controller {
  display: none; }

.in-videoconf .broadcaster .player_controller {
  display: flex; }

#video_wait_button {
  position: absolute;
  z-index: 10;
  font-size: 60px;
  background: transparent;
  border: none;
  color: #fff;
  text-shadow: 2px 2px 2px black; }

.popover_settings_live {
  min-width: 175px;
  min-height: 55px;
  text-align: left; }
  .popover_settings_live .popover_sepa {
    border-top: 1px solid #323a46;
    width: calc(100% + 19px);
    margin-left: -9px; }
  .popover_settings_live .popover_settings_item {
    margin-bottom: 0.5rem;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.11px;
    padding-top: 8px;
    /*&.lang_change {
        
      &.selected {
        text-decoration: underline;   
      }
    }*/ }
    .popover_settings_live .popover_settings_item i {
      margin-right: 3px; }
  .popover_settings_live .lang_change {
    width: 100%;
    font-size: 13px;
    border: 1px solid rgba(167, 187, 218, 0.17);
    border-radius: 4px;
    background-color: #1D2634;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    color: #C8D1DF;
    padding: 3px 5px;
    margin-bottom: 10px; }
  .popover_settings_live .video-control {
    margin: -10px -10px 0;
    padding: 13px 4px;
    background: #323a46; }
    .popover_settings_live .video-control li {
      color: #fff; }

.visio_controller_bar {
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  width: calc(100% - 25%);
  z-index: 85;
  height: 58px;
  align-items: center;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  background-color: #3f4651; }
  @media (max-width: 1200px) {
    .visio_controller_bar {
      width: calc(100% - 275px); } }
  @media (max-width: 768px) and (orientation: portrait) {
    .visio_controller_bar {
      /*bottom: 20px;
    transform: translate(-50%, 0) scale(.9);
    z-index: 9;
    border-radius: 12px;
    overflow: hidden;
    left: 50%;
    margin: auto;
    width: auto;*/
      width: 100%;
      flex-basis: 40px;
      height: 45px;
      position: inherit; }
      .visio_controller_bar .videoconf_user_action .btn-start {
        padding: 10px 12px 10px 17px !important; } }
  .visio_controller_bar .action-item {
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; }
    @media (max-width: 1200px) {
      .visio_controller_bar .action-item {
        width: 55px; } }
    @media (max-width: 569px) {
      .visio_controller_bar .action-item {
        width: 45px; } }
    @media (max-width: 768px) and (orientation: landscape) {
      .visio_controller_bar .action-item {
        width: 45px; } }
    .visio_controller_bar .action-item.lang_change {
      min-width: 60px;
      width: auto; }
      @media (max-width: 1200px) {
        .visio_controller_bar .action-item.lang_change {
          min-width: 55px; } }
      @media (max-width: 569px) {
        .visio_controller_bar .action-item.lang_change {
          min-width: 45px; } }
      @media (max-width: 768px) and (orientation: landscape) {
        .visio_controller_bar .action-item.lang_change {
          min-width: 45px; } }
      .visio_controller_bar .action-item.lang_change .lang_change_btn {
        text-transform: uppercase;
        background: #0075ff;
        border-radius: 50%;
        height: 34px;
        width: 34px; }
      .visio_controller_bar .action-item.lang_change .lang_change_btn_icon {
        position: absolute;
        width: 15px;
        height: 15px;
        top: -6px;
        right: -7px;
        color: #ffffff; }
      .visio_controller_bar .action-item.lang_change:hover {
        background-color: rgba(10, 19, 33, 0.3); }
      @media (max-width: 768px) {
        .visio_controller_bar .action-item.lang_change {
          background: #0075ff;
          margin: 0;
          padding: 0; }
          .visio_controller_bar .action-item.lang_change .lang_change_btn {
            border-radius: 0;
            margin: 0 !important;
            font-size: 13px;
            height: 30px;
            width: 30px; }
          .visio_controller_bar .action-item.lang_change .lang_change_btn_icon {
            top: 2px; } }
    .visio_controller_bar .action-item .btn {
      text-align: center;
      padding: 0px 4px;
      margin: auto;
      height: 100%;
      position: relative;
      background: transparent; }
  .visio_controller_bar .visio_count {
    border-radius: 14.5px;
    height: 28px;
    background-color: #323946;
    font-size: 12px;
    color: #ffffff;
    padding: 7px 12px;
    margin: 0 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap; }
    .visio_controller_bar .visio_count i {
      margin-right: 6px;
      font-size: 10px; }
    @media (max-width: 768px) {
      .visio_controller_bar .visio_count {
        display: none; } }
  .visio_controller_bar .visio_right {
    display: flex;
    flex-direction: row;
    height: 100%; }
    @media (max-width: 900px) {
      .visio_controller_bar .visio_right .action-item {
        width: 40px; } }
  .visio_controller_bar .visio_stats {
    display: flex;
    border-radius: 3px;
    background-color: #323946;
    justify-content: center;
    align-items: center;
    margin: 5px 9px 9px;
    height: calc(100% - 10px);
    /*@media (min-width: $screen-xxl-min) {
      visibility: visible;
      width: 100%;

    }*/
    visibility: visible;
    width: 65px;
    overflow: hidden; }
    @media (max-width: 768px) {
      .visio_controller_bar .visio_stats {
        display: none; } }
    .visio_controller_bar .visio_stats .video-control {
      height: 100%;
      flex-direction: column;
      padding: 0px 6px; }
      .visio_controller_bar .visio_stats .video-control li {
        color: #ffffff;
        font-size: 9px;
        justify-content: flex-start;
        flex-direction: row;
        align-items: center;
        margin: 0; }
        .visio_controller_bar .visio_stats .video-control li i {
          opacity: .5;
          color: #fff;
          margin-right: 5px; }
    .visio_controller_bar .visio_stats .row {
      margin: 0 !important; }

.no_chat .visio_controller_bar {
  width: 100%; }
  @media (max-width: 768px) and (orientation: portrait) {
    .no_chat .visio_controller_bar {
      flex-grow: inherit; } }

/*
.preview-content {
  @media (max-width: $screen-xl-min) {
    display: none;
  }
}*/
.user_live_alerts {
  position: absolute;
  top: -35px;
  right: 50px;
  left: 50px;
  display: flex;
  align-items: center;
  font-size: 12px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  flex-wrap: nowrap;
  justify-content: center;
  z-index: 18; }
  .user_live_alerts .user_live_alert_item {
    background: #EB0E50;
    width: max-content;
    color: #fff;
    padding: 2px 5px;
    margin: 0 2px;
    border-radius: 5px; }
    .user_live_alerts .user_live_alert_item.black {
      background: #0a1321; }
    .user_live_alerts .user_live_alert_item.orange {
      background: #FF8700; }
    .user_live_alerts .user_live_alert_item i {
      margin-right: 2px;
      /* padding-top: 7px; */
      font-size: 10px; }
  @media (max-width: 768px) {
    .user_live_alerts {
      font-size: 10px; }
      .user_live_alerts .user_live_alert_item {
        padding: 0px 3px; }
        .user_live_alerts .user_live_alert_item i {
          display: none; } }

.videoconf_user_action {
  display: flex;
  height: 100%; }
  .videoconf_user_action .action-record {
    padding: 0 10px 0 10px;
    margin-top: -4px;
    padding: 0 15px; }
    @media (max-width: 768px) and (orientation: portrait) {
      .videoconf_user_action .action-record {
        margin-top: 0px; } }
  .videoconf_user_action .videoconf_user_action_column {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .videoconf_user_action .videoconf_user_action_row {
    width: calc(100% - 90px);
    height: 50px; }
  .videoconf_user_action .action-preview {
    width: 80px; }
    @media (max-width: 1200px) {
      .videoconf_user_action .action-preview {
        width: 1px; } }
  .videoconf_user_action .is-mobile .action-preview {
    width: 1px; }
  .videoconf_user_action #videoconf_user_action_content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    /*.action-mic {
      @media (max-width: $screen-lg-min) {
        display: none;
      }
    }
    .action-cam {
      @media (max-width: $screen-lg-min) {
        display: none;
      }
    }*/ }
    .videoconf_user_action #videoconf_user_action_content .action-item {
      opacity: 1; }
      .videoconf_user_action #videoconf_user_action_content .action-item .btn {
        font-size: 18px; }
      @media (hover: hover) {
        .videoconf_user_action #videoconf_user_action_content .action-item:hover i {
          opacity: 0.7; } }
    .videoconf_user_action #videoconf_user_action_content .action-mic,
    .videoconf_user_action #videoconf_user_action_content .action-cam {
      display: flex;
      cursor: pointer; }
    .videoconf_user_action #videoconf_user_action_content .action-exit {
      background: #EB0E50; }
      .videoconf_user_action #videoconf_user_action_content .action-exit:hover {
        /*@include setBackgroundOpacity($red-blastream, 0.7);*/
        filter: brightness(70%); }
      .videoconf_user_action #videoconf_user_action_content .action-exit i {
        color: #ffffff;
        font-size: 15px; }
        @media (max-width: 1200px) {
          .videoconf_user_action #videoconf_user_action_content .action-exit i {
            font-size: 13px; } }
    .videoconf_user_action #videoconf_user_action_content .icon-screen {
      font-size: 17px; }
      @media (max-width: 1200px) {
        .videoconf_user_action #videoconf_user_action_content .icon-screen {
          font-size: 15px; } }
    .videoconf_user_action #videoconf_user_action_content .action-doc {
      background: #0a1321; }
      .videoconf_user_action #videoconf_user_action_content .action-doc:hover {
        background: rgba(10, 19, 33, 0.7); }
    .videoconf_user_action #videoconf_user_action_content .action-screenshare {
      position: relative;
      background: #0a1321; }
      .videoconf_user_action #videoconf_user_action_content .action-screenshare:hover {
        background: rgba(10, 19, 33, 0.7); }
        .videoconf_user_action #videoconf_user_action_content .action-screenshare:hover i {
          opacity: 0.7; }
      .videoconf_user_action #videoconf_user_action_content .action-screenshare i.circle {
        position: absolute;
        background: #EB0E50;
        top: 14px;
        font-style: normal;
        height: 14px;
        width: 14px;
        right: -2px;
        border: 2px solid #0a1321;
        border-radius: 50%; }
    .videoconf_user_action #videoconf_user_action_content .icon-micro,
    .videoconf_user_action #videoconf_user_action_content .icon-micro-mute,
    .videoconf_user_action #videoconf_user_action_content .icon-add-doc,
    .videoconf_user_action #videoconf_user_action_content .icon-remove-doc {
      font-size: 20px; }
      @media (max-width: 1200px) {
        .videoconf_user_action #videoconf_user_action_content .icon-micro,
        .videoconf_user_action #videoconf_user_action_content .icon-micro-mute,
        .videoconf_user_action #videoconf_user_action_content .icon-add-doc,
        .videoconf_user_action #videoconf_user_action_content .icon-remove-doc {
          font-size: 18px; } }
    .videoconf_user_action #videoconf_user_action_content .action-hand.active {
      /*background: $blue;*/
      opacity: 0.5;
      cursor: inherit; }
      .videoconf_user_action #videoconf_user_action_content .action-hand.active i {
        color: #ffffff; }
      .videoconf_user_action #videoconf_user_action_content .action-hand.active .btn {
        cursor: inherit; }
    @media (min-width: 768px) {
      .videoconf_user_action #videoconf_user_action_content .action-exit.popover {
        display: none; } }
    @media (max-width: 768px) {
      .videoconf_user_action #videoconf_user_action_content .action-exit.popover {
        display: block; } }
    @media (max-width: 900px) {
      .videoconf_user_action #videoconf_user_action_content .action-doc,
      .videoconf_user_action #videoconf_user_action_content .action-hand,
      .videoconf_user_action #videoconf_user_action_content .action-screenshare {
        display: none; } }
    .videoconf_user_action #videoconf_user_action_content .action-more {
      display: none; }
      @media (max-width: 900px) {
        .videoconf_user_action #videoconf_user_action_content .action-more {
          display: flex; } }
      .videoconf_user_action #videoconf_user_action_content .action-more .btn {
        font-size: 5px;
        color: rgba(255, 255, 255, 0.35); }
        .videoconf_user_action #videoconf_user_action_content .action-more .btn:hover {
          border-radius: 8px;
          background-color: #4a5362;
          color: #fff; }
    .videoconf_user_action #videoconf_user_action_content .videoconf-speaker-control-doc {
      position: absolute;
      top: -95px;
      right: 50;
      left: 50;
      display: flex;
      align-items: center;
      font-size: 12px;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      flex-wrap: nowrap;
      justify-content: center;
      flex-direction: column;
      z-index: 18;
      margin: 0 auto; }
      .videoconf_user_action #videoconf_user_action_content .videoconf-speaker-control-doc .videoconf-speaker-control-doc-content {
        border-radius: 6px;
        background-color: #FFFFFF;
        border: 1px solid rgba(10, 19, 33, 0.12);
        display: flex;
        align-items: center;
        align-content: center;
        padding: 3px 6px; }
        .videoconf_user_action #videoconf_user_action_content .videoconf-speaker-control-doc .videoconf-speaker-control-doc-content .videoconf_source_item_nav {
          display: flex;
          align-content: center;
          justify-content: center;
          align-items: center; }
          .videoconf_user_action #videoconf_user_action_content .videoconf-speaker-control-doc .videoconf-speaker-control-doc-content .videoconf_source_item_nav .videoconf_source_item_nav_bt {
            margin: 0 5px; }
          .videoconf_user_action #videoconf_user_action_content .videoconf-speaker-control-doc .videoconf-speaker-control-doc-content .videoconf_source_item_nav .videoconf_source_item_nav_page {
            width: 100%;
            text-align: center;
            vertical-align: middle;
            line-height: 20px;
            margin: 3px 8px;
            background: #eeeeef;
            border-radius: 5px; }
            .videoconf_user_action #videoconf_user_action_content .videoconf-speaker-control-doc .videoconf-speaker-control-doc-content .videoconf_source_item_nav .videoconf_source_item_nav_page p {
              margin: 0;
              padding: 2px; }
      .videoconf_user_action #videoconf_user_action_content .videoconf-speaker-control-doc .videoconf-speaker-control-doc-name {
        color: #fff;
        max-width: 50%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
  .videoconf_user_action .btn {
    font-size: 18px;
    text-align: center;
    padding: 0px 4px;
    margin: auto;
    height: 100%;
    position: relative;
    background: transparent; }
    .videoconf_user_action .btn.record {
      padding-top: 2px !important; }
      @media (min-width: 768px) {
        .videoconf_user_action .btn.record {
          padding-top: 5px !important; } }
  .videoconf_user_action .btn-start {
    display: inline-block;
    font-size: 14px !important;
    font-weight: 600;
    color: #ffffff;
    border: none;
    border-radius: 0px;
    cursor: pointer;
    text-shadow: none;
    transition: all .300s ease-in;
    padding: 11px 20px 10px !important;
    background: #0075ff !important;
    transition: all 200ms;
    color: #ffffff; }
    .videoconf_user_action .btn-start i {
      margin-right: 5px; }
    @media (max-width: 830px) {
      .videoconf_user_action .btn-start span {
        display: none; } }
  .videoconf_user_action .btn-livestreaming {
    display: inline-block;
    font-size: 14px !important;
    font-weight: 600;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-shadow: none;
    transition: all .300s ease-in;
    padding: 11px 20px 10px !important;
    background: #EB0E50 !important;
    transition: all 200ms;
    color: #ffffff;
    /* &:before {
      content: '';
      display: inline-block;
      width: 8px;
      height: 8px;
      border-radius: 4px;
      background-color: #ffffff;
      margin: 0px 5px 0 0;
      top: 0px;
      position: relative;
      padding: 0;
      @media (max-width: 830px) and (orientation: landscape) {
        display:none;
      }
    }*/ }
  .videoconf_user_action .btn-name {
    display: block;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    line-height: 1.1;
    padding-top: 5;
    display: none; }
  .videoconf_user_action #quality-video {
    background: black;
    font-size: 10px;
    border-radius: 6px;
    text-transform: uppercase;
    font-weight: bold;
    position: absolute;
    width: 22px;
    right: 3px;
    top: 7px;
    line-height: 12px;
    color: white; }
  .videoconf_user_action .livestreaming-controller {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    justify-content: stretch;
    align-items: center;
    white-space: nowrap; }
    .videoconf_user_action .livestreaming-controller.livestreaming-controller-guest {
      margin: 0 10px; }
      .videoconf_user_action .livestreaming-controller.livestreaming-controller-guest .btn-livestreaming {
        cursor: initial; }
        .videoconf_user_action .livestreaming-controller.livestreaming-controller-guest .btn-livestreaming:hover {
          filter: none; }
    .videoconf_user_action .livestreaming-controller .append {
      margin-left: -1px;
      display: flex; }
      .videoconf_user_action .livestreaming-controller .append .livestreaming {
        font-size: 12px !important;
        padding: 5px 12px !important; }
        @media (max-width: 830px) and (orientation: landscape) {
          .videoconf_user_action .livestreaming-controller .append .livestreaming {
            padding: 5px 6px !important; } }
      @media (max-width: 900px) {
        .videoconf_user_action .livestreaming-controller .append .livestreaming {
          text-indent: 500px;
          width: 10px;
          position: relative; }
          .videoconf_user_action .livestreaming-controller .append .livestreaming:before {
            content: "";
            position: absolute;
            width: 10px;
            height: 10px;
            left: 6px;
            top: 10px;
            border-radius: 50%;
            background: #fff; } }
      .videoconf_user_action .livestreaming-controller .append .visio_counter {
        height: 28px;
        background-color: #ffffff;
        font-size: 12px;
        color: #000000;
        padding: 7px 12px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px; }
        @media (max-width: 830px) and (orientation: landscape) {
          .videoconf_user_action .livestreaming-controller .append .visio_counter {
            padding: 7px 6px; }
            .videoconf_user_action .livestreaming-controller .append .visio_counter i {
              display: none; } }
      .videoconf_user_action .livestreaming-controller .append .left {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
      .videoconf_user_action .livestreaming-controller .append .right {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
  .videoconf_user_action.videoconf_user_action_viewer {
    justify-content: space-between;
    flex-grow: 1; }

.player_notif {
  position: absolute;
  bottom: 100px;
  left: 50%;
  padding: 9px 9px 9px 16px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
  transform: translate(-50%, 0); }
  .player_notif i {
    margin-right: 14px;
    font-size: 18px; }
  .player_notif .btn {
    height: 40px;
    padding: 4px 8px 3px; }
    .player_notif .btn:hover {
      opacity: .8; }
    .player_notif .btn:first-of-type {
      margin-left: 20px; }
    .player_notif .btn:not(:last-child) {
      margin-right: 7px; }
  .player_notif.blue {
    background-color: #0075ff; }
    .player_notif.blue .btn.white {
      background: #fff;
      color: #0075ff; }
    .player_notif.blue .btn.blue {
      background: #0262d3;
      color: #fff; }
  .player_notif.red {
    background-color: #EB0E50; }
  .player_notif.orange {
    background-color: #FF8700; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.poll-box .menu-4tab .link {
  width: 25%; }

.poll-box .choices-list {
  border: 1px solid #ECECEC;
  border-radius: 6px;
  background-color: rgba(241, 241, 241, 0.49); }

.poll-box .has-error .choices-list {
  border: 1px solid #eb0e50; }

.poll-box .response-group {
  padding-top: 0px;
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  border-bottom: 1px solid #ECECEC;
  margin-bottom: 0; }
  .poll-box .response-group input {
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important; }
  .poll-box .response-group .response-checkbox {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0px;
    width: 33px;
    height: 33px; }
  .poll-box .response-group .remove-response {
    width: 33px;
    height: 33px;
    padding: 5px;
    margin-left: 7px; }

.poll-box .add-response-wrapper {
  text-align: right;
  margin-top: 20px; }

.poll-box .btn-save-wrapper {
  margin-top: 30px; }

.poll-box .drag-handle {
  padding: 10px 5px;
  cursor: move; }
  .poll-box .drag-handle .bar {
    display: block;
    width: 17px;
    margin: 0px auto;
    height: 2px;
    background: #000; }
    .poll-box .drag-handle .bar + .bar {
      margin-top: 4px; }

.poll-box .form-control {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
  .poll-box .form-control:focus {
    border-bottom-color: rgba(255, 255, 255, 0.9); }

.poll-box .polls .list-items {
  list-style-type: none;
  padding: 10px 0;
  margin: 0px; }

.poll-box .polls .item {
  padding: 10px 5px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  border: solid 1px #ececec;
  background-color: rgba(241, 241, 241, 0.49); }
  .poll-box .polls .item:first-child {
    border-radius: 6px 6px 0 0; }
  .poll-box .polls .item:last-child {
    border-radius: 0 0 6px 6px; }
  .poll-box .polls .item .draft-name {
    flex: 1 1 auto;
    font-size: 85%;
    font-weight: 500;
    padding: 0 5px; }
  .poll-box .polls .item .actions {
    white-space: nowrap;
    color: #868e9b; }
    .poll-box .polls .item .actions a {
      display: inline-block;
      padding: 5px 8px;
      cursor: pointer;
      color: #868e9b;
      text-decoration: none;
      font-size: 80%; }
      .poll-box .polls .item .actions a:hover {
        color: #000000; }
    .poll-box .polls .item .actions .pulish:hover {
      color: #7eefcc; }
    .poll-box .polls .item .actions .delete:hover {
      color: #EB0E50; }

.poll-box .poll_result {
  background: rgba(240, 240, 240, 0.6);
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 15px; }
  .poll-box .poll_result li {
    margin: 0 0 20px; }
    .poll-box .poll_result li .label {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      margin-bottom: 5px; }
      .poll-box .poll_result li .label .value {
        padding: 6px;
        border: 1px solid #DFDFDF;
        border-radius: 14.5px;
        background-color: #FFFFFF;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.13px;
        line-height: 16px; }

.poll-box .poll-result {
  padding: 5px; }
  .poll-box .poll-result .result__list {
    border: 1px solid rgba(151, 151, 151, 0.22);
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.09); }
    .poll-box .poll-result .result__list .toggle-wrapper {
      padding: 12px;
      display: flex;
      justify-content: space-between;
      cursor: pointer; }
    .poll-box .poll-result .result__list .result__list_table {
      border-top: #cccccc 1px solid;
      padding-bottom: 20px; }
      .poll-box .poll-result .result__list .result__list_table.hidden {
        display: none; }
    .poll-box .poll-result .result__list .result__list_items {
      width: 100%;
      font-size: 12px;
      border-collapse: collapse;
      color: inherit; }
      .poll-box .poll-result .result__list .result__list_items.hidden {
        display: none; }
      .poll-box .poll-result .result__list .result__list_items th {
        text-transform: uppercase;
        padding: 20px 10px 10px 20px; }
      .poll-box .poll-result .result__list .result__list_items td {
        padding: 2px 10px 2px 20px; }
      .poll-box .poll-result .result__list .result__list_items .username_more {
        font-size: 11px; }

.progressbar-wrapper {
  position: relative;
  background-color: var(--color) !important;
  padding-top: 10px;
  border-radius: 5px;
  overflow: hidden;
  width: 100%; }
  .progressbar-wrapper .progressbar {
    position: absolute;
    width: 66.6667%;
    top: 0;
    left: 0;
    height: 100%;
    background-color: var(--color) !important; }

.rating-result li:nth-child(2) .progressbar {
  background: #FF8700; }

.rating-result li:nth-child(2) .progressbar {
  background: #ffe34f; }

.rating-result li:nth-child(3) .progressbar {
  background: #7eefcc; }

.poll-note .value {
  display: flex;
  justify-content: space-between;
  align-items: baseline; }
  .poll-note .value .btn {
    border: 1px solid #CCD1DB;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
    font-size: 10px;
    padding: 2px 5px; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.Popover {
  z-index: 100000000; }

.popover__menu_item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0; }

.popover__menu_item:hover,
.popover__menu_item:focus {
  color: #1e2125;
  background-color: #e9ecef; }

.popover__menu_item.active,
.popover__menu_item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0d6efd; }

.popover__menu_item.disabled,
.popover__menu_item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent; }

.Popover-body {
  text-align: center;
  display: inline-flex;
  flex-direction: column;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.23);
  border-radius: 0.3rem;
  background-color: rgba(255, 255, 255, 0.98);
  color: black; }
  .Popover-body .popover__wrapper {
    padding: 12px; }
  .Popover-body .popover_action_more_wrapper {
    background-color: #3f4651;
    color: white;
    padding: 10px 10px 15px;
    margin-bottom: -12px; }
    .Popover-body .popover_action_more_wrapper .action-mic {
      margin-top: 5px; }
      .Popover-body .popover_action_more_wrapper .action-mic i {
        font-size: 24px; }
    .Popover-body .popover_action_more_wrapper .action-exit i {
      color: #EB0E50; }
    .Popover-body .popover_action_more_wrapper .action-screenshare {
      position: relative; }
      .Popover-body .popover_action_more_wrapper .action-screenshare i.circle {
        position: absolute;
        color: #EB0E50;
        top: -8px;
        font-style: normal;
        right: -2px;
        font-size: 10px;
        box-shadow: inset 0 0 2px 2px #3f4651;
        border-radius: 50%; }
    .Popover-body .popover_action_more_wrapper .btn {
      padding: 0;
      font-size: 18px;
      text-align: center;
      margin: auto;
      margin-bottom: 10px;
      padding: 3px;
      width: 100%;
      position: relative;
      background: transparent; }
      .Popover-body .popover_action_more_wrapper .btn .btn-name {
        display: block;
        color: #fff;
        font-size: 11px;
        font-weight: bold;
        text-align: center;
        line-height: 1.1;
        padding-top: 5;
        display: none; }

.Popover-tipShape {
  fill: rgba(255, 255, 255, 0.98); }

/* Target */
.Target {
  -webkit-user-select: none;
  position: relative;
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
  color: white;
  white-space: pre-wrap;
  text-align: center;
  text-transform: uppercase;
  border-radius: 0.2rem;
  overflow: hidden; }

.Target-Move {
  padding: 1rem;
  cursor: move;
  border-bottom: 1px solid white;
  background: #26cfbb; }

.Target-Toggle {
  display: block;
  padding: 1rem;
  cursor: pointer;
  background: #d34566; }

.Target.is-open .Target-Toggle {
  background: #e61a49; }

.popover__message {
  text-align: center; }

.popin-container {
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid #BCBDBE;
  border-radius: 8px;
  background-color: white;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.19);
  position: absolute;
  bottom: 46px;
  z-index: 99;
  left: 10px;
  width: calc(100% - 20px);
  max-width: 365px; }
  @media (max-width: 768px) {
    .popin-container {
      position: fixed;
      left: inherit;
      right: 40px;
      max-width: 75%;
      bottom: 65px; } }
  @media (max-width: 380px) {
    .popin-container {
      right: 10px;
      width: calc(100% - 15px);
      max-width: calc(100% - 15px); } }
  .popin-container.popin-container-settings {
    left: inherit;
    right: 10px; }
  .popin-container.popin-container-action-responsive ul li {
    display: flex;
    align-items: center;
    padding: 6px 0;
    border-bottom: 1px solid #efefef; }
    .popin-container.popin-container-action-responsive ul li:last-child {
      border: none; }
    .popin-container.popin-container-action-responsive ul li i {
      flex: 0 0 30px;
      font-size: 20px;
      text-align: center; }
  .popin-container.no-padding {
    padding: 0; }
  .popin-container .q-and-a-form .chat_message_form {
    padding: 0; }

.popin-toggler {
  align-items: center;
  display: flex;
  margin-right: 3px;
  margin-left: 3px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 0 0 8px 8px;
  padding: 3px;
  position: relative;
  height: 36px; }
  .popin-toggler--active {
    z-index: 3;
    color: #0075FF;
    background: #fff;
    border-right: 1px solid #BCBDBE;
    border-left: 1px solid #BCBDBE;
    border-bottom: 1px solid #BCBDBE; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.privacy-select {
  width: 300%; }
  .privacy-select .row {
    text-align: center;
    margin: 0px; }
  .privacy-select .container {
    padding: 0px; }
  .privacy-select .privacy-public-panel,
  .privacy-select .privacy-private-panel {
    margin-top: 10px;
    margin-bottom: 10px; }
    .privacy-select .privacy-public-panel .custom-form,
    .privacy-select .privacy-private-panel .custom-form {
      padding: 0px;
      margin-top: 10px; }

.privacy-choice {
  border: 1px solid transparent;
  border-radius: 5px;
  cursor: pointer; }
  .privacy-choice.privacy-selected.red {
    border-color: #EB0E50;
    color: #EB0E50; }
    .privacy-choice.privacy-selected.red .btn {
      color: #EB0E50; }
  .privacy-choice.privacy-selected.green {
    border-color: #7eefcc;
    color: #7eefcc; }
    .privacy-choice.privacy-selected.green .btn {
      color: #7eefcc; }
  .privacy-choice:hover.red {
    color: #EB0E50; }
    .privacy-choice:hover.red .btn {
      color: #EB0E50; }
  .privacy-choice:hover.green {
    color: #7eefcc; }
    .privacy-choice:hover.green .btn {
      color: #7eefcc; }

.privacy-btn {
  border-radius: 50%;
  font-size: 28px;
  height: 55px;
  width: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 25px auto; }
  .privacy-btn:hover {
    text-shadow: none;
    opacity: 1; }

.privacy-container-panel {
  display: flex;
  left: -33.33%;
  position: relative;
  transition: left .6s ease-in-out; }
  .privacy-container-panel.privacy-private-selected {
    left: -66.66%; }
  .privacy-container-panel.privacy-public-selected {
    left: 0%; }
  .privacy-container-panel .privacy-panel-choice {
    width: 33.33%; }
  .privacy-container-panel .privacy-public-panel,
  .privacy-container-panel .privacy-private-panel {
    width: 33.33%;
    overflow: hidden; }
  .privacy-container-panel .privacy-choice-desc {
    margin-top: 12px; }

.privacy-top {
  height: 35px; }

.privacy-public-conf-panel,
.privacy-private-conf-panel {
  position: relative;
  width: 300%;
  display: flex;
  transition: right .6s ease-in-out;
  right: 100%; }
  .privacy-public-conf-panel.privacy-password-selected,
  .privacy-private-conf-panel.privacy-password-selected {
    right: 0%; }
  .privacy-public-conf-panel.privacy-user_list-selected,
  .privacy-private-conf-panel.privacy-user_list-selected {
    right: 200%; }
  .privacy-public-conf-panel.privacy-form-selected,
  .privacy-private-conf-panel.privacy-form-selected {
    right: 0; }
  .privacy-public-conf-panel .privacy-private-panel,
  .privacy-private-conf-panel .privacy-private-panel {
    width: 33.3333%; }

.user-list-selected-wrapper .user-list-selected {
  list-style-type: none;
  margin: 0px;
  padding: 0px; }
  .user-list-selected-wrapper .user-list-selected li {
    padding: 4px 0px; }

.user-list-selected-wrapper .btn-wrapper {
  margin-top: 5px;
  text-align: right; }

.privacy-list-manager .view-title {
  text-align: center;
  margin-bottom: 10px; }

.privacy-list-manager #upload-container {
  border: 2px dashed #eee;
  padding: 10 10 0 10; }

.privacy-list-manager .choose-add-users {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap; }

.privacy-list-manager .privacy-lists-view .button-add-wrapper {
  text-align: right;
  margin: 5px auto 10px; }

.privacy-list-manager .privacy-lists-view .user-lists {
  list-style-type: none;
  padding: 0px;
  margin: 0px; }
  .privacy-list-manager .privacy-lists-view .user-lists .list-item {
    padding: 4px 0px; }
  .privacy-list-manager .privacy-lists-view .user-lists .inner {
    display: table;
    width: 100%; }
  .privacy-list-manager .privacy-lists-view .user-lists .list-checkbox,
  .privacy-list-manager .privacy-lists-view .user-lists .list-name,
  .privacy-list-manager .privacy-lists-view .user-lists .list-edit,
  .privacy-list-manager .privacy-lists-view .user-lists .list-delete {
    display: table-cell;
    vertical-align: middle; }
  .privacy-list-manager .privacy-lists-view .user-lists .list-checkbox {
    width: 20px;
    text-align: center; }
  .privacy-list-manager .privacy-lists-view .user-lists .list-name {
    padding: 3px 0px 3px 5px; }
    .privacy-list-manager .privacy-lists-view .user-lists .list-name label {
      margin: 0px; }
  .privacy-list-manager .privacy-lists-view .user-lists .list-delete,
  .privacy-list-manager .privacy-lists-view .user-lists .list-edit {
    padding-left: 5px;
    width: 40px; }
  .privacy-list-manager .privacy-lists-view .user-lists .btn, .privacy-list-manager .privacy-lists-view .user-lists .btn:hover, .privacy-list-manager .privacy-lists-view .user-lists .btn:focus {
    background: none;
    outline: none;
    box-shadow: none;
    border: none; }
  .privacy-list-manager .privacy-lists-view .user-lists .btn:hover {
    color: #EB0E50; }
  .privacy-list-manager .privacy-lists-view .user-lists .list-edit .btn:hover {
    color: #7eefcc; }

.privacy-list-manager .edit-view .edit-view-top {
  margin: 5px 0px; }

.privacy-list-manager .edit-view .form-group {
  padding-top: 0px; }

.privacy-list-manager .edit-view .form-control {
  border-bottom-color: rgba(255, 255, 255, 0.4); }
  .privacy-list-manager .edit-view .form-control:focus {
    border-bottom-color: rgba(255, 255, 255, 0.8); }

.privacy-list-manager .edit-view .list-users {
  list-style-type: none;
  padding: 0px;
  margin: 0px; }
  .privacy-list-manager .edit-view .list-users li {
    padding: 4px 0px; }
  .privacy-list-manager .edit-view .list-users .inner {
    display: table;
    width: 100%; }
  .privacy-list-manager .edit-view .list-users .user-checkbox,
  .privacy-list-manager .edit-view .list-users .user-name,
  .privacy-list-manager .edit-view .list-users .user-edit,
  .privacy-list-manager .edit-view .list-users .user-delete {
    display: table-cell;
    vertical-align: middle; }
  .privacy-list-manager .edit-view .list-users .user-checkbox {
    width: 20px;
    text-align: center; }
  .privacy-list-manager .edit-view .list-users .user-name {
    padding: 3px 0px 3px 5px; }
    .privacy-list-manager .edit-view .list-users .user-name label {
      margin: 0px; }
  .privacy-list-manager .edit-view .list-users .user-delete,
  .privacy-list-manager .edit-view .list-users .user-edit {
    padding-left: 5px;
    width: 40px; }
  .privacy-list-manager .edit-view .list-users .btn, .privacy-list-manager .edit-view .list-users .btn:hover, .privacy-list-manager .edit-view .list-users .btn:focus {
    background: none;
    outline: none;
    box-shadow: none;
    border: none; }
  .privacy-list-manager .edit-view .list-users .btn:hover {
    color: #EB0E50; }
  .privacy-list-manager .edit-view .list-users .user-edit .btn:hover {
    color: #7eefcc; }

.privacy-list-manager .edit-user.new-view .buttons-wrapper.buttons-1 .btn {
  margin-left: auto;
  margin-right: auto; }

.privacy-list-manager .add-user-wrapper .btn {
  margin: 5px auto 15px; }

.privacy-list-manager .add-user-wrapper .autocomplete-group {
  margin-bottom: 0px; }

.privacy-list-manager .add-user-wrapper .autocomplete-list {
  margin: 0px 0px 10px;
  padding: 0px;
  list-style-type: none; }
  .privacy-list-manager .add-user-wrapper .autocomplete-list li {
    padding: 4px 10px;
    cursor: pointer;
    background: #1b1b1b;
    border-bottom: 1px solid #666666; }
    .privacy-list-manager .add-user-wrapper .autocomplete-list li.disabled {
      cursor: not-allowed;
      background: #333333; }

.privacy-list-manager .file-group {
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap; }
  .privacy-list-manager .file-group .form-control {
    flex: 1 1 auto; }
  .privacy-list-manager .file-group .btn {
    margin: 0px 0px 0px 10px;
    width: 110px; }

.privacy-list-manager .buttons-wrapper {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 10px auto 5px; }
  .privacy-list-manager .buttons-wrapper.buttons-2 .btn {
    width: 48%; }
  .privacy-list-manager .buttons-wrapper.buttons-1 {
    text-align: center; }
    .privacy-list-manager .buttons-wrapper.buttons-1 .btn {
      min-width: 50%;
      margin-left: auto;
      margin-right: auto; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.replay_list .form-group {
  padding: 0;
  margin: 0; }
  .replay_list .form-group .form-control {
    border-color: #ffffff;
    color: #ffffff;
    margin: 0; }

.replay_list .list-item {
  margin-bottom: 15px;
  background: rgba(60, 60, 60, 0.1);
  padding: 10px; }

.replay_list .list-item-action {
  align-items: center; }

.replay_list .btn {
  height: 45px; }

.notification-activate {
  background: #EB0E50;
  height: 50px; }
  .notification-activate .notification-item-action {
    margin-left: 15px; }

.replay header {
  background: #EB0E50; }
  .replay header .page-title {
    font-size: 24px; }
  .replay header .user_bar {
    display: flex; }
  .replay header .btn.private {
    color: #EB0E50; }
  .replay header .btn.public {
    color: #7eefcc; }

.replay .replay_container {
  height: calc(100vh - 50px); }

.video-react .video-react-big-play-button,
.video-react .video-react-big-play-button:hover,
.video-react:hover .video-react-big-play-button,
.video-react .video-react-play-progress,
.video-react .video-react-volume-level {
  background-color: #EB0E50; }

.video-react-play-progress {
  color: #fff; }

.video-react .video-react-control-bar {
  background-color: #3c3c3c; }

.video-react .video-react-load-progress div {
  background: #fff;
  background: #969696; }

.audio-lang-switcher {
  position: absolute;
  right: 0;
  margin-top: -31px; }
  .audio-lang-switcher .spinner {
    float: left;
    height: 20px;
    width: 20px;
    margin: 5; }
  .audio-lang-switcher button {
    background: #666;
    padding: 10px;
    margin-left: 1px; }
    .audio-lang-switcher button.selected {
      background: #EB0E50; }

.audio_lang_files .btn {
  margin: 0 5px 5px 0; }

.replay_audiolangs_manager {
  position: fixed;
  z-index: 2001;
  background: rgba(255, 255, 255, 0.5);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .replay_audiolangs_manager .replay_audiolangs_manager_inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: white;
    max-width: 300px;
    max-height: 300px;
    border-radius: 5px;
    padding: 10px;
    text-align: center; }

.replay .notification-activate {
  height: inherit; }

.replay .video-react-closed-caption:before {
  content: "CC"; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.restream-list-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 15px 0; }
  .restream-list-item .restream-list-item-desc {
    margin-left: 20px;
    flex-grow: 2;
    cursor: pointer; }
  @media (max-width: 569px) {
    .restream-list-item .btn-add-rtmp span {
      display: none; } }

.sweet-alert.popup-alert.google-connect-popin button.confirm {
  background: 0 0 !important;
  background-image: url(/prod/public/img/btn_google_signin_dark_normal_web.png) !important;
  width: 191px !important;
  height: 46px; }

.modal-breadcrumb {
  cursor: pointer;
  border-radius: 6px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px rgba(151, 151, 151, 0.22);
  background-color: #ffffff;
  width: auto;
  padding: 4Px 14px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #000;
  text-decoration: none; }
  .modal-breadcrumb i {
    margin-right: 10px; }
  .modal-breadcrumb:hover {
    color: #000;
    text-decoration: none; }

.simulcast-item-configure .custom-form {
  margin: 0;
  padding: 0;
  font-size: 12px;
  background: transparent; }
  .simulcast-item-configure .custom-form .form-group {
    padding: 0;
    margin-bottom: 6px; }
    .simulcast-item-configure .custom-form .form-group.disable {
      opacity: 0.6; }

.simulcast-item-configure .icon-circle.icon-small {
  padding: 10px 5 5 10px;
  width: 40px;
  height: 40px; }

.simulcast-item-configure h3 {
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .simulcast-item-configure h3 .icon-circle {
    margin: 0 10px 0 0; }

.simulcast-add-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .simulcast-add-list .btn {
    width: calc(33% - 10px);
    margin: 5px;
    flex-direction: column;
    font-size: 12px;
    height: 80px;
    background-size: 75%;
    background-position: center center;
    background-repeat: no-repeat; }
    .simulcast-add-list .btn i {
      font-size: 24px;
      margin: 0 0 15px; }
    .simulcast-add-list .btn:hover {
      filter: none !important; }
  .simulcast-add-list .btn-social-facebook {
    background-image: url("/externals/logos/facebook.png"); }
  .simulcast-add-list .btn-social-twitch {
    background-image: url("/externals/logos/twitch.png"); }
  .simulcast-add-list .btn-social-youtube {
    background-image: url("/externals/logos/youtube.png"); }
  .simulcast-add-list .btn-social-youtube {
    background-image: url("/externals/logos/youtube.png"); }
  .simulcast-add-list .btn-social-linkedin {
    background-image: url("/externals/logos/linkedin.png");
    opacity: 0.5;
    cursor: default; }
    .simulcast-add-list .btn-social-linkedin:hover {
      border: 1px solid #efefef !important; }
    .simulcast-add-list .btn-social-linkedin i {
      font-size: 10px;
      margin-top: 78px;
      color: black; }
  .simulcast-add-list .btn-social-twitter {
    background-image: url("/externals/logos/twitter.png");
    background-size: 45%;
    opacity: 0.5;
    cursor: default; }
    .simulcast-add-list .btn-social-twitter:hover {
      border: 1px solid #efefef !important; }
    .simulcast-add-list .btn-social-twitter i {
      font-size: 10px;
      margin-top: 78px;
      color: black; }

h4 .btn:hover {
  filter: none !important;
  border: 1px solid #efefef !important;
  cursor: default; }

.fb-connect {
  background: transparent;
  background-image: url("/externals/logos/facebook_connect.png");
  text-align: center;
  width: 257px;
  padding-left: 45px; }

.fb-widget {
  background: transparent;
  text-align: center;
  width: 257px;
  color: #1877F2;
  border: 1px solid #1877F2;
  padding: 6px; }

.yt-connect {
  background: transparent;
  border: 0px solid #fff;
  cursor: pointer; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.scene_list .scene-list-list .btn-circle,
.videoconf_scene_item .btn-circle {
  width: 26px;
  height: 26px;
  font-size: 12px;
  border: solid 1px #ffffff;
  margin: 4px 0 0 10px; }

.scene_form_container .ctrl-btn.is-scene i {
  font-size: 28px; }

.scene_list .scene-add {
  border: 1px dashed #474f5a; }
  .scene_list .scene-add .btn {
    background: #1d2634;
    color: rgba(255, 255, 255, 0.4); }

.scene_list .scene-list-list {
  padding: 25px 2px; }
  .scene_list .scene-list-list > label {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .scene_list .scene-list-list > label i.active {
      color: #0075ff; }
    .scene_list .scene-list-list > label button {
      margin-left: 5px; }
    .scene_list .scene-list-list > label .scene-list-list-title {
      flex: auto; }
  .scene_list .scene-list-list .source_row .source_row_item {
    border-width: 2px;
    cursor: pointer; }
    .scene_list .scene-list-list .source_row .source_row_item .one-row {
      flex: auto;
      align-items: center; }
  .scene_list .scene-list-list .source_row:not(.sortableHelper) .source_row_item:not(.source_row_item_default) .one-row:hover .source_row_item_icon:before {
    color: #4f5660;
    content: "\e92e"; }
  .scene_list .scene-list-list .source_row.sortableHelper .source_row_item {
    cursor: initial; }

.scene_list .videoconf_scene_item.ctrl-btn.is-full {
  display: flex;
  align-items: center;
  padding: 0; }
  .scene_list .videoconf_scene_item.ctrl-btn.is-full.scene-active {
    border-color: #7eefcc; }
  .scene_list .videoconf_scene_item.ctrl-btn.is-full .one-row {
    flex: auto; }

.scene_list .videoconf_source_item_buttons {
  margin-right: 4px; }
  .scene_list .videoconf_source_item_buttons .btn-circle {
    margin: 15px 0 0 4px;
    border: transparent;
    background: transparent; }

.videoconf_scene_item,
.videoconf_scene_item.ctrl-btn.is-full {
  border: 2px solid rgba(167, 187, 218, 0.17);
  border-radius: 4px;
  background-color: #1D2634;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  color: #C8D1DF; }

.scene_form .icon-screen {
  font-size: 11px !important;
  padding-right: 0px !important; }

.scene_form .form-single-row {
  margin-bottom: 6px; }
  .scene_form .form-single-row .checkbox-container {
    margin-top: 6px; }

.scene_form .panel_class_container h4 {
  border: none;
  color: #C3C8D0;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.11px;
  line-height: 14px;
  padding: 0;
  margin-bottom: 4px; }

.scene_form .panel_class_container .ctrl-btn.is-scene {
  background: #1d2634;
  border: 1px solid #616c7d; }

.scene_form .panel_class_container .template_select.with-icon .scene-rotate {
  color: #8794a5; }

.scene_form .panel_class_container .video-control {
  margin-bottom: 12px; }
  .scene_form .panel_class_container .video-control .template_select {
    max-width: 51px; }

.scene_form .input-scene-title input {
  width: calc(100% - 35px); }

.scene_form .input-scene-title .btn {
  font-size: 11px;
  padding: 7px;
  float: right; }

.scene_form .videoconf_scene_item {
  height: auto;
  position: relative;
  margin-bottom: 6px;
  padding: 5px !important; }
  .scene_form .videoconf_scene_item .one-row {
    height: auto; }
    .scene_form .videoconf_scene_item .one-row .videoconf_scene_item {
      height: auto; }
  .scene_form .videoconf_scene_item .btn-circle {
    position: absolute;
    right: 17px;
    top: 14px;
    z-index: 1; }
  .scene_form .videoconf_scene_item .videoconf_source_item_advanced .videoconf_source_item_thumb {
    margin-top: 0; }
  .scene_form .videoconf_scene_item.videoconf_scene_item_pause:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ebeef3;
    opacity: 0.08;
    cursor: pointer; }
  .scene_form .videoconf_scene_item.videoconf_scene_item_pause .videoconf_source_item_thumb {
    opacity: 0.25; }

.scene_source_selected .source_row_item {
  cursor: initial; }

.select-box {
  position: relative;
  display: block;
  width: fit-content; }
  .select-box__current {
    position: relative;
    box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    outline: none;
    padding-right: 30px; }
    .select-box__current:focus + .select-box__list {
      opacity: 1;
      animation-name: none; }
      .select-box__current:focus + .select-box__list .select-box__option {
        cursor: pointer; }
    .select-box__current:focus .select-box__icon {
      transform: translateY(-50%) rotate(180deg); }
  .select-box__icon {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 20px;
    opacity: 0.3;
    transition: 0.2s ease; }
  .select-box__value {
    display: flex; }
  .select-box__input {
    display: none; }
    .select-box__input:checked + .select-box__input-text {
      display: flex;
      align-items: baseline; }
      .select-box__input:checked + .select-box__input-text p {
        margin: 0; }
  .select-box__input-text {
    display: none;
    width: 100%;
    margin: 0;
    padding: 15px;
    background-color: #fff; }
  .select-box__list {
    position: absolute;
    width: 100%;
    padding: 0;
    list-style: none;
    opacity: 0;
    animation-name: HideList;
    animation-duration: 0.5s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    animation-timing-function: step-start;
    box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1); }
  .select-box__option {
    display: block;
    padding: 15px;
    background-color: #fff; }
    .select-box__option:hover, .select-box__option:focus {
      color: #546c84;
      background-color: #fbfbfb; }

@keyframes HideList {
  from {
    transform: scaleY(1); }
  to {
    transform: scaleY(0); } }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.share-section {
  /*.custom-form {
        padding: 0;
        margin: 0;

        .form-group {
            background-color: rgba(79, 86, 96, 0.05);
            margin-left: -20px;
            width: calc(100% + 40px);
            max-width: initial;
            padding: 20px;
            border: 0;
        }

        label {
            font-size: 14px;
            color: #4f5660;
        }

        i.icon-copy,
        i.icon-refresh {
            position: absolute;
            top: calc(50% + 2px) !important;
            right: 28px !important;
            left: inherit !important;
            bottom: initial !important;
            width: auto !important;
            border-radius: 5px;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.09);
            border: solid 1px rgba(151, 151, 151, 0.22);
            padding: 4px;
            z-index: 50;
            cursor: pointer;
        }
        i.icon-refresh {
            right: 58px !important;
        }
    }*/ }
  .share-section .title-switchbox {
    margin-bottom: 16px;
    color: #4f5660;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase; }
  .share-section .title-switchbox h5 {
    flex: inherit;
    width: 100%; }
  .share-section h5 {
    font-weight: normal; }

.share-speaker-label {
  justify-content: space-between; }

.share-action {
  padding: 24px;
  padding-top: 0px; }
  .share-action .btn-bar {
    margin: 0; }

.share-input-form {
  position: relative; }
  .share-input-form .share-input-form-email {
    margin-bottom: 10px;
    position: relative; }
    .share-input-form .share-input-form-email .input-group-suffix {
      position: absolute;
      right: 5px;
      top: 0;
      z-index: 10;
      height: 100%;
      padding: 0 6px;
      display: flex;
      align-items: center; }

.share-tab {
  border-bottom: solid 1px rgba(79, 86, 96, 0.1);
  margin-left: -20px;
  width: calc(100% + 40px);
  padding-right: 20px; }

/*.share-form {
    padding: 0;
}*/
@media (max-width: 768px) {
  .share-action {
    padding: 6px; } }

.send-invitation,
.remove-invitation {
  float: right;
  margin-top: -65px;
  margin-right: 14px;
  position: relative;
  z-index: 30; }

.social-list {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap; }
  .social-list .social-list-item {
    margin: 25px 0 15px;
    text-align: center; }
    .social-list .social-list-item button {
      font-size: 20px; }

@media (max-width: 569px) {
  .social-list-item {
    width: 33.334%; } }

.channel_settings .sepa {
  margin-top: 20px; }

.channel_settings .list-item {
  margin: 5 0; }

.single-page .vcontrol-template select {
  height: 36px; }

.popup_content .channel_settings .list-setting-videoconf .list-item {
  line-height: 3;
  width: 100%;
  display: inherit; }
  .popup_content .channel_settings .list-setting-videoconf .list-item .setting-videoconf-svg2,
  .popup_content .channel_settings .list-setting-videoconf .list-item .setting-videoconf-svg {
    filter: invert(1); }
  .popup_content .channel_settings .list-setting-videoconf .list-item .settings_recap_item_action {
    float: right;
    margin-top: 10px; }
  .popup_content .channel_settings .list-setting-videoconf .list-item .template-choice {
    width: 50% !important; }

.popup_content .channel_settings .list-setting-videoconf-box {
  display: none; }

.popup_content .shareholder__title {
  margin-top: 15px;
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 90%; }

.popup_content .shareholder_section .shareholder {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
  margin-bottom: 5px; }

.popup_content .shareholder_section .shareholder__name {
  flex: 1;
  padding: 5px 10px;
  border-left: 2px solid #EB0E50;
  background: rgba(255, 255, 255, 0.1); }

.popup_content .shareholder_section .shareholder__btn {
  padding: 2px 5px;
  min-width: 36px;
  border-radius: 0px; }

.popup_content .shareholder_section .shareholder__save {
  flex: 0 0 auto; }

.popup_content .shareholder_section .shareholder__add {
  line-height: 28px;
  margin-top: 5px; }

.popup_content .shareholder_section .shareholder__form {
  flex: 1;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch; }
  .popup_content .shareholder_section .shareholder__form input {
    padding: 3px 5px;
    width: 33%;
    border: none;
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff; }
    .popup_content .shareholder_section .shareholder__form input:focus {
      background: rgba(255, 255, 255, 0.4); }
    .popup_content .shareholder_section .shareholder__form input + input {
      border-left: 1px solid rgba(255, 255, 255, 0.7); }
  .popup_content .shareholder_section .shareholder__form span {
    padding-left: 5px;
    padding-right: 2px;
    white-space: nowrap;
    line-height: 36px; }

.popup_content .vcontrol-template {
  display: flex;
  margin-bottom: 10px;
  flex-wrap: nowrap;
  align-items: stretch; }
  .popup_content .vcontrol-template select {
    border: 0px;
    padding: 3px 5px;
    margin-right: 5px;
    background: rgba(255, 255, 255, 0.03);
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7); }
    .popup_content .vcontrol-template select:focus {
      border-bottom-color: #ffffff; }
    .popup_content .vcontrol-template select option {
      color: #000000; }
  .popup_content .vcontrol-template .btn {
    margin-right: 5px;
    width: 32px;
    border-radius: 1px; }

.popup_content .action_button .input-group {
  margin-bottom: 10px;
  display: flex;
  width: 100%;
  align-items: center;
  flex-wrap: nowrap; }
  .popup_content .action_button .input-group label,
  .popup_content .action_button .input-group .input-control {
    flex: 1 1 50%; }
  .popup_content .action_button .input-group label {
    padding-right: 10px; }
  .popup_content .action_button .input-group .input-control {
    border: none;
    padding: 5px 5px;
    background: transparent;
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.03); }
    .popup_content .action_button .input-group .input-control:focus {
      border-bottom-color: #ffffff; }
    .popup_content .action_button .input-group .input-control option {
      color: #000000; }

.popup_content .action_button .background_choices {
  margin-bottom: 10px; }
  .popup_content .action_button .background_choices .input-radio {
    margin-right: 3px; }
  .popup_content .action_button .background_choices .input-color {
    margin-right: 15px;
    width: 50px; }
    .popup_content .action_button .background_choices .input-color.selected {
      border: 1px solid #7eefcc; }
  .popup_content .action_button .background_choices .thumb_preview {
    display: inline-block; }
  .popup_content .action_button .background_choices .upload-container {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px; }
    .popup_content .action_button .background_choices .upload-container .input-radio {
      float: left;
      margin-top: 40px; }
    .popup_content .action_button .background_choices .upload-container .dzu-dropzone {
      min-height: 100px;
      float: left;
      width: calc(100% - 40px); }
  .popup_content .action_button .background_choices .input-group.space-between {
    justify-content: space-between; }
  .popup_content .action_button .background_choices .input-group .selected {
    border: 3px solid #7eefcc; }

.popup_content .action_button .inputs-fonts {
  display: flex;
  width: 100%;
  align-items: center;
  flex-wrap: nowrap; }
  .popup_content .action_button .inputs-fonts .input-group {
    width: 40%;
    padding-right: 10px; }
    .popup_content .action_button .inputs-fonts .input-group label {
      margin-bottom: 0px; }
    .popup_content .action_button .inputs-fonts .input-group .input-control {
      width: auto;
      min-width: 0px; }
  .popup_content .action_button .inputs-fonts .style-btns .bt {
    border: 1px solid rgba(255, 255, 255, 0.5);
    background: #000000;
    color: #ffffff;
    padding: 5px 10px;
    text-align: center;
    width: 40px;
    opacity: 0.65; }
    .popup_content .action_button .inputs-fonts .style-btns .bt.selected {
      background: #ffffff;
      color: #000000;
      opacity: 1; }

.popup_content .action_button .fontpicker {
  margin-bottom: 15px; }
  .popup_content .action_button .fontpicker .fontpicker__select {
    width: 100%;
    margin-bottom: 10px; }
    .popup_content .action_button .fontpicker .fontpicker__select .dropdown-button {
      border-bottom: 1px solid rgba(255, 255, 255, 0.7); }
    .popup_content .action_button .fontpicker .fontpicker__select .dropdown-font-family {
      width: calc(100% - 12px); }
    .popup_content .action_button .fontpicker .fontpicker__select .dropdown-icon {
      width: 12px; }

.popup_content .action_button .background__align {
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }
  .popup_content .action_button .background__align .btns-group {
    padding: 0px 5px; }
  .popup_content .action_button .background__align .bt {
    border: 1px solid rgba(255, 255, 255, 0.5);
    background: #000000;
    color: #ffffff;
    padding: 5px 10px;
    text-align: center;
    opacity: 0.65; }
    .popup_content .action_button .background__align .bt.selected {
      background: #ffffff;
      color: #000000;
      opacity: 1; }

.invite_viewer .list-chat {
  max-height: 80%;
  height: auto;
  padding: 0;
  background: transparent; }
  .invite_viewer .list-chat .list-chat-title {
    color: #ffffff; }
  .invite_viewer .list-chat .list-item {
    margin-left: 0;
    padding: 4px 0; }
    .invite_viewer .list-chat .list-item .transparent {
      display: flex;
      align-items: center;
      background: #0075ff;
      padding: 6px 10px; }
      .invite_viewer .list-chat .list-item .transparent i {
        margin-right: 5px; }
    .invite_viewer .list-chat .list-item .list-chat-title {
      color: #ffffff; }
  .invite_viewer .list-chat .list-chat-item-action {
    display: none; }
  .invite_viewer .list-chat .list-chat-item .list-chat-item-name {
    color: #ffffff; }

.dzu-dropzone {
  border: 1px dashed #474f5a !important;
  overflow: hidden !important;
  background: #1d2634 !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 0px;
  margin-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-height: 120px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box; }
  .dzu-dropzone .dzu-inputLabel {
    text-align: center;
    color: rgba(255, 255, 255, 0.4) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    align-content: center;
    justify-items: center;
    flex-direction: column; }
    .dzu-dropzone .dzu-inputLabel:before {
      width: 100%;
      height: 30%;
      content: '\e998';
      display: flex;
      justify-content: center;
      text-align: center;
      font-family: 'blasticon' !important;
      color: #fff !important;
      font-size: 21px; }
  .dzu-dropzone.light {
    border: 1px dashed rgba(79, 86, 96, 0.28) !important;
    background-color: rgba(79, 86, 96, 0.04) !important; }
    .dzu-dropzone.light .dzu-inputLabel,
    .dzu-dropzone.light .dzu-inputLabel:before {
      color: rgba(10, 19, 33, 0.4) !important; }

.uploader-preview-file {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 12px; }
  .uploader-preview-file .thumb_preview {
    overflow: hidden;
    width: 60px;
    height: 60px;
    display: block;
    border-radius: 6px;
    object-fit: cover; }

.share_link_lang {
  margin-bottom: 15px; }
  .share_link_lang .custom-form, .share_link_lang .form-group {
    margin: 0;
    padding: 0; }
  .share_link_lang .custom-form {
    margin-top: 10px; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.speaker-registration-stepper .step-container {
  text-align: center; }

.speaker-registration-stepper .step {
  padding-top: 5px;
  height: 35px;
  width: 35px;
  margin: 15px 35px;
  background-color: #c3c3c3;
  color: #ffffff;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5; }
  .speaker-registration-stepper .step.active {
    background-color: #0075ff; }
  .speaker-registration-stepper .step.step-two {
    padding-top: 10px;
    background-color: #7eefcc; }

.speaker-registration-stepper .step.active {
  opacity: 1; }

.speaker-registration-stepper .step.finish {
  background-color: #04AA6D; }

.speaker-registration-form {
  text-align: center;
  margin-top: 10px; }
  .speaker-registration-form .form-group-row {
    flex-direction: column; }
    .speaker-registration-form .form-group-row .form-group-col {
      margin: 0; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.settings_recap_container.settings_recap_container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .settings_recap_container.settings_recap_container .popin-videoconf-box .popin-videoconf-content {
    padding: 0; }
    .settings_recap_container.settings_recap_container .popin-videoconf-box .popin-videoconf-content .settings_recap {
      width: 100%; }
    .settings_recap_container.settings_recap_container .popin-videoconf-box .popin-videoconf-content.session_active {
      background: transparent !important; }
      .settings_recap_container.settings_recap_container .popin-videoconf-box .popin-videoconf-content.session_active p {
        background: white;
        margin: 0;
        padding: 5px;
        text-align: center; }
      .settings_recap_container.settings_recap_container .popin-videoconf-box .popin-videoconf-content.session_active .start_container .start {
        width: 100% !important; }
  .settings_recap_container.settings_recap_container .popin-videoconf-box .settings_recap_item_top ul {
    display: flex;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #e9e9e9;
    width: 100%; }
    .settings_recap_container.settings_recap_container .popin-videoconf-box .settings_recap_item_top ul li {
      width: 50%;
      list-style: none;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 16px 10px 16px;
      cursor: pointer;
      font-weight: 500;
      font-size: 16px;
      letter-spacing: 0.15px;
      text-transform: uppercase;
      color: #565656; }
      @media (max-height: 768px) {
        .settings_recap_container.settings_recap_container .popin-videoconf-box .settings_recap_item_top ul li {
          padding: 12px; } }
      .settings_recap_container.settings_recap_container .popin-videoconf-box .settings_recap_item_top ul li:not(:last-child) {
        border-right: solid 1px #e9e9e9; }
      .settings_recap_container.settings_recap_container .popin-videoconf-box .settings_recap_item_top ul li.active {
        color: #EB0E50;
        box-shadow: inset 0 -3px #EB0E50; }
  .settings_recap_container.settings_recap_container .popin-videoconf-box .settings_recap_item {
    display: flex;
    align-items: center;
    padding: 20px 20px 20px 25px;
    border-bottom: 1px solid #e9e9e9;
    cursor: pointer;
    min-width: 350px;
    max-width: 100%; }
    .settings_recap_container.settings_recap_container .popin-videoconf-box .settings_recap_item:hover {
      background: #fff8fa; }
    @media (max-width: 768px) and (orientation: portrait) {
      .settings_recap_container.settings_recap_container .popin-videoconf-box .settings_recap_item {
        min-width: auto; } }
    @media (max-height: 768px) {
      .settings_recap_container.settings_recap_container .popin-videoconf-box .settings_recap_item {
        padding: 10px; }
        .settings_recap_container.settings_recap_container .popin-videoconf-box .settings_recap_item.settings_recap_item_share, .settings_recap_container.settings_recap_container .popin-videoconf-box .settings_recap_item.settings_recap_item_record {
          display: none; } }
    @media (max-height: 569px) {
      .settings_recap_container.settings_recap_container .popin-videoconf-box .settings_recap_item.settings_recap_item_info {
        display: none; } }
    .settings_recap_container.settings_recap_container .popin-videoconf-box .settings_recap_item .settings_recap_item_icon {
      font-size: 18px;
      margin-right: 20px;
      text-align: center; }
      .settings_recap_container.settings_recap_container .popin-videoconf-box .settings_recap_item .settings_recap_item_icon i {
        color: #5A5A5A; }
    .settings_recap_container.settings_recap_container .popin-videoconf-box .settings_recap_item .settings_recap_item_desc label {
      margin: 0;
      cursor: pointer;
      font-size: 16px;
      font-weight: 500;
      letter-spacing: 0.15px;
      color: #000000; }
    .settings_recap_container.settings_recap_container .popin-videoconf-box .settings_recap_item .settings_recap_item_desc p {
      margin: 0;
      margin-top: -3px;
      opacity: .8;
      letter-spacing: 0.11px;
      color: #565656;
      font-size: 12px; }
    .settings_recap_container.settings_recap_container .popin-videoconf-box .settings_recap_item .settings_recap_item_link,
    .settings_recap_container.settings_recap_container .popin-videoconf-box .settings_recap_item .settings_recap_item_action {
      margin-left: auto; }
      .settings_recap_container.settings_recap_container .popin-videoconf-box .settings_recap_item .settings_recap_item_link .icon-right,
      .settings_recap_container.settings_recap_container .popin-videoconf-box .settings_recap_item .settings_recap_item_action .icon-right {
        color: #979797;
        font-size: 26px; }
    .settings_recap_container.settings_recap_container .popin-videoconf-box .settings_recap_item_privacy .icon-lock {
      font-size: 28px; }
      .settings_recap_container.settings_recap_container .popin-videoconf-box .settings_recap_item_privacy .icon-lock.private {
        color: #EB0E50; }
    .settings_recap_container.settings_recap_container .popin-videoconf-box .settings_recap_item_gopremium {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 0.8rem;
      color: #565656;
      padding: 16px 20px 16px 25px; }
      .settings_recap_container.settings_recap_container .popin-videoconf-box .settings_recap_item_gopremium span {
        max-width: 170px;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0.11px; }
    .settings_recap_container.settings_recap_container .popin-videoconf-box .settings_recap_item.settings_recap_item_cancelled .icon,
    .settings_recap_container.settings_recap_container .popin-videoconf-box .settings_recap_item.settings_recap_item_cancelled .settings_recap_item_desc label {
      color: #FF8700; }
  .settings_recap_container.settings_recap_container .popin-videoconf-box .start_container {
    width: 100%;
    display: flex; }
    .settings_recap_container.settings_recap_container .popin-videoconf-box .start_container select,
    .settings_recap_container.settings_recap_container .popin-videoconf-box .start_container button {
      border-radius: 0;
      letter-spacing: 0.17px;
      font-size: 18px;
      font-weight: normal; }
    .settings_recap_container.settings_recap_container .popin-videoconf-box .start_container .quality_select {
      flex: 0 0 40%;
      padding: 24px 40px 24px 20px;
      font-size: 17px;
      letter-spacing: 0.16px;
      border: none;
      font-weight: normal; }
      @media (max-height: 768px) {
        .settings_recap_container.settings_recap_container .popin-videoconf-box .start_container .quality_select {
          padding: 16px; } }
    .settings_recap_container.settings_recap_container .popin-videoconf-box .start_container .start_container {
      flex: 1; }

.vumeter {
  width: 100%;
  bottom: 0;
  position: absolute;
  background: #0f0d2e;
  height: 6px;
  overflow: hidden;
  background: linear-gradient(to right, green 60%, yellow, orange, red);
  display: flex;
  flex-direction: row-reverse; }
  .vumeter .vumeter_vol {
    background: #0f0d2e;
    width: 100%;
    height: 6px; }

.source-audio-notice {
  text-align: center;
  margin-top: 5px; }

.videoconf_overlay_user_current_container {
  /*input[type=range] {
        height: auto;
    }  
    input[type=range]::-webkit-slider-runnable-track {
        border-radius: 2px;
    }
    input[type=range]::-webkit-slider-thumb {
        background: $blue;
        width: 15px;
        height: 15px;
        margin-top: -5px;
        border: none;
    }*/ }
  .videoconf_overlay_user_current_container .videoconf_overlay_user_current_action {
    border-bottom: 1px solid rgba(255, 255, 255, 0.19);
    padding-bottom: 12px;
    margin-bottom: 12px;
    display: flex;
    display: flex;
    justify-content: space-around; }
    .videoconf_overlay_user_current_container .videoconf_overlay_user_current_action .btn {
      border-radius: 8px;
      padding: 8px;
      width: 32px;
      height: 32px;
      background: #1d2634; }
      .videoconf_overlay_user_current_container .videoconf_overlay_user_current_action .btn.selected {
        background: #0075ff; }
      .videoconf_overlay_user_current_container .videoconf_overlay_user_current_action .btn:hover {
        background: #0075ff;
        filter: none; }
      .videoconf_overlay_user_current_container .videoconf_overlay_user_current_action .btn.no-hover:hover {
        background: #1d2634;
        cursor: default; }
  .videoconf_overlay_user_current_container .choose_audio_range_row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 12px; }
    .videoconf_overlay_user_current_container .choose_audio_range_row label {
      white-space: nowrap;
      margin: 0 20px 0 0; }
  .videoconf_overlay_user_current_container .vumeter {
    position: relative;
    margin: 6px 0;
    border-radius: 3px; }
    .videoconf_overlay_user_current_container .vumeter .vumeter_vol {
      transition: width 300ms; }
  .videoconf_overlay_user_current_container label {
    color: #C3C8D0;
    font-size: 12px;
    text-transform: uppercase; }
  .videoconf_overlay_user_current_container .form-group {
    padding: 0;
    margin-bottom: 5px; }
  .videoconf_overlay_user_current_container .change_username input.form-control {
    padding: 5px 10px 5px;
    border-radius: 6px;
    box-shadow: 0 2px 4px 0 black;
    border: solid 1px rgba(79, 86, 96, 0.21);
    background-color: #ffffff;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #0a1321; }
  .videoconf_overlay_user_current_container .change_username .btn {
    padding: 4px;
    margin: 5px 0;
    width: 100%; }
  .videoconf_overlay_user_current_container .change_pic {
    margin-bottom: 15px; }

.preview-content {
  overflow: hidden;
  position: relative;
  border-radius: 4px;
  margin: 0px; }
  .preview-content video {
    height: auto; }
  .preview-content .preview-volume {
    width: 6px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #e6e7e8;
    height: 100%;
    max-height: 100%;
    background-color: green;
    display: flex;
    flex-direction: row-reverse; }
  .preview-content .preview-content-hide {
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 4px;
    padding: 0 2px;
    background-color: #4a4a4a;
    color: #fff;
    font-size: 9px;
    text-transform: uppercase; }
  .preview-content .preview-content-no-video {
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    font-size: 25px;
    color: #ffffff;
    opacity: 0.7;
    display: flex;
    align-items: center;
    justify-content: center; }
  .preview-content .live-preview {
    color: #EB0E50;
    font-size: 6px;
    background-color: transparent;
    border: 2px solid #EB0E50;
    opacity: 0.1;
    position: absolute;
    top: 8;
    left: 0;
    width: 19px;
    border-radius: 10px;
    padding: 1px; }
    .preview-content .live-preview.active {
      opacity: 0.8; }

.preview-content-live {
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 50%;
  box-shadow: 0 0 0 0 #cf1313;
  height: 10px;
  width: 10px;
  background: #cf1313;
  transform: scale(1);
  animation: pulse 2s infinite; }

@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(207, 19, 19, 0.7); }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(207, 19, 19, 0); }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(207, 19, 19, 0); } }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.stats-list {
  width: 100%; }
  .stats-list .stat__tab {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    border-bottom: 1px solid rgba(188, 189, 190, 0.28);
    padding-top: 5px;
    padding-bottom: 5px; }
    .stats-list .stat__tab.tab--header {
      text-transform: uppercase; }
  .stats-list .stat__col {
    padding: 5px 5px;
    text-align: center;
    flex: 1 1 auto; }
    .stats-list .stat__col .btn-export {
      padding: 0.6em 1em;
      white-space: nowrap;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.11px;
      line-height: 14px;
      margin: 3px 4px;
      box-sizing: border-box;
      color: #0A1321;
      height: 35px;
      width: 158px;
      border: 1px solid #CCD1DB;
      border-radius: 4px;
      background-color: #FFFFFF;
      box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); }
      .stats-list .stat__col .btn-export:hover {
        background-color: #F1F3F7;
        filter: none; }
      .stats-list .stat__col .btn-export.open {
        background-color: #F1F3F7;
        border-color: #F1F3F7;
        box-shadow: none; }
  .stats-list .stat__id {
    flex: 0 1 40px; }
  .stats-list .stat__start {
    flex: 0 0 300px; }
  .stats-list .stat__viewers {
    flex: 0 1 20%;
    display: flex;
    flex-wrap: no-wrap;
    align-items: center;
    justify-content: flex-end; }
  .stats-list .tab--header .stat__viewers {
    justify-content: center; }
  .stats-list .stat__duration,
  .stats-list .stat__avg {
    flex: 1 1 35%; }
  .stats-list .toggle {
    cursor: pointer;
    display: block;
    float: right;
    width: 28px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    margin-right: 5px;
    border: 1px solid #b5b5b5;
    border-radius: 2px;
    transition: all 0.4s linear; }
    .stats-list .toggle i {
      line-height: inherit; }
    .stats-list .toggle:hover {
      background: rgba(255, 255, 255, 0.5); }
  .stats-list .viewers__list {
    display: none; }
    .stats-list .viewers__list.open {
      display: block; }
  .stats-list .open .toggle {
    transform: rotate(-180deg); }
  .stats-list .open .viewers__list {
    display: block;
    background: white; }
  .stats-list .stat__tab.viewers__list {
    background: white;
    width: 100%; }
    .stats-list .stat__tab.viewers__list table {
      width: 100%;
      margin: 24px 0;
      border-collapse: collapse;
      border-radius: 6px 6px 0 0;
      overflow: hidden; }
      .stats-list .stat__tab.viewers__list table th {
        text-align: center;
        padding-top: 15px;
        padding-bottom: 10px;
        background: #e6e3e3;
        border: 1px solid #e6e3e3; }
      .stats-list .stat__tab.viewers__list table td {
        padding: 10px;
        border: 1px solid #e6e3e3; }
  .stats-list .info_stats_graph {
    float: left;
    width: 100%;
    height: 410px;
    overflow: hidden; }
  .stats-list .viewers__items {
    list-style-type: none;
    padding: 0px;
    width: 100%;
    margin: 0px; }
  .stats-list .viewers__items {
    width: 100%;
    background: #f7f7f7;
    margin-top: 15px; }
  .stats-list .open-viewers .viewers__items {
    display: table; }
  .stats-list .viewers_item {
    display: table-row; }
    .stats-list .viewers_item.item--header {
      text-transform: uppercase;
      font-weight: bold; }
    .stats-list .viewers_item .user__col {
      display: table-cell;
      padding: 3px 5px;
      text-align: center;
      border-bottom: 1px solid #e6e3e3; }
    .stats-list .viewers_item .user__id {
      width: 40px;
      text-align: center; }
    .stats-list .viewers_item .user__views {
      text-align: center; }
  .stats-list .stat__options {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center; }
    .stats-list .stat__options .stat__option {
      margin: 5px 5px; }
      .stats-list .stat__options .stat__option label {
        margin: 0px;
        font-weight: bold; }
  .stats-list .show-more-wrap {
    text-align: center; }
  .stats-list .show-more {
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer; }
    .stats-list .show-more i {
      display: inline-block;
      transition: all 0.4s linear; }
  .stats-list .open-viewers .show-more i {
    transform: rotate(-180deg); }

.info_stats_graph_canvas {
  position: relative; }
  .info_stats_graph_canvas .info_stats_graph_notice {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff; }
    .info_stats_graph_canvas .info_stats_graph_notice span {
      padding: 10px 20px;
      border-radius: 4px;
      background: white;
      box-shadow: 0 -2px 0px 0 rgba(49, 49, 93, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.28); }

.info_stats_actions {
  display: flex;
  justify-content: flex-end; }
  .info_stats_actions button {
    margin: 6px 12px; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.sweet-overlay {
  background-color: rgba(19, 17, 16, 0.87) !important; }

.sweet-alert .sa-input-error {
  position: inherit !important; }

.sweet-alert .sa-icon.sa-custom {
  border-radius: 50% !important;
  background-color: white;
  background-size: 50% !important; }

.sweet-alert.popup-alert {
  text-align: left;
  background: #fff;
  color: #4f5660;
  padding: 21px 0 23px;
  border-radius: 8px;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .sweet-alert.popup-alert h2 {
    display: none !important; }
  .sweet-alert.popup-alert h2 {
    padding: 0 6px;
    display: block;
    margin: 0;
    font-weight: 300;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 50px;
    text-align: left;
    height: 50px;
    border-bottom: 1px solid #b5b5b5;
    text-transform: uppercase;
    color: #ffffff;
    border-radius: 4px 4px 0 0;
    text-align: center; }
  .sweet-alert.popup-alert p {
    margin: 12px; }
  .sweet-alert.popup-alert fieldset {
    margin: 12px; }
  .sweet-alert.popup-alert input {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.25) !important;
    background: transparent;
    border-radius: 0;
    color: #ffffff;
    border-width: 0 0 1px;
    width: 100%;
    padding: 3px 0 5px; }
    .sweet-alert.popup-alert input:focus {
      box-shadow: inherit;
      border-width: 0 0 1px;
      border-bottom-color: rgba(255, 255, 255, 0.25) !important; }
  .sweet-alert.popup-alert button.confirm {
    background: #EB0E50 !important;
    text-shadow: none;
    margin: 12px;
    transition-property: opacity;
    transition-duration: 0.25s;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 2px 12px;
    border-radius: 3px;
    font-family: Arial, sans-serif;
    line-height: 24px; }
  .sweet-alert.popup-alert button.cancel {
    display: inline-block;
    box-shadow: none;
    background: transparent;
    padding: 2px;
    font-size: 0.8em;
    margin: 12px;
    color: #4f5660; }
    .sweet-alert.popup-alert button.cancel:hover {
      text-decoration: underline;
      background: transparent; }
  .sweet-alert.popup-alert[data-has-cancel-button="false"] .sa-confirm-button-container button.confirm {
    width: calc(100% - 24px); }

.sweet-alert .sa-button-container {
  display: flex;
  flex-direction: row-reverse; }

[data-blastream-tooltip] {
  position: relative; }

[data-blastream-tooltip]:before,
[data-blastream-tooltip]:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  pointer-events: none;
  bottom: 100%;
  left: 50%;
  position: absolute;
  z-index: 9989;
  -webkit-transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top; }

[data-blastream-tooltip]:after {
  background: #111111;
  border-radius: 4px;
  color: #fff;
  content: attr(data-blastream-tooltip);
  font-size: 12px;
  line-height: 16px;
  padding: .5em 1em;
  margin-bottom: 11px; }

[data-blastream-tooltip]:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(17, 17, 17, 1)" transform="rotate(0)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  content: "";
  margin-bottom: 5px; }

[data-blastream-tooltip]:hover:before,
[data-blastream-tooltip]:hover:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

[data-blastream-tooltip][data-blastream-tooltip-break]:after {
  white-space: normal; }

[data-blastream-tooltip-pos]:before,
[data-blastream-tooltip-pos]:after {
  max-width: 200px; }

[data-blastream-tooltip-pos]:after {
  min-width: 90px;
  text-align: center; }

[data-blastream-tooltip-pos]:before {
  min-width: 17px;
  max-width: 200px; }

[data-blastream-tooltip-pos="down"]:before,
[data-blastream-tooltip-pos="down"]:after {
  bottom: auto;
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, -10px);
  -ms-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px);
  text-align: center; }

[data-blastream-tooltip-pos="down"]:after {
  margin-top: 11px; }

[data-blastream-tooltip-pos="down"]:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(17, 17, 17, 1)" transform="rotate(180 18 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  margin-top: 5px;
  margin-bottom: 0; }

[data-blastream-tooltip-pos="down"]:hover:before,
[data-blastream-tooltip-pos="down"]:hover:after {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

[data-blastream-tooltip-pos="left"]:before,
[data-blastream-tooltip-pos="left"]:after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  -webkit-transform: translate(10px, -50%);
  -ms-transform: translate(10px, -50%);
  transform: translate(10px, -50%); }

[data-blastream-tooltip-pos="left"]:after {
  margin-right: 11px; }

[data-blastream-tooltip-pos="left"]:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(17, 17, 17, 1)" transform="rotate(-90 18 18)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-right: 5px;
  margin-bottom: 0; }

[data-blastream-tooltip-pos="left"]:hover:before,
[data-blastream-tooltip-pos="left"]:hover:after {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }

[data-blastream-tooltip-pos="right"]:before,
[data-blastream-tooltip-pos="right"]:after {
  bottom: auto;
  left: 100%;
  top: 50%;
  -webkit-transform: translate(-10px, -50%);
  -ms-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%); }

[data-blastream-tooltip-pos="right"]:after {
  margin-left: 11px; }

[data-blastream-tooltip-pos="right"]:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(17, 17, 17, 1)" transform="rotate(90 6 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px; }

[data-blastream-tooltip-pos="right"]:hover:before,
[data-blastream-tooltip-pos="right"]:hover:after {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }

[data-blastream-tooltip-length]:after {
  white-space: normal; }

[data-blastream-tooltip-length="small"]:after {
  width: 80px; }

[data-blastream-tooltip-length="medium"]:after {
  width: 150px; }

[data-blastream-tooltip-length="large"]:after {
  width: 260px; }

[data-blastream-tooltip-length="xlarge"]:after {
  width: 90vw; }

@media screen and (min-width: 768px) {
  [data-blastream-tooltip-length="xlarge"]:after {
    width: 380px; } }

[data-blastream-tooltip-length="fit"]:after {
  width: 100%; }

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.list-chat {
  background: #fff;
  height: calc(100% - 40px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 24px 16px; }
  .list-chat-title {
    margin: 0;
    margin-bottom: 12px;
    font-size: 12px;
    color: #212125;
    font-weight: 500; }
    .list-chat-title i {
      float: right;
      font-size: 16px; }
  .list-chat .list-chat-item {
    position: relative;
    padding: 0;
    margin: 0;
    border-radius: 8px;
    padding: 4px 8px 3px;
    margin-bottom: 2px;
    cursor: pointer;
    margin-left: -8px;
    display: flex;
    align-items: center;
    /*.list-chat-item-live {
            font-size: 11px;
            color: #fff;
            border-radius: 5px;
            margin: 0 5px;
            padding: 2px 5px 3px;
            text-transform: lowercase;
            background: #ff6644;
            &::before {
                border-radius: 50%;
                display: inline-flex;
                content: '';
                width: 5px;
                height: 5px;
                margin: 0 4px 0 0;
                background: #fff;
            }

        }*/ }
    .list-chat .list-chat-item:hover {
      background-color: rgba(188, 189, 190, 0.15); }
      .list-chat .list-chat-item:hover .list-chat-item-action {
        display: flex; }
    .list-chat .list-chat-item.is-live .list-chat-item-avatar {
      position: relative; }
      .list-chat .list-chat-item.is-live .list-chat-item-avatar:after {
        width: 14px;
        height: 14px;
        content: '';
        position: absolute;
        top: -4px;
        right: -4px;
        border: solid 2px #ffffff;
        background-color: #EB0E50;
        border-radius: 50%; }
    .list-chat .list-chat-item .list-chat-item-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 28px;
      color: #ffffff;
      background: #b5b5b5;
      border-radius: 50%;
      height: 28px;
      margin-right: 10px; }
      .list-chat .list-chat-item .list-chat-item-icon:after {
        content: 'G'; }
      .list-chat .list-chat-item .list-chat-item-icon.group-60 {
        background: #EB0E50; }
        .list-chat .list-chat-item .list-chat-item-icon.group-60:after {
          content: 'OP'; }
    .list-chat .list-chat-item .list-chat-item-name {
      padding: 0;
      font-size: 14px;
      font-weight: 500;
      color: #0a1321;
      position: relative; }
    .list-chat .list-chat-item .list-chat-item-avatar {
      color: #fff;
      background: #0075ff;
      padding: 4px;
      line-height: 30px;
      height: 31px;
      width: 31px;
      border-radius: 100%;
      text-align: center;
      margin-right: 10px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      position: relative; }
      .list-chat .list-chat-item .list-chat-item-avatar .list-chat-item-live {
        position: absolute;
        background: #EB0E50;
        top: -5px;
        font-style: normal;
        height: 14px;
        width: 14px;
        right: -4px;
        border: 2px solid #fff;
        border-radius: 50%; }
    .list-chat .list-chat-item .list-chat-item-infos {
      position: absolute;
      left: 41px;
      margin-top: -4px;
      font-size: 12px; }
      .list-chat .list-chat-item .list-chat-item-infos .list-chat-item-notif {
        padding-left: 3px; }
      .list-chat .list-chat-item .list-chat-item-infos .icon-user-presentation {
        color: #EB0E50; }
    .list-chat .list-chat-item .list-chat-item-action {
      display: none; }
    .list-chat .list-chat-item .list-item-action-menu {
      display: none; }
    .list-chat .list-chat-item .btn-chat-close-action {
      display: none; }

.list-chat-item-action-box {
  display: flex;
  justify-content: flex-end; }
  .list-chat-item-action-box .list-chat-item-action-btn {
    display: flex;
    align-items: center;
    border-left: 1px solid #d4d4d4;
    padding: 0 5px; }
    .list-chat-item-action-box .list-chat-item-action-btn:first-child {
      border: none; }

.list-chat-item-action {
  background: #fff;
  border-radius: 6px;
  padding: 5px 6px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  margin: 2px 4px;
  height: 26px;
  position: absolute;
  right: 5px; }
  .list-chat-item-action .list-chat-item-action-btn {
    height: 100%; }
    .list-chat-item-action .list-chat-item-action-btn .btn {
      background: none;
      color: #4F5660;
      padding: 0 3px; }

/*
@media (orientation: portrait) and (max-width: $screen-sm-min),
(orientation: landscape) {
    .list-chat {
        .list-chat-item {
            position: relative;
            .list-item-action {
                -webkit-transition: right .6s ease-in-out;
                -moz-transition: right .6s ease-in-out;
                -o-transition: right .6s ease-in-out;
                -ms-transition: right .6s ease-in-out;
                transition: right .6s ease-in-out;
                width: 100%;
                z-index: 42;
                justify-content: flex-end;
                position: absolute;
                right: -105%;
                height: 100%;
                &.show {
                    right: 0px;
                }
            }
            .btn-chat-close-action {
                display: inherit;
            }
            .list-item-action-menu {

                display: flex;

            }
        }
    }
}

@media (orientation: landscape) and (max-width: $screen-xl-min) {
    .list-chat {
        .list-chat-item {
            .btn {
                padding: 2px 8px;
            }
        }
    }
}

@media (orientation: landscape) and (max-width: $screen-lg-min) {
    .list-chat {
        .list-chat-item {
            .btn {
                padding: 2px;
            }
        }
    }
}
*/

/*
@media (hover:none), 
(hover:on-demand) {
    &:hover {
        opacity: inherit !important;
        color: inherit !important;
        background: inherit !important;
    }
}*/
.visioStateImage {
  width: 100%;
  height: calc( 100% - 58px);
  position: absolute;
  top: 0;
  z-index: 2;
  background-size: cover;
  background-repeat: no-repeat; }
  .visioStateImage.bg-cover {
    background-size: cover !important;
    background-repeat: no-repeat !important; }
  .visioStateImage.bg-center {
    background-position: center !important;
    background-repeat: no-repeat !important; }
  .visioStateImage.bg-contain {
    background-size: contain !important;
    background-repeat: no-repeat !important; }
  .visioStateImage.bg-repeat {
    background-repeat: repeat !important; }

.EventStateImage {
  position: absolute;
  top: 0;
  object-fit: fill; }
  .EventStateImage.cover {
    object-fit: cover; }

.videoconf {
  transition: width .6s ease-in-out; }
  .videoconf.popupopen {
    background: #232323; }
  .videoconf.islive {
    background: #000; }

.player-notif {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc( 100% - 58px);
  position: absolute;
  width: 100%;
  z-index: 10;
  top: 0;
  left: 0; }
  .player-notif#byebye {
    height: 100%; }
  .player-notif.need-play-broadcaster {
    z-index: 13;
    background: rgba(0, 0, 0, 0.6); }
    .player-notif.need-play-broadcaster .need-play-broadcaster-inner {
      text-align: center; }
  .player-notif.notif-offline {
    font-family: "AvantGardeLT-DemiOblique", Helvetica, sans-serif;
    font-size: 24px; }
  .player-notif .btn-play {
    outline: none;
    font-size: 65px; }
  .player-notif.videonconf_message {
    flex-direction: column;
    background: #0a1321;
    z-index: 90; }
    .player-notif.videonconf_message h2 {
      text-align: center;
      font-size: 32px;
      margin-bottom: 24px;
      font-family: "Poppins-Bold", Helvetica, sans-serif; }
  .player-notif.videonconf_manualplay {
    z-index: 91; }

.icon-hand1.selected {
  color: #0075ff; }

.is-live-button {
  padding: 9px 8px;
  z-index: 21;
  background: #EB0E50;
  width: 100%;
  color: #fff;
  font-size: 14px;
  text-align: center;
  font-family: "AvantGardeLT-DemiOblique", Helvetica, sans-serif; }

.video_template_select {
  float: right;
  background-color: rgba(19, 17, 16, 0.87);
  margin: 0;
  padding: 0; }

.video_template_select li {
  width: 84px;
  float: left;
  height: 60px;
  list-style-type: none;
  padding: 0;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 10px; }

.video_template_select li.selected {
  background: rgba(255, 255, 255, 0.3); }

.video_template_select li.selected .videoconf_template span {
  background-color: rgba(0, 0, 0, 0.5); }

.video_template_select li.selected .videoconf_template {
  background: #7eefcc; }

.sound_setting {
  text-align: center;
  cursor: pointer;
  padding-top: 5px; }
  .sound_setting img {
    margin-top: 5px; }
  .sound_setting p {
    font-size: 11px;
    color: #fff;
    line-height: 1;
    margin: 0;
    padding: 0; }

.video_template_select li.sepa {
  width: 10px; }

.video_template_select li.sepa span {
  border-left: 1px solid #fff;
  width: 1px;
  height: 100%;
  float: left;
  margin-left: 50%; }

.videoconf_template {
  width: 100%;
  background: white;
  height: calc(100% - 10px);
  cursor: pointer;
  margin-top: 5px; }
  .videoconf_template .c1 {
    float: right; }
  .videoconf_template .c2 {
    display: block; }

.videoconf_template span {
  background-color: rgba(19, 17, 16, 0.87);
  float: left;
  margin: 1px; }

.videoconf_user_action_row {
  position: absolute;
  z-index: 12;
  right: calc(5% + 90px);
  top: 5%;
  margin-left: 5%; }

.user_action_toggle {
  position: absolute;
  left: 0;
  width: 100%;
  top: 21px;
  background: transparent;
  border: none;
  color: white;
  text-align: center;
  cursor: pointer; }

.player_container {
  height: 100%;
  position: relative; }

#player_inner {
  height: calc(100% - 58px);
  background: url("../img/bg.png") repeat; }
  @media (max-width: 768px) and (orientation: portrait) {
    #player_inner {
      height: 100%; } }

.show-videoconf-user .videoconf_user_action #user-video-action-btn:after {
  content: '';
  position: absolute;
  height: 0px;
  width: 0px;
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-right: 8px solid #fff;
  opacity: 0.8;
  right: 0;
  top: calc(50% - 8px); }

.show-document .videoconf_user_action #share-doc-action-btn:after {
  content: '';
  position: absolute;
  height: 0px;
  width: 0px;
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-right: 8px solid #fff;
  opacity: 0.8;
  right: 0;
  top: calc(50% - 8px); }

.live-container {
  height: calc(var(--vh, 1vh) * 100 - 50px);
  max-height: calc(100% - 50px);
  display: flex;
  position: relative;
  align-items: flex-start; }
  .live-container.channel-not-verified {
    justify-content: center;
    align-items: center; }
  .live-container .videoconf {
    flex: 1 1 auto;
    height: 100%;
    overflow: hidden;
    position: relative; }
  .live-container .settings_recap_container {
    height: 100%;
    display: flex;
    z-index: 5;
    width: 100%;
    position: absolute;
    bottom: 20px;
    align-items: center;
    flex-wrap: wrap;
    overflow: auto;
    background: #0a1321; }

@media (max-width: 768px) and (orientation: portrait) {
  .viewer .live-container {
    flex-direction: column; } }

.panel-left {
  flex: 0 0 365px;
  margin-left: -365px;
  height: 100%;
  position: relative;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: mall .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  z-index: 18;
  box-shadow: 4px 2px 4px 0 rgba(0, 0, 0, 0.06);
  /*&.open {
        @media (max-width: $mobile-break-left-panel) {
            .panel-left-toggle {
                left: $PanelLeftWidth - 70px;
            }
        }
    }

    @media (max-width: $mobile-break-left-panel) {
        position: absolute;
        top: 0;
        left: 0;
        width: $PanelLeftWidth;
        z-index: 101;
    }
*/ }
  @media (max-width: 1200px) {
    .panel-left {
      width: 275px;
      flex: 0 0 275px;
      margin-left: -275px; } }
  @media (max-width: 900px) {
    .panel-left {
      width: 275px;
      /*flex: 0 0 $PanelLeftWidthMedium;*/
      position: absolute;
      margin-left: -275px;
      left: 0;
      z-index: 101; }
      .panel-left.open {
        margin-left: 0; } }
  .panel-left.live-open {
    margin-left: 0; }
  .panel-left .panel-top-menu {
    display: flex;
    justify-content: space-around;
    margin: 10px 0 0; }
    .panel-left .panel-top-menu .panel-top-menu-item {
      padding: 10px; }

.panel-left-live {
  width: 365px !important;
  z-index: 15; }
  @media (max-width: 900px) {
    .panel-left-live.open {
      width: 275px;
      flex: 0 0 275px;
      right: auto;
      left: 0;
      z-index: 22; } }

.panel-option-left {
  flex: 0 0 0;
  width: 0;
  margin-top: 12px;
  height: calc(100% - 12px); }
  @media (max-width: 900px) {
    .panel-option-left {
      right: inherit;
      position: absolute;
      margin-left: -275px;
      z-index: 102;
      margin-top: 0;
      top: 0;
      height: 100%; } }
  .panel-option-left.open {
    flex: 0 0 330px;
    width: 330px; }
    @media (max-width: 1200px) {
      .panel-option-left.open {
        width: 275px;
        flex: 0 0 275px; } }
    @media (max-width: 900px) {
      .panel-option-left.open {
        margin-left: 0; } }

.panel-title .icon-cancel {
  float: right;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.59);
  margin-top: 4px; }

.panel-title h3 {
  font-size: 14px;
  padding: 0;
  margin: 0;
  font-weight: 500;
  width: calc(100% - 50px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }
  .panel-title h3 .icon-panel-title {
    margin-left: 5px;
    font-size: 85%; }

.show-document .document_browser,
.show-quality .quality-panel,
.show-videoconf-user .videoconf_user {
  margin-left: 0px; }

.show-panel .panel-left {
  margin-left: 0%; }

.lowerthird_choice_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .lowerthird_choice_container .lowerthird_item {
    flex: 0 0 calc(50% - 5px);
    margin: 5px 0; }
    .lowerthird_choice_container .lowerthird_item .lowerthird_preview {
      overflow: hidden;
      border-radius: 5px;
      object-fit: cover;
      max-width: 100%;
      border: 2px solid transparent; }
      .lowerthird_choice_container .lowerthird_item .lowerthird_preview.selected {
        border: 2px solid #EB0E50; }

.lowerthird-manage-item {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(151, 151, 151, 0.08); }
  .lowerthird-manage-item .lowerthird-item-index {
    margin: 0; }
    .lowerthird-manage-item .lowerthird-item-index h4 {
      flex-grow: 1; }

.panel_class {
  position: absolute;
  overflow-y: auto;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 15;
  max-width: 100%;
  background: #fff;
  font-size: 12px;
  -webkit-transition: height .3s ease-in-out;
  border-bottom: 1px solid #aaa;
  border-radius: 0 10px 0 0;
  min-width: 275px;
  padding-bottom: 58px; }
  @media (max-width: 768px) {
    .panel_class {
      padding-bottom: initial; } }
  .panel_class::-webkit-scrollbar-track {
    background: #666; }
  .panel_class::-webkit-scrollbar-thumb {
    background: #ddd; }
  .panel_class ::-webkit-scrollbar-track {
    background: #666; }
  .panel_class ::-webkit-scrollbar-thumb {
    background: #ddd; }
  .panel_class .panel-title {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.13px;
    line-height: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.08);
    margin-bottom: 20px; }
    .panel_class .panel-title h3 {
      text-transform: capitalize; }
  .panel_class .subsection__title {
    font-weight: 500;
    letter-spacing: 0.13px;
    line-height: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.08);
    margin-bottom: 20px; }
  .panel_class label {
    padding-top: 5px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.11px;
    line-height: 14px; }
  .panel_class label {
    padding-top: 5px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.11px;
    line-height: 14px; }
  .panel_class input[type="color"] {
    cursor: pointer; }
  .panel_class input[type="color" i][list] {
    appearance: none; }
  .panel_class input[list] {
    position: relative;
    box-sizing: border-box;
    height: 32px;
    width: 114px;
    border: 1px solid rgba(10, 19, 33, 0.17);
    border-radius: 4px;
    background-color: #1D2634;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    line-height: 14px;
    padding: 5px; }
    .panel_class input[list]:before {
      font-family: 'blasticon';
      src: url("./fonts/blasticon.eot?l7cc89");
      src: url("./fonts/blasticon.eot?l7cc89#iefix") format("embedded-opentype"), url("./fonts/blasticon.woff?l7cc89") format("woff"), url("./fonts/blasticon.ttf?l7cc89") format("truetype"), url("./fonts/blasticon.svg?l7cc89#blasticon") format("svg");
      font-weight: normal;
      font-style: normal;
      content: "\e999";
      display: inline-block;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      right: 5;
      top: 50%;
      transform: translateY(-50%);
      color: rgba(255, 255, 255, 0.36); }
    .panel_class input[list].selected:before {
      font-family: 'blasticon';
      src: url("./fonts/blasticon.eot?l7cc89");
      src: url("./fonts/blasticon.eot?l7cc89#iefix") format("embedded-opentype"), url("./fonts/blasticon.woff?l7cc89") format("woff"), url("./fonts/blasticon.ttf?l7cc89") format("truetype"), url("./fonts/blasticon.svg?l7cc89#blasticon") format("svg");
      font-weight: normal;
      font-style: normal;
      content: "\e999";
      display: inline-block;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      right: 5;
      top: 50%;
      transform: translateY(-50%);
      color: rgba(255, 255, 255, 0.76); }
  .panel_class .settings_recap_item_action {
    padding: 10px 0;
    position: relative;
    display: flex !important;
    justify-content: space-between !important;
    width: 100%;
    border-bottom: 1px solid rgba(151, 151, 151, 0.08); }
    .panel_class .settings_recap_item_action .input-color-placeholder {
      position: relative;
      box-sizing: border-box;
      height: 32px;
      width: 114px;
      border: 1px solid rgba(10, 19, 33, 0.17);
      border-radius: 4px;
      background-color: #FFFFFF;
      box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
      .panel_class .settings_recap_item_action .input-color-placeholder:before {
        content: "\e999";
        display: inline-block;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        right: 1;
        top: 50%;
        transform: translateY(-50%); }
      .panel_class .settings_recap_item_action .input-color-placeholder .rectangle-input {
        box-sizing: border-box;
        height: 20px;
        width: 20px;
        border: 1px solid #C1C2C5;
        border-radius: 3px;
        background-color: #FFFFFF; }

.quality_label {
  width: calc(100% - 100px);
  display: inline-block;
  font-size: 12px; }

.quality_info {
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  display: inline-block;
  width: 40px; }

.quality_ico {
  width: 25px;
  display: inline-block; }

.quality_ico img {
  width: 25px;
  padding: 1px;
  height: 18px; }

.quality_unit {
  display: inline-block;
  width: 25px;
  font-size: 12px;
  text-align: left;
  margin-left: 5px; }

.quality-panel-container div {
  overflow: hidden;
  padding-top: 5px;
  padding-bottom: 5px; }

.quality-panel-container div:nth-child(odd) {
  background: #efefef; }

.list-setting-videoconf-box {
  float: left;
  width: 100%;
  margin-top: 10px; }
  .list-setting-videoconf-box .list-item {
    width: 50%;
    margin: 0;
    float: left;
    text-align: center;
    display: inherit !important;
    cursor: pointer; }
    .list-setting-videoconf-box .list-item .setting-videoconf-svg {
      width: 75%;
      max-width: 65px; }
    .list-setting-videoconf-box .list-item p {
      margin-bottom: 2px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }

.list-setting-videoconf .list-item {
  font-size: 12px !important; }

.setting-videoconf-svg2 {
  height: 30px;
  object-fit: contain;
  margin-right: 10px; }

.device_choose2,
.device_choose {
  border: none;
  z-index: 10;
  background: rgba(10, 19, 33, 0.18);
  border-radius: 50%;
  color: white;
  display: flex;
  width: 20px;
  height: 20px;
  cursor: pointer;
  padding: 1px; }
  @media (max-width: 768px) and (orientation: portrait) {
    .device_choose2,
    .device_choose {
      display: none; } }

.device_choose2 {
  left: 0;
  top: 0;
  height: inherit;
  cursor: pointer; }

.device_choose select {
  width: 100%;
  background: transparent;
  border: none;
  color: white;
  cursor: pointer; }

.device_choose select option {
  background: black;
  color: white;
  font-size: 11px;
  width: 100%;
  padding: 5px; }

.action_button p {
  margin: 0;
  width: calc(100% - 80px);
  text-align: left; }

.action_button .list-item {
  padding: 15px; }

.action_button .settings_recap_item_action {
  margin: 5px; }

.font-styling .bt {
  color: #ffffff;
  width: 25px;
  border: 1px solid rgba(10, 19, 33, 0.17);
  border-radius: 4px;
  margin-left: 3px;
  background: #1d2634;
  opacity: 0.5;
  cursor: pointer; }
  .font-styling .bt.selected {
    box-shadow: 1px -1px 2px 0px #ffffff4d;
    background: #1d2634;
    opacity: 1;
    font-weight: bold; }

.font-styling .drop {
  border: 3px solid #aaa;
  border-style: dashed; }
  .font-styling .drop.drag {
    background: #333; }

.font-styling .fontpicker__select {
  width: 100% !important;
  border: 1px solid rgba(167, 187, 218, 0.17);
  border-radius: 4px;
  background-color: #1d2634;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); }

.font-styling .fontpicker__canvas {
  margin: 10px 0;
  border: 1px dashed #474F5A;
  border-radius: 6px;
  background-color: #1D2634; }

.font-styling .dropdown-button {
  color: #6E747D;
  line-height: 14px;
  padding: 8px; }

.font-styling .font-uploader {
  margin-bottom: 12px; }

.font-styling div[id^=font-picker] .dropdown-icon.finished::before {
  border-top: 6px solid #aaa; }

.font-styling div[id^=font-picker] ul {
  background: #333; }

.font-styling div[id^=font-picker] ul li button:hover,
.font-styling div[id^=font-picker] ul li button:focus,
.font-styling div[id^=font-picker] ul li button.active-font {
  color: #000 !important; }

.font-styling picker .dropdown-font-family {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.font-styling .action_button p {
  width: calc(100% - 10px); }

.font-styling .thumb_preview {
  cursor: pointer;
  max-width: 200px;
  overflow: hidden;
  height: 60px;
  display: block;
  border-radius: 6px;
  object-fit: cover;
  border: 3px solid transparent; }
  .font-styling .thumb_preview.selected {
    border-color: #7eefcc; }

/*
img.thumb_preview {
    max-width: 200px;
    max-height: 100px;
    background-image: url('/prod/public/img/transparent.png');
}*/
.videoconf_user_list_title {
  margin: 0 5px;
  font-size: 13px;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .videoconf_user_list_title h4 {
    margin: 0; }
  .videoconf_user_list_title .videoconf_user_list_title_filter .filter_hand_raising {
    color: #666;
    border-radius: 50%;
    padding: 2px;
    margin: 2px 5px; }
    .videoconf_user_list_title .videoconf_user_list_title_filter .filter_hand_raising.active {
      color: #0075ff; }
  .videoconf_user_list_title .videoconf_user_list_title_filter .custom_sort.active {
    color: #0075ff; }

.videoconf_layer_filter {
  margin-top: 4px;
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .videoconf_layer_filter .videoconf_layer_filter_select {
    flex: auto; }
  .videoconf_layer_filter i {
    margin-left: 5px; }
    .videoconf_layer_filter i.active {
      color: #0075ff; }
  .videoconf_layer_filter button {
    margin-left: 5px; }

.videoconf_user_list .videoconf_user_list_title {
  margin-top: 10px; }
  .videoconf_user_list .videoconf_user_list_title h4 {
    margin-top: 0px; }

.videoconf_layer_search {
  margin: 5px 0; }
  .videoconf_layer_search input {
    margin-right: 6px;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #e2e2e2;
    background-color: #ffffff;
    padding: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #0a1321;
    padding-right: 40px; }
    .videoconf_layer_search input::-webkit-input-placeholder {
      padding-left: 5px;
      letter-spacing: 1px; }
    .videoconf_layer_search input::-moz-placeholder {
      padding-left: 5px;
      letter-spacing: 1px; }
    .videoconf_layer_search input:-moz-placeholder {
      padding-left: 5px;
      letter-spacing: 1px; }
    .videoconf_layer_search input:-ms-input-placeholder {
      padding-left: 5px;
      letter-spacing: 1px; }
  .videoconf_layer_search i {
    margin-left: -30px; }

.ctrl-btn {
  border: 1px solid #ddd;
  cursor: pointer;
  color: #666;
  border-radius: 5px;
  padding: 2px;
  text-align: center; }
  .ctrl-btn.is-scene {
    padding: 5px;
    background: #efefef;
    position: relative; }
    .ctrl-btn.is-scene i {
      font-size: 30px;
      color: rgba(169, 179, 193, 0.5); }
      @media (max-width: 1200px) {
        .ctrl-btn.is-scene i {
          font-size: 18px;
          line-height: inherit !important; } }
    .ctrl-btn.is-scene .icon-rewind {
      color: #000;
      position: absolute;
      bottom: 2px;
      right: 2px;
      font-size: 12px;
      cursor: pointer; }
  .ctrl-btn.is-create {
    border-radius: 2px;
    border: dashed 1px rgba(151, 151, 151, 0.44);
    background-color: rgba(216, 223, 233, 0.13);
    color: rgba(10, 19, 33, 0.64);
    font-size: 12px;
    font-weight: 500;
    margin: 10px 0;
    text-align: center;
    padding: 8px 10px 5px;
    width: 100%;
    user-select: none;
    display: block;
    cursor: pointer !important; }
    .ctrl-btn.is-create:hover {
      color: #0075ff;
      background-color: #F2F5FA; }
    .ctrl-btn.is-create.videoconf_source_add {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .ctrl-btn.is-create.videoconf_source_add i {
        margin-right: 8px; }
    .ctrl-btn.is-create.videoconf_source_add_inactive {
      opacity: 0.6;
      cursor: default !important; }
      .ctrl-btn.is-create.videoconf_source_add_inactive:hover {
        color: rgba(10, 19, 33, 0.64);
        background-color: rgba(216, 223, 233, 0.13); }
  .ctrl-btn.is-full {
    border-radius: 4px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
    border: solid 1px #ccd1db;
    background-color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 10px 9px;
    width: 100%;
    /*display: flex;
        justify-content: space-between;*/
    width: 100%;
    /*align-items: center;*/ }
    .ctrl-btn.is-full .one-row {
      display: flex;
      justify-content: space-between;
      align-items: center; }
  .ctrl-btn.is-action {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 12px 4px 5px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
    border: solid 1px rgba(151, 151, 151, 0.33); }
    .ctrl-btn.is-action.disabled {
      box-shadow: none; }
      .ctrl-btn.is-action.disabled i,
      .ctrl-btn.is-action.disabled span {
        color: rgba(10, 19, 33, 0.5); }
    .ctrl-btn.is-action.selected {
      background-color: #3ec59b;
      box-shadow: 0 2px 0 0 #24af83;
      border: solid 1px #24af83; }
      .ctrl-btn.is-action.selected i,
      .ctrl-btn.is-action.selected span {
        color: #fff; }
    .ctrl-btn.is-action:hover {
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
      border: solid 1px rgba(151, 151, 151, 0.76); }
    .ctrl-btn.is-action i {
      margin-bottom: 6px;
      color: #767D8B;
      font-size: 12px; }
    .ctrl-btn.is-action span {
      font-size: 10px;
      color: #0a1321;
      font-weight: 600;
      word-break: break-word;
      flex: 1;
      align-items: center;
      display: flex;
      line-height: 1.2; }
      @media (max-width: 1200px) {
        .ctrl-btn.is-action span {
          display: none; } }

.videoconf_user_list_section_multilingual.ctrl-btn.is-action {
  width: 100%;
  padding: 3px 6px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex: auto; }
  .videoconf_user_list_section_multilingual.ctrl-btn.is-action i {
    margin: inherit; }

.template_select .ctrl-btn {
  border-width: 2px; }

.template_select.template_selected .ctrl-btn.is-scene {
  border: solid 2px rgba(100, 116, 140, 0.61);
  background-color: #ccd1db; }
  .template_select.template_selected .ctrl-btn.is-scene i {
    color: #fff; }

.template_select.config_select i {
  font-size: 17px;
  color: #717884;
  line-height: 30px; }

.template_select.with-icon {
  position: relative; }
  .template_select.with-icon .scene-rotate {
    padding-top: 5px;
    width: fit-content;
    font-size: 15px;
    cursor: pointer;
    margin: auto; }

.video-control {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 3px;
  margin: 0; }
  .video-control .template_select {
    max-width: 55px; }
    @media (max-width: 1200px) {
      .video-control .template_select {
        max-width: 18%; } }
  .video-control li {
    list-style: none;
    display: flex;
    flex: 1;
    flex-direction: column;
    font-size: 12px;
    color: rgba(10, 19, 33, 0.62);
    text-align: center;
    line-height: 1.2;
    /*
        &.pointer {
            cursor: pointer;
        }
        &.info {
            border: 1px solid #fff;
            cursor: default !important;
            &:hover {
                border: 1px solid #fff;
            }
        }
        &:hover {
            border: 1px solid #aaa;
        }
        &.large {
            flex: 1 0 calc(25% - 10px);
            span {
                float: right;
                width: 11px;
                height: 100%;
            }
        }
        &.little {
            flex: 1 0 calc(18% - 25px);
        }
        &.half {
            cursor: pointer;
            padding: 0;
            .row {
                height: 50%;
                margin: 0;
            }
            span.bt {
                width: 66.66%;
                float: left
            }
            span.border {
                float: left
            }
            div {
                float: left;
                width: 100%;
                height: 100%;
                &.value {
                    width: 66.66%;
                    font-size: 9px;
                    font-weight: bold;
                    line-height: 2;
                    span {
                        width: 50%;
                        float: left;
                        text-align: right;
                        &:nth-child(even) {
                            float: right;
                            text-align: left;
                        }
                    }
                }
            }
            span:nth-child(even) {
                &.border {
                    border-left: 1px solid #aaa;
                    i {
                        line-height: 3;
                        padding-left: 1px;
                        font-size: 12px;
                    }
                }
                width: 33.33%;
                i {
                    line-height: 1.8;
                }
            }
        }
        &.with-icon {
            .videoconf_template {
                width: 75%;
                float: left;
            }
        }
        &.selected {
            background: $green-blastream;
        }
        &.sepa {
            height: 5px;
            background: white;
            border: 0px solid #fff;
            width: 100%;
            flex: initial;
            border-radius: 0px;
            margin-bottom: -8px;
        }
        &.select {
            border: 0px solid #fff;
            width: 100%;
            flex: initial;
            border-radius: 0px;
            height: auto;

            select {
                width: calc(100% - 80px);
                background: #fafafa;
            }
        }
        */ }
    .video-control li:not(:last-child) {
      margin-right: 6px; }
    .video-control li .videoconf_template span.ri {
      float: left !important; }
    .video-control li .videoconf_template {
      margin: 0;
      height: 100%;
      background: transparent; }
      .video-control li .videoconf_template span {
        background-color: rgba(66, 66, 66, 0.67); }
    .video-control li.white-sepa {
      background: transparent;
      border: 0px solid #fff;
      margin-top: 10px;
      margin-bottom: 10px;
      height: calc(100% - 20px);
      border-left: 1px solid #999;
      border-radius: 0px;
      margin-left: 10px;
      text-align: right; }
      .video-control li.white-sepa p {
        font-size: 10px;
        margin: 0;
        padding: 0; }
    .video-control li.button-txt {
      cursor: pointer; }
      .video-control li.button-txt p {
        font-size: 9px;
        margin: 0;
        padding: 0;
        margin-top: -2px;
        line-height: 7px; }

.videoconf_user .videoconf_user_list_section {
  padding: 0 10px 20px 12px; }
  .videoconf_user .videoconf_user_list_section:empty {
    display: none; }
  .videoconf_user .videoconf_user_list_section:not(:first-child) {
    border-top: solid 1px rgba(151, 151, 151, 0.29); }
  .videoconf_user .videoconf_user_list_section .video-action-button li {
    max-width: 51px;
    position: relative;
    margin-bottom: 10px; }
    @media (max-width: 1200px) {
      .videoconf_user .videoconf_user_list_section .video-action-button li {
        max-width: 40px; } }
    .videoconf_user .videoconf_user_list_section .video-action-button li .with-icon {
      border-radius: 4px 4px 4px 0; }
    .videoconf_user .videoconf_user_list_section .video-action-button li .video-action-button-settings {
      position: absolute;
      bottom: -20px;
      height: 15px;
      background: transparent;
      border-radius: 0 0 4px 4px;
      border: none;
      font-size: 14px;
      border-top: none;
      width: 100%;
      cursor: pointer; }
      .videoconf_user .videoconf_user_list_section .video-action-button li .video-action-button-settings i {
        color: #767D8B; }
    .videoconf_user .videoconf_user_list_section .video-action-button li:hover .video-action-button-settings {
      border-color: rgba(151, 151, 151, 0.76); }

.videoconf_user .videoconf_user_list_container .videoconf_user_item {
  margin: 5px;
  padding-top: 0;
  font-size: 12px;
  background: #efefef;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin: 5px !important;
  width: calc(100% - 10px);
  height: 32px; }

.videoconf_user .videoconf_user_list_container .videoconf_user_list {
  width: 100%;
  overflow-y: auto; }

.videoconf_user .videoconf_user_list_container .video_user_list_link_setting {
  margin: 5px;
  font-size: 12px;
  width: calc( 100% - 10px); }

.videoconf_user .videoconf_user_list_container .videoconf_user_item_name {
  background: #636363;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  margin: 0;
  line-height: 2.6;
  padding-left: 5;
  font-size: 12px;
  white-space: nowrap; }

.videoconf_user .videoconf_user_list_container .speaker_is_me .videoconf_user_item_name {
  background: #636363;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .videoconf_user .videoconf_user_list_container .speaker_is_me .videoconf_user_item_name .videoconf_user_item_me {
    color: #636363;
    background: #fff;
    height: auto;
    border-radius: 3px;
    padding: 1px 3px;
    margin-right: 3px;
    font-weight: 600;
    font-size: 9px; }

.videoconf_user .videoconf_user_list_container .speaker_1 .icon-speaker {
  color: #45d8ab; }

.videoconf_user .videoconf_user_list_container .list .list-item {
  flex-flow: inherit;
  font-size: 12px;
  border-bottom: 1px solid #eee;
  padding-bottom: 5px; }

.videoconf_user .videoconf_user_list_container .settings_recap_item_action {
  display: flex;
  align-items: center; }

.videoconf_user .videoconf_user_list_container .checkbox-switchbox + .switchbox {
  margin: auto; }

.videoconf_user .videoconf_user_list_container .action {
  margin-top: 25px; }
  .videoconf_user .videoconf_user_list_container .action .action_on_viewer,
  .videoconf_user .videoconf_user_list_container .action .no_viewer {
    margin-top: 20px; }
    .videoconf_user .videoconf_user_list_container .action .action_on_viewer p,
    .videoconf_user .videoconf_user_list_container .action .no_viewer p {
      margin: 0px;
      font-size: 13px;
      text-align: center; }
  .videoconf_user .videoconf_user_list_container .action .btn {
    background: #7eefcc;
    color: #565656;
    font-size: 13px; }
    .videoconf_user .videoconf_user_list_container .action .btn p {
      margin: auto;
      padding-top: 3px; }

.videoconf_user .videoconf_user_list_container .list-setting-videoconf .list-item {
  line-height: 16px;
  font-size: 14px; }

.videoconf_user .videoconf_user_list_container .videoconf_source_item_notice {
  position: absolute;
  right: 10px;
  z-index: 3;
  height: 100%;
  display: flex;
  align-items: center;
  background: #fff; }
  .videoconf_user .videoconf_user_list_container .videoconf_source_item_notice i {
    margin: 0 2px; }
  .videoconf_user .videoconf_user_list_container .videoconf_source_item_notice .icon-hand1 {
    color: #0075ff; }

.videoconf_user .videoconf_user_list_container .videoconf_source_item_buttons {
  display: flex;
  margin: 0;
  background: #fff;
  position: absolute;
  align-items: center;
  height: 100%;
  right: -100%;
  top: 0;
  transition: right 0.3s ease-in-out;
  z-index: 5; }
  @media (max-width: 1200px) {
    .videoconf_user .videoconf_user_list_container .videoconf_source_item_buttons {
      margin-left: -275px; } }
  .videoconf_user .videoconf_user_list_container .videoconf_source_item_buttons button {
    border: none;
    background: transparent;
    color: #000;
    font-size: 14px;
    padding-left: 8px;
    padding-right: 8px;
    cursor: pointer;
    height: 100%; }
  .videoconf_user .videoconf_user_list_container .videoconf_source_item_buttons li:not(:last-child) {
    /*border-right: 1px solid #ccd1dc;*/ }
    .videoconf_user .videoconf_user_list_container .videoconf_source_item_buttons li:not(:last-child):after {
      border-right: 1px solid #ccd1dc;
      content: ""; }

.videoconf_user .videoconf_user_list_container .videoconf_source_item:hover .videoconf_source_item_buttons {
  right: 0; }

.videoconf_scene_item,
.videoconf_source_item {
  margin-bottom: 8px;
  position: relative;
  overflow: hidden;
  cursor: initial;
  padding: 0 !important;
  height: 40px; }
  .videoconf_scene_item .one-row,
  .videoconf_source_item .one-row {
    height: 100%;
    cursor: pointer; }
  .videoconf_scene_item > span,
  .videoconf_source_item > span {
    display: flex;
    align-items: center; }
  .videoconf_scene_item .videoconf_source_item_name,
  .videoconf_source_item .videoconf_source_item_name {
    padding-left: 10px; }
  .videoconf_scene_item .icon-notif,
  .videoconf_source_item .icon-notif {
    color: orange;
    margin: 0 4px; }
  .videoconf_scene_item span i,
  .videoconf_source_item span i {
    margin-right: 8px;
    font-size: 14px;
    width: 16px;
    display: inline-block; }
    .videoconf_scene_item span i.icon-media,
    .videoconf_source_item span i.icon-media {
      color: #E81046; }
    .videoconf_scene_item span i.icon-file-doc,
    .videoconf_source_item span i.icon-file-doc {
      color: #E81046; }
    .videoconf_scene_item span i.icon-screen-round, .videoconf_scene_item span i.icon-user-circle,
    .videoconf_source_item span i.icon-screen-round,
    .videoconf_source_item span i.icon-user-circle {
      color: #367af4; }
    .videoconf_scene_item span i.icon-file-video,
    .videoconf_source_item span i.icon-file-video {
      color: #9B36F4; }
    .videoconf_scene_item span i.icon-text,
    .videoconf_source_item span i.icon-text {
      color: #367af4; }
    .videoconf_scene_item span i.icon-server,
    .videoconf_source_item span i.icon-server {
      color: #FF8700; }
  .videoconf_scene_item .icon-drag,
  .videoconf_source_item .icon-drag {
    font-size: 8px; }
  .videoconf_scene_item.pause .videoconf_source_item_name *,
  .videoconf_source_item.pause .videoconf_source_item_name * {
    opacity: 0.3; }
  .videoconf_scene_item.pause .videoconf_source_item_name .videoconf_source_item_picto,
  .videoconf_source_item.pause .videoconf_source_item_name .videoconf_source_item_picto {
    opacity: 1; }
  .videoconf_scene_item.speaker_1 .icon-user-presentation,
  .videoconf_source_item.speaker_1 .icon-user-presentation {
    color: #EB0E50; }
  .videoconf_scene_item.source_notif,
  .videoconf_source_item.source_notif {
    border-color: #ff870080; }
    .videoconf_scene_item.source_notif .videoconf_source_item_name,
    .videoconf_source_item.source_notif .videoconf_source_item_name {
      color: #FF8700; }
  .videoconf_scene_item.user_hand_raising,
  .videoconf_source_item.user_hand_raising {
    border-color: #0075ff80; }
    .videoconf_scene_item.user_hand_raising .videoconf_source_item_name,
    .videoconf_source_item.user_hand_raising .videoconf_source_item_name {
      color: #0075ff; }
  .videoconf_scene_item .videoconf_source_item_actions_container,
  .videoconf_source_item .videoconf_source_item_actions_container {
    background: #f7f7f7;
    right: -100%;
    position: absolute;
    top: 0;
    transition: right 500ms ease-in-out; }
    .videoconf_scene_item .videoconf_source_item_actions_container .videoconf_source_item_actions,
    .videoconf_source_item .videoconf_source_item_actions_container .videoconf_source_item_actions {
      display: flex;
      font-size: 16px;
      padding: 5px 0; }
  .videoconf_scene_item:hover,
  .videoconf_source_item:hover {
    /*span i {
            &:before {
                color: #4f5660;
                content: "\e92e";
            }
        }*/ }
    .videoconf_scene_item:hover .videoconf_source_item_actions_container,
    .videoconf_source_item:hover .videoconf_source_item_actions_container {
      right: 0; }
  .videoconf_scene_item .one-row:hover span i:before,
  .videoconf_source_item .one-row:hover span i:before {
    color: #4f5660;
    content: "\e92e"; }
  .videoconf_scene_item.videoconf_source_item_document .videoconf_source_item_actions_container,
  .videoconf_source_item.videoconf_source_item_document .videoconf_source_item_actions_container {
    position: relative;
    right: inherit;
    top: inherit;
    transition: none; }
  .videoconf_scene_item.videoconf_source_item_document:hover .videoconf_source_item_actions_container,
  .videoconf_source_item.videoconf_source_item_document:hover .videoconf_source_item_actions_container {
    right: inherit; }
  .videoconf_scene_item .videoconf_source_item_advanced,
  .videoconf_source_item .videoconf_source_item_advanced {
    align-items: center;
    display: flex; }
    .videoconf_scene_item .videoconf_source_item_advanced .videoconf_source_item_thumb,
    .videoconf_source_item .videoconf_source_item_advanced .videoconf_source_item_thumb {
      margin-left: 20px;
      margin-top: 3px; }
    .videoconf_scene_item .videoconf_source_item_advanced .videoconf_source_item_nav span,
    .videoconf_source_item .videoconf_source_item_advanced .videoconf_source_item_nav span {
      border-radius: 5px;
      border-radius: 2px;
      background: #eeeeef;
      padding: 2px 4px;
      display: inline-block; }
  .videoconf_scene_item .volume_item_container,
  .videoconf_source_item .volume_item_container {
    width: 100%;
    position: absolute;
    height: 1px;
    left: -5px;
    bottom: 0; }
    .videoconf_scene_item .volume_item_container .volume_item,
    .videoconf_source_item .volume_item_container .volume_item {
      transition: width 1s;
      width: 0%;
      background: #7eefcc;
      height: 100%; }

#remove_control_doc_live {
  background: #7eefcc;
  color: #000000;
  justify-content: space-between;
  align-items: center;
  display: flex;
  padding: 5px;
  border-radius: 5px; }

.videoconf_scene_list li .ctrl-btn {
  border-radius: 0;
  border-top: none;
  opacity: .75; }
  .videoconf_scene_list li .ctrl-btn:hover {
    opacity: 1; }

.videoconf_scene_list:last-child button {
  border-radius: 0 0 4px 4px; }

.videoconf_scene_select span i {
  color: #a1aabc;
  margin-right: 4px; }

.videoconf_overlay_item {
  position: absolute;
  z-index: 11;
  cursor: pointer;
  overflow: hidden;
  /*border: 2px solid transparent;
    border-radius: 6px;*/
  /*&.videoconf_overlay_item_speaker {
        z-index: 10;
        &.overlay_border {
            border: 1px solid #e4e4e4;
        }
        &:hover {
            border: 1px solid #e4e4e4;
            .videoconf_overlay_item_name {
                display: block;
            }
        }
    }
    .videoconf_overlay_item_name {
        position: absolute;
        width: 100%;
        bottom: 0;
        color: #fff;
        text-align: center;
        font-family: $font-blastream;
        background: rgba(0, 0, 0, 0.7);
        font-size: 12px;
        line-height: 23px;
        display: none;
    }
    .videoconf_overlay_item_name_top {
        top: 0px;
        bottom: inherit;
        opacity: 1;
        color: #fff;
        padding: 6px;
        background: rgba(255, 255, 255, 0.2);
    }
    .videoconf_overlay_item_notif {
        float: right;
        margin: 5px;
        height: 25px;
        width: 25px;
        text-align: center;
        border-radius: 50%;
        background: #000;
        color: #fff;
        i:before {
            line-height: 25px;
        }
    }
    &.videoconf_overlay_item_speaker {
        .videoconf_overlay_item_notif {
            margin: 10px;
            height: 30px;
            width: 30px;
            i:before {
                line-height: 25px;
            }
        }
        &.videoconf_overlay_item_speaker {
            .videoconf_overlay_item_notif {
                margin: 10px;
                height: 30px;
                width: 30px;
                i:before {
                    line-height: 30px;
                }
            }
        }
    }*/ }
  .videoconf_overlay_item.videoconf_overlay_static_layer_1 {
    display: none !important; }
  .videoconf_overlay_item .videoconf_overlay_item_name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .videoconf_overlay_item .videoconf_item_icon_container {
    position: absolute;
    bottom: 5%;
    right: 5%;
    border: 1px solid rgba(188, 189, 190, 0.5);
    border-radius: 6px;
    background-color: rgba(19, 22, 27, 0.7);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.34);
    padding: 4px 8px;
    color: #fff;
    font-size: calc(12px);
    overflow: hidden;
    max-width: 80%;
    align-items: baseline;
    display: none; }
    .videoconf_overlay_item .videoconf_item_icon_container.overlay-item-xs {
      bottom: 1%;
      right: 1%;
      padding: 3px 2px;
      line-height: 1;
      font-size: 11px; }
    .videoconf_overlay_item .videoconf_item_icon_container div,
    .videoconf_overlay_item .videoconf_item_icon_container i {
      margin: 0 2px; }
    .videoconf_overlay_item .videoconf_item_icon_container .icon-hand1 {
      color: #0075ff; }
    .videoconf_overlay_item .videoconf_item_icon_container .icon-notif {
      color: orange; }
  .videoconf_overlay_item .videoconf_item_icon_container {
    display: flex; }
  .videoconf_overlay_item.videoconf_overlay_item_hand_raising .videoconf_item_icon_container {
    display: flex;
    border: 1px solid #0075ff; }
  .videoconf_overlay_item.videoconf_overlay_item_hand_notif .videoconf_item_icon_container {
    display: flex;
    border-color: orange; }

.user-status-0 .videoconf_overlay_item {
  cursor: default; }

.videoconf_overlay_opacity {
  position: absolute;
  z-index: 9;
  width: 100%;
  height: 100%; }

.videoconf_user_item_actions .btn.transparent-black {
  background: transparent;
  text-shadow: none;
  transition-property: opacity;
  transition-duration: 0.25s;
  color: #000000;
  margin: auto;
  height: 100%;
  border-left: 1px solid #ddd;
  width: 32px;
  padding: 1px 6px; }
  .videoconf_user_item_actions .btn.transparent-black:hover {
    background: #ccc; }

.videoconf_overlay_user_current .popup {
  position: absolute;
  width: auto;
  height: auto;
  left: 0;
  top: 0;
  background: transparent;
  bottom: 0;
  right: 0;
  margin: auto; }
  .videoconf_overlay_user_current .popup .popup_inner {
    background: #000; }
    .videoconf_overlay_user_current .popup .popup_inner .btn.transparent-black {
      color: #fff;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      border: 3px solid #fff;
      text-align: center;
      padding: 0; }

.videoconf_overlay_user_current .videoconf_user_popin_actions {
  display: flex;
  justify-content: space-evenly; }
  .videoconf_overlay_user_current .videoconf_user_popin_actions .btn {
    font-size: 25px;
    margin: 10px 0; }

#logger table th {
  font-size: 10px;
  max-width: 30px;
  overflow: hidden;
  text-align: right; }

#logger table td {
  text-align: right; }

.remote_source_list .list-item {
  margin: 0; }

.remote_source_list .custom-form {
  padding: 0px;
  background: none;
  margin: 5px 0;
  position: relative; }
  .remote_source_list .custom-form .form-group {
    margin: 0;
    padding: 0; }

.remote_source_list .remote_source_item_action {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-top: 12px; }
  .remote_source_list .remote_source_item_action .btn {
    padding: 10px 0;
    flex: 0 0 calc(50% - 5px); }

.remote_source_list .list-item-url {
  width: 100%;
  /*i.icon-copy {
        position: absolute;
        top: calc(50% + 2px) !important;
        right: 5px;
        color: $black;
        left: inherit !important;
        bottom: initial !important;
        width: auto !important;
        border-radius: 5px;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.09);
        border: solid 1px rgba(151, 151, 151, 0.22);
        padding: 4px;
        z-index: 50;
        cursor: pointer;
    }*/ }
  .remote_source_list .list-item-url .form-group .input-group-suffix {
    padding-right: inherit;
    height: 34px; }
  .remote_source_list .list-item-url input {
    /*border-radius: 8px;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
        border: solid 1px #e2e2e2;
        background-color: #ffffff;
        width: 100%;
        padding: 8px 40px 8px 8px !important;
        font-size: 14px;
        font-weight: 500;
        color: #0a1321;*/
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #e2e2e2;
    background-color: #ffffff;
    font-weight: 500;
    color: #0a1321;
    background-color: #ffffff;
    padding: 3px 25px 5px 5px !important; }
  .remote_source_list .list-item-url i {
    color: #0a1321; }

.remote_source_list {
  margin-bottom: 15px; }

.start_container .start {
  width: calc(100% - 90px);
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.start_container .quality_select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  background-color: #EB0E50;
  filter: brightness(85%);
  background-image: url("/svg/dropdown.png");
  color: #fff;
  border: 1px solid #7eefcc;
  padding: 15px 3px 15px 3px;
  border-radius: 3px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: right 17px center;
  text-align-last: center;
  width: 90px;
  border: 1px solid #EB0E50; }
  .start_container .quality_select .quality_select:before {
    content: ">"; }

.test-bandwitch {
  margin: 25px auto;
  max-width: 600px;
  text-align: center;
  font-size: 17px;
  color: #fff; }
  .test-bandwitch .test-bandwitch-bar {
    width: calc(100% - 40px);
    height: 30px;
    -webkit-box-shadow: inset 0 3px 5px 0 #d3d0d0;
    -moz-box-shadow: inset 0 3px 5px 0 #d3d0d0;
    box-shadow: inset 0 3px 5px 0 #d3d0d0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #fdfdfd; }
    .test-bandwitch .test-bandwitch-bar .test-bandwitch-bar-inner {
      height: 100%;
      width: 0;
      transition: 'width 50ms linear';
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
      box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
      border: 1px solid #63b199;
      background: #7eefcc;
      background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
      background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
      background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
      background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
      background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
      -webkit-background-size: 45px 45px;
      -moz-background-size: 45px 45px;
      -o-background-size: 45px 45px;
      background-size: 45px 45px; }

#videoconf_overlay {
  position: absolute;
  z-index: -1;
  display: none;
  left: 0;
  right: 0;
  top: -58px;
  bottom: 0;
  margin: auto;
  transition: opacity 0.3s; }
  #videoconf_overlay.hide2 {
    opacity: 0; }
  #videoconf_overlay[layout="one"] .videoconf_overlay_item:not(.videoconf_overlay_item_speaker) {
    display: none !important; }
  #videoconf_overlay[layout="pip"] .videoconf_overlay_item.videoconf_overlay_item_speaker {
    display: none !important; }
  @media (max-width: 768px) and (orientation: portrait) {
    #videoconf_overlay {
      display: none !important; } }

@media (min-height: 569px) {
  .live-container {
    height: calc(100vh - 50px); } }

.videoconf_user_item.panel {
  width: 100%;
  float: left;
  padding-top: 5px;
  margin: 0 !important; }
  .videoconf_user_item.panel .videoconf_user_item_name {
    float: left;
    background-color: transparent !important;
    color: #000 !important;
    max-width: calc(100% - 163px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: inherit !important; }
  .videoconf_user_item.panel .videoconf_user_item_settings {
    float: right; }
    .videoconf_user_item.panel .videoconf_user_item_settings input[type=range] {
      width: 90%;
      margin: 3px 3px; }
  .videoconf_user_item.panel.global_audio .videoconf_user_item_name {
    max-width: calc(100% - 30px); }
  .videoconf_user_item.panel.global_audio .videoconf_user_item_settings {
    margin: 9px 9px 0 0; }

.disable-action {
  opacity: 0.5;
  cursor: default; }

.videoconf_connect {
  margin: 20px;
  padding: 0; }
  .videoconf_connect li {
    list-style-type: none;
    line-height: 40px; }
  .videoconf_connect .spinner {
    width: 30px;
    height: 30px;
    position: absolute;
    margin: 3px 10px;
    display: inline-block; }

.mobile .player_controller {
  background: transparent; }

.in-videoconf .broadcaster .panel-left-toggle {
  position: absolute;
  right: -45px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.17);
  background-color: #ffffff;
  border-radius: 50%;
  border: none;
  width: 35px;
  height: 35px;
  z-index: 20;
  cursor: pointer;
  display: none; }
  @media (max-width: 900px) {
    .in-videoconf .broadcaster .panel-left-toggle {
      display: block; } }

@media (min-width: 900px) {
  .in-videoconf .broadcaster .panel-left,
  .in-videoconf .panel-option-left,
  .panel_class {
    margin-left: 0px;
    /*&.panel-left {
        @media (max-width: $mobile-break-left-panel) {
            margin-left: -$PanelLeftWidth;
        }
    }*/ } }

.panel_class {
  position: inherit; }

.panel-title .action_container-close {
  position: inherit; }

.panel-title .action_container .action {
  margin-right: 15px;
  margin-top: 2px;
  font-size: 20px; }
  .panel-title .action_container .action.enlarge {
    display: none; }

.mobile-tab {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: fixed;
  width: 100%;
  z-index: 200;
  border-top: 1px solid #e6e3e3; }
  .mobile-tab .link-tab {
    background: #fff;
    padding: 1em;
    color: #000000;
    text-decoration: none;
    flex-grow: 1;
    position: relative;
    text-align: center; }
    .mobile-tab .link-tab:not(:first-child) {
      border-left: 1px solid #e6e3e3; }
    .mobile-tab .link-tab:after {
      display: block;
      content: '';
      border-bottom: 2px solid #EB0E50;
      transform: scaleX(0);
      position: absolute;
      bottom: 0px;
      width: 100%;
      left: 0;
      transition: transform 250ms ease-in-out; }
    .mobile-tab .link-tab.active {
      color: #EB0E50;
      transition-property: color;
      transition-duration: 0.5s; }
      .mobile-tab .link-tab.active:after {
        transform: scaleX(1); }
  .mobile-tab .tab-sub {
    position: absolute;
    bottom: initial;
    z-index: -1;
    visibility: hidden;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
    opacity: 0;
    top: 48px;
    transform: translateY(-48px);
    left: 0;
    width: 100%; }
    .mobile-tab .tab-sub.show {
      visibility: visible;
      opacity: 1;
      z-index: 1;
      transform: translateY(0%);
      transition-delay: 0s, 0s, 0.3s; }
    .mobile-tab .tab-sub .link-tab-sub {
      cursor: pointer;
      display: flex;
      align-items: center;
      text-align: left;
      background: #e6e3e3;
      padding: 10px 16px;
      border-bottom: 2px solid #fff; }
      .mobile-tab .tab-sub .link-tab-sub:after {
        display: none; }
    .mobile-tab .tab-sub i {
      width: 50px; }

.link-tab {
  cursor: pointer; }

#chat_overlay {
  display: none; }

.videoconf_item_icon_container {
  position: absolute;
  bottom: 30px;
  right: 5px; }

.invert {
  filter: invert(1); }

.videoconf_item_icon {
  background: rgba(255, 255, 255, 0.5);
  float: left;
  margin-left: 5px;
  padding: 15px;
  border-radius: 5px;
  text-align: center;
  box-sizing: border-box;
  height: 34px;
  width: 118px;
  border: 1px solid rgba(188, 189, 190, 0.5);
  border-radius: 6px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.34);
  justify-content: center;
  align-items: center; }

.panel_class_container h4 {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.11px;
  color: #0a1321;
  margin-top: 12px; }

.panel_class_container table {
  margin-bottom: 20px; }
  .panel_class_container table.margins-input-container {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #515A6A;
    border-radius: 10px;
    position: relative; }
    .panel_class_container table.margins-input-container td {
      text-align: center;
      width: 25%; }
      .panel_class_container table.margins-input-container td input {
        display: block;
        margin: 0 auto; }
      .panel_class_container table.margins-input-container td input[type="number"] {
        background-color: #222933;
        color: #C3C8D0;
        text-align: center;
        box-sizing: border-box;
        border: 1px solid rgba(167, 187, 218, 0.17);
        border-radius: 2px;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
        -moz-appearance: textfield; }
        .panel_class_container table.margins-input-container td input[type="number"].input-error {
          border-color: #EB0E50; }
      .panel_class_container table.margins-input-container td input::-webkit-outer-spin-button,
      .panel_class_container table.margins-input-container td input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0; }
      .panel_class_container table.margins-input-container td button {
        background-color: #222933 !important;
        border: 1px solid rgba(167, 187, 218, 0.17);
        border-radius: 4px;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
        margin: 0 auto;
        vertical-align: middle; }
      .panel_class_container table.margins-input-container td.top, .panel_class_container table.margins-input-container td.bottom {
        width: 50%; }
        .panel_class_container table.margins-input-container td.top input, .panel_class_container table.margins-input-container td.bottom input {
          width: 30px; }
        .panel_class_container table.margins-input-container td.top button, .panel_class_container table.margins-input-container td.bottom button {
          width: 100%;
          padding: 0 0 2 0; }
      .panel_class_container table.margins-input-container td.left input, .panel_class_container table.margins-input-container td.right input {
        width: 30px; }
      .panel_class_container table.margins-input-container td.left button, .panel_class_container table.margins-input-container td.right button {
        width: 19px;
        height: 55px;
        padding: 0 2 0 0; }

.videoconf_overlay_user_notif {
  margin-top: 10px; }
  .videoconf_overlay_user_notif .videoconf_item_icon {
    text-align: left;
    height: auto;
    margin-left: 0px;
    margin-right: 10px;
    height: 40px;
    width: 40px;
    padding: 3px;
    text-align: center; }
    .videoconf_overlay_user_notif .videoconf_item_icon img {
      position: relative;
      height: 35px;
      max-height: 35px; }
    .videoconf_overlay_user_notif .videoconf_item_icon i {
      position: relative;
      height: 35px;
      max-height: 35px;
      font-size: 35px; }
  .videoconf_overlay_user_notif p {
    margin-left: 55px;
    line-height: 10px;
    padding-top: 12px; }

.self_mute {
  font-size: 8px;
  margin-left: -2px;
  padding: 2px; }

.opacity5 {
  opacity: 0.5; }

.video_remote_item {
  float: left;
  width: 100%;
  margin-top: 15px;
  background: #eee;
  padding: 5px; }
  .video_remote_item span {
    width: calc(100% - 43px);
    float: left; }

.popin-videoconf {
  top: 0;
  height: 100%;
  display: flex;
  z-index: 5;
  width: 100%;
  position: fixed;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  z-index: 1052;
  background: rgba(19, 17, 16, 0.87);
  overflow: auto; }
  .popin-videoconf .popin-videoconf-box {
    max-width: 410px; }
    @media (max-width: 768px) {
      .popin-videoconf .popin-videoconf-box {
        max-width: 100%; } }
    .popin-videoconf .popin-videoconf-box .title-poppins {
      text-align: center; }
      .popin-videoconf .popin-videoconf-box .title-poppins h2 {
        font-size: 33px;
        font-weight: bold;
        color: #fff;
        margin-bottom: 18px;
        line-height: 30px; }
        @media (max-height: 768px) {
          .popin-videoconf .popin-videoconf-box .title-poppins h2 {
            font-size: 24px;
            line-height: 24px;
            margin-bottom: 10px; } }
      .popin-videoconf .popin-videoconf-box .title-poppins p {
        color: rgba(255, 255, 255, 0.61); }
        @media (max-height: 768px) {
          .popin-videoconf .popin-videoconf-box .title-poppins p {
            font-size: 12px; } }
    .popin-videoconf .popin-videoconf-box .popin-videoconf-content {
      background-color: #ffffff;
      border-radius: 10px;
      overflow: hidden;
      overflow-y: auto;
      margin: 10px;
      padding: 15px; }
      .popin-videoconf .popin-videoconf-box .popin-videoconf-content.extended {
        position: fixed !important;
        right: 0 !important;
        height: 100% !important;
        top: 0 !important;
        margin: 0px 0 0;
        border-radius: 10px 0 0 0px;
        z-index: 15000000;
        width: 25%;
        min-width: 275px;
        border-radius: 0 0 0 8px;
        box-shadow: 4px 0 4px 0 rgba(0, 0, 0, 0.34);
        border: solid 1px rgba(170, 189, 212, 0.41);
        padding: 15px; }
        @media (max-width: 900px) {
          .popin-videoconf .popin-videoconf-box .popin-videoconf-content.extended {
            padding: 10px; } }
        .popin-videoconf .popin-videoconf-box .popin-videoconf-content.extended .action_container-close .icon-cancel {
          color: #000000; }
        .popin-videoconf .popin-videoconf-box .popin-videoconf-content.extended .document_list {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; }
          .popin-videoconf .popin-videoconf-box .popin-videoconf-content.extended .document_list li {
            width: calc(50% - 5px);
            flex: 0 0 calc(50% - 5px);
            margin: 5px 0;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            border: 1px solid #ccc;
            border-radius: 5px;
            height: 65px; }
            .popin-videoconf .popin-videoconf-box .popin-videoconf-content.extended .document_list li[isselected="1"] {
              border: 3px solid #0075ff; }
            .popin-videoconf .popin-videoconf-box .popin-videoconf-content.extended .document_list li.item-icon-btn .btn {
              font-size: 31px; }
            .popin-videoconf .popin-videoconf-box .popin-videoconf-content.extended .document_list li .btn {
              padding: 0;
              width: 100%;
              height: 100%; }
            .popin-videoconf .popin-videoconf-box .popin-videoconf-content.extended .document_list li img {
              width: 100%;
              height: 65px;
              object-fit: cover; }
            .popin-videoconf .popin-videoconf-box .popin-videoconf-content.extended .document_list li:first-child .document-browser-upload {
              display: block;
              width: 100%;
              flex: 0 0 100%;
              height: 90px; }
            .popin-videoconf .popin-videoconf-box .popin-videoconf-content.extended .document_list li .document-browser-info {
              z-index: 30;
              display: flex;
              justify-content: space-around;
              align-items: center;
              margin: 8px 8px 0 0;
              position: absolute;
              right: 0;
              top: 0; }
              .popin-videoconf .popin-videoconf-box .popin-videoconf-content.extended .document_list li .document-browser-info button {
                padding: 0;
                width: 26px;
                height: 26px;
                margin-left: 4px;
                color: #fff;
                transition: none;
                font-size: 12px;
                background-color: rgba(0, 0, 0, 0.65);
                border: solid 1px #fff; }
      .popin-videoconf .popin-videoconf-box .popin-videoconf-content .popin-videoconf-section {
        width: 100%; }
        .popin-videoconf .popin-videoconf-box .popin-videoconf-content .popin-videoconf-section .popin-videoconf-section-title {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-left: 5px; }
        .popin-videoconf .popin-videoconf-box .popin-videoconf-content .popin-videoconf-section select {
          width: 100%;
          border-radius: 5px;
          margin: 2px 0;
          padding: 3px;
          height: 31px;
          /*@media (min-height: $screen-sm-min) {
                        margin: 15px 0;
                    }*/ }
        .popin-videoconf .popin-videoconf-box .popin-videoconf-content .popin-videoconf-section .source_off {
          width: 100%;
          border-radius: 5px;
          margin: 2px 0;
          padding: 3px;
          height: 31px;
          background: #675B69; }
          .popin-videoconf .popin-videoconf-box .popin-videoconf-content .popin-videoconf-section .source_off i {
            padding: 0 10px 0 5px; }
        .popin-videoconf .popin-videoconf-box .popin-videoconf-content .popin-videoconf-section .preview {
          border-radius: 5px;
          overflow: hidden;
          position: relative;
          /*@media (max-height: $screen-sm-min) {
                        display:none;
                    }
                    @media (max-width: $screen-sm-min),
                    (max-height: $screen-md-min) {
                        height: 70px;

                    }*/ }
          .popin-videoconf .popin-videoconf-box .popin-videoconf-content .popin-videoconf-section .preview.off {
            background: #ccc;
            min-height: 180px; }
            .popin-videoconf .popin-videoconf-box .popin-videoconf-content .popin-videoconf-section .preview.off:before {
              content: '\e91b';
              position: absolute;
              font-family: 'blasticon' !important;
              color: #f5f3f3;
              font-size: 63px;
              opacity: 0.8;
              width: 100%;
              height: 100%;
              display: flex;
              align-items: center;
              justify-content: center; }
            .popin-videoconf .popin-videoconf-box .popin-videoconf-content .popin-videoconf-section .preview.off.audio:before {
              content: '\e906'; }
          .popin-videoconf .popin-videoconf-box .popin-videoconf-content .popin-videoconf-section .preview video {
            height: inherit; }
      .popin-videoconf .popin-videoconf-box .popin-videoconf-content .btn-bar {
        margin-top: 5px; }
    .popin-videoconf .popin-videoconf-box .popin-videoconf-join-nocam {
      text-align: center;
      margin: 12px auto;
      font-size: 13px; }
    .popin-videoconf .popin-videoconf-box .popin-videoconf-cancel {
      color: #fff;
      text-align: center; }
  @media (max-width: 768px) {
    .popin-videoconf.popin-videoconf-sources .popin-videoconf-box {
      max-width: 50%;
      min-width: 250px; }
      .popin-videoconf.popin-videoconf-sources .popin-videoconf-box video {
        max-height: 200px;
        height: auto !important; } }
  @media (max-height: 569px) {
    .popin-videoconf.popin-videoconf-sources .title-poppins {
      display: none; } }
  .popin-videoconf .device-refuse {
    display: flex;
    align-items: center;
    flex-direction: column; }
    .popin-videoconf .device-refuse i {
      font-size: 22px;
      margin-bottom: 12px; }
  .popin-videoconf .device-icon-refuse {
    border-radius: 6px;
    display: flex;
    background: #d76247;
    padding: 24px 0;
    align-items: center;
    flex-direction: column; }
    .popin-videoconf .device-icon-refuse i {
      color: #fff;
      margin: 12px 0;
      font-size: 50px; }
  .popin-videoconf .device-workflow {
    text-align: center; }
    .popin-videoconf .device-workflow img {
      max-width: 360px;
      width: 100%; }
    .popin-videoconf .device-workflow .device-info {
      padding: 24px 0; }
  .popin-videoconf .popin-videoconf-source {
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    height: 100%;
    margin: 0;
    top: 0;
    padding: 0px 0px 13px;
    width: 100%;
    position: absolute;
    background: #020024;
    background: linear-gradient(0deg, #020024 2%, rgba(228, 25, 25, 0) 35%);
    color: #fff;
    z-index: 9999999; }
    .popin-videoconf .popin-videoconf-source .popin-videoconf-source-item {
      flex: 0 0 calc( 50% - 10px);
      z-index: 999; }
      .popin-videoconf .popin-videoconf-source .popin-videoconf-source-item select {
        margin: 0 !important; }
    .popin-videoconf .popin-videoconf-source .virtual-background {
      text-shadow: #1d1c18 1px 0 10px;
      display: flex;
      align-items: center;
      position: absolute;
      top: 5px;
      right: 5px; }
      .popin-videoconf .popin-videoconf-source .virtual-background .virtual-background-open {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: space-evenly;
        align-items: center;
        flex-direction: row; }
        .popin-videoconf .popin-videoconf-source .virtual-background .virtual-background-open .btn {
          height: 30px;
          margin: 0 3px;
          width: 40px;
          padding: 0;
          overflow: hidden;
          border: 2px solid #ffffff;
          font-size: 12px; }
          .popin-videoconf .popin-videoconf-source .virtual-background .virtual-background-open .btn.active {
            border-color: #0075ff; }
          .popin-videoconf .popin-videoconf-source .virtual-background .virtual-background-open .btn .icon-cancel {
            font-size: 12px; }
          .popin-videoconf .popin-videoconf-source .virtual-background .virtual-background-open .btn .icon-blur,
          .popin-videoconf .popin-videoconf-source .virtual-background .virtual-background-open .btn .icon-plus {
            font-size: 16px; }
          .popin-videoconf .popin-videoconf-source .virtual-background .virtual-background-open .btn img {
            max-height: 100%; }
      .popin-videoconf .popin-videoconf-source .virtual-background .virtual-background-toggle {
        cursor: pointer; }
      .popin-videoconf .popin-videoconf-source .virtual-background .virtual-background-icon {
        display: flex;
        width: 30px;
        height: 30px;
        margin-left: 10px;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        background: linear-gradient(45deg, #e0e0e0 5%, transparent 5%, transparent 45%, #e0e0e0 45%, #e0e0e0 55%, transparent 55%, transparent 95%, #e0e0e0 95%);
        background-size: 4px 4px;
        background-position: 50px 50px;
        color: #ffffff; }
        .popin-videoconf .popin-videoconf-source .virtual-background .virtual-background-icon.active {
          background-image: linear-gradient(45deg, #ffffff 5%, #0075ff 5%, #0075ff 45%, #ffffff 45%, #ffffff 55%, #0075ff 55%, #0075ff 95%, #ffffff 95%);
          background-color: #0075ff; }

/*
.in-videoconf .broadcaster{
    div#player,#videoconf_overlay {
        width: calc(100% - 20px);
        height: calc(100% - 88px);
        margin: 10px;
    }
    #videoconf_overlay{
        border: 2px solid #ccc;
    }
}*/
@media (max-width: 768px) and (orientation: portrait) {
  .popin-videoconf .popin-videoconf-box .title-poppins {
    margin: 20px 20px 0; }
  .popin-videoconf .popin-videoconf-box .popin-videoconf-content {
    margin: 0; }
  .mobile-tab {
    bottom: 0; }
    .mobile-tab .tab-sub {
      top: initial;
      bottom: 48px;
      transform: translateY(48px); }
  .videoconf_user_list .video-control {
    display: none; }
  /*.document_browser {
        ul {
            li {
                display: inline;
            }
        }
    }*/
  .live-container .chat {
    width: 100%;
    height: calc(100vh - 56.25vw - 50px);
    flex: none;
    top: calc(56.25vw+50px);
    transition: top .3s ease-in-out; }
    .live-container .chat.panel_opened {
      top: 0px; }
  .live-container .videoconf {
    width: 100%;
    overflow: inherit;
    flex: inherit;
    transition: height .3s ease-in-out; }
    .live-container .videoconf.panel_opened {
      height: 56.25vw; }
      .live-container .videoconf.panel_opened #chat_overlay,
      .live-container .videoconf.panel_opened .settings_recap {
        display: none;
        opacity: 0;
        left: -100%; }
  /*.panel-left {
        .panel-left-toggle {
            visibility: hidden!important;
        }
    }*/
  .live,
  .viewer {
    /*.panel {
            display: none;
        }*/
    /*.panel-option {
            z-index: 1005;
            position: absolute;
            left: 0;
            &.open {
                width: 100vw;
                right: 0;
                top: -95vh;
            }
        }
        .panel-left {
            z-index: 1000;
            position: absolute;
            left: 0;
            top: 0;
            .panel-left-toggle {
                visibility: visible!important;
            }
            &.open {
                margin-left: 0 !important;
                width: 100vw;
                right: 0;
                .panel {
                    display: block;
                }
            }

        }*/ }
    .live .live-container,
    .viewer .live-container {
      flex-direction: column; }
      .live .live-container .chat,
      .viewer .live-container .chat {
        width: 100%;
        height: calc(100% - 56.25vw - 50px);
        flex: auto;
        transition: top .3s ease-in-out;
        margin-top: 1px;
        border-radius: 0; }
        .live .live-container .chat.panel_opened,
        .viewer .live-container .chat.panel_opened {
          top: 0px; }
      .live .live-container .videoconf,
      .viewer .live-container .videoconf {
        width: 100%;
        height: 56.25vw;
        overflow: inherit;
        flex: inherit;
        transition: height .3s ease-in-out; }
        .live .live-container .videoconf video,
        .viewer .live-container .videoconf video {
          padding-bottom: 0 !important; }
        .live .live-container .videoconf.panel_opened,
        .viewer .live-container .videoconf.panel_opened {
          height: 56.25vw; }
          .live .live-container .videoconf.panel_opened #chat_overlay,
          .live .live-container .videoconf.panel_opened .settings_recap,
          .viewer .live-container .videoconf.panel_opened #chat_overlay,
          .viewer .live-container .videoconf.panel_opened .settings_recap {
            display: none;
            opacity: 0;
            left: -100%; }
    .live.no_chat .live-container .videoconf,
    .viewer.no_chat .live-container .videoconf {
      height: 100%; }
  /*.is-mobile {
        .hide_header {
            .chat {
                .chat_message_list {
                    flex: initial;
                    height: calc(100% - 120px);
                }
            }
        }
    }*/
  body:not(.in-videoconf) .viewer {
    /*.chat-header {
            display: block;
        }*/ }
    body:not(.in-videoconf) .viewer .mobile-tab {
      display: none; }
    body:not(.in-videoconf) .viewer .chat {
      top: 0px;
      height: calc(100% - 56.25vw); }
      body:not(.in-videoconf) .viewer .chat .chat_message {
        height: calc(100% - 50px - 40px); }
    body:not(.in-videoconf) .viewer .videoconf {
      height: 56.25vw; }
  .in-videoconf #chat_overlay {
    position: absolute;
    bottom: 10px;
    height: auto;
    width: calc(100% - 90px);
    display: inherit;
    z-index: 12;
    opacity: 1;
    left: 0px;
    transition: opacity .3s ease-in-out, left .6s ease-in-out; }
    .in-videoconf #chat_overlay div {
      float: left;
      clear: both;
      margin: 5px;
      background: white;
      padding: 3px 8px;
      border-radius: 3px;
      opacity: 1; }
      .in-videoconf #chat_overlay div .username {
        font-weight: bold; }
      .in-videoconf #chat_overlay div.i2 {
        opacity: 0.8; }
      .in-videoconf #chat_overlay div.i3 {
        opacity: 0.6; }
      .in-videoconf #chat_overlay div.i4 {
        opacity: 0.4; } }

@media (max-width: 768px) and (orientation: landscape) {
  .visio_controller_bar {
    width: calc(100% - 275px);
    margin: 0;
    transform: initial;
    left: auto; }
    .visio_controller_bar .videoconf_user_action .btn-start i {
      margin-right: 0; }
    .visio_controller_bar .videoconf_user_action .btn-start {
      padding: 11px 15px 10px 15px !important; }
  .no_chat .visio_controller_bar {
    width: 100%; } }

@media (max-width: 610px) and (orientation: landscape) {
  .visio_controller_bar {
    width: calc(100% - 275px);
    margin: 0px;
    border-radius: 0; }
  .no_chat .visio_controller_bar {
    width: 100%; } }

.start_participant {
  top: 0;
  /*height: 100%;*/
  display: flex;
  width: 100%;
  position: absolute;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  overflow: auto; }

.settings_invite,
.ask_visio_wainting {
  height: 100%;
  width: auto;
  z-index: 9999999;
  background: #000000;
  cursor: pointer; }
  .settings_invite .btn,
  .ask_visio_wainting .btn {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-left: 12px;
    padding-right: 12px; }
    .settings_invite .btn i,
    .ask_visio_wainting .btn i {
      margin-right: 5px; }

@media (max-width: 569px) and (orientation: portrait) {
  .settings_invite,
  .ask_visio_wainting {
    position: relative;
    left: 0%; } }

@media (max-width: 569px) and (orientation: portrait) {
  .popin-videoconf .popin-videoconf-box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*.popin-videoconf-content {
                border-radius: 10px 10px 0px 0px;
            }
            .popin-videoconf-cancel {
                background: #fff;
                color: #000;
                padding: 2px 0;
            }*/ }
    .popin-videoconf .popin-videoconf-box .title-poppins h2 {
      font-size: 5vw;
      line-height: auto; }
    .popin-videoconf .popin-videoconf-box .title-poppins p {
      display: none; }
  .popin-videoconf.settings_recap_container .popin-videoconf-box {
    justify-content: flex-end; }
    .popin-videoconf.settings_recap_container .popin-videoconf-box .popin-videoconf-content {
      border-radius: 10px 10px 0 0; }
  .start_participant .settings_invite,
  .start_participant .ask_visio_wainting {
    height: 50px;
    bottom: 22px !important;
    width: auto;
    z-index: 9999999;
    position: absolute;
    cursor: pointer;
    left: 17% !important; }
    .start_participant .settings_invite .btn,
    .start_participant .ask_visio_wainting .btn {
      width: 100%;
      height: 50px;
      padding-left: 12px;
      padding-right: 12px; } }

.playerSimpleInfoBroadcast {
  position: absolute;
  background: black;
  color: white;
  z-index: 10;
  width: 100%;
  text-align: center; }
  .playerSimpleInfoBroadcast .list-item2 {
    margin: 5px; }
    .playerSimpleInfoBroadcast .list-item2 input {
      border: 1px solid #aaa;
      margin-right: 5px;
      padding: 4px;
      font-size: 12px; }

.show_drag_and_drop .btn-over {
  display: block; }

.source_row {
  border-radius: 4px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ccd1db;
  background-color: #ffffff;
  margin-bottom: 6px;
  position: relative;
  overflow: hidden; }
  .source_row.row_black {
    border-color: rgba(167, 187, 218, 0.4);
    border-radius: 4px;
    background-color: #1D2634;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    color: #C8D1DF; }
  .source_row .source_row_item {
    font-size: 12px;
    font-weight: 600;
    width: 100%;
    height: auto;
    position: relative;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .source_row .source_row_item.source_row_item_active {
      border-color: #7eefcc; }
    .source_row .source_row_item .img_thumb_box {
      display: inline;
      margin: 0 10px 0 0; }
    .source_row .source_row_item .one-row {
      display: flex;
      align-items: center;
      position: relative;
      height: 100%;
      padding: 5px 0 5px 5px;
      flex-grow: 1; }
      .source_row .source_row_item .one-row .source_row_item_rows {
        width: 210px; }
        @media (max-width: 1200px) {
          .source_row .source_row_item .one-row .source_row_item_rows {
            width: 160px; } }
      .source_row .source_row_item .one-row .btn-drag {
        font-size: 11px;
        border: none;
        width: auto;
        background: transparent;
        margin-right: 5px;
        color: #676d99;
        padding: 0 0 0 0;
        cursor: pointer;
        cursor: move; }
      .source_row .source_row_item .one-row .source_row_item_name {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        flex-grow: 1;
        align-items: center; }
        .source_row .source_row_item .one-row .source_row_item_name.source_row_item_rows {
          display: initial; }
      .source_row .source_row_item .one-row .source_row_item_icon {
        position: relative;
        margin-right: 8px;
        font-size: 14px;
        width: 16px;
        display: inline-block; }
        .source_row .source_row_item .one-row .source_row_item_icon.icon-media {
          color: #E81046; }
        .source_row .source_row_item .one-row .source_row_item_icon.icon-file-doc {
          color: #E81046; }
        .source_row .source_row_item .one-row .source_row_item_icon.icon-screen-round, .source_row .source_row_item .one-row .source_row_item_icon.icon-user-circle {
          color: #367af4; }
        .source_row .source_row_item .one-row .source_row_item_icon.icon-file-video {
          color: #9B36F4; }
        .source_row .source_row_item .one-row .source_row_item_icon.icon-text {
          color: #367af4; }
        .source_row .source_row_item .one-row .source_row_item_icon.icon-server {
          color: #FF8700; }
      .source_row .source_row_item .one-row .videoconf_source_item_status {
        position: absolute;
        background: #675B69;
        color: #fff;
        top: -10px;
        font-style: normal;
        height: 14px;
        width: 14px;
        left: 8px;
        text-align: center;
        font-size: 7px;
        border: 2px solid #fff;
        border-radius: 50%; }
        .source_row .source_row_item .one-row .videoconf_source_item_status.videoconf_source_item_status_20 {
          background: #0ec2eb; }
        .source_row .source_row_item .one-row .videoconf_source_item_status.videoconf_source_item_status_40 {
          background: #7442ab; }
        .source_row .source_row_item .one-row .videoconf_source_item_status.videoconf_source_item_status_50 {
          background: #b23fc7; }
        .source_row .source_row_item .one-row .videoconf_source_item_status.videoconf_source_item_status_60 {
          background: #EB0E50; }
    .source_row .source_row_item.source_row_item_black .one-row .btn-drag {
      color: #C8D1DF;
      width: auto;
      background: transparent;
      padding-right: 10px;
      height: 100%; }
    .source_row .source_row_item .img_thumb_preview {
      position: absolute;
      bottom: 25px;
      left: 60px;
      border-radius: 5px;
      z-index: 5; }
    .source_row .source_row_item .videoconf_source_item_advanced {
      align-items: center;
      display: flex;
      width: 100%; }
      .source_row .source_row_item .videoconf_source_item_advanced .videoconf_source_item_thumb {
        margin-left: 20px;
        margin-top: 3px; }
      .source_row .source_row_item .videoconf_source_item_advanced .videoconf_source_item_nav {
        display: flex;
        width: 100%;
        margin-top: 7px; }
        .source_row .source_row_item .videoconf_source_item_advanced .videoconf_source_item_nav .videoconf_source_item_nav_bt {
          display: flex;
          flex-basis: 100%;
          text-align: center;
          cursor: pointer; }
          .source_row .source_row_item .videoconf_source_item_advanced .videoconf_source_item_nav .videoconf_source_item_nav_bt p {
            width: 100%;
            text-align: center;
            vertical-align: middle;
            line-height: 20px;
            margin: 15 15;
            background: #eeeeef;
            border-radius: 5px; }
          .source_row .source_row_item .videoconf_source_item_advanced .videoconf_source_item_nav .videoconf_source_item_nav_bt .videoconf_source_item_thumb {
            margin-top: 0;
            width: 70px;
            height: 47px;
            margin-left: 5px;
            margin-right: 5px; }
        .source_row .source_row_item .videoconf_source_item_advanced .videoconf_source_item_nav span {
          border-radius: 5px;
          border-radius: 2px;
          background: #eeeeef;
          padding: 2px 4px;
          display: inline-block; }
        .source_row .source_row_item .videoconf_source_item_advanced .videoconf_source_item_nav button {
          padding: 0; }
    .source_row .source_row_item .videoconf_source_item_remote_control {
      width: 100%;
      margin: 10px 10px 2px; }
      .source_row .source_row_item .videoconf_source_item_remote_control h5 {
        margin: 0 0 3px; }
      .source_row .source_row_item .videoconf_source_item_remote_control select {
        width: 100%;
        padding: 4px;
        margin-bottom: 5px; }
    .source_row .source_row_item .source_row_item_buttons {
      position: absolute;
      right: 0;
      z-index: 3;
      height: 100%;
      display: flex;
      align-items: center;
      background: #1d2634; }
      .source_row .source_row_item .source_row_item_buttons .btn {
        padding: 5px 10px; }
      .source_row .source_row_item .source_row_item_buttons .btn-over {
        position: absolute;
        right: 17px;
        top: 14px;
        z-index: 1;
        width: 26px;
        height: 26px;
        font-size: 12px;
        border: solid 1px #ffffff;
        margin: 4px 0 0 10px;
        padding: 0; }
    .source_row .source_row_item .icon-notif {
      color: orange;
      margin: 0 4px; }
    .source_row .source_row_item .source_row_item_actions {
      display: flex;
      margin: 0;
      background: #fff;
      position: absolute;
      align-items: center;
      height: 100%;
      right: -100%;
      top: 0;
      transition: right 0.3s ease-in-out;
      z-index: 5;
      min-width: 37px; }
      @media (max-width: 1200px) {
        .source_row .source_row_item .source_row_item_actions {
          margin-left: -275px; } }
      .source_row .source_row_item .source_row_item_actions button {
        border: none;
        background: transparent;
        color: #000;
        font-size: 14px;
        padding-left: 8px;
        padding-right: 8px;
        cursor: pointer;
        height: 100%; }
      .source_row .source_row_item .source_row_item_actions li:not(:last-child) {
        /*border-right: 1px solid #ccd1dc;*/ }
        .source_row .source_row_item .source_row_item_actions li:not(:last-child):after {
          border-right: 1px solid #ccd1dc;
          content: ""; }
    .source_row .source_row_item:hover .source_row_item_actions {
      right: 0; }
    .source_row .source_row_item .source_row_item_notice {
      position: absolute;
      right: 10px;
      top: 0px;
      z-index: 3;
      height: 100%;
      display: flex;
      align-items: center;
      background: #fff; }
      .source_row .source_row_item .source_row_item_notice i {
        margin: 0 2px; }
      .source_row .source_row_item .source_row_item_notice .icon-hand1 {
        color: #0075ff; }
    .source_row .source_row_item .volume_item_container {
      width: 100%;
      position: absolute;
      height: 1px;
      left: -5px;
      bottom: 0;
      display: none; }
      .source_row .source_row_item .volume_item_container .volume_item {
        transition: width 1s;
        width: 0%;
        background: #7eefcc;
        height: 100%; }
  .source_row.source_item_Doc .source_row_item_actions {
    height: 25%;
    top: 11px; }
  .source_row.source_item_Doc.source_item_video .source_row_item_actions {
    top: 0;
    height: 43px; }
  .source_row.source_item_video .volume_item_container {
    display: block; }
  .source_row.source_item_RemotePeer .volume_item_container {
    display: block; }
  .source_row.speaker_1 .icon-user-presentation {
    color: #EB0E50; }
  .source_row.source_notif {
    border-color: #ff870080; }
    .source_row.source_notif .videoconf_source_item_name {
      color: #FF8700; }
  .source_row.user_hand_raising {
    border-color: #0075ff80; }
    .source_row.user_hand_raising .videoconf_source_item_name {
      color: #0075ff; }
  .source_row.pause .videoconf_source_item_name * {
    opacity: 0.3; }
  .source_row.pause .videoconf_source_item_name .videoconf_source_item_picto {
    opacity: 1; }
  .source_row.videoconf_scene_item_pause:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ebeef3;
    opacity: 0.08;
    cursor: pointer; }
  .source_row.videoconf_scene_item_pause .videoconf_source_item_thumb {
    opacity: 0.25; }

.is-mobile .source_item_Doc .source_row_item_actions {
  height: inherit !important;
  top: inherit !important; }

.mobile .panel-left-live .source_row .source_row_item {
  padding: 0px; }
  .mobile .panel-left-live .source_row .source_row_item .one-row {
    width: 100%;
    padding: 10px; }
  .mobile .panel-left-live .source_row .source_row_item .source_row_item_actions {
    position: relative;
    display: flex;
    right: 0;
    width: 100%;
    margin-left: 0 !important;
    background: #ccd1d8;
    justify-content: flex-end;
    padding: 0px 3px; }
    .mobile .panel-left-live .source_row .source_row_item .source_row_item_actions button {
      padding: 5px 8px; }

.panel-left-live .source_row_item {
  cursor: pointer;
  overflow: hidden; }
  .panel-left-live .source_row_item:hover .source_row_item_icon:before {
    color: #4f5660;
    content: "\e92e"; }

.preview_manager_view .live-container {
  height: calc(100vh - 50px - 40%); }

.preview_manager_view .preview_manager {
  top: 60%; }

@media (max-height: 768px) {
  .preview_manager_view .live-container {
    height: calc(100vh - 50px); }
  .preview_manager_view .preview_manager {
    top: inherit;
    bottom: 0;
    height: 360px; } }

.live-container {
  transition: height 0.3s; }

.preview_manager,
.preview_notif {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: fixed;
  top: 100%;
  height: 40%;
  transition: top 0.3s;
  z-index: 99;
  background: red;
  width: 100%;
  left: 0;
  background: #3f4651;
  color: #fff;
  border-top: 1px solid #333;
  font-size: 14px; }
  .preview_manager .close_preview_manager,
  .preview_notif .close_preview_manager {
    position: absolute;
    top: 4px;
    right: 4px;
    padding: 0;
    z-index: 3;
    cursor: pointer;
    font-size: 15px;
    color: #ffffff; }
  .preview_manager .popout_link,
  .preview_notif .popout_link {
    position: absolute;
    top: 24px;
    right: 4px;
    padding: 0;
    z-index: 3;
    cursor: pointer;
    font-size: 20px; }
  .preview_manager.mosaic .item-title,
  .preview_notif.mosaic .item-title {
    display: none; }
  .preview_manager.mosaic .item-action,
  .preview_notif.mosaic .item-action {
    display: none; }
  .preview_manager.mosaic .choose_audio,
  .preview_notif.mosaic .choose_audio {
    display: none; }
  .preview_manager.mosaic .preview_content button,
  .preview_notif.mosaic .preview_content button {
    display: none; }
  .preview_manager.mosaic .item,
  .preview_notif.mosaic .item {
    height: 105px;
    padding: 5px;
    float: left; }
  .preview_manager.mosaic .noconnected,
  .preview_notif.mosaic .noconnected {
    display: none; }
  .preview_manager.mosaic .preview_actions,
  .preview_notif.mosaic .preview_actions {
    display: none; }
  .preview_manager .item.disconnected,
  .preview_notif .item.disconnected {
    display: none; }
  .preview_manager button,
  .preview_notif button {
    font-size: 11px;
    padding: 8px 8px 7px;
    border-radius: 3px;
    line-height: 1.4; }
  .preview_manager .view-state,
  .preview_notif .view-state {
    font-size: 15px;
    margin: 0px 7px; }
  .preview_manager .preview_filters,
  .preview_manager .preview_content,
  .preview_manager .preview_actions,
  .preview_notif .preview_filters,
  .preview_notif .preview_content,
  .preview_notif .preview_actions {
    margin: auto;
    width: 100%; }
    .preview_manager .preview_filters .section,
    .preview_manager .preview_content .section,
    .preview_manager .preview_actions .section,
    .preview_notif .preview_filters .section,
    .preview_notif .preview_content .section,
    .preview_notif .preview_actions .section {
      height: 100%;
      width: 100%;
      margin: auto; }
      .preview_manager .preview_filters .section .section_inner,
      .preview_manager .preview_content .section .section_inner,
      .preview_manager .preview_actions .section .section_inner,
      .preview_notif .preview_filters .section .section_inner,
      .preview_notif .preview_content .section .section_inner,
      .preview_notif .preview_actions .section .section_inner {
        padding: 9px; }
        .preview_manager .preview_filters .section .section_inner p,
        .preview_manager .preview_content .section .section_inner p,
        .preview_manager .preview_actions .section .section_inner p,
        .preview_notif .preview_filters .section .section_inner p,
        .preview_notif .preview_content .section .section_inner p,
        .preview_notif .preview_actions .section .section_inner p {
          margin: 0;
          line-height: 2.3; }
        .preview_manager .preview_filters .section .section_inner .left,
        .preview_manager .preview_content .section .section_inner .left,
        .preview_manager .preview_actions .section .section_inner .left,
        .preview_notif .preview_filters .section .section_inner .left,
        .preview_notif .preview_content .section .section_inner .left,
        .preview_notif .preview_actions .section .section_inner .left {
          float: left; }
        .preview_manager .preview_filters .section .section_inner .right,
        .preview_manager .preview_content .section .section_inner .right,
        .preview_manager .preview_actions .section .section_inner .right,
        .preview_notif .preview_filters .section .section_inner .right,
        .preview_notif .preview_content .section .section_inner .right,
        .preview_notif .preview_actions .section .section_inner .right {
          float: right;
          margin-right: 15px; }
        .preview_manager .preview_filters .section .section_inner select,
        .preview_manager .preview_content .section .section_inner select,
        .preview_manager .preview_actions .section .section_inner select,
        .preview_notif .preview_filters .section .section_inner select,
        .preview_notif .preview_content .section .section_inner select,
        .preview_notif .preview_actions .section .section_inner select {
          margin-right: 5px; }
        .preview_manager .preview_filters .section .section_inner input,
        .preview_manager .preview_content .section .section_inner input,
        .preview_manager .preview_actions .section .section_inner input,
        .preview_notif .preview_filters .section .section_inner input,
        .preview_notif .preview_content .section .section_inner input,
        .preview_notif .preview_actions .section .section_inner input {
          padding: 2px 4px;
          margin-right: 5px; }
        .preview_manager .preview_filters .section .section_inner .select_box,
        .preview_manager .preview_content .section .section_inner .select_box,
        .preview_manager .preview_actions .section .section_inner .select_box,
        .preview_notif .preview_filters .section .section_inner .select_box,
        .preview_notif .preview_content .section .section_inner .select_box,
        .preview_notif .preview_actions .section .section_inner .select_box {
          margin-top: 10px;
          float: right;
          margin-left: 5px; }
        .preview_manager .preview_filters .section .section_inner .cancel-q,
        .preview_manager .preview_content .section .section_inner .cancel-q,
        .preview_manager .preview_actions .section .section_inner .cancel-q,
        .preview_notif .preview_filters .section .section_inner .cancel-q,
        .preview_notif .preview_content .section .section_inner .cancel-q,
        .preview_notif .preview_actions .section .section_inner .cancel-q {
          background: none;
          border: none;
          position: absolute;
          margin-left: -33px;
          margin-top: 3px;
          color: #999;
          cursor: pointer; }
  .preview_manager .preview_filters,
  .preview_manager .preview_actions,
  .preview_notif .preview_filters,
  .preview_notif .preview_actions {
    flex: 0 0 50px;
    background: rgba(10, 19, 33, 0.23); }
  .preview_manager .form-single-row,
  .preview_notif .form-single-row {
    display: inline; }
  .preview_manager .preview_content,
  .preview_notif .preview_content {
    flex: 1;
    height: 1; }
    .preview_manager .preview_content .section,
    .preview_notif .preview_content .section {
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      overflow-x: auto; }
  .preview_manager .item,
  .preview_notif .item {
    width: 175px;
    display: inline-block;
    background: rgba(10, 19, 33, 0.23);
    position: relative;
    padding: 2px 5px 2px 5px;
    height: calc(100% - 10px);
    margin: 5px;
    vertical-align: top;
    border-radius: 3px;
    white-space: normal;
    border: 1px solid #333;
    /*.choose_audio {
            transform: rotate(270deg);
            width: 66px;
            position: absolute;
            top: 37px;
            right: -5px;
            input {
                margin: 2px 0;
                background: transparent;
            }
            input::-webkit-slider-thumb {
                -webkit-appearance: none;
                appearance: none;
                width: 10;
                background: transparent;
                height: 10;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-top: 14px solid $blue;
                background: none;
                padding-top: 15px;
            }
        }*/ }
    .preview_manager .item.progress,
    .preview_notif .item.progress {
      background: rgba(10, 19, 33, 0.5);
      border: 1px solid #eee; }
    .preview_manager .item .item-notif,
    .preview_notif .item .item-notif {
      position: absolute;
      top: 24px;
      font-size: 9px;
      /* left: 11px; */
      background: rgba(0, 0, 0, 0.2);
      /* font-weight: normal; */
      height: auto;
      padding: 5px;
      border-radius: 3px; }
      .preview_manager .item .item-notif p,
      .preview_notif .item .item-notif p {
        margin-bottom: 0; }
    .preview_manager .item .item-inner.center,
    .preview_notif .item .item-inner.center {
      display: flex;
      justify-content: center;
      flex-direction: column;
      height: calc(100% - 30px);
      text-align: center; }
    .preview_manager .item .item-title,
    .preview_notif .item .item-title {
      float: left;
      width: 100%;
      margin-bottom: -4px; }
    .preview_manager .item.expand_chat .item-preview-video,
    .preview_notif .item.expand_chat .item-preview-video {
      visibility: hidden;
      height: 0; }
    .preview_manager .item video,
    .preview_notif .item video {
      height: 94px;
      max-height: 94px;
      border-radius: 3px; }
    .preview_manager .item span,
    .preview_notif .item span {
      font-weight: bold; }
    .preview_manager .item .mini_chat,
    .preview_notif .item .mini_chat {
      width: 100%;
      background: rgba(255, 255, 255, 0.23);
      height: calc(100% - 214px);
      float: left;
      margin-bottom: 5px;
      border-radius: 3px; }
      .preview_manager .item .mini_chat .mini_chat_inner,
      .preview_notif .item .mini_chat .mini_chat_inner {
        height: calc(100% - 4px);
        overflow: auto;
        margin: 3px; }
        .preview_manager .item .mini_chat .mini_chat_inner p,
        .preview_notif .item .mini_chat .mini_chat_inner p {
          margin: 0; }
          .preview_manager .item .mini_chat .mini_chat_inner p:not(.from),
          .preview_notif .item .mini_chat .mini_chat_inner p:not(.from) {
            text-align: right;
            background: grey;
            padding-right: 3px; }
      .preview_manager .item .mini_chat .mini_chat_toggle,
      .preview_notif .item .mini_chat .mini_chat_toggle {
        display: none; }
        @media (max-height: 930px) {
          .preview_manager .item .mini_chat .mini_chat_toggle,
          .preview_notif .item .mini_chat .mini_chat_toggle {
            display: block;
            position: absolute;
            width: 15px;
            height: 15px;
            background: black;
            text-align: center;
            border-radius: 3px 0 3px 0;
            cursor: pointer; } }
    .preview_manager .item .select_box,
    .preview_notif .item .select_box {
      float: right;
      margin-top: 4px; }
    .preview_manager .item .item-action,
    .preview_notif .item .item-action {
      position: absolute;
      margin-top: -20px;
      background: rgba(255, 255, 255, 0.5);
      width: calc(100% - 10px);
      border-radius: 0px;
      border-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px; }
      .preview_manager .item .item-action button,
      .preview_notif .item .item-action button {
        cursor: pointer;
        background: none;
        border: none;
        padding: 5px 8px 4px; }
    .preview_manager .item .camera_hide,
    .preview_notif .item .camera_hide {
      position: absolute;
      margin-top: -93px;
      font-size: 9px;
      text-align: center;
      background: black;
      height: 94px;
      width: calc(100% - 10px); }
      .preview_manager .item .camera_hide.center,
      .preview_notif .item .camera_hide.center {
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center; }
    .preview_manager .item button,
    .preview_notif .item button {
      border-radius: 3px; }
      .preview_manager .item button:disabled,
      .preview_notif .item button:disabled {
        background: #ccc;
        cursor: default; }
    .preview_manager .item .speakto,
    .preview_notif .item .speakto {
      width: 100%;
      margin: 5px 0; }
    .preview_manager .item .chat_message_form_input,
    .preview_notif .item .chat_message_form_input {
      width: calc(100% - 27px);
      font-size: 11px;
      padding: 6px 8px 4px;
      border-radius: 3px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      height: auto; }
    .preview_manager .item .send-message,
    .preview_notif .item .send-message {
      max-width: 50px;
      /* height: 20px;
             white-space: nowrap; */
      overflow: hidden;
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }
    .preview_manager .item .choose_audio,
    .preview_notif .item .choose_audio {
      transform: rotate(270deg);
      width: 72px;
      position: absolute;
      top: 62px;
      margin: 0;
      padding: 0;
      right: -22px; }
      .preview_manager .item .choose_audio .vumeter,
      .preview_notif .item .choose_audio .vumeter {
        top: -4px;
        z-index: -1; }
      .preview_manager .item .choose_audio input[type=range],
      .preview_notif .item .choose_audio input[type=range] {
        margin-top: 0;
        margin-left: 0px;
        border-radius: 0px;
        top: 2px;
        position: absolute; }
      .preview_manager .item .choose_audio input[type=range]::-webkit-slider-thumb,
      .preview_notif .item .choose_audio input[type=range]::-webkit-slider-thumb {
        height: 14px;
        width: 14px; }
  .preview_manager .preview_filters .section .section_inner input,
  .preview_manager .preview_actions .section .section_inner input,
  .preview_notif .preview_filters .section .section_inner input,
  .preview_notif .preview_actions .section .section_inner input {
    padding: 3px 4px 4px; }
  .preview_manager .preview_filters .section .section_inner button,
  .preview_manager .preview_actions .section .section_inner button,
  .preview_notif .preview_filters .section .section_inner button,
  .preview_notif .preview_actions .section .section_inner button {
    padding: 9px 8px 7px; }

.popout-container .preview_manager {
  height: 100%;
  position: inherit; }
  .popout-container .preview_manager .section {
    overflow-y: auto; }
  .popout-container .preview_manager .item {
    max-height: 300px;
    float: left;
    display: inherit; }
  .popout-container .preview_manager .mini_chat {
    height: calc(100% - 192px); }

.preview_notif {
  position: absolute;
  top: 10;
  left: 10;
  z-index: 1999;
  width: 175px;
  height: 115px;
  border-radius: 3px;
  font-size: 12px; }
  .preview_notif p {
    margin: 0;
    margin-bottom: 5px; }
  .preview_notif .item {
    padding-top: 0;
    background: none;
    border: none; }
  .preview_notif .mini_chat {
    height: 50px !important; }

.icon-camera.disable {
  opacity: 0.3; }

/*
.is-mobile #player_controller_sound {
    display: none;
}
 */
@media (max-width: 768px) and (orientation: portrait) {
  aside.emoji-picker-react {
    width: 100% !important;
    height: 275px !important; }
  .chat_collaborator_room_access,
  .popout_link {
    display: none; }
  .player_controller {
    width: 80px; }
  .videonconf_message {
    height: 100%; }
  .livestreaming-controller-guest .append {
    height: 28px; }
  .in-videoconf .livestreaming-controller-guest {
    display: none; }
  .livestreaming-controller .append {
    display: none !important; } }

.is-mobile #player_controller_sound {
  display: none; }

.is-mobile .player_controller {
  width: auto; }

.is-mobile .virtual-background {
  display: none; }

.scene-in-live {
  width: 10px;
  height: 10px;
  background: red;
  border-radius: 50%;
  margin-top: 3px;
  margin-right: 3px;
  display: inline-block; }

.preview-in-popin {
  font-size: 14px !important;
  padding: 0 !important;
  font-weight: bold !important;
  padding-left: 7px !important; }

.mosaic_iframe {
  width: 50%; }
  .mosaic_iframe iframe {
    border: 0px solid #fff; }

.panel-left .btn.btn-mosaic {
  padding: 1px 7px;
  display: flex;
  float: right;
  font-size: 10px;
  position: relative;
  background: #EB0E50;
  align-items: center;
  cursor: pointer;
  border: none !important; }
  .panel-left .btn.btn-mosaic:before {
    content: "NEW !";
    position: absolute;
    color: #EB0E50;
    top: -15px;
    right: 2px; }
  .panel-left .btn.btn-mosaic i {
    font-size: 16px;
    margin-right: 7px; }

.mosaic_container_grid {
  display: grid;
  grid-gap: 10px;
  height: 100%;
  align-items: center; }
  .mosaic_container_grid.nbcols_1 {
    grid-template-columns: repeat(1, 1fr); }
  .mosaic_container_grid.nbcols_2 {
    grid-template-columns: repeat(2, 1fr); }
  .mosaic_container_grid.nbcols_3 {
    grid-template-columns: repeat(3, 1fr); }
  .mosaic_container_grid.nbcols_4 {
    grid-template-columns: repeat(4, 1fr); }
  .mosaic_container_grid.nbcols_5 {
    grid-template-columns: repeat(5, 1fr); }
  .mosaic_container_grid.nbcols_6 {
    grid-template-columns: repeat(6, 1fr); }
  .mosaic_container_grid.nbcols_7 {
    grid-template-columns: repeat(7, 1fr); }
  .mosaic_container_grid.nbcols_8 {
    grid-template-columns: repeat(8, 1fr); }
  .mosaic_container_grid.nbcols_9 {
    grid-template-columns: repeat(9, 1fr); }
  .mosaic_container_grid.nbcols_10 {
    grid-template-columns: repeat(10, 1fr); }
  .mosaic_container_grid.nbcols_11 {
    grid-template-columns: repeat(11, 1fr); }
  .mosaic_container_grid.nbcols_12 {
    grid-template-columns: repeat(12, 1fr); }
  .mosaic_container_grid.nbcols_13 {
    grid-template-columns: repeat(13, 1fr); }
  .mosaic_container_grid.nbcols_14 {
    grid-template-columns: repeat(14, 1fr); }
  .mosaic_container_grid.nbcols_15 {
    grid-template-columns: repeat(15, 1fr); }
  .mosaic_container_grid.nbcols_16 {
    grid-template-columns: repeat(16, 1fr); }
  .mosaic_container_grid.nbcols_17 {
    grid-template-columns: repeat(17, 1fr); }
  .mosaic_container_grid.nbcols_18 {
    grid-template-columns: repeat(18, 1fr); }
  .mosaic_container_grid.nbcols_19 {
    grid-template-columns: repeat(19, 1fr); }
  .mosaic_container_grid.nbcols_20 {
    grid-template-columns: repeat(20, 1fr); }
  .mosaic_container_grid.nbcols_21 {
    grid-template-columns: repeat(21, 1fr); }
  .mosaic_container_grid.nbcols_22 {
    grid-template-columns: repeat(22, 1fr); }
  .mosaic_container_grid.nbcols_23 {
    grid-template-columns: repeat(23, 1fr); }
  .mosaic_container_grid.nbcols_24 {
    grid-template-columns: repeat(24, 1fr); }
  .mosaic_container_grid.nbcols_25 {
    grid-template-columns: repeat(25, 1fr); }
  .mosaic_container_grid.nbcols_26 {
    grid-template-columns: repeat(26, 1fr); }
  .mosaic_container_grid.nbcols_27 {
    grid-template-columns: repeat(27, 1fr); }
  .mosaic_container_grid.nbcols_28 {
    grid-template-columns: repeat(28, 1fr); }
  .mosaic_container_grid.nbcols_29 {
    grid-template-columns: repeat(29, 1fr); }
  .mosaic_container_grid.nbcols_30 {
    grid-template-columns: repeat(30, 1fr); }
  .mosaic_container_grid.nbcols_31 {
    grid-template-columns: repeat(31, 1fr); }
  .mosaic_container_grid.nbcols_32 {
    grid-template-columns: repeat(32, 1fr); }
  .mosaic_container_grid.nbcols_33 {
    grid-template-columns: repeat(33, 1fr); }
  .mosaic_container_grid.nbcols_34 {
    grid-template-columns: repeat(34, 1fr); }
  .mosaic_container_grid.nbcols_35 {
    grid-template-columns: repeat(35, 1fr); }
  .mosaic_container_grid.nbcols_36 {
    grid-template-columns: repeat(36, 1fr); }
  .mosaic_container_grid.nbcols_37 {
    grid-template-columns: repeat(37, 1fr); }
  .mosaic_container_grid.nbcols_38 {
    grid-template-columns: repeat(38, 1fr); }
  .mosaic_container_grid.nbcols_39 {
    grid-template-columns: repeat(39, 1fr); }
  .mosaic_container_grid.nbcols_40 {
    grid-template-columns: repeat(40, 1fr); }
  .mosaic_container_grid.nbcols_41 {
    grid-template-columns: repeat(41, 1fr); }
  .mosaic_container_grid.nbcols_42 {
    grid-template-columns: repeat(42, 1fr); }
  .mosaic_container_grid.nbcols_43 {
    grid-template-columns: repeat(43, 1fr); }
  .mosaic_container_grid.nbcols_44 {
    grid-template-columns: repeat(44, 1fr); }
  .mosaic_container_grid.nbcols_45 {
    grid-template-columns: repeat(45, 1fr); }
  .mosaic_container_grid.nbcols_46 {
    grid-template-columns: repeat(46, 1fr); }
  .mosaic_container_grid.nbcols_47 {
    grid-template-columns: repeat(47, 1fr); }
  .mosaic_container_grid.nbcols_48 {
    grid-template-columns: repeat(48, 1fr); }
  .mosaic_container_grid.nbcols_49 {
    grid-template-columns: repeat(49, 1fr); }
  .mosaic_container_grid.nbcols_50 {
    grid-template-columns: repeat(50, 1fr); }
  .mosaic_container_grid.nbcols_51 {
    grid-template-columns: repeat(51, 1fr); }
  .mosaic_container_grid.nbcols_52 {
    grid-template-columns: repeat(52, 1fr); }
  .mosaic_container_grid.nbcols_53 {
    grid-template-columns: repeat(53, 1fr); }
  .mosaic_container_grid.nbcols_54 {
    grid-template-columns: repeat(54, 1fr); }
  .mosaic_container_grid.nbcols_55 {
    grid-template-columns: repeat(55, 1fr); }
  .mosaic_container_grid.nbcols_56 {
    grid-template-columns: repeat(56, 1fr); }
  .mosaic_container_grid.nbcols_57 {
    grid-template-columns: repeat(57, 1fr); }
  .mosaic_container_grid.nbcols_58 {
    grid-template-columns: repeat(58, 1fr); }
  .mosaic_container_grid.nbcols_59 {
    grid-template-columns: repeat(59, 1fr); }
  .mosaic_container_grid.nbcols_60 {
    grid-template-columns: repeat(60, 1fr); }
  .mosaic_container_grid.nbcols_61 {
    grid-template-columns: repeat(61, 1fr); }
  .mosaic_container_grid.nbcols_62 {
    grid-template-columns: repeat(62, 1fr); }
  .mosaic_container_grid.nbcols_63 {
    grid-template-columns: repeat(63, 1fr); }
  .mosaic_container_grid.nbcols_64 {
    grid-template-columns: repeat(64, 1fr); }
  .mosaic_container_grid.nbcols_65 {
    grid-template-columns: repeat(65, 1fr); }
  .mosaic_container_grid.nbcols_66 {
    grid-template-columns: repeat(66, 1fr); }
  .mosaic_container_grid.nbcols_67 {
    grid-template-columns: repeat(67, 1fr); }
  .mosaic_container_grid.nbcols_68 {
    grid-template-columns: repeat(68, 1fr); }
  .mosaic_container_grid.nbcols_69 {
    grid-template-columns: repeat(69, 1fr); }
  .mosaic_container_grid.nbcols_70 {
    grid-template-columns: repeat(70, 1fr); }
  .mosaic_container_grid.nbcols_71 {
    grid-template-columns: repeat(71, 1fr); }
  .mosaic_container_grid.nbcols_72 {
    grid-template-columns: repeat(72, 1fr); }
  .mosaic_container_grid.nbcols_73 {
    grid-template-columns: repeat(73, 1fr); }
  .mosaic_container_grid.nbcols_74 {
    grid-template-columns: repeat(74, 1fr); }
  .mosaic_container_grid.nbcols_75 {
    grid-template-columns: repeat(75, 1fr); }
  .mosaic_container_grid.nbcols_76 {
    grid-template-columns: repeat(76, 1fr); }
  .mosaic_container_grid.nbcols_77 {
    grid-template-columns: repeat(77, 1fr); }
  .mosaic_container_grid.nbcols_78 {
    grid-template-columns: repeat(78, 1fr); }
  .mosaic_container_grid.nbcols_79 {
    grid-template-columns: repeat(79, 1fr); }
  .mosaic_container_grid.nbcols_80 {
    grid-template-columns: repeat(80, 1fr); }
  .mosaic_container_grid.nbcols_81 {
    grid-template-columns: repeat(81, 1fr); }
  .mosaic_container_grid.nbcols_82 {
    grid-template-columns: repeat(82, 1fr); }
  .mosaic_container_grid.nbcols_83 {
    grid-template-columns: repeat(83, 1fr); }
  .mosaic_container_grid.nbcols_84 {
    grid-template-columns: repeat(84, 1fr); }
  .mosaic_container_grid.nbcols_85 {
    grid-template-columns: repeat(85, 1fr); }
  .mosaic_container_grid.nbcols_86 {
    grid-template-columns: repeat(86, 1fr); }
  .mosaic_container_grid.nbcols_87 {
    grid-template-columns: repeat(87, 1fr); }
  .mosaic_container_grid.nbcols_88 {
    grid-template-columns: repeat(88, 1fr); }
  .mosaic_container_grid.nbcols_89 {
    grid-template-columns: repeat(89, 1fr); }
  .mosaic_container_grid.nbcols_90 {
    grid-template-columns: repeat(90, 1fr); }
  .mosaic_container_grid.nbcols_91 {
    grid-template-columns: repeat(91, 1fr); }
  .mosaic_container_grid.nbcols_92 {
    grid-template-columns: repeat(92, 1fr); }
  .mosaic_container_grid.nbcols_93 {
    grid-template-columns: repeat(93, 1fr); }
  .mosaic_container_grid.nbcols_94 {
    grid-template-columns: repeat(94, 1fr); }
  .mosaic_container_grid.nbcols_95 {
    grid-template-columns: repeat(95, 1fr); }
  .mosaic_container_grid.nbcols_96 {
    grid-template-columns: repeat(96, 1fr); }
  .mosaic_container_grid.nbcols_97 {
    grid-template-columns: repeat(97, 1fr); }
  .mosaic_container_grid.nbcols_98 {
    grid-template-columns: repeat(98, 1fr); }
  .mosaic_container_grid.nbcols_99 {
    grid-template-columns: repeat(99, 1fr); }
  .mosaic_container_grid.nbcols_100 {
    grid-template-columns: repeat(100, 1fr); }

.mosaic_split_cell {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: 100%;
  align-content: center; }
  .mosaic_split_cell .mosaic_item {
    justify-content: center;
    display: flex; }

.mosaic_split_link a {
  display: block; }

.mosaic_item.mosaic_item_anim_scale video {
  transform: scale(0);
  transition: transform 300ms ease-in-out; }
  .mosaic_item.mosaic_item_anim_scale video.go {
    transform: scale(1); }

.mosaic_item.mosaic_item_anim_fade video {
  opacity: 0;
  transition: opacity 0.3s ease-in-out; }
  .mosaic_item.mosaic_item_anim_fade video.go {
    opacity: 1; }

.mosaic_item.mosaic_item_anim_flip .item-preview-video {
  perspective: 1000px; }
  .mosaic_item.mosaic_item_anim_flip .item-preview-video video {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0) rotateY(180deg);
    transform-origin: 50% 50%;
    transform-style: preserve-3d;
    transition: 0.3s;
    -webkit-perspective: 600px;
    perspective: 600px; }
    .mosaic_item.mosaic_item_anim_flip .item-preview-video video.go {
      transform: rotateY(0deg); }

.mosaic_admin {
  height: calc(100% - 50px);
  float: left;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  font-size: 12px;
  /*.btn {
            margin: 0px 10px;
        }*/ }
  .mosaic_admin .panel_class .form-single-row label {
    text-transform: none; }
  .mosaic_admin:before {
    content: "";
    background: url(/externals/img/blastream_logo.svg) no-repeat center center;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0; }
  .mosaic_admin .mosaic_admin_menu {
    flex: 0 0 50px;
    width: 50px;
    margin-top: 50px;
    background-color: #3A414C;
    border: solid 1px rgba(170, 189, 212, 0.41);
    border-radius: 8px 0 0 8px;
    border-right: none;
    display: flex;
    flex-direction: column; }
    .mosaic_admin .mosaic_admin_menu .mosaic_admin_menu_item {
      position: relative;
      display: block;
      text-align: center;
      padding: 6px 0;
      cursor: pointer;
      font-size: 22px;
      width: 100%;
      margin-bottom: 4px;
      color: #979797; }
      .mosaic_admin .mosaic_admin_menu .mosaic_admin_menu_item.active {
        color: #fff; }
  .mosaic_admin .mosaic_admin_form,
  .mosaic_admin .mosaic_admin_list {
    background-color: #3A414C;
    border-radius: 0px; }
    .mosaic_admin .mosaic_admin_form.close,
    .mosaic_admin .mosaic_admin_list.close {
      width: 0px;
      flex: 0 0 0;
      min-width: 0; }
  .mosaic_admin .custom-form {
    background: #3A414C;
    border-right: solid 1px rgba(170, 189, 212, 0.41);
    padding: 15px;
    margin: 0;
    text-align: left; }
    .mosaic_admin .custom-form .form-single-row {
      font-size: 12px; }
  .mosaic_admin .mosaic_admin_list .videoconf_source_item,
  .mosaic_admin .mosaic_admin_list .source_row:not(.source_item_RemotePeer) {
    display: none; }
  .mosaic_admin .mosaic_admin_list .source_list {
    margin-top: 10px; }
  .mosaic_admin h2,
  .mosaic_admin h3,
  .mosaic_admin h4,
  .mosaic_admin p,
  .mosaic_admin label {
    color: #fff;
    overflow-wrap: anywhere;
    font-size: 12px; }
  .mosaic_admin .bt_speak button.selected {
    background: #ff0000;
    color: white; }
  .mosaic_admin .panel_selector.selected {
    background: grey;
    color: white; }
  .mosaic_admin ul {
    float: left;
    width: 100%;
    height: calc(100% - 40px);
    overflow: auto; }
    .mosaic_admin ul li {
      color: white; }
  .mosaic_admin video {
    width: 60px;
    height: 40px; }
  .mosaic_admin .item {
    float: left;
    width: 60px;
    height: 40px;
    overflow: hidden; }
    .mosaic_admin .item .item-inner {
      float: left;
      height: 40px; }
    .mosaic_admin .item .item-title {
      display: none; }
  .mosaic_admin .placeholder {
    float: left;
    width: 60px;
    height: 40px; }
  .mosaic_admin .camera_hide {
    background-image: url("/externals/img/blastream_camera_off.png");
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat; }
  .mosaic_admin .videoconf_user_list {
    margin: 15px;
    text-align: left; }
  .mosaic_admin .videoconf_user_list_title_filter i {
    color: #ffffff !important; }

.mosaic_only {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  z-index: 1000;
  float: left;
  margin: 0;
  padding: 0;
  overflow: hidden; }
  .mosaic_only .item-title-disconnected {
    display: none;
    visibility: hidden; }
  .mosaic_only .mosaic_action {
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; }
  .mosaic_only .item-fullscreen {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 998;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    opacity: 0;
    transition: opacity 0.3s ease-in-out; }
    .mosaic_only .item-fullscreen.fullscreengo {
      opacity: 1; }
    .mosaic_only .item-fullscreen .item {
      width: 100%;
      height: 100%; }
  .mosaic_only .admin_bt {
    /*float: left;
        width: 100%;
        height: calc(100% - 32px);*/
    position: absolute;
    z-index: 997;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: transparent; }
    .mosaic_only .admin_bt .source_row {
      height: 100%;
      border: none;
      background: transparent;
      box-shadow: none; }
      .mosaic_only .admin_bt .source_row .source_row_item {
        display: inherit;
        height: 100%; }
        .mosaic_only .admin_bt .source_row .source_row_item .one-row {
          border-radius: 4px;
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
          border: solid 1px #ccd1db;
          background-color: #ffffff;
          height: auto;
          flex-grow: initial;
          display: flex; }
          .mosaic_only .admin_bt .source_row .source_row_item .one-row .source_row_item_icon {
            display: none; }
        .mosaic_only .admin_bt .source_row .source_row_item .source_row_item_actions {
          display: none;
          width: 100%;
          justify-content: space-between;
          right: 0;
          background: transparent;
          top: inherit;
          bottom: 0;
          height: 100%;
          flex-wrap: wrap;
          justify-content: center;
          align-content: center;
          align-items: center; }
          .mosaic_only .admin_bt .source_row .source_row_item .source_row_item_actions li {
            height: 30px;
            width: 30px;
            margin: 2px;
            border: none !important; }
            .mosaic_only .admin_bt .source_row .source_row_item .source_row_item_actions li button {
              height: 30px;
              width: 30px;
              border: 1px solid rgba(188, 189, 190, 0.5);
              border-radius: 6px;
              background-color: rgba(19, 22, 27, 0.7);
              box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.34);
              padding: 4px 8px;
              color: #fff; }
            .mosaic_only .admin_bt .source_row .source_row_item .source_row_item_actions li:after {
              display: none; }
        .mosaic_only .admin_bt .source_row .source_row_item:hover .source_row_item_actions {
          display: flex; }
      .mosaic_only .admin_bt .source_row .volume_item_container {
        display: none; }
  .mosaic_only .mosaic_panel {
    position: absolute;
    width: 100%;
    height: 50px;
    z-index: 1000;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    .mosaic_only .mosaic_panel .btn {
      margin: 0 5px 0 0; }
    .mosaic_only .mosaic_panel .mosaic_panel_box {
      display: inline-block; }
      .mosaic_only .mosaic_panel .mosaic_panel_box select {
        border: 1px solid rgba(151, 151, 151, 0.22);
        border-radius: 6px;
        background-color: #1d2634;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.09);
        color: #C8D1DF;
        padding: 4px 4px; }
    .mosaic_only .mosaic_panel.turnover_activated button {
      opacity: 0.5;
      cursor: not-allowed; }
    .mosaic_only .mosaic_panel button.selected {
      background: green; }
  .mosaic_only .mosaic_container {
    height: 100%;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    position: relative;
    display: table; }
    .mosaic_only .mosaic_container .mosaic_inner {
      display: inline-block;
      display: table-cell;
      vertical-align: middle; }
      .mosaic_only .mosaic_container .mosaic_inner.fadeout {
        opacity: 0; }
      .mosaic_only .mosaic_container .mosaic_inner.with_admin {
        width: 25%;
        left: 25%; }
      .mosaic_only .mosaic_container .mosaic_inner .hide_1 video {
        display: none; }
      .mosaic_only .mosaic_container .mosaic_inner .mosaic_start,
      .mosaic_only .mosaic_container .mosaic_inner .item {
        height: 100%;
        float: left;
        width: 100%;
        /*margin: 10px;*/
        /*background: #333;*/
        display: inline-block;
        text-align: center;
        position: relative; }
        .mosaic_only .mosaic_container .mosaic_inner .mosaic_start .item-preview-video,
        .mosaic_only .mosaic_container .mosaic_inner .item .item-preview-video {
          float: left;
          width: 100%;
          height: 100%; }
        .mosaic_only .mosaic_container .mosaic_inner .mosaic_start .item-inner,
        .mosaic_only .mosaic_container .mosaic_inner .item .item-inner {
          position: absolute;
          height: 100%;
          width: 100%; }
        .mosaic_only .mosaic_container .mosaic_inner .mosaic_start video,
        .mosaic_only .mosaic_container .mosaic_inner .item video {
          /*position: absolute;
                    top: 0px;
                    left: 0px;
                    z-index: 1;*/
          object-fit: cover; }
        .mosaic_only .mosaic_container .mosaic_inner .mosaic_start .preview_content button,
        .mosaic_only .mosaic_container .mosaic_inner .item .preview_content button {
          display: none; }
        .mosaic_only .mosaic_container .mosaic_inner .mosaic_start .speakto,
        .mosaic_only .mosaic_container .mosaic_inner .mosaic_start .noconnected,
        .mosaic_only .mosaic_container .mosaic_inner .mosaic_start .preview_actions,
        .mosaic_only .mosaic_container .mosaic_inner .mosaic_start .item-action,
        .mosaic_only .mosaic_container .mosaic_inner .mosaic_start .choose_audio,
        .mosaic_only .mosaic_container .mosaic_inner .mosaic_start .item-inner.info,
        .mosaic_only .mosaic_container .mosaic_inner .mosaic_start .item-notif,
        .mosaic_only .mosaic_container .mosaic_inner .item .speakto,
        .mosaic_only .mosaic_container .mosaic_inner .item .noconnected,
        .mosaic_only .mosaic_container .mosaic_inner .item .preview_actions,
        .mosaic_only .mosaic_container .mosaic_inner .item .item-action,
        .mosaic_only .mosaic_container .mosaic_inner .item .choose_audio,
        .mosaic_only .mosaic_container .mosaic_inner .item .item-inner.info,
        .mosaic_only .mosaic_container .mosaic_inner .item .item-notif {
          display: none; }
        .mosaic_only .mosaic_container .mosaic_inner .mosaic_start .item-title,
        .mosaic_only .mosaic_container .mosaic_inner .item .item-title {
          display: block;
          position: absolute;
          color: #fff;
          width: 100%;
          text-align: center;
          background: rgba(100, 100, 100, 0.5);
          bottom: 0;
          z-index: 2; }
          .mosaic_only .mosaic_container .mosaic_inner .mosaic_start .item-title .select_box,
          .mosaic_only .mosaic_container .mosaic_inner .item .item-title .select_box {
            display: none; }
          .mosaic_only .mosaic_container .mosaic_inner .mosaic_start .item-title button,
          .mosaic_only .mosaic_container .mosaic_inner .item .item-title button {
            display: none; }
        .mosaic_only .mosaic_container .mosaic_inner .mosaic_start .camera_hide,
        .mosaic_only .mosaic_container .mosaic_inner .item .camera_hide {
          position: absolute;
          color: grey;
          width: 100%;
          height: 100%;
          z-index: 1;
          top: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column; }
          .mosaic_only .mosaic_container .mosaic_inner .mosaic_start .camera_hide i,
          .mosaic_only .mosaic_container .mosaic_inner .item .camera_hide i {
            font-size: 28px; }
        .mosaic_only .mosaic_container .mosaic_inner .mosaic_start.disconnected, .mosaic_only .mosaic_container .mosaic_inner .mosaic_start.hide_1,
        .mosaic_only .mosaic_container .mosaic_inner .item.disconnected,
        .mosaic_only .mosaic_container .mosaic_inner .item.hide_1 {
          /*background-size: cover !important;
                    background-position: center !important;
                    background-image: url('/externals/img/blastream_disconnected.png');*/ }
          .mosaic_only .mosaic_container .mosaic_inner .mosaic_start.disconnected:before, .mosaic_only .mosaic_container .mosaic_inner .mosaic_start.hide_1:before,
          .mosaic_only .mosaic_container .mosaic_inner .item.disconnected:before,
          .mosaic_only .mosaic_container .mosaic_inner .item.hide_1:before {
            position: absolute;
            font-size: 28px;
            color: grey;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center; }
      .mosaic_only .mosaic_container .mosaic_inner .mosaic_item_custom_bg .item {
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important; }
        .mosaic_only .mosaic_container .mosaic_inner .mosaic_item_custom_bg .item:before {
          display: none; }
  .mosaic_only.with_admin {
    display: flex;
    background: url(../img/bg.png) repeat; }
    .mosaic_only.with_admin .mosaic_container {
      height: calc(100% - 50px); }
    .mosaic_only.with_admin .item .item-title {
      display: none !important; }
    .mosaic_only.with_admin .source_list {
      height: auto; }

.mosaic_panel_notice {
  color: #fff;
  position: absolute;
  bottom: 16px;
  left: 5px;
  font-size: 12px; }
  .mosaic_panel_notice i {
    margin-right: 2px; }

.streaming_kind button {
  width: 33.2%;
  border-radius: 0px;
  height: 82px; }
  .streaming_kind button.selected {
    background: #0075ff; }
  .streaming_kind button:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; }
  .streaming_kind button:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }

.streaming_kind-external_player .settings_recap_item_restream {
  display: none !important; }

.streaming_kind-external_player .quality_select {
  display: none; }

.streaming_kind-external_player .start_container .start {
  width: 100%;
  height: 70px; }

.streaming_kind-external_player .modal_tab .is-restream {
  display: none !important; }

.streaming_kind-external_player .visio_controller_bar {
  display: none; }

.streaming_kind-external_player #player_inner {
  height: 100%; }

.streaming_kind-external_player .external_player_ctrl {
  position: absolute;
  z-index: 100;
  background: transparent;
  text-align: center;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 15px;
  width: 100%; }

.streaming_kind-external_player .player-notif {
  height: 100%; }

.streaming_kind-rtmp .quality_select {
  display: none; }

.streaming_kind-rtmp .start_container .start {
  width: 100%;
  height: 70px; }

.event_info {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  min-height: 100px;
  padding: 15px;
  width: 100%; }
  .event_info .event-dropdown {
    background: white;
    height: 100%;
    float: left;
    width: 100%;
    border-radius: 3px; }
    .event_info .event-dropdown li a {
      padding: 5px 10px;
      float: left;
      width: 100%;
      height: 100%; }
  .event_info .left {
    float: left;
    width: 70%; }
  .event_info .right {
    float: right;
    width: 30%; }
    .event_info .right p {
      text-align: right; }

.breakout_session_active .chat {
  display: none; }

.breakout_session_active .videoconf_user_action {
  display: none; }

.breakout_session_active .visio_controller_bar {
  display: none; }

.playable_0 .item-full,
.playable_0 .item-main-speaker,
.playable_0 .item-play {
  display: none; }

.remote-stats li {
  color: #ffffff; }

.show_preview .source_row_item {
  width: calc(100% - 60px); }
  .show_preview .source_row_item .volume_item_container {
    left: 0px;
    bottom: -2px; }

[id^=videoconf_overlay_item_doc-] .videoconf_item_icon_container {
  display: none; }

.processing {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1061; }
  .processing .processing_inner {
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    width: 50%;
    height: 133px;
    background: white;
    text-align: center;
    border-radius: 5px; }

.lang-picker {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  position: fixed;
  z-index: 1000; }
  .lang-picker .lang-picker-inner {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    height: auto;
    max-height: 270px;
    width: auto;
    max-width: 500px;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid;
    border-radius: 10px;
    padding: 10px;
    text-align: center; }
    .lang-picker .lang-picker-inner li {
      display: inline;
      margin: 10px; }
      .lang-picker .lang-picker-inner li.btn {
        background: transparent;
        border: 1px solid #000000;
        color: #000000; }
      .lang-picker .lang-picker-inner li.selected {
        background: #0075ff;
        color: #fff;
        border: 1px solid #f7f7f7; }
  .lang-picker.with-interpreters .lang-picker-inner {
    max-height: 360px; }

.blastream_subtitle_container {
  position: absolute;
  bottom: 100px;
  width: 100%;
  text-align: center; }
  .blastream_subtitle_container .blastream_subtitle {
    background: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 5px;
    font-size: 20px;
    display: inline;
    margin: 0; }

@media (orientation: portrait) {
  .blastream_subtitle_container {
    bottom: 50px; } }

.session.interpretation {
  position: absolute;
  width: 100%;
  margin-top: -76px; }

.channel-page .chip {
  background: #0075ff;
  color: #ffffff; }

.languages_selector {
  margin: 20px 0px;
  float: left;
  width: 100%; }
  .languages_selector .chip {
    background: #e6e3e3;
    cursor: pointer;
    color: #000000; }
    .languages_selector .chip.selected {
      background: #0075ff;
      color: #ffffff; }

.user_volume {
  float: right;
  width: 20px;
  height: 15px;
  transform: rotate(180deg);
  margin-left: 2px; }
  .user_volume .vol {
    float: left;
    width: 5px;
    background: grey;
    height: 100%;
    margin-left: 1px; }
    .user_volume .vol.selected {
      background: #7eefcc; }
  .user_volume .vol1 {
    height: 33%; }
  .user_volume .vol2 {
    height: 66%; }

.language_speaking_selector {
  width: calc(50% - 4px) !important;
  margin: 2px;
  border: 2px solid #0075ff; }
  .language_speaking_selector.selected {
    background: white;
    border: 2px solid #0075ff;
    color: #000;
    text-decoration: underline; }

#audio_container {
  display: none; }

/*!
 * Cropper.js v1.5.12
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2021-06-12T08:00:11.623Z
 */
.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%; }

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden; }

.cropper-drag-box {
  background-color: #fff;
  opacity: 0; }

.cropper-modal {
  background-color: #000;
  opacity: 0.5; }

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%; }

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute; }

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: calc(100% / 3);
  left: 0;
  top: calc(100% / 3);
  width: 100%; }

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: calc(100% / 3);
  top: 0;
  width: calc(100% / 3); }

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0; }

.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute; }

.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px; }

.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px; }

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%; }

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0; }

.cropper-line {
  background-color: #39f; }

.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px; }

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px; }

.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px; }

.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0; }

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px; }

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%; }

.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px; }

.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%; }

.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px; }

.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px; }

.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px; }

.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px; }

.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px; }

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px; } }

@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px; } }

@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px; } }

.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%; }

.cropper-invisible {
  opacity: 0; }

.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); }

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0; }

.cropper-hidden {
  display: none !important; }

.cropper-move {
  cursor: move; }

.cropper-crop {
  cursor: crosshair; }

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed; }

.sun-editor {
  width: auto;
  height: auto;
  box-sizing: border-box;
  font-family: Helvetica Neue;
  border: 1px solid #dadada;
  background-color: #fff;
  color: #000;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.sun-editor * {
  box-sizing: border-box;
  -webkit-user-drag: none;
  overflow: visible; }

.sun-editor-common button, .sun-editor-common input, .sun-editor-common select, .sun-editor-common textarea {
  font-size: 14px;
  line-height: 1.5; }

.sun-editor-common blockquote, .sun-editor-common body, .sun-editor-common button, .sun-editor-common code, .sun-editor-common dd, .sun-editor-common div, .sun-editor-common dl, .sun-editor-common dt, .sun-editor-common fieldset, .sun-editor-common form, .sun-editor-common h1, .sun-editor-common h2, .sun-editor-common h3, .sun-editor-common h4, .sun-editor-common h5, .sun-editor-common h6, .sun-editor-common input, .sun-editor-common legend, .sun-editor-common li, .sun-editor-common ol, .sun-editor-common p, .sun-editor-common pre, .sun-editor-common select, .sun-editor-common td, .sun-editor-common textarea, .sun-editor-common th, .sun-editor-common ul {
  margin: 0;
  padding: 0;
  border: 0; }

.sun-editor-common dl, .sun-editor-common li, .sun-editor-common menu, .sun-editor-common ol, .sun-editor-common ul {
  list-style: none !important; }

.sun-editor-common hr {
  margin: 6px 0 !important; }

.sun-editor textarea {
  resize: none;
  border: 0;
  padding: 0; }

.sun-editor button {
  border: 0;
  background-color: transparent;
  touch-action: manipulation;
  cursor: pointer;
  outline: none; }

.sun-editor button, .sun-editor input, .sun-editor select, .sun-editor textarea {
  vertical-align: middle; }

.sun-editor button span {
  display: block;
  margin: 0;
  padding: 0; }

.sun-editor button .txt {
  display: block;
  margin-top: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.sun-editor button * {
  pointer-events: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden; }

.sun-editor svg {
  fill: currentColor; }

.sun-editor .se-svg, .sun-editor button > svg {
  width: 16px;
  height: 16px;
  margin: auto;
  fill: currentColor;
  display: block;
  text-align: center;
  float: none; }

.sun-editor .close > svg, .sun-editor .se-dialog-close > svg {
  width: 10px;
  height: 10px; }

.sun-editor .se-btn-select > svg {
  float: right;
  width: 10px;
  height: 10px; }

.sun-editor .se-btn-list > .se-list-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: -1px 10px 0 0;
  vertical-align: middle; }

.sun-editor .se-line-breaker > button > svg {
  width: 24px;
  height: 24px; }

.sun-editor button > i:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-size: 15px;
  line-height: 2; }

.sun-editor button > [class=se-icon-text] {
  font-size: 20px;
  line-height: 1; }

.sun-editor .se-arrow, .sun-editor .se-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: 11px solid transparent; }

.sun-editor .se-arrow.se-arrow-up {
  top: -11px;
  left: 20px;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #dadada; }

.sun-editor .se-arrow.se-arrow-up:after {
  top: 1px;
  margin-left: -11px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff; }

.sun-editor .se-toolbar .se-arrow.se-arrow-up:after {
  border-bottom-color: #fafafa; }

.sun-editor .se-arrow.se-arrow-down {
  top: 0;
  left: 0;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #dadada; }

.sun-editor .se-arrow.se-arrow-down:after {
  top: -12px;
  margin-left: -11px;
  content: " ";
  border-bottom-width: 0;
  border-top-color: #fff; }

.sun-editor .se-toolbar .se-arrow.se-arrow-down:after {
  border-top-color: #fafafa; }

.sun-editor .se-container {
  position: relative;
  width: 100%;
  height: 100%; }

.sun-editor button {
  color: #000; }

.sun-editor .se-btn {
  float: left;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 4px;
  margin: 1px !important;
  padding: 0;
  font-size: 12px;
  line-height: 27px; }

.sun-editor .se-btn:enabled:focus, .sun-editor .se-btn:enabled:hover {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
  outline: 0 none; }

.sun-editor .se-btn:enabled:active {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  -webkit-box-shadow: inset 0 3px 5px #c1c1c1;
  box-shadow: inset 0 3px 5px #c1c1c1; }

.sun-editor .se-btn-primary {
  color: #000;
  background-color: #c7deff;
  border: 1px solid #80bdff;
  border-radius: 4px; }

.sun-editor .se-btn-primary:focus, .sun-editor .se-btn-primary:hover {
  color: #000;
  background-color: #80bdff;
  border-color: #3f9dff;
  outline: 0 none; }

.sun-editor .se-btn-primary:active {
  color: #fff;
  background-color: #3f9dff;
  border-color: #4592ff;
  -webkit-box-shadow: inset 0 3px 5px #4592ff;
  box-shadow: inset 0 3px 5px #4592ff; }

.sun-editor input, .sun-editor select, .sun-editor textarea {
  color: #000;
  border: 1px solid #ccc;
  border-radius: 4px; }

.sun-editor input:focus, .sun-editor select:focus, .sun-editor textarea:focus {
  border: 1px solid #80bdff;
  outline: 0;
  -webkit-box-shadow: 0 0 0 .2rem #c7deff;
  box-shadow: 0 0 0 .2rem #c7deff;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

.sun-editor .se-btn:enabled.active {
  color: #4592ff;
  outline: 0 none; }

.sun-editor .se-btn:enabled.active:focus, .sun-editor .se-btn:enabled.active:hover {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
  outline: 0 none; }

.sun-editor .se-btn:enabled.active:active {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  -webkit-box-shadow: inset 0 3px 5px #c1c1c1;
  box-shadow: inset 0 3px 5px #c1c1c1; }

.sun-editor .se-btn:enabled.on {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
  outline: 0 none; }

.sun-editor .se-btn:enabled.on:focus, .sun-editor .se-btn:enabled.on:hover {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  outline: 0 none; }

.sun-editor .se-btn:enabled.on:active {
  background-color: #c1c1c1;
  border-color: #b1b1b1;
  -webkit-box-shadow: inset 0 3px 5px #b1b1b1;
  box-shadow: inset 0 3px 5px #b1b1b1; }

.sun-editor .se-btn-list:disabled, .sun-editor .se-btn:disabled, .sun-editor button:disabled {
  cursor: not-allowed;
  background-color: inherit;
  color: #bdbdbd; }

.sun-editor .se-loading-box {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: .7;
  filter: alpha(opacity=70);
  z-index: 2147483647; }

.sun-editor .se-loading-box .se-loading-effect {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  height: 25px;
  width: 25px;
  border-top: 2px solid #07d;
  border-right: 2px solid transparent;
  border-radius: 50%;
  animation: spinner .8s linear infinite;
  margin: -25px 0 0 -25px; }

.sun-editor .se-line-breaker {
  position: absolute;
  display: none;
  width: 100%;
  height: 1px;
  cursor: text;
  border-top: 1px solid #3288ff;
  z-index: 7; }

.sun-editor .se-line-breaker > button.se-btn {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  top: -15px;
  float: none;
  left: -50%;
  background-color: #fff;
  border: 1px solid #0c2240;
  opacity: .6;
  cursor: pointer; }

.sun-editor .se-line-breaker > button.se-btn:hover {
  opacity: .9;
  background-color: #fff;
  border-color: #041b39; }

.sun-editor .se-line-breaker-component {
  position: absolute;
  display: none;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #0c2240;
  opacity: .6;
  border-radius: 4px;
  cursor: pointer;
  z-index: 7; }

.sun-editor .se-line-breaker-component:hover {
  opacity: .9; }

.sun-editor .se-toolbar {
  display: block;
  position: relative;
  height: auto;
  width: 100%;
  overflow: visible;
  padding: 0;
  margin: 0;
  background-color: #fafafa;
  outline: 1px solid #dadada;
  z-index: 5; }

.sun-editor .se-toolbar-shadow {
  display: block !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background-color: transparent !important;
  outline: none !important;
  border: none !important;
  z-index: 0 !important; }

.sun-editor .se-toolbar-cover {
  position: absolute;
  display: none;
  font-size: 36px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fefefe;
  opacity: .5;
  filter: alpha(opacity=50);
  cursor: not-allowed;
  z-index: 4; }

.sun-editor .se-toolbar-separator-vertical {
  display: inline-block;
  height: 0;
  width: 0;
  margin: 0;
  vertical-align: top; }

.sun-editor .se-toolbar.se-toolbar-balloon, .sun-editor .se-toolbar.se-toolbar-inline {
  display: none;
  position: absolute;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }

.sun-editor .se-toolbar.se-toolbar-balloon {
  z-index: 2147483647;
  width: auto; }

.sun-editor .se-toolbar.se-toolbar-sticky {
  position: fixed;
  top: 0; }

.sun-editor .se-toolbar-sticky-dummy {
  display: none;
  position: static;
  z-index: -1; }

.sun-editor .se-btn-module {
  display: inline-block; }

.sun-editor .se-btn-module-border {
  border: 1px solid #dadada;
  border-radius: 4px;
  margin-left: 1px;
  margin-right: 1px; }

.sun-editor .se-btn-module-enter {
  display: block;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  background-color: transparent; }

.sun-editor .se-toolbar-more-layer {
  margin: 0 -3px;
  background-color: #fafafa; }

.sun-editor .se-toolbar-more-layer .se-more-layer {
  display: none;
  border-top: 1px solid #dadada; }

.sun-editor .se-toolbar-more-layer .se-more-layer .se-more-form {
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 4px 3px 0; }

.sun-editor .se-btn-module .se-btn-more.se-btn-more-text {
  width: auto;
  padding: 0 4px; }

.sun-editor .se-btn-module .se-btn-more:focus, .sun-editor .se-btn-module .se-btn-more:hover {
  color: #000;
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  outline: 0 none; }

.sun-editor .se-btn-module .se-btn-more.on {
  color: #333;
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  outline: 0 none; }

.sun-editor .se-btn-module .se-btn-more.on:hover {
  color: #000;
  background-color: #c1c1c1;
  border-color: #b1b1b1;
  outline: 0 none; }

.sun-editor .se-menu-list, .sun-editor .se-menu-list li {
  float: left;
  padding: 0;
  margin: 0; }

.sun-editor .se-menu-list li {
  position: relative; }

.sun-editor .se-btn-select {
  width: auto;
  display: flex;
  padding: 4px 6px; }

.sun-editor .se-btn-select .txt {
  flex: auto;
  text-align: left; }

.sun-editor .se-btn-select.se-btn-tool-font {
  width: 100px; }

.sun-editor .se-btn-select.se-btn-tool-format {
  width: 82px; }

.sun-editor .se-btn-select.se-btn-tool-size {
  width: 78px; }

.sun-editor .se-btn-tray {
  position: relative;
  width: 100%;
  height: auto;
  padding: 4px 3px 0;
  margin: 0; }

.sun-editor .se-menu-tray {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0; }

.sun-editor .se-submenu {
  overflow-x: hidden;
  overflow-y: auto; }

.sun-editor .se-menu-container {
  overflow-x: unset;
  overflow-y: unset; }

.sun-editor .se-list-layer {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  z-index: 5;
  border: 1px solid #bababa;
  border-radius: 4px;
  padding: 6px 0;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0 none; }

.sun-editor .se-list-layer .se-list-inner {
  padding: 0;
  margin: 0;
  overflow-x: initial;
  overflow-y: initial;
  overflow: visible; }

.sun-editor .se-list-layer button {
  margin: 0;
  width: 100%; }

.sun-editor .se-list-inner ul {
  width: 100%;
  padding: 0; }

.sun-editor .se-list-inner li > button {
  min-width: 100%;
  width: max-content; }

.sun-editor .se-list-inner .se-list-basic li {
  width: 100%; }

.sun-editor .se-list-inner .se-list-basic li button.active {
  background-color: #80bdff;
  border: 1px solid #3f9dff;
  border-left: 0;
  border-right: 0; }

.sun-editor .se-list-inner .se-list-basic li button.active:hover {
  background-color: #3f9dff;
  border: 1px solid #4592ff;
  border-left: 0;
  border-right: 0; }

.sun-editor .se-list-inner .se-list-basic li button.active:active {
  background-color: #4592ff;
  border: 1px solid #407dd1;
  border-left: 0;
  border-right: 0;
  -webkit-box-shadow: inset 0 3px 5px #407dd1;
  box-shadow: inset 0 3px 5px #407dd1; }

.sun-editor .se-list-inner .se-list-checked li button > .se-svg {
  float: left;
  padding: 6px 6px 0 0; }

.sun-editor .se-list-inner .se-list-checked li button > .se-svg > svg {
  display: none; }

.sun-editor .se-list-inner .se-list-checked li button.se-checked {
  color: #4592ff; }

.sun-editor .se-list-inner .se-list-checked li button.se-checked > .se-svg > svg {
  display: block; }

.sun-editor .se-btn-list {
  width: 100%;
  height: auto;
  min-height: 32px;
  padding: 0 14px;
  cursor: pointer;
  font-size: 12px;
  line-height: normal;
  text-indent: 0;
  text-decoration: none;
  text-align: left; }

.sun-editor .se-btn-list.default_value {
  background-color: #f3f3f3;
  border-top: 1px dotted #b1b1b1;
  border-bottom: 1px dotted #b1b1b1; }

.sun-editor .se-btn-list:focus, .sun-editor .se-btn-list:hover {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
  outline: 0 none; }

.sun-editor .se-btn-list:active {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  -webkit-box-shadow: inset 0 3px 5px #c1c1c1;
  box-shadow: inset 0 3px 5px #c1c1c1; }

.sun-editor .se-list-layer.se-list-font-size {
  min-width: 140px;
  max-height: 300px; }

.sun-editor .se-list-layer.se-list-font-family {
  min-width: 156px; }

.sun-editor .se-list-layer.se-list-font-family .default {
  border-bottom: 1px solid #ccc; }

.sun-editor .se-list-layer.se-list-line {
  width: 125px; }

.sun-editor .se-list-layer.se-list-line hr {
  border-width: 1px 0 0;
  height: 1px; }

.sun-editor .se-list-layer.se-list-align .se-list-inner {
  left: 9px;
  width: 125px; }

.sun-editor .se-list-layer.se-list-format {
  min-width: 156px; }

.sun-editor .se-list-layer.se-list-format li {
  padding: 0;
  width: 100%; }

.sun-editor .se-list-layer.se-list-format ul .se-btn-list {
  line-height: 100%; }

.sun-editor .se-list-layer.se-list-format ul .se-btn-list[data-value=h1] {
  height: 40px; }

.sun-editor .se-list-layer.se-list-format ul .se-btn-list[data-value=h2] {
  height: 34px; }

.sun-editor .se-list-layer.se-list-format ul p {
  font-size: 13px; }

.sun-editor .se-list-layer.se-list-format ul div {
  font-size: 13px;
  padding: 4px 2px; }

.sun-editor .se-list-layer.se-list-format ul h1 {
  font-size: 2em;
  font-weight: 700;
  color: #333; }

.sun-editor .se-list-layer.se-list-format ul h2 {
  font-size: 1.5em;
  font-weight: 700;
  color: #333; }

.sun-editor .se-list-layer.se-list-format ul h3 {
  font-size: 1.17em;
  font-weight: 700;
  color: #333; }

.sun-editor .se-list-layer.se-list-format ul h4 {
  font-size: 1em;
  font-weight: 700;
  color: #333; }

.sun-editor .se-list-layer.se-list-format ul h5 {
  font-size: .83em;
  font-weight: 700;
  color: #333; }

.sun-editor .se-list-layer.se-list-format ul h6 {
  font-size: .67em;
  font-weight: 700;
  color: #333; }

.sun-editor .se-list-layer.se-list-format ul blockquote {
  font-size: 13px;
  color: #999;
  height: 22px;
  margin: 0;
  background-color: transparent;
  line-height: 1.5;
  border-color: #b1b1b1;
  padding: 0 0 0 7px;
  border-left: 5px #b1b1b1;
  border-style: solid; }

.sun-editor .se-list-layer.se-list-format ul pre {
  font-size: 13px;
  color: #666;
  padding: 4px 11px;
  margin: 0;
  background-color: #f9f9f9;
  border: 1px solid #e1e1e1;
  border-radius: 4px; }

.sun-editor .se-selector-table {
  display: none;
  position: absolute;
  top: 34px;
  left: 1px;
  z-index: 5;
  padding: 5px 0;
  float: left;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

.sun-editor .se-selector-table .se-table-size {
  font-size: 18px;
  padding: 0 5px; }

.sun-editor .se-selector-table .se-table-size-picker {
  position: absolute !important;
  z-index: 3;
  font-size: 18px;
  width: 10em;
  height: 10em;
  cursor: pointer; }

.sun-editor .se-selector-table .se-table-size-highlighted {
  position: absolute !important;
  z-index: 2;
  font-size: 18px;
  width: 1em;
  height: 1em;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4QTZCNzMzN0I3RUYxMUU4ODcwQ0QwMjM1NTgzRTJDNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4QTZCNzMzNkI3RUYxMUU4ODcwQ0QwMjM1NTgzRTJDNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MzYyNEUxRUI3RUUxMUU4ODZGQzgwRjNBODgyNTdFOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MzYyNEUxRkI3RUUxMUU4ODZGQzgwRjNBODgyNTdFOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl0yAuwAAABBSURBVDhPY/wPBAxUAGCDGvdBeWSAeicIDTfIXREiQArYeR9hEBOEohyMGkQYjBpEGAxjg6ib+yFMygCVvMbAAABj0hwMTNeKJwAAAABJRU5ErkJggg==") repeat; }

.sun-editor .se-selector-table .se-table-size-unhighlighted {
  position: relative !important;
  z-index: 1;
  font-size: 18px;
  width: 10em;
  height: 10em;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat; }

.sun-editor .se-selector-table .se-table-size-display {
  padding-left: 5px; }

.sun-editor .se-list-layer.se-table-split {
  top: 36px; }

.sun-editor .se-list-layer .se-selector-color {
  display: flex;
  width: max-content;
  max-width: 270px;
  height: auto;
  padding: 0;
  margin: auto; }

.sun-editor .se-list-layer .se-selector-color .se-color-pallet {
  width: 100%;
  height: 100%;
  padding: 0; }

.sun-editor .se-list-layer .se-selector-color .se-color-pallet li {
  display: flex;
  float: left;
  position: relative;
  margin: 0; }

.sun-editor .se-list-layer .se-selector-color .se-color-pallet button {
  display: block;
  cursor: default;
  width: 30px;
  height: 30px;
  text-indent: -9999px; }

.sun-editor .se-list-layer .se-selector-color .se-color-pallet button.active, .sun-editor .se-list-layer .se-selector-color .se-color-pallet button:focus, .sun-editor .se-list-layer .se-selector-color .se-color-pallet button:hover {
  border: 3px solid #fff; }

.sun-editor .se-form-group {
  display: flex;
  width: 100%;
  min-height: 40px;
  height: auto;
  padding: 4px; }

.sun-editor .se-form-group input {
  flex: auto;
  display: inline-block;
  width: auto;
  height: 33px;
  font-size: 12px;
  margin: 1px 0;
  padding: 0;
  border-radius: .25rem;
  border: 1px solid #ccc; }

.sun-editor .se-form-group button, .sun-editor .se-submenu-form-group button {
  float: right;
  width: 34px;
  height: 34px;
  margin: 0 2px !important; }

.sun-editor .se-form-group button.se-btn {
  border: 1px solid #ccc; }

.sun-editor .se-form-group > div {
  position: relative; }

.sun-editor .se-form-group label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700; }

.sun-editor .se-form-group-label {
  width: 100%;
  height: auto;
  padding: 0 4px; }

.sun-editor .se-form-group-label label {
  font-size: 13px;
  font-weight: 700; }

.sun-editor .se-submenu .se-form-group input {
  width: auto;
  height: 33px;
  color: #555; }

.sun-editor .se-submenu .se-form-group .se-color-input {
  width: 72px;
  text-transform: uppercase;
  border: none;
  border-bottom: 2px solid #b1b1b1;
  outline: none; }

.sun-editor .se-submenu .se-form-group .se-color-input:focus {
  border-bottom: 3px solid #b1b1b1; }

.sun-editor .se-wrapper {
  position: relative !important;
  width: 100%;
  height: auto;
  overflow: hidden;
  z-index: 1; }

.sun-editor .se-wrapper .se-wrapper-inner {
  width: 100%;
  height: 100%;
  min-height: 65px;
  overflow-y: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  user-select: auto;
  -o-user-select: auto;
  -moz-user-select: auto;
  -khtml-user-select: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto; }

.sun-editor .se-wrapper .se-wrapper-inner:focus {
  outline: none; }

.sun-editor .se-wrapper .se-wrapper-code {
  background-color: #191919;
  color: #fff;
  font-size: 13px;
  word-break: break-all;
  padding: 4px;
  margin: 0;
  resize: none !important; }

.sun-editor .se-wrapper .se-wrapper-wysiwyg {
  display: block; }

.sun-editor .se-wrapper .se-wrapper-code-mirror {
  font-size: 13px; }

.sun-editor .se-wrapper .se-placeholder {
  position: absolute;
  display: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 1;
  color: #b1b1b1;
  font-size: 13px;
  line-height: 1.5;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  margin-top: 0;
  padding-top: 16px;
  padding-left: 16px;
  margin-left: 0;
  padding-right: 16px;
  margin-right: 0;
  pointer-events: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden; }

.sun-editor .se-resizing-bar {
  display: flex;
  width: auto;
  height: auto;
  min-height: 16px;
  border-top: 1px solid #dadada;
  padding: 0 4px;
  background-color: #fafafa;
  cursor: ns-resize; }

.sun-editor .se-resizing-bar.se-resizing-none {
  cursor: default; }

.sun-editor .se-resizing-back {
  position: absolute;
  display: none;
  cursor: default;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647; }

.sun-editor .se-resizing-bar .se-navigation {
  flex: auto;
  position: relative;
  width: auto;
  height: auto;
  color: #666;
  margin: 0;
  padding: 0;
  font-size: 10px;
  line-height: 1.5;
  background: transparent; }

.sun-editor .se-resizing-bar .se-char-counter-wrapper {
  flex: none;
  position: relative;
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  color: #999;
  font-size: 13px;
  background: transparent; }

.sun-editor .se-resizing-bar .se-char-counter-wrapper.se-blink {
  color: #b94a48;
  animation: blinker .2s linear infinite; }

.sun-editor .se-resizing-bar .se-char-counter-wrapper .se-char-label {
  margin-right: 4px; }

.sun-editor .se-dialog {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647; }

.sun-editor .se-dialog button, .sun-editor .se-dialog input, .sun-editor .se-dialog label {
  font-size: 14px;
  line-height: 1.5;
  color: #111;
  margin: 0; }

.sun-editor .se-dialog .se-dialog-back {
  background-color: #222;
  opacity: .5; }

.sun-editor .se-dialog .se-dialog-back, .sun-editor .se-dialog .se-dialog-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-content {
  position: relative;
  width: auto;
  max-width: 500px;
  margin: 1.75rem auto;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }

@media screen and (max-width: 509px) {
  .sun-editor .se-dialog .se-dialog-inner .se-dialog-content {
    width: 100%; } }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-content label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-content .se-btn-primary {
  display: inline-block;
  padding: 6px 12px;
  margin: 0 0 10px !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  border-radius: 4px; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-header {
  height: 50px;
  padding: 6px 15px;
  border-bottom: 1px solid #e5e5e5; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-header .se-dialog-close {
  float: right;
  font-weight: 700;
  text-shadow: 0 1px 0 #fff;
  -webkit-appearance: none;
  filter: alpha(opacity=100);
  opacity: 1; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-header .se-modal-title {
  float: left;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  line-height: 2.5; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-body {
  position: relative;
  padding: 15px 15px 5px; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form {
  margin-bottom: 10px; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form-footer {
  margin-top: 10px;
  margin-bottom: 0; }

.sun-editor .se-dialog .se-dialog-inner input:disabled {
  background-color: #f3f3f3; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text {
  width: 100%; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text .size-h, .sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text .size-w {
  width: 70px;
  text-align: center; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-x {
  margin: 0 8px;
  width: 25px;
  text-align: center; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer {
  height: auto;
  min-height: 55px;
  padding: 10px 15px 0;
  text-align: right;
  border-top: 1px solid #e5e5e5; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer > div {
  float: left; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer > div > label {
  margin: 0 5px 0 0; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-radio {
  margin-left: 12px;
  margin-right: 6px; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-check {
  margin-left: 12px;
  margin-right: 4px; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form-footer .se-dialog-btn-check {
  margin-left: 0;
  margin-right: 4px; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form-footer label:first-child {
  margin-right: 16px;
  margin-left: 0; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files {
  position: relative;
  display: flex;
  align-items: center; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files > input {
  flex: auto; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button {
  flex: auto;
  opacity: .8;
  border: 1px solid #ccc; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button.se-file-remove > svg {
  width: 8px;
  height: 8px; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button:hover {
  background-color: #f0f0f0;
  outline: 0 none; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button:active {
  background-color: #e9e9e9;
  -webkit-box-shadow: inset 0 3px 5px #d6d6d6;
  box-shadow: inset 0 3px 5px #d6d6d6; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-select {
  display: inline-block;
  width: auto;
  height: 34px;
  font-size: 14px;
  text-align: center;
  line-height: 1.42857143; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-control {
  display: inline-block;
  width: 70px;
  height: 34px;
  font-size: 14px;
  text-align: center;
  line-height: 1.42857143; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form {
  display: block;
  width: 100%;
  height: 34px;
  font-size: 14px;
  line-height: 1.42857143;
  padding: 0 4px; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-input-url {
  direction: ltr; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-input-url:disabled {
  text-decoration: line-through;
  color: #999; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-video-ratio {
  width: 70px;
  margin-left: 4px; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form a {
  color: #004cff; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert {
  border: 1px solid #ccc; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert:hover {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
  outline: 0 none; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert:active {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  -webkit-box-shadow: inset 0 3px 5px #c1c1c1;
  box-shadow: inset 0 3px 5px #c1c1c1; }

.sun-editor .se-dialog-tabs {
  width: 100%;
  height: 25px;
  border-bottom: 1px solid #e5e5e5; }

.sun-editor .se-dialog-tabs button {
  background-color: #e5e5e5;
  border-right: 1px solid #e5e5e5;
  float: left;
  outline: none;
  padding: 2px 13px;
  transition: .3s; }

.sun-editor .se-dialog-tabs button:hover {
  background-color: #fff; }

.sun-editor .se-dialog-tabs button.active {
  background-color: #fff;
  border-bottom: 0; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-math-exp {
  resize: vertical;
  height: 14em;
  border: 1px solid #ccc;
  font-size: 13px;
  padding: 4px;
  direction: ltr; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-select.se-math-size {
  width: 6em;
  height: 28px;
  margin-left: 1em; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview {
  font-size: 13px; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview > span {
  display: inline-block;
  -webkit-box-shadow: 0 0 0 .1rem #c7deff;
  box-shadow: 0 0 0 .1rem #c7deff; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview > span * {
  direction: ltr; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview > .se-math-katex-error {
  color: #b94a48;
  -webkit-box-shadow: 0 0 0 .1rem #f2dede;
  box-shadow: 0 0 0 .1rem #f2dede; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview > .se-math-katex-error svg {
  width: auto;
  height: 30px;
  color: #b94a48; }

.sun-editor .se-dialog .se-dialog-inner .se-link-preview {
  display: block;
  height: auto;
  max-height: 18px;
  font-size: 13px;
  font-weight: 400;
  font-family: inherit;
  color: #666;
  background-color: transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: pre; }

.sun-editor .se-dialog .se-dialog-inner .se-anchor-preview-form {
  width: 100%;
  display: flex;
  margin-top: 4px; }

.sun-editor .se-dialog .se-dialog-inner .se-anchor-preview-form .se-svg.se-anchor-preview-icon {
  flex: unset;
  display: none;
  line-height: 1.5;
  color: #4592ff; }

.sun-editor .se-dialog .se-dialog-inner .se-anchor-preview-form .se-link-preview {
  flex: auto;
  margin: 0; }

.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel {
  height: 34px; }

.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel-btn {
  width: 46px;
  color: #3f9dff; }

.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel-wrapper {
  display: flex;
  line-height: 1.5;
  padding-top: 6px; }

.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel-preview {
  text-align: left; }

.sun-editor .se-controller .se-arrow.se-arrow-up {
  border-bottom-color: rgba(0, 0, 0, 0.25); }

.sun-editor .se-controller {
  position: absolute;
  display: none;
  overflow: visible;
  z-index: 6;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  line-break: auto; }

.sun-editor .se-controller .se-btn-group {
  position: relative;
  display: flex;
  vertical-align: middle;
  padding: 2px;
  top: 0;
  left: 0; }

.sun-editor .se-controller .se-btn-group .se-btn-group-sub {
  left: 50%;
  min-width: auto;
  width: max-content;
  display: none; }

.sun-editor .se-controller .se-btn-group .se-btn-group-sub button {
  margin: 0;
  min-width: 72px; }

.sun-editor .se-controller .se-btn-group button {
  position: relative;
  min-height: 34px;
  height: auto;
  border: none;
  border-radius: 4px;
  margin: 1px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

.sun-editor .se-controller .se-btn-group button:focus:enabled, .sun-editor .se-controller .se-btn-group button:hover:enabled {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
  outline: 0 none; }

.sun-editor .se-controller .se-btn-group button:active:enabled {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  -webkit-box-shadow: inset 0 3px 5px #c1c1c1;
  box-shadow: inset 0 3px 5px #c1c1c1; }

.sun-editor .se-controller .se-btn-group button span {
  display: block;
  padding: 0;
  margin: 0; }

.sun-editor .se-controller .se-btn-group button:enabled.active {
  color: #4592ff;
  outline: 0 none; }

.sun-editor .se-controller .se-btn-group button:enabled.active:focus, .sun-editor .se-controller .se-btn-group button:enabled.active:hover {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
  outline: 0 none; }

.sun-editor .se-controller .se-btn-group button:enabled.active:active {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  -webkit-box-shadow: inset 0 3px 5px #c1c1c1;
  box-shadow: inset 0 3px 5px #c1c1c1; }

.sun-editor .se-controller .se-btn-group button:enabled.on {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
  outline: 0 none; }

.sun-editor .se-controller .se-btn-group button:enabled.on:focus, .sun-editor .se-controller .se-btn-group button:enabled.on:hover {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  outline: 0 none; }

.sun-editor .se-controller .se-btn-group button:enabled.on:active {
  background-color: #c1c1c1;
  border-color: #b1b1b1;
  -webkit-box-shadow: inset 0 3px 5px #b1b1b1;
  box-shadow: inset 0 3px 5px #b1b1b1; }

.sun-editor .se-controller .se-form-group input {
  min-width: 120px; }

.sun-editor .se-controller-resizing {
  margin-top: -50px !important;
  padding: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143; }

.sun-editor .se-controller-resizing .se-btn-group .se-btn-group-sub.se-resizing-align-list {
  width: 74px; }

.sun-editor .se-resizing-container {
  position: absolute;
  display: none;
  outline: 1px solid #3f9dff;
  background-color: transparent; }

.sun-editor .se-resizing-container .se-modal-resize {
  position: absolute;
  display: inline-block;
  background-color: #3f9dff;
  opacity: .3; }

.sun-editor .se-resizing-container .se-resize-dot {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.sun-editor .se-resizing-container .se-resize-dot > span {
  position: absolute;
  width: 7px;
  height: 7px;
  background-color: #3f9dff;
  border: 1px solid #4592ff; }

.sun-editor .se-resizing-container .se-resize-dot > span.tl {
  top: -5px;
  left: -5px;
  cursor: nw-resize; }

.sun-editor .se-resizing-container .se-resize-dot > span.tr {
  top: -5px;
  right: -5px;
  cursor: ne-resize; }

.sun-editor .se-resizing-container .se-resize-dot > span.bl {
  bottom: -5px;
  left: -5px;
  cursor: sw-resize; }

.sun-editor .se-resizing-container .se-resize-dot > span.br {
  right: -5px;
  bottom: -5px;
  cursor: se-resize; }

.sun-editor .se-resizing-container .se-resize-dot > span.lw {
  left: -7px;
  bottom: 50%;
  cursor: w-resize; }

.sun-editor .se-resizing-container .se-resize-dot > span.th {
  left: 50%;
  top: -7px;
  cursor: n-resize; }

.sun-editor .se-resizing-container .se-resize-dot > span.rw {
  right: -7px;
  bottom: 50%;
  cursor: e-resize; }

.sun-editor .se-resizing-container .se-resize-dot > span.bh {
  right: 50%;
  bottom: -7px;
  cursor: s-resize; }

.sun-editor .se-resizing-container .se-resize-display {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 5px;
  margin: 5px;
  font-size: 12px;
  color: #fff;
  background-color: #333;
  border-radius: 4px; }

.sun-editor .se-controller-table, .sun-editor .se-controller-table-cell {
  width: auto; }

.sun-editor .se-controller-link, .sun-editor .se-controller-table, .sun-editor .se-controller-table-cell {
  padding: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143; }

.sun-editor .se-controller-link:after, .sun-editor .se-controller-link:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.sun-editor .se-controller-link .link-content {
  padding: 0;
  margin: 0; }

.sun-editor .se-controller-link .link-content a {
  display: inline-block;
  color: #4592ff;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  margin-left: 5px; }

.sun-editor .se-select-list {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: auto;
  max-width: 100%;
  background-color: #fff;
  padding: 0;
  margin: 0;
  border: 1px solid #bababa;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0 none; }

.sun-editor .se-select-list .se-select-item {
  line-height: 28px;
  min-height: 28px;
  font-size: 13px;
  padding: 0 5px;
  margin: 2px 0;
  cursor: pointer; }

.sun-editor .se-select-list.__se_select-menu-mouse-move .se-select-item:hover, .sun-editor .se-select-list:not(.__se_select-menu-mouse-move) .se-select-item.active {
  background-color: #e1e1e1; }

.sun-editor .se-dialog-form-files .se-select-list {
  width: 100%; }

.sun-editor .se-file-browser {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647; }

.sun-editor .se-file-browser button, .sun-editor .se-file-browser input, .sun-editor .se-file-browser label {
  font-size: 14px;
  line-height: 1.5;
  color: #111;
  margin: 0; }

.sun-editor .se-file-browser .se-file-browser-back {
  background-color: #222;
  opacity: .5; }

.sun-editor .se-file-browser .se-file-browser-back, .sun-editor .se-file-browser .se-file-browser-inner {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content {
  position: relative;
  width: 960px;
  max-width: 100%;
  margin: 20px auto;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }

.sun-editor .se-file-browser .se-file-browser-header {
  height: auto;
  min-height: 50px;
  padding: 6px 15px;
  border-bottom: 1px solid #e5e5e5; }

.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-close {
  float: right;
  font-weight: 700;
  text-shadow: 0 1px 0 #fff;
  -webkit-appearance: none;
  filter: alpha(opacity=100);
  opacity: 1; }

.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-close > svg {
  width: 12px;
  height: 12px; }

.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-title {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  line-height: 2.2; }

.sun-editor .se-file-browser .se-file-browser-tags {
  display: block;
  width: 100%;
  padding: 0;
  text-align: left;
  margin: 0 -15px; }

.sun-editor .se-file-browser .se-file-browser-tags a {
  display: inline-block;
  background-color: #f5f5f5;
  padding: 6px 12px;
  margin: 8px 0 8px 8px;
  color: #333;
  text-decoration: none;
  border-radius: 32px;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer; }

.sun-editor .se-file-browser .se-file-browser-tags a:hover {
  background-color: #e1e1e1; }

.sun-editor .se-file-browser .se-file-browser-tags a:active {
  background-color: #d1d1d1; }

.sun-editor .se-file-browser .se-file-browser-tags a.on {
  background-color: #ebf3fe;
  color: #4592ff; }

.sun-editor .se-file-browser .se-file-browser-tags a.on:hover {
  background-color: #d8e8fe; }

.sun-editor .se-file-browser .se-file-browser-tags a.on:active {
  background-color: #c7deff; }

.sun-editor .se-file-browser .se-file-browser-body {
  position: relative;
  height: auto;
  min-height: 350px;
  padding: 20px;
  overflow-y: auto; }

.sun-editor .se-file-browser .se-file-browser-body .se-file-browser-list {
  position: relative;
  width: 100%; }

@media screen and (max-width: 992px) {
  .sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content {
    width: 748px; } }

@media screen and (max-width: 768px) {
  .sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content {
    width: 600px; } }

.sun-editor .se-file-browser .se-file-browser-list .se-file-item-column {
  position: relative;
  display: block;
  height: auto;
  float: left; }

.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column {
  width: calc(25% - 20px);
  margin: 0 10px; }

@media screen and (max-width: 992px) {
  .sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column {
    width: calc(33% - 20px); } }

@media screen and (max-width: 768px) {
  .sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column {
    width: calc(50% - 20px); } }

.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img {
  position: relative;
  display: block;
  cursor: pointer;
  width: 100%;
  height: auto;
  border-radius: 4px;
  outline: 0;
  margin: 10px 0; }

.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img:hover {
  opacity: .8;
  -webkit-box-shadow: 0 0 0 .2rem #3288ff;
  box-shadow: 0 0 0 .2rem #3288ff; }

.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img > img {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 4px;
  outline: 0;
  height: auto; }

.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img > .se-file-img-name {
  position: absolute;
  z-index: 1;
  font-size: 13px;
  color: #fff;
  left: 0;
  bottom: 0;
  padding: 5px 10px;
  background-color: transparent;
  width: 100%;
  height: 30px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img > .se-file-img-name.se-file-name-back {
  background-color: #333;
  opacity: .6; }

.sun-editor .se-notice {
  position: absolute;
  top: 0;
  display: none;
  z-index: 7;
  width: 100%;
  height: auto;
  word-break: break-all;
  font-size: 13px;
  color: #b94a48;
  background-color: #f2dede;
  padding: 15px;
  margin: 0;
  border: 1px solid #eed3d7;
  user-select: auto;
  -o-user-select: auto;
  -moz-user-select: auto;
  -khtml-user-select: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto; }

.sun-editor .se-notice button {
  float: right;
  padding: 7px; }

.sun-editor .se-tooltip {
  position: relative;
  overflow: visible; }

.sun-editor .se-tooltip .se-tooltip-inner {
  visibility: hidden;
  position: absolute;
  display: block;
  width: auto;
  top: 120%;
  left: 50%;
  background: transparent;
  opacity: 0;
  z-index: 1;
  line-height: 1.5;
  transition: opacity .5s;
  margin: 0;
  padding: 0;
  bottom: auto;
  float: none;
  pointer-events: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden; }

.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text {
  position: relative;
  display: inline-block;
  width: auto;
  left: -50%;
  font-size: .9em;
  margin: 0;
  padding: 4px 6px;
  border-radius: 2px;
  background-color: #333;
  color: #fff;
  text-align: center;
  line-height: unset;
  white-space: nowrap;
  cursor: auto; }

.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-bottom-color: #333; }

.sun-editor .se-tooltip:hover .se-tooltip-inner {
  visibility: visible;
  opacity: 1; }

.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut {
  display: block !important; }

.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut > .se-shortcut-key {
  display: inline;
  font-weight: 700; }

.sun-editor.se-rtl .se-btn-tray {
  direction: rtl; }

.sun-editor.se-rtl .se-btn-select svg {
  margin: auto 1px; }

.sun-editor.se-rtl .se-btn-select .txt {
  flex: auto;
  text-align: right;
  direction: rtl; }

.sun-editor.se-rtl .se-btn-list {
  text-align: right; }

.sun-editor.se-rtl .se-btn-list > .se-list-icon {
  margin: -1px 0 0 10px; }

.sun-editor.se-rtl .se-menu-list:not(.se-menu-dir-fix), .sun-editor.se-rtl .se-menu-list:not(.se-menu-dir-fix) li {
  float: right; }

.sun-editor.se-rtl .se-list-layer * {
  direction: rtl; }

.sun-editor.se-rtl .se-list-layer.se-list-format ul blockquote {
  padding: 0 7px 0 0;
  border-right-width: 5px;
  border-left-width: 0; }

.sun-editor.se-rtl .se-list-layer .se-selector-color .se-color-pallet li {
  float: right; }

.sun-editor.se-rtl .se-list-inner .se-list-checked li button > .se-svg {
  float: right;
  padding: 6px 0 0 6px; }

.sun-editor.se-rtl .se-tooltip .se-tooltip-inner .se-tooltip-text, .sun-editor.se-rtl .se-wrapper .se-placeholder {
  direction: rtl; }

.sun-editor.se-rtl .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut {
  direction: ltr; }

.sun-editor.se-rtl .se-dialog * {
  direction: rtl; }

.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-header .se-dialog-close {
  float: left; }

.sun-editor.se-rtl .se-dialog-tabs button, .sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-header .se-modal-title {
  float: right; }

.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-size-text {
  padding-right: 34px; }

.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-footer .se-btn-primary {
  float: left; }

.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-footer > div {
  float: right; }

.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-footer > div > label {
  margin: 0 0 0 5px; }

.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-form-footer label:first-child {
  margin-left: 16px;
  margin-right: 0; }

.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-anchor-rel-preview {
  margin-left: 4px;
  text-align: right; }

.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-anchor-rel-btn {
  float: right; }

.sun-editor.se-rtl .se-file-browser * {
  direction: rtl; }

.sun-editor.se-rtl .se-file-browser .se-file-browser-tags {
  text-align: right; }

.sun-editor.se-rtl .se-file-browser .se-file-browser-tags a {
  margin: 8px 8px 0; }

.sun-editor.se-rtl .se-file-browser .se-file-browser-header .se-file-browser-close {
  float: left; }

.sun-editor.se-rtl .se-controller .se-btn-group, .sun-editor.se-rtl .se-resizing-container .se-resize-display {
  direction: rtl; }

.sun-editor .se-btn-module-border.module-float-left {
  float: left; }

.sun-editor .se-btn-module-border.module-float-right {
  float: right; }

.sun-editor hr.__se__solid {
  border-style: solid none none; }

.sun-editor hr.__se__dotted {
  border-style: dotted none none; }

.sun-editor hr.__se__dashed {
  border-style: dashed none none; }

@keyframes blinker {
  50% {
    opacity: 0; } }

@keyframes spinner {
  to {
    transform: rotate(361deg); } }

.sun-editor-editable {
  font-family: Helvetica Neue;
  font-size: 13px;
  color: #333;
  background-color: #fff;
  line-height: 1.5;
  word-break: normal;
  word-wrap: break-word;
  padding: 16px;
  margin: 0; }

.sun-editor-editable * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  color: inherit; }

.sun-editor-editable.se-rtl * {
  direction: rtl; }

.sun-editor-editable audio, .sun-editor-editable figcaption, .sun-editor-editable figure, .sun-editor-editable iframe, .sun-editor-editable img, .sun-editor-editable td, .sun-editor-editable th, .sun-editor-editable video {
  position: relative; }

.sun-editor-editable .__se__float-left {
  float: left; }

.sun-editor-editable .__se__float-right {
  float: right; }

.sun-editor-editable .__se__float-center {
  float: center; }

.sun-editor-editable .__se__float-none {
  float: none; }

.sun-editor-editable span {
  display: inline;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

.sun-editor-editable span.katex {
  display: inline-block; }

.sun-editor-editable span.katex * {
  direction: ltr; }

.sun-editor-editable a {
  color: #004cff;
  text-decoration: none; }

.sun-editor-editable span[style~="color:"] a {
  color: inherit; }

.sun-editor-editable a:focus, .sun-editor-editable a:hover {
  cursor: pointer;
  color: #0093ff;
  text-decoration: underline; }

.sun-editor-editable a.on {
  color: #0093ff;
  background-color: #e8f7ff; }

.sun-editor-editable pre {
  display: block;
  padding: 8px;
  margin: 0 0 10px;
  font-family: monospace;
  color: #666;
  line-height: 1.45;
  background-color: #f9f9f9;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  white-space: pre-wrap !important;
  word-wrap: break-word;
  overflow: visible; }

.sun-editor-editable ol {
  list-style-type: decimal; }

.sun-editor-editable ol, .sun-editor-editable ul {
  list-style-position: outside;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 40px; }

.sun-editor-editable ul {
  list-style-type: disc; }

.sun-editor-editable li {
  display: list-item;
  text-align: -webkit-match-parent;
  margin-bottom: 5px; }

.sun-editor-editable ol ol, .sun-editor-editable ol ul, .sun-editor-editable ul ol, .sun-editor-editable ul ul {
  margin: 0; }

.sun-editor-editable ol ol, .sun-editor-editable ul ol {
  list-style-type: lower-alpha; }

.sun-editor-editable ol ol ol, .sun-editor-editable ul ol ol, .sun-editor-editable ul ul ol {
  list-style-type: upper-roman; }

.sun-editor-editable ol ul, .sun-editor-editable ul ul {
  list-style-type: circle; }

.sun-editor-editable ol ol ul, .sun-editor-editable ol ul ul, .sun-editor-editable ul ul ul {
  list-style-type: square; }

.sun-editor-editable sub, .sun-editor-editable sup {
  font-size: 75%;
  line-height: 0; }

.sun-editor-editable sub {
  vertical-align: sub; }

.sun-editor-editable sup {
  vertical-align: super; }

.sun-editor-editable p {
  display: block;
  margin: 0 0 10px; }

.sun-editor-editable div {
  display: block;
  margin: 0;
  padding: 0; }

.sun-editor-editable blockquote {
  display: block;
  font-family: inherit;
  font-size: inherit;
  color: #999;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding: 0 5px 0 20px;
  border: solid #b1b1b1;
  border-width: 0 0 0 5px; }

.sun-editor-editable blockquote blockquote {
  border-color: #c1c1c1; }

.sun-editor-editable blockquote blockquote blockquote {
  border-color: #d1d1d1; }

.sun-editor-editable blockquote blockquote blockquote blockquote {
  border-color: #e1e1e1; }

.sun-editor-editable.se-rtl blockquote {
  padding-left: 5px;
  padding-right: 20px;
  border-left-width: 0;
  border-right-width: 5px; }

.sun-editor-editable h1 {
  font-size: 2em;
  margin-block-start: .67em;
  margin-block-end: .67em; }

.sun-editor-editable h1, .sun-editor-editable h2 {
  display: block;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: 700; }

.sun-editor-editable h2 {
  font-size: 1.5em;
  margin-block-start: .83em;
  margin-block-end: .83em; }

.sun-editor-editable h3 {
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em; }

.sun-editor-editable h3, .sun-editor-editable h4 {
  display: block;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: 700; }

.sun-editor-editable h4 {
  font-size: 1em;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em; }

.sun-editor-editable h5 {
  font-size: .83em;
  margin-block-start: 1.67em;
  margin-block-end: 1.67em; }

.sun-editor-editable h5, .sun-editor-editable h6 {
  display: block;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: 700; }

.sun-editor-editable h6 {
  font-size: .67em;
  margin-block-start: 2.33em;
  margin-block-end: 2.33em; }

.sun-editor-editable hr {
  display: flex;
  border-width: 1px 0 0;
  border-color: #000;
  border-image: initial;
  height: 1px; }

.sun-editor-editable hr.__se__solid {
  border-style: solid none none; }

.sun-editor-editable hr.__se__dotted {
  border-style: dotted none none; }

.sun-editor-editable hr.__se__dashed {
  border-style: dashed none none; }

.sun-editor-editable hr.on {
  border-color: #4592ff;
  -webkit-box-shadow: 0 0 0 .1rem #c7deff;
  box-shadow: 0 0 0 .1rem #c7deff; }

.sun-editor-editable table {
  display: table;
  table-layout: auto !important;
  border: 1px solid #ccc;
  width: 100%;
  max-width: 100%;
  margin: 0 0 10px;
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse; }

.sun-editor-editable.se-rtl table {
  margin: 0 0 10px auto; }

.sun-editor-editable table thead {
  border-bottom: 2px solid #333; }

.sun-editor-editable table tr {
  border: 1px solid #efefef; }

.sun-editor-editable table th {
  background-color: #f3f3f3; }

.sun-editor-editable table td, .sun-editor-editable table th {
  border: 1px solid #e1e1e1;
  padding: .4em;
  background-clip: padding-box; }

.sun-editor-editable table.se-table-size-auto {
  width: auto !important; }

.sun-editor-editable table.se-table-size-100 {
  width: 100% !important; }

.sun-editor-editable table.se-table-layout-auto {
  table-layout: auto !important; }

.sun-editor-editable table.se-table-layout-fixed {
  table-layout: fixed !important; }

.sun-editor-editable table td.se-table-selected-cell, .sun-editor-editable table th.se-table-selected-cell {
  outline: 1px double #4592ff; }

.sun-editor-editable.se-disabled * {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.sun-editor-editable .se-component {
  display: flex;
  padding: 1px;
  margin: 0 0 10px; }

.sun-editor-editable[contenteditable=true] .se-component {
  outline: 1px dashed #e1e1e1; }

.sun-editor-editable[contenteditable=true] .se-component.se-component-copy {
  -webkit-box-shadow: 0 0 0 .2rem #80bdff;
  box-shadow: 0 0 0 .2rem #3f9dff;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

.sun-editor-editable audio, .sun-editor-editable iframe, .sun-editor-editable img, .sun-editor-editable video {
  display: block;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  max-width: 100%; }

.sun-editor-editable[contenteditable=true]:not(.se-read-only) figure:after {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: default;
  display: block;
  background: transparent; }

.sun-editor-editable[contenteditable=true] figure a, .sun-editor-editable[contenteditable=true] figure iframe, .sun-editor-editable[contenteditable=true] figure img, .sun-editor-editable[contenteditable=true] figure video {
  z-index: 0; }

.sun-editor-editable[contenteditable=true] figure figcaption {
  display: block;
  z-index: 2; }

.sun-editor-editable[contenteditable=true] figure figcaption:focus {
  border-color: #80bdff;
  outline: 0;
  -webkit-box-shadow: 0 0 0 .2rem #c7deff;
  box-shadow: 0 0 0 .2rem #c7deff; }

.sun-editor-editable .se-image-container, .sun-editor-editable .se-video-container {
  width: auto;
  height: auto;
  max-width: 100%; }

.sun-editor-editable figure {
  display: block;
  outline: none;
  margin: 0;
  padding: 0; }

.sun-editor-editable figure figcaption {
  padding: 1em .5em;
  margin: 0;
  background-color: #f9f9f9;
  outline: none; }

.sun-editor-editable figure figcaption p {
  line-height: 2;
  margin: 0; }

.sun-editor-editable .se-image-container a img {
  padding: 1px;
  margin: 1px;
  outline: 1px solid #4592ff; }

.sun-editor-editable .se-video-container iframe, .sun-editor-editable .se-video-container video {
  outline: 1px solid #9e9e9e;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  width: 100%;
  height: 100%; }

.sun-editor-editable .se-video-container figure {
  left: 0;
  width: 100%;
  max-width: 100%; }

.sun-editor-editable audio {
  width: 300px;
  height: 54px; }

.sun-editor-editable audio.active {
  outline: 2px solid #80bdff; }

.sun-editor-editable.se-show-block div, .sun-editor-editable.se-show-block h1, .sun-editor-editable.se-show-block h2, .sun-editor-editable.se-show-block h3, .sun-editor-editable.se-show-block h4, .sun-editor-editable.se-show-block h5, .sun-editor-editable.se-show-block h6, .sun-editor-editable.se-show-block li, .sun-editor-editable.se-show-block ol, .sun-editor-editable.se-show-block p, .sun-editor-editable.se-show-block pre, .sun-editor-editable.se-show-block ul {
  border: 1px dashed #3f9dff !important;
  padding: 14px 8px 8px !important; }

.sun-editor-editable.se-show-block ol, .sun-editor-editable.se-show-block ul {
  border: 1px dashed #d539ff !important; }

.sun-editor-editable.se-show-block pre {
  border: 1px dashed #27c022 !important; }

.se-show-block p {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPAQMAAAAF7dc0AAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAaSURBVAjXY/j/gwGCPvxg+F4BQiAGDP1HQQByxxw0gqOzIwAAAABJRU5ErkJggg==") no-repeat; }

.se-show-block div {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPAQMAAAAxlBYoAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j//wcDDH+8XsHwDYi/hwNx1A8w/nYLKH4XoQYJAwCXnSgcl2MOPgAAAABJRU5ErkJggg==") no-repeat; }

.se-show-block h1 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAfSURBVAjXY/j/v4EBhr+9B+LzEPrDeygfhI8j1CBhAEhmJGY4Rf6uAAAAAElFTkSuQmCC") no-repeat; }

.se-show-block h2 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j/v4EBhr+dB+LtQPy9geEDEH97D8T3gbgdoQYJAwA51iPuD2haEAAAAABJRU5ErkJggg==") no-repeat; }

.se-show-block h3 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQPy9geHDeQgN5p9HqEHCADeWI+69VG2MAAAAAElFTkSuQmCC") no-repeat; }

.se-show-block h4 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPAQMAAADTSA1RAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j//wADDH97DsTXIfjDdiDdDMTfIRhZHRQDAKJOJ6L+K3y7AAAAAElFTkSuQmCC") no-repeat; }

.se-show-block h5 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAlSURBVAjXY/j/v4EBhr+1A/F+IO5vYPiwHUh/B2IQfR6hBgkDABlWIy5uM+9GAAAAAElFTkSuQmCC") no-repeat; }

.se-show-block h6 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQLy/geFDP5S9HSKOrA6KAR9GIza1ptJnAAAAAElFTkSuQmCC") no-repeat; }

.se-show-block li {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA7SURBVDhPYxgFcNDQ0PAfykQBIHEYhgoRB/BpwCfHBKWpBkaggYxQGgOgBzyQD1aLLA4TGwWDGjAwAACR3RcEU9Ui+wAAAABJRU5ErkJggg==") no-repeat; }

.se-show-block ol {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABHSURBVDhPYxgFcNDQ0PAfhKFcFIBLHCdA1oBNM0kGEmMAPgOZoDTVANUNxAqQvURMECADRiiNAWCagDSGGhyW4DRrMAEGBgAu0SX6WpGgjAAAAABJRU5ErkJggg==") no-repeat; }

.se-show-block ul {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA1SURBVDhPYxgFDA0NDf+hTBSALI5LDQgwQWmqgVEDKQcsUBoF4ItFGEBXA+QzQpmDGjAwAAA8DQ4Lni6gdAAAAABJRU5ErkJggg==") no-repeat; }

.sun-editor-editable .__se__p-bordered, .sun-editor .__se__p-bordered {
  border-top: 1px solid #b1b1b1;
  border-bottom: 1px solid #b1b1b1;
  padding: 4px 0; }

.sun-editor-editable .__se__p-spaced, .sun-editor .__se__p-spaced {
  letter-spacing: 1px; }

.sun-editor-editable .__se__p-neon, .sun-editor .__se__p-neon {
  font-weight: 200;
  font-style: italic;
  background: #000;
  color: #fff;
  padding: 6px 4px;
  border: 2px solid #fff;
  border-radius: 6px;
  text-transform: uppercase;
  animation: neonFlicker 1.5s infinite alternate; }

@keyframes neonFlicker {
  0%, 19%, 21%, 23%, 25%, 54%, 56%, to {
    text-shadow: -.2rem -.2rem 1rem #fff,.2rem .2rem 1rem #fff,0 0 2px #f40,0 0 4px #f40,0 0 6px #f40,0 0 8px #f40,0 0 10px #f40;
    box-shadow: 0 0 .5px #fff,inset 0 0 .5px #fff,0 0 2px #08f,inset 0 0 2px #08f,0 0 4px #08f,inset 0 0 4px #08f; }
  20%, 24%, 55% {
    text-shadow: none;
    box-shadow: none; } }

.sun-editor-editable .__se__t-shadow, .sun-editor .__se__t-shadow {
  text-shadow: -.2rem -.2rem 1rem #fff,.2rem .2rem 1rem #fff,0 0 .2rem #999,0 0 .4rem #888,0 0 .6rem #777,0 0 .8rem #666,0 0 1rem #555; }

.sun-editor-editable .__se__t-code, .sun-editor .__se__t-code {
  font-family: monospace;
  color: #666;
  background-color: rgba(27, 31, 35, 0.05);
  border-radius: 6px;
  padding: .2em .4em; }

body.stop-scrolling{height:100%;overflow:hidden}.sweet-overlay{background-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";background-color:rgba(0,0,0,.4);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:10000}.sweet-alert{background-color:#fff;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;width:478px;padding:17px;border-radius:5px;text-align:center;position:fixed;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;display:none;z-index:99999}@media all and (max-width:540px){.sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}}.sweet-alert h2{color:#575757;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:25px 0;padding:0;line-height:40px;display:block}.sweet-alert p{color:#797979;font-size:16px;font-weight:300;position:relative;text-align:inherit;float:none;margin:0;padding:0;line-height:normal}.sweet-alert fieldset{border:none;position:relative}.sweet-alert .sa-error-container{background-color:#f1f1f1;margin-left:-17px;margin-right:-17px;overflow:hidden;padding:0 10px;max-height:0;webkit-transition:padding .15s,max-height .15s;transition:padding .15s,max-height .15s}.sweet-alert .sa-error-container.show{padding:10px 0;max-height:100px;webkit-transition:padding .2s,max-height .2s;transition:padding .25s,max-height .25s}.sweet-alert .sa-error-container .icon{display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:#fff;line-height:24px;text-align:center;margin-right:3px}.sweet-alert .sa-error-container p{display:inline-block}.sweet-alert .sa-input-error{position:absolute;top:29px;right:26px;width:20px;height:20px;opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .1s;transition:all .1s}.sweet-alert .sa-input-error::after,.sweet-alert .sa-input-error::before{content:"";width:20px;height:6px;background-color:#f06e57;border-radius:3px;position:absolute;top:50%;margin-top:-4px;left:50%;margin-left:-9px}.sweet-alert .sa-input-error::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-input-error::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-input-error.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.sweet-alert input{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d7d7d7;height:43px;margin-top:10px;margin-bottom:17px;font-size:18px;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);padding:0 12px;display:none;-webkit-transition:all .3s;transition:all .3s}.sweet-alert input:focus{outline:0;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}.sweet-alert.show-input input{display:block}.sweet-alert button{background-color:#AEDEF4;color:#fff;border:none;box-shadow:none;font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0;cursor:pointer}.sweet-alert button:focus{outline:0;box-shadow:0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(0,0,0,.05)}.sweet-alert button:hover{background-color:#a1d9f2}.sweet-alert button:active{background-color:#81ccee}.sweet-alert button.cancel{background-color:#D0D0D0}.sweet-alert button.cancel:hover{background-color:#c8c8c8}.sweet-alert button.cancel:active{background-color:#b6b6b6}.sweet-alert button.cancel:focus{box-shadow:rgba(197,205,211,.8) 0 0 2px,rgba(0,0,0,.0470588) 0 0 0 1px inset!important}.sweet-alert button::-moz-focus-inner{border:0}.sweet-alert[data-has-cancel-button=false] button{box-shadow:none!important}.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false]{padding-bottom:40px}.sweet-alert .sa-icon{width:80px;height:80px;border:4px solid gray;-webkit-border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;box-sizing:content-box}.sweet-alert .sa-icon.sa-error{border-color:#F27474}.sweet-alert .sa-icon.sa-error .sa-x-mark{position:relative;display:block}.sweet-alert .sa-icon.sa-error .sa-line{position:absolute;height:5px;width:47px;background-color:#F27474;display:block;top:37px;border-radius:2px}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.sweet-alert .sa-icon.sa-warning{border-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-body{position:absolute;width:5px;height:47px;left:50%;top:10px;-webkit-border-radius:2px;border-radius:2px;margin-left:-2px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-dot{position:absolute;width:7px;height:7px;-webkit-border-radius:50%;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-info{border-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::before{content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-success{border-color:#A5DC86}.sweet-alert .sa-icon.sa-success::after,.sweet-alert .sa-icon.sa-success::before{content:'';position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success::before{-webkit-border-radius:120px 0 0 120px;border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.sweet-alert .sa-icon.sa-success::after{-webkit-border-radius:0 120px 120px 0;border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);-webkit-border-radius:40px;border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-success .sa-line{height:5px;background-color:#A5DC86;display:block;border-radius:2px;position:absolute;z-index:2}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-custom{background-size:contain;border-radius:0;border:none;background-position:center center;background-repeat:no-repeat}@-webkit-keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-transform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-transform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@-webkit-keyframes slideFromTop{0%{top:0}100%{top:50%}}@keyframes slideFromTop{0%{top:0}100%{top:50%}}@-webkit-keyframes slideToTop{0%{top:50%}100%{top:0}}@keyframes slideToTop{0%{top:50%}100%{top:0}}@-webkit-keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@-webkit-keyframes slideToBottom{0%{top:50%}100%{top:70%}}@keyframes slideToBottom{0%{top:50%}100%{top:70%}}.showSweetAlert[data-animation=pop]{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.showSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.showSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideFromTop .3s;animation:slideFromTop .3s}.showSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideFromBottom .3s;animation:slideFromBottom .3s}.hideSweetAlert[data-animation=pop]{-webkit-animation:hideSweetAlert .2s;animation:hideSweetAlert .2s}.hideSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.hideSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideToTop .4s;animation:slideToTop .4s}.hideSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideToBottom .3s;animation:slideToBottom .3s}@-webkit-keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}.animateSuccessTip{-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.animateSuccessLong{-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}.sa-icon.sa-success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}.animateErrorIcon{-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}@-webkit-keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}.animateXMark{-webkit-animation:animateXMark .5s;animation:animateXMark .5s}@-webkit-keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}@keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}.pulseWarning{-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}@-webkit-keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}@keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}.pulseWarningIns{-webkit-animation:pulseWarningIns .75s infinite alternate;animation:pulseWarningIns .75s infinite alternate}