@import "variables.css?v=1014";

* {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}

html {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

body {
  color: var(--black);
  overflow-y: auto;
  font-size: 1.17vw;
}

html,
body,
button,
input,
keygen,
select,
textarea {
  font-family: "Lato", sans-serif !important;
}

a {
  -webkit-tap-highlight-color: transparent !important;
  font-weight: 400;
}

button,
a {
  cursor: pointer;
}

small {
  line-height: 1.3333333333;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

blockquote:first-child,
dl:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
ol:first-child,
p:first-child,
pre:first-child,
ul:first-child {
  margin-top: 0;
}

#main_header .navbar {
  background-color: var(--black);
  height: 3.7em;
  z-index: 9999;
}

#main_header .navbar .navbar-nav li:last-child a.nav-link {
  padding-right: 0;
}

.form-control {
  border: 0.1em solid var(--grey);
  color: var(--black) !important;
  text-overflow: ellipsis;
  font-size: 0.95vw;
  height: 3.7em;
  padding: 0.4em 0.9em;
  border-radius: var(--border-radius);
}

footer ul.list-inline li a {
  color: var(--white) !important;
  padding: 0 0.28em;
}

footer ul.list-inline li:first-child a::after {
  content: "|";
  margin-left: 0.7em;
}

/* styles.css */
body {
  font-family: "Lato", sans-serif !important;
}

.container {
  max-width: 500px;
}

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

.card {
  height: 100%;
}

.list-group-item {
  cursor: pointer;
}

.plus-button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 24px;
  padding: 0;
}

.navigation-button {
  width: 100px;
}

.btn.disabled,
.disabled,
.btn:disabled {
  opacity: 0.65;
  cursor: not-allowed !important;
}

.dropdown-toggle::after {
  display: none;
}

.dark-navbar {
  background-color: var(--grey-100);
  height: 3.7em;
}
.dark-navbar .nav-tabs .nav-link.chaticon {
  background: url(../images/chat-gray.png) no-repeat;
  background-position: 50% 27.7%;
  background-size: 34%;
}

.dark-navbar .nav-tabs .nav-link.sharescreenicon {
  background: url(../images/present-gray.png) no-repeat;
  background-position: 50% 15%;
  background-size: 1.5em;
}

.dark-navbar .nav-tabs .nav-link.breakouticon {
  background: url(../images/breakout-gray.png) no-repeat;
  background-position: 50% 27.7%;
  background-size: 1.5em;
}

.dark-navbar .nav-tabs .nav-link.sharescreenicon span,
.dark-navbar .nav-tabs .nav-link.breakouticon span {
  line-height: 1.1;
}

.text-red {
  color: var(--red) !important;
}

.swal-overlay {
  z-index: 999999;
  background-color: rgba(255, 255, 255, 0.3);
}

.joinFlowLoader {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.joinFlowLoader a {
  width: 3.15em;
  height: 3.15em;
  display: flex;
}

.joinFlowLoader a img {
  width: 100%;
  height: 100%;
}

.controltab .rowrap span.iconwrap .btn-mini {
  margin: 0 0.65em 0 0;
  padding: 0.3em;
  height: auto;
  line-height: 1.1;
  min-width: 4.9em;
  min-height: 2.4em;
  font-size: 0.75vw;
}

.asside {
  position: absolute;
  right: -25em;
  background-color: var(--white);
  width: 20.6em;
  height: 100%;
  top: 0;
  bottom: auto;
  overflow-x: hidden;
  font-size: 1.17vw;
}

.body-content {
  background-color: var(--white);
  position: relative;
  height: auto;
}

.btn {
  border-radius: 0.6em;
  padding: 0.8em 2em;
}

.asside .btn,
.assideleft .btn {
  margin: 0.3em 0.1em;
  padding: 0.6em 1.25em;
  font-size: 0.85vw;
}

.form-control:focus {
  box-shadow: 0 0.5em 0.5em var(--grey-100);
  border-color: transparent;
}

.asside .form-group,
.assideleft .form-group {
  margin-bottom: 0.5em;
}

.asside .form-group:last-child,
.assideleft .form-group:last-child {
  margin-bottom: 0;
}

textarea {
  resize: none;
}

.muted-content .container,
.white-content .container,
.white-content .container .row {
  height: 100%;
  align-items: center;
  justify-content: center;
}

.muted-content .container .row.img-div-wrap {
  align-items: center;
  height: 100%;
  justify-content: center;
}

.w-max-500 {
  max-width: 28em;
}

.w-max-700 {
  max-width: 39em;
}

.h-max-auto {
  max-height: none !important;
}

.modal-header {
  background-color: var(--white);
  padding: 1em;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
  border-bottom: none;
}

.modal-header h5,
.modal-header .modal-title {
  font-weight: 600;
  line-height: 1.3;
  position: relative;
  font-size: 1.05vw !important;
}

.modal .nav-tabs .nav-link {
  color: var(--black);
  text-transform: capitalize;
  border-bottom: none;
  box-shadow: none;
  border: 0.1em solid var(--grey);
  border-bottom: none;
  font-size: 0.95vw;
  padding: 0.7em 1.3em;
  margin: 0.2em 0.3em 0;
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
}

.modal .nav-tabs .nav-link.active {
  color: var(--black) !important;
  background-color: var(--grey-100);
  border: 0.1em solid var(--grey-100);
  border-bottom: none;
}

.modal .tab-pane {
  border-top: none;
  padding: 2.1em 1em;
  font-size: 1vw;
  min-height: 18.4em;
}

.modal .form-group {
  margin-bottom: 0.65em;
}

.Toastify {
  z-index: 999999;
  position: absolute;
  display: flex;
  justify-content: center;
  top: 4em;
  width: 100%;
}

.Toastify__toast--success {
  background: var(--green) !important;
  color: var(--black) !important;
}

.Toastify__toast--success svg path {
  fill: var(--black);
}

.table {
  margin-bottom: 0;
  border: 0.1vh solid var(--grey) !important;
}

.table thead th {
  border: none;
  padding: 0.75em 0.6em;
  font-size: 0.9vw;
  white-space: nowrap;
  font-weight: var(--font-semibold);
  vertical-align: middle;
  border-right: 0.1vh solid var(--grey);
}

.table thead tr {
  background-color: var(--grey-100);
}

.table-striped tbody tr:nth-of-type(1),
.table-striped tbody tr:nth-of-type(odd) {
  background-color: transparent;
}

.table-striped tbody tr:nth-of-type(even) {
  background-color: var(--grey-100);
}

.table tbody td {
  padding: 0.75em 0.6em;
  font-size: 0.9vw;
  white-space: nowrap;
  border: none;
  vertical-align: middle;
  border-right: 0.1vh solid var(--grey);
}

.table tbody td:last-child,
.table thead th:last-child {
  border-right: none;
  text-align: center;
}

.table tbody td a i,
.table tbody td a svg {
  font-size: 0.87vw;
}

.asside h6 {
  margin-bottom: 0;
  position: relative;
  color: var(--black) !important;
  text-transform: inherit;
  font-size: 1.1vw;
  padding: 1.3em 0 0 1em;
  line-height: 0.7;
  margin-top: 0.35em;
}

.tab-pane {
  padding: 1.1em 0.8em;
}

.asside form.form-simple,
.assideleft form.form-simple {
  border: none;
  padding: 0;
}

.checkwrap {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 1.7em;
  margin-bottom: 0.9em;
  font-size: 1vw;
  margin-right: 1em;
  display: flex;
  align-items: center;
}

.checkwrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  left: 0;
  background-color: var(--white);
  border: 0.1em solid var(--grey);
  height: 1.2em;
  width: 1.2em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3em;
}

.checkwrap input:checked ~ .checkmark {
  background-color: var(--green);
  border-color: var(--green);
}

.checkwrap input:checked ~ .label-text {
  text-decoration: line-through;
  color: var(--red);
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkwrap input:checked ~ .checkmark:after {
  display: block;
}

.checkwrap .checkmark:after {
  width: 0.3em;
  height: 0.65em;
  border: solid var(--white);
  border-width: 0 0.1em 0.1em 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: -0.17em;
}

.searchBar .form-control {
  padding: 0.26em;
  background-position: center right 0.26em;
  height: 3em;
}

.text-italic {
  font-style: italic;
}

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

.firstmodal {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
}

.btn:focus,
button:focus {
  outline: 0;
  box-shadow: none;
}

.modal .close {
  opacity: 1;
  text-shadow: none;
  display: none;
}

.modal .close:focus a,
.modal .close:hover a {
  color: var(--white);
}

a:focus,
a:hover,
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
  text-decoration: none;
  outline: 0;
  color: var(--orange-100);
}

.modal-dialog {
  height: 100%;
  margin: auto;
  display: flex;
}

.modal-dialog .modal-content {
  margin: auto;
  border: none;
  max-height: 98%;
  border-radius: var(--border-radius);
  box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
}

.btn-dark {
  background-color: var(--grey) !important;
  border: 0.1em solid var(--grey) !important;
  display: flex;
  align-items: center;
  color: var(--black) !important;
}

.btn-dark:hover {
  background-color: var(--grey-200) !important;
  border-color: var(--grey-200) !important;
}

.btn-dark:focus,
.btn-dark:focus-visible,
.btn-dark:active,
.btn-dark:not(:disabled):not(.disabled):active {
  outline: none;
  box-shadow: 0 0 0 0.075em var(--grey-200) !important;
  border: 0.1em solid var(--white) !important;
  color: var(--white);
}
.radiowrap {
  position: relative;
  margin-bottom: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 1.65em;
  font-size: 1vw;
  margin-right: 1.1em;
  display: inline-flex;
  align-items: center;
}

.radiowrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
}

.radiowrap .checkmark {
  position: absolute;
  left: 0;
  background-color: var(--white);
  border-radius: 50%;
  height: 1.2em;
  width: 1.2em;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.radiowrap:hover input ~ .checkmark {
  background-color: var(--white);
}

.radiowrap .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.radiowrap input:checked ~ .checkmark:after {
  display: block;
}

.radiowrap .checkmark:after {
  width: 2vh;
  height: 2vh;
  border-radius: 50%;
  background: var(--green);
  border: 0.3em solid var(--white);
}

.waiting-popup {
  padding: 1em;
  min-height: 9em;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.wauto {
  width: auto !important;
}

.new-toolbox .toolbox-content .icon-mic-disabled,
.new-toolbox .toolbox-content .icon-mic-disabled.toggled,
.new-toolbox .toolbox-content .icon-mic-disabled.toggled:hover,
.new-toolbox .toolbox-content .icon-mic-disabled:hover {
  background: url(../images/btm-off-icon1.png) no-repeat;
  background-position: 50% 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background-size: 67%;
  height: 2.7em;
  width: 3.5em;
}

.just-center {
  justify-content: center;
}

.fullwidthmodal {
  max-width: 90%;
  width: 90%;
}

.abso-icon {
  position: absolute;
  top: 1.35em;
  right: 1em;
}

.modal-footer {
  border: none;
  padding: 0;
  background-color: var(--grey);
  height: 0.31em;
  display: none;
}

.flexdiv {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flexdiv .row {
  width: 100%;
}

.rotate85 {
  transform: rotate(85deg);
}

.rotate--180 {
  transform: var(--rotate-180);
}

.rotateY--180 {
  transform: var(--rotateY-180);
}

.table tbody td a {
  padding: 0 0.45em;
}
.bg-white {
  background-color: var(--white);
}

.asside .tab-pane .p-2 button:last-child,
.assideleft .tab-pane .p-2 button:last-child {
  margin-right: 0;
}

.capcase {
  text-transform: capitalize;
}

.w50 {
  width: 50%;
}

.smallmodalwrap .shadow1 {
  display: inline-block;
  border-radius: 50%;
  border: 0.5em solid var(--grey);
  width: 9.5em;
  height: 9.5em;
  margin-bottom: 1.25em;
}

.smallmodalwrap .shadow2 {
  border: 0.5em solid var(--white);
  display: inline-block;
  border-radius: 50%;
  width: 8.5em;
  height: 8.5em;
}

.smallmodalwrap .shadow2 img {
  width: 100%;
  height: 100%;
}

.smallmodalwrap p {
  font-size: 0.9vw;
}

.table tbody td img.callimg {
  width: 10%;
}

.table tbody td img.textimg {
  width: 6%;
}

.table tbody td img.emailimg {
  width: 10%;
}

.table tbody td img.deleteimg {
  width: 1.2em;
}

.table tbody td img.editimg {
  width: 1.2em;
}

.socialiconwrap img {
  width: 4%;
}

.btn-mini:first-child {
  margin-left: 0;
}

.btn-mini:last-child {
  margin-right: 0;
}

.controltab .rowrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.9em;
}

.controltab .rowrap:last-child {
  padding-bottom: 0.65em;
}

.controltab .rowrap img.usericon {
  margin-right: 1em;
  width: 2.4em;
  height: 2.4em;
  border-radius: 50%;
}

.controltab .rowrap p {
  margin-bottom: 0;
  color: var(--black);
  font-size: 0.95vw;
  width: calc(100% - 3.7em);
  line-height: 1.15;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.controltab .rowrap p small {
  font-size: 84%;
}

.controltab .rowrap span.txtwrap {
  display: inline-flex;
  width: calc(100% - 10.3em);
}

.private-chat .rowrap span.txtwrap {
  display: inline-flex;
  width: calc(100% - 4em);
}

.controltab .rowrap span.iconwrap a {
  margin: 0 0.65em 0 0;
  width: 1.2em;
  display: flex;
}

.controltab .rowrap span.iconwrap a:first-child {
  margin-left: 0;
}

.tooltip.bs-tooltip-top .arrow::before {
  border-top-color: var(--black);
}

.tooltip .tooltip-inner {
  text-align: left;
  padding-bottom: 0.6em;
  background-color: var(--black);
}
.justify-center {
  justify-content: center;
}

.modal .form-group label {
  font-size: 0.9vw;
  margin-bottom: 0.4em;
}

.modal .form-control {
  font-size: 0.9vw;
  height: 3.3em;
  padding: 0.5em 0.95em;
}

.justify-right {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.modal .btn-mini {
  padding: 0.3em 1em;
  font-size: 0.95vw;
  text-align: center;
}

.modal small {
  font-size: 0.95vw;
  line-height: 1.4;
}

.width35 {
  width: 35%;
}

.none {
  display: none;
}

.navbar-light .navbar-nav .nav-link.btn-record {
  margin: 0;
}

.width30 {
  width: 30%;
}

.width20 {
  width: 20%;
}

.width70 {
  width: 70%;
}

.width80 {
  width: 80% !important;
}

.angular-error {
  width: 100%;
  height: 0;
  font-size: 70%;
  color: red;
  display: contents;
}

.btn-green {
  cursor: pointer;
}

.btn-green:focus,
.btn-green:focus-visible,
.btn-green:active,
.btn-green:not(:disabled):not(.disabled):active,
#electron-btn:focus,
#electron-btn:focus-visible,
#electron-btn:active,
#electron-btn:not(:disabled):not(.disabled):active {
  background-color: var(--green);
  color: var(--black);
}

.modal .modal-header .icon-close:before {
  display: none;
}

.modal-dialog {
  width: 55%;
  max-width: 73%;
}

.modal .firstrow {
  justify-content: center;
  align-items: center;
  padding: 0 2.2em;
}

.profilemodalwrap .imgwrap .imagewrap {
  padding: 0 0.6em 0.6em;
  width: calc(9.6em * 16 / 9);
  height: 10.15em;
  margin: 0 auto;
}

.profilemodalwrap .imgwrap .btn-green {
  width: 100%;
  display: inline-block;
}

.bg-light {
  background-color: var(--grey-100) !important;
}

.profilemodalwrap .shadow1 {
  border: 0.5em solid var(--white);
  display: inline-block;
  width: 100%;
  height: 100%;
  margin-top: 0 !important;
}

.profilemodalwrap .shadow2 {
  border: 0.5em solid var(--grey-100);
  display: inline-flex;
  width: 100%;
  height: 100%;
  margin-top: 0 !important;
  justify-content: center;
  align-items: center;
}

.modal textarea.form-control {
  height: auto;
}

.modal .continfowrap label {
  margin-bottom: 0;
  justify-content: flex-end;
  padding-right: 0;
  display: flex;
  align-items: center;
  text-align: right;
}

.profile-upload-progress {
  height: 1.7em !important;
  width: 100%;
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile-upload-progress .progress,
.upload-progress .progress {
  width: 100%;
  height: 1em;
  font-size: 0.75vw;
  border-radius: 0.25em;
  margin-top: 0.5em;
}

.progress-bar-striped {
  background-size: 1em 1em;
}

.overflowx {
  overflow-x: hidden;
}

.icon-close:before {
  display: none;
}

.body-content .nav-left.nav-tabs .nav-link:focus,
.body-content .nav-left.nav-tabs .nav-link:hover,
.body-content .nav-right.nav-tabs .nav-link:focus,
.body-content .nav-right.nav-tabs .nav-link:hover {
  border-color: transparent;
}

.profilemodalwrap .shadow2 .nametxt {
  width: auto;
  height: auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2vw;
  font-weight: 600;
  color: var(--green);
  object-fit: contain;
  max-height: 100%;
  max-width: 100%;
  margin: auto;
}

.justify-end {
  justify-content: flex-end;
}

.modal ul li {
  line-height: 2.3;
}

.darkbg {
  background-color: var(--grey-100);
  border: 0.1em solid var(--grey-100);
  padding: 1.2em 2em;
}

.modal.webinarwrap h5 {
  font-size: 1.3vw;
}

.modal ul.nav-tabs li.nav-item {
  line-height: 1.5;
}

.custom-tabs {
  width: 100%;
  border-bottom: none;
}

.custom-tabs .nav-item:first-child a {
  margin-left: 0;
}

.custom-tabs .nav-item .nav-link {
  border: 0.1em solid var(--grey);
  color: var(--black) !important;
  border-bottom: none;
}

.custom-tabs .nav-item .nav-link.active {
  border: 0.1em solid var(--grey-100);
  background-color: var(--grey-100);
  border-bottom: none;
}

.custom-tabs .tab-content {
  border: 0.1em solid var(--grey-100);
  width: 100%;
  border-top: none;
  background-color: var(--grey-100);
}

.custom-tabs .tab-content .tab-pane {
  font-size: 0.95vw;
  padding: 1.5em;
  min-height: 17em;
}

.modal-share-electron .css-a5n5vp {
  background-color: var(--grey);
  left: 0;
  right: 0;
}

.vcenter {
  align-items: center;
  display: flex;
}

.text-light {
  color: var(--grey) !important;
}

.no-shadow {
  box-shadow: none;
}

.modal input[type="file"] {
  padding: 0.5em;
  overflow: hidden;
}

input[type="file"]::-webkit-file-upload-button {
  cursor: pointer;
}

.text-default {
  color: var(--black) !important;
}

.asside .tab-content .tab-pane h5 img {
  width: 34%;
  margin-right: 0.5em;
}
.text-dark {
  color: var(--black) !important;
}

.controltab .rowrap span.iconwrap img {
  width: 1.2em;
}

.controltab .rowrap span.iconwrap a:last-child {
  margin-right: 0;
}

.wrap-width-asside2 {
  width: 57.3% !important;
}

.wrap-width-asside2.white-content .col-md-7,
.wrap-width-asside3.muted-content .col-md-7 {
  max-width: 65%;
}

.wrap-width-asside3 {
  width: 35.8% !important;
}

.wrap-width-asside3.muted-content .col-md-7,
.wrap-width-asside3.white-content .col-md-7 {
  max-width: 90%;
}

.sharetab .webcampreview video {
  width: 100%;
  height: 100%;
}

.navbar .navbar-toggler {
  padding-right: 0;
}

.asside .tab-content,
.asside .tab-content .tab-pane {
  height: 100%;
  overflow: hidden;
}
.switch {
  position: relative;
  display: inline-block;
  width: 4.1em !important;
  height: 2.1em;
  margin-bottom: 0 !important;
  cursor: pointer;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--white);
  border: 0.1vh solid var(--grey);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.modal-switch-sm .slider {
  width: 2.9em;
}

.slider:before {
  position: absolute;
  content: "";
  width: 1.5em;
  left: 0.25em;
  background-color: var(--grey);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 1.5em;
  bottom: 0.3em;
}

input:checked + .slider {
  background-color: var(--green);
}

input:focus + .slider {
  box-shadow: 0 0 0.1em var(--green-opac);
}

input:checked + .slider:before {
  -webkit-transform: translateX(2.1em);
  -ms-transform: translateX(2.1em);
  transform: translateX(2.1em);
}

.slider.round {
  border-radius: 10em;
}

.slider.round:before {
  border-radius: 50%;
}

input:checked + .slider:before {
  left: 0.15em;
}

.slider_text {
  white-space: nowrap;
  padding-left: 3.3em;
  cursor: pointer;
  font-size: 0.95vw;
}

.make_extension_switch.modal-switch .slider:before {
  top: 0.24em;
}

.make_extension_switch .slider_text {
  padding-left: 3.3em;
}

.modal-switch {
  margin-right: 0.8em;
  height: 1.7em;
  margin-bottom: 0.4em !important;
  justify-content: flex-start !important;
  width: auto !important;
  align-content: center;
  display: flex;
  align-items: center;
}

.modal-switch .slider {
  width: 2.9em;
  font-size: 0.9vw;
  height: 1.7em;
  top: auto;
  bottom: auto;
}

.modal-switch .slider:before {
  height: 1em;
  left: 0.25em;
  width: 1em;
}

.modal-switch input:checked + .slider:before {
  left: -0.64em;
  background-color: var(--white);
}

.aligncenter {
  align-items: center;
}

.servwrap {
  font-size: 1vw !important;
  line-height: 1.8;
  min-height: 14.1em;
  padding: 3.3em 1em;
}

.justify-left {
  justify-content: left !important;
}

.width85 {
  width: 85%;
}

.asside h6::after {
  content: "";
  display: flex;
  width: 100%;
  border-bottom: 0.15em solid var(--grey);
  height: 0.35em;
}

.muted-content.wrap-width .btm-bg,
.wrap-width .btm-bg {
  width: 63%;
}

.width90 {
  width: 90%;
}

.width88 {
  width: 88%;
}

.btn-abso {
  position: absolute;
}

.progress-bar {
  background-color: var(--green);
}

.modal p {
  width: 100%;
}

.btn-greenL:focus,
.btn-greenL:focus-visible,
.btn-greenL:hover {
  background-color: var(--green) !important;
  color: var(--white) !important;
}

.body-content.exit {
  justify-content: center;
  align-items: center;
  display: flex;
}

.posrelative {
  position: relative;
}

.listSnone {
  list-style: none;
}

button {
  cursor: pointer;
}

.inlinetext {
  padding-left: 0.4em;
  display: inline-block;
  margin-top: 0;
}

.scheduleMeet .form-inline .form-control {
  width: 100%;
}

.scheduleMeet .event-storage {
  display: inline-block;
  padding: 0.8em 2em 0.5em 0.8em !important;
}

.form-format label {
  height: 3.7em;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.aligntop {
  align-items: baseline !important;
}

.borderwrap .checkwrap,
.borderwrap .radiowrap {
  line-height: initial;
}

.scheduleMeet .socialiconwrap {
  margin-top: 0;
}

.scheduleMeet .socialiconwrap img {
  width: 8%;
}

.modal .smallmodal ul li {
  line-height: 2;
}

.modal label.radiowrap {
  vertical-align: middle;
}

.form-control.k-widget {
  width: 100% !important;
  background-color: var(--white);
}

.form-control .k-dropdown-wrap {
  background-color: var(--white);
  box-shadow: none;
  border-color: var(--black);
  height: 2.8em;
}

.form-control .k-dropdown-wrap .k-input {
  height: 100%;
  line-height: 3;
}

.btn-red,
.cLnhlo a.btn-red {
  background-color: var(--red);
  color: var(--white) !important;
  border: 0.1em solid var(--red);
  border-radius: 0.6em;
  text-decoration: none !important;
}

.btn-red:hover,
.cLnhlo a.btn-red:hover {
  background-color: var(--red-100);
  color: var(--white);
}

.btn-red:focus,
.btn-red:focus-visible,
.btn-red:active,
.btn-red:not(:disabled):not(.disabled):active,
.cLnhlo a.btn-red:focus,
.cLnhlo a.btn-red:focus-visible,
.cLnhlo a.btn-red:active,
.cLnhlo a.btn-red:not(:disabled):not(.disabled):active {
  box-shadow: 0 0 0 0.075em var(--red-100) !important;
  border: 0.1em solid var(--white);
}

.socialwrap-small {
  display: none;
}

.librarywrap .col-md-4:last-child .body,
.librarywrap .col-md-4:last-child .head {
  border-right: none;
}

.middlemodal {
  width: 50%;
}

.modal-open .modal {
  z-index: 99999;
}

.navbar.dark-navbar .navbar-nav .active > .nav-link,
.navbar.dark-navbar .navbar-nav .nav-link,
.navbar.dark-navbar .nav-tabs .nav-link {
  color: var(--black);
}

.navbar.dark-navbar .navbar-nav.center_menu .active > .nav-link,
.navbar.dark-navbar .navbar-nav.center_menu .nav-link {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-transform: capitalize;
  text-align: center;
  padding: 0 0.85em;
  font-size: 0.95vw;
  font-weight: 300;
}

.navbar .navbar-nav .nav-link.btn-record {
  margin: 0;
}

.sharetab .webcampreview img {
  width: 100%;
  height: 100%;
}

.sharetab a.btn-mini.btn-white,
.sharetab button.btn-mini.btn-white {
  width: 47%;
  display: inline-block;
}

.profilemodalwrap .shadow2 img {
  width: auto;
  height: 99%;
  object-fit: contain;
  max-width: 99%;
}

.modal-header button.icon-close {
  display: none;
}

.revokeRoom {
  position: relative;
}

.form-inline label {
  margin-bottom: 0;
}

.modal.scheduleMeet.createsched .firstrow {
  min-height: 23.85em;
  height: auto;
}

.modal.scheduleMeet.createsched .modal-body {
  min-height: 27.85em;
}

.createsched .quesicon {
  bottom: 0.5em;
  right: 28%;
  width: 1.3em;
  height: 1.3em;
}

.createsched .quesicon img {
  width: 100%;
}

button {
  cursor: pointer;
}

.scheduleMeet .socialiconwrap img {
  width: 6%;
}

.modal-dialog .modal-content .modal-body {
  max-height: 100%;
  position: relative;
  padding: 0 1em 1em;
  min-height: 9em;
  overflow-y: auto;
  overflow-x: hidden;
}

.livestream .modal-content {
  height: 45%;
}

.modal.livestream .firstrow {
  height: 85%;
}

.centeralign {
  line-height: 0;
  vertical-align: -webkit-baseline-middle;
}

.colorinput,
.colorinput:focus,
.colorinput:hover {
  padding: 0;
  border: none;
  cursor: pointer;
  box-shadow: none;
}

.navbar.dark-navbar .navbar-nav.center_menu .nav-link.invite span,
.navbar.dark-navbar .navbar-nav.center_menu .nav-link.locked span,
.navbar.dark-navbar .navbar-nav.center_menu .nav-link.mainmenu span,
.navbar.dark-navbar .navbar-nav.center_menu .nav-link.settings span,
.navbar.dark-navbar .navbar-nav.center_menu .nav-link.unlocked span,
.navbar.dark-navbar .navbar-nav.center_menu .nav-link.webinar span,
.navbar.dark-navbar .navbar-nav.center_menu .nav-link.invitemainmenu span {
  margin-top: 1.8em;
  color: var(--grey-shade2);
}

.navbar.dark-navbar .navbar-nav.center_menu .nav-link.mainmenu svg {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  font-size: 1.2vw;
  text-align: center;
  fill: var(--grey-shade2);
}

.navbar .navbar-brand {
  width: 8.15em;
  font-size: 1.17vw;
}

.navbar.dark-navbar .navbar-nav .dropdown.MainMenuUL .dropdown-menu {
  margin: 0;
  top: 100%;
  width: 15.65em;
  background-color: var(--grey-200);
  border-radius: 0 0 0.4em 0.4em;
  padding: 0;
  overflow-y: auto;
  font-size: 1.15vw;
  position: absolute;
  border: none;
  overflow-x: hidden;
}

.navbar.dark-navbar
  .navbar-nav
  .dropdown.MainMenuUL
  .dropdown-menu
  .navbar-nav
  .nav-item {
  width: 100%;
  border-bottom: 0.1em solid transparent;
}

.navbar.dark-navbar .navbar-nav .dropdown.MainMenuUL .dropdown-menu a:hover {
  background-color: transparent;
}

.navbar.dark-navbar
  .navbar-nav
  .dropdown.MainMenuUL
  .dropdown-menu
  .navbar-nav
  .nav-item
  a
  span {
  text-transform: capitalize;
  display: inline-block;
  margin-top: 0;
  font-size: 0.9vw;
  line-height: 1.1;
}

.navbar.dark-navbar
  .navbar-nav
  .dropdown.MainMenuUL
  .dropdown-menu
  .navbar-nav {
  justify-content: left;
  flex-flow: column;
  position: relative;
}

.navbar.dark-navbar
  .navbar-nav
  .dropdown.MainMenuUL
  .dropdown-menu
  .navbar-nav:last-child {
  border-bottom: none;
}

.navbar.dark-navbar
  .navbar-nav
  .dropdown.MainMenuUL
  .dropdown-menu
  .navbar-nav
  .tag {
  position: absolute;
  right: -1.1em;
  transform: rotate(90deg);
  top: 2.1em;
  font-size: 0.9vw;
}

.navbar.dark-navbar
  .navbar-nav
  .dropdown.MainMenuUL
  .dropdown-menu
  .navbar-nav:nth-child(2)
  .tag {
  right: -0.4em;
  top: 1.5em;
}

.navbar.dark-navbar
  .navbar-nav
  .dropdown.MainMenuUL
  .dropdown-menu
  .navbar-nav:nth-child(3)
  .tag {
  right: -0.7em;
}

.navbar.dark-navbar
  .navbar-nav
  .dropdown.MainMenuUL
  .dropdown-menu
  .navbar-nav:last-child
  .tag {
  right: -0.6em;
  top: 1.5em;
}

.navbar.dark-navbar
  .navbar-nav
  .dropdown
  .dropdown-menu
  .navbar-nav.bg-white
  a {
  color: var(--black);
}

.holdmodal .modal-dialog .modal-content,
.recordmodal .modal-dialog .modal-content {
  height: 42%;
  max-height: 96%;
}

.recordmodal .firstpage .row.firstrow {
  height: 83%;
}

.border-green,
.img-div img.rounded-circle.border-green {
  border: 0.6em solid var(--green);
}

.item-border-green {
  border: 0.2em solid var(--green);
  border-radius: 3px;
}
.navbar.dark-navbar .navbar-nav .dropdown .dropdown-menu a .menu_icons {
  width: 1.9em !important;
  height: 1.9em !important;
}

.navbar.dark-navbar .navbar-nav .dropdown .dropdown-menu a .menu_icons img {
  width: 100% !important;
  height: 100% !important;
}

.dropdown {
  border: none;
}

#settingsmodalmain .servwrap {
  min-height: auto;
}

.invitewrap .btnwrap .btn-group {
  width: 100%;
  justify-content: flex-end;
}

.modal-backdrop {
  background-color: transparent;
}
.modal-light {
  background-color: rgba(0, 0, 0, 0.4);
}

a label {
  cursor: pointer;
}

.k-icon {
  padding-top: 1em;
}

.k-calendar .k-icon {
  padding-top: 0;
}

.k-calendar .k-footer,
.k-calendar > .k-header {
  width: 20.1em;
}

.navbar .dropdown {
  border: none;
}

.curspointer {
  cursor: pointer !important;
}

.overflowhidden {
  overflow: hidden;
}

.avatar {
  width: 100% !important;
  height: 100% !important;
  font-size: 3.7vw !important;
  border-radius: 0 !important;
  display: flex;
  align-items: center;
}

#headContainer {
  margin-left: 0;
}

#colorContainer,
#previewContainer {
  margin-right: 0;
}

.k-picker-wrap,
.k-picker-wrap.k-state-default > .k-select {
  width: 100%;
}

.k-picker-wrap.k-state-default > .k-select .k-icon {
  float: left;
  width: 87%;
}

.k-picker-wrap.k-state-default > .k-select .k-icon:before {
  right: -90%;
}

.k-picker-wrap,
.k-picker-wrap.k-state-focused,
.k-state-active {
  box-shadow: none !important;
  background-color: transparent !important;
}

.k-combobox .k-input,
.k-numeric-wrap .k-input,
.k-picker-wrap .k-input {
  border: 0.1em solid var(--black) !important;
  border-radius: 0.3em !important;
}

.form-control.k-widget.k-datepicker,
.form-control.k-widget.k-timepicker {
  background-color: transparent;
}

.modal {
  z-index: 99998;
  padding-right: 0 !important;
  background-color: rgba(255, 255, 255, 0.8);
}

.overflowyAuto {
  overflow-y: auto;
}

.overflowyHidden {
  overflow-y: hidden;
  overflow-x: hidden;
}

.asside .dropdown-menu {
  border-radius: 0;
  padding: 0;
  font-size: 0.95vw;
  right: 0;
  left: 100% !important;
}

.btn-green i {
  font-size: 0.8vw;
  padding-right: 0.4em;
}

.btnwrap .btn-group {
  width: 100%;
}

.circlewrap {
  width: 17%;
  text-align: center;
  font-weight: 600;
  font-size: 0.95vw;
  margin-bottom: 1.5em;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.circlewrap:last-child {
  margin-right: 0;
}

.circlewrap .circlediv {
  background-color: var(--white);
  border: 0.1vw solid var(--grey);
  border-radius: 50%;
  text-align: center;
  display: flex;
  width: 3em;
  height: 3em;
  line-height: 3;
  font-size: 1.45vw;
  margin-bottom: 0.25em;
  justify-content: center;
  align-items: center;
}

.chatwrap form a {
  display: inline-block;
}

.servicewrap ul li:last-child {
  margin-bottom: 0;
}

.form-format label.justify-content-end {
  text-align: right;
}

.modal .form-format label {
  height: 2.9em;
}

.exitadmin .radiowrap {
  width: 100%;
}

.btn-green:disabled,
button:disabled {
  border: 0.1em solid buttonface;
  box-shadow: none;
  cursor: not-allowed;
}

.new-toolbox .toolbox-content .button-group-center,
.new-toolbox .toolbox-content .button-group-left,
.new-toolbox .toolbox-content .button-group-right {
  width: auto;
  margin: 0 auto;
}

.new-toolbox .toolbox-content .icon-camera-disabled.toggled::before,
.new-toolbox .toolbox-content .icon-camera-disabled::before,
.new-toolbox .toolbox-content .icon-camera::before,
.new-toolbox .toolbox-content .icon-hangup::before,
.new-toolbox .toolbox-content .icon-info::before,
.new-toolbox .toolbox-content .icon-mic-disabled::before,
.new-toolbox .toolbox-content .icon-microphone::before,
.new-toolbox .toolbox-content .icon-raised-hand::before,
new-toolbox .toolbox-content .icon-mic-disabled.toggled::before {
  display: none;
}

.new-toolbox .toolbox-content {
  padding: 0.1em;
}

.new-toolbox .toolbox-content .toolbox-icon {
  text-align: center;
  height: 4.1em;
  margin: 0 0.2em;
  display: inline-block;
}

.new-toolbox .toolbox-content i:hover {
  background-color: transparent;
}

.new-toolbox .toolbox-content .button-group-left li {
  list-style: none;
}

.new-toolbox .toolbox-content span {
  font-size: 0.8vw;
  line-height: 1.1;
  color: var(--grey-shade2);
  margin-top: 2.9em;
}

.form-group {
  position: relative;
}

#sideToolbarContainer {
  left: 100%;
  background-color: var(--white);
  width: 20.6em;
  height: calc(100% - 3.7em);
  border-left: none;
  transition: ease 0.5s;
  top: 3.7em;
  bottom: auto;
  overflow-x: hidden;
  font-size: 1.17vw;
  position: absolute;
}

#sideToolbarContainer.slideInExt {
  right: 0;
  left: auto;
}

.new-toolbox .toolbox-content .button-group-left {
  align-items: center;
}

.new-toolbox .toolbox-content .toolbox-button {
  height: 4.2em;
  margin: 0 0.1em;
}

.new-toolbox .overflow-menu-item {
  width: 4.5em;
  text-align: center;
  align-items: center;
  justify-content: center;
  margin: 0;
  cursor: pointer;
}

.overflowHidden {
  overflow: hidden;
}

.chat-header {
  background-color: var(--grey);
  color: var(--black);
  padding: 0 1em;
  min-height: 2.4em;
  height: 3em;
  font-size: 1.17vw;
  line-height: 1.3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  z-index: 2;
  box-sizing: border-box;
  font-weight: 600;
}

.chat-header h5 {
  height: 100%;
  display: flex;
  align-items: center;
}

.chat-header .chat-close {
  position: absolute;
  justify-content: flex-end;
  padding: 0 0.55em;
  align-items: center;
  color: var(--white);
  cursor: pointer;
  display: flex;
  font-size: 1.3vw;
  height: 100%;
  line-height: 1;
  right: 0.3em;
  width: 2.3em;
}

#videospace {
  position: relative;
  top: auto;
  height: calc(100% - 3.7em);
  display: block;
  width: 100%;
  left: 0;
  right: 0;
}

#videoconference_page,
#videospace {
  min-height: auto;
  transform: none;
}

#chatconversation {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  height: calc(100% - 4.7em);
  flex: none;
  font-size: 1.17vw;
  padding: 1em 1em 0;
}

#chat-input {
  border: none;
  display: flex;
  width: 100%;
  font-size: 1.17vw;
  border-radius: 0.3em;
  padding: 0 1em;
  height: 4.5em;
  align-items: center;
}

.chat-message-group {
  display: flex;
  flex-direction: column;
}

.chat-message-group.local {
  align-items: flex-end;
}

.chat-message-group .chatmessage-wrapper {
  max-width: 100%;
}

.modal-backdrop {
  display: none !important;
}

#chat-input .form-control:first-child,
#chat-input .form-control:last-child {
  padding: 0.6em 0.75em;
}

#chat-input .smiley-input {
  float: right;
}

.chat-message-group.local .usermessage {
  -webkit-user-select: text;
  user-select: text;
  align-items: center;
  position: relative;
  width: auto;
  max-width: 100%;
  height: auto;
  background-color: var(--green);
  float: right;
  color: var(--black);
  margin-top: 0;
  min-height: 2em;
  padding: 0.8em 1.3em;
  border-radius: 0.6em;
  font-size: 0.85vw;
  line-height: 1.2;
}

.chat-message-group .chatmessage {
  margin-top: 0;
  padding: 0;
  background-color: transparent;
  display: inline-block;
  color: #fff;
}

.chatmessage {
  box-sizing: border-box;
  max-width: 100%;
  position: relative;
}

.chatmessage .display-name {
  display: inline-block;
  width: 100%;
  color: var(--black);
  padding-bottom: 0.2em;
  font-weight: 400;
  text-transform: capitalize;
  text-align: left;
  margin-bottom: 0;
  font-size: 0.95vw;
  line-height: 1.65;
}

.chat-message-group.remote .usermessage {
  -webkit-user-select: text;
  user-select: text;
  align-items: center;
  position: relative;
  width: auto;
  max-width: 100%;
  height: auto;
  background-color: var(--grey-100);
  float: left;
  color: var(--black);
  margin-top: 0;
  min-height: 2em;
  padding: 0.8em 1.3em;
  border-radius: 0 0.6em 0.6em 0.6em;
  font-size: 0.85vw;
  line-height: 1.2;
}

.chat-message-group.local .chatmessage {
  background-color: transparent;
  border-radius: 0;
}

.chat-message-group.local,
.chat-message-group.remote {
  margin-bottom: 0;
}

.chatmessage-wrapper .timestamp {
  color: var(--grey-shade2);
  font-size: 0.8vw;
}

.chat-message-group.local .display-name {
  display: none;
}

.chat-message-group .chatmessage-wrapper .replywrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.new-toolbox .toolbox-background {
  background-image: none;
}

.new-toolbox .toolbox-background {
  display: none;
}

.gSfutu {
  background-color: var(--black) !important;
}

.gSfutu .info-dialog .info-dialog-action-link,
.gSfutu .info-dialog .info-dialog-title {
  color: var(--white);
}

#dominantSpeaker {
  top: 0 !important;
}

.device-selection .device-selectors > div.form-group {
  margin-bottom: 0.7em;
}

.device-selection .device-selectors .device-selector-label {
  margin-bottom: 0.5em;
  font-size: 1vw;
}

.device-selection .device-selectors .device-selector-trigger,
.device-selection
  .device-selectors
  .device-selector-trigger-disabled
  .device-selector-trigger {
  border: 0.1em solid var(--black);
  color: var(--black);
  text-overflow: ellipsis;
  background-color: var(--white);
  display: flex;
  align-items: center;
  line-height: 2.5;
  display: flex;
  align-items: center;
  font-size: 0.95vw;
  height: 3.7em;
  padding: 0.4em 0.9em;
  border-radius: var(--border-radius);
}

.video-input-preview-error {
  top: 0;
  align-items: center;
  display: flex !important;
  justify-content: center;
  font-size: 0.8vw;
  flex-direction: column;
  color: var(--black);
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  height: 100%;
}

.device-selection .audio-input-preview {
  background-color: transparent;
}

.ieACwX,
.ieACwX > svg {
  width: 1.3em;
  height: 100% !important;
}

.device-selectors .gnGSyD {
  margin-top: -0.45em;
  max-height: 9.4em !important;
}

.device-selection .device-selection-column.column-selectors,
.column-video {
  width: 100%;
  margin-left: 0;
}

.flipVideoX {
  width: 100%;
  height: auto;
}

.flipVideoX {
  transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
}

.device-selection .gnATNR {
  color: var(--black);
  font-size: 0.9vw;
  padding: 0.4em 0;
}

.k-animation-container {
  overflow: hidden;
  z-index: 10002;
  width: 16.7em !important;
  height: 21.72em !important;
  top: 25.6em;
  left: 39em;
  box-sizing: content-box;
  display: none;
  position: absolute;
  overflow: hidden !important;
}

.k-datepicker,
.k-timepicker {
  display: block;
  width: 100%;
  padding: 0;
  line-height: 1.5;
  color: var(--black);
  background-color: var(--white);
  background-clip: padding-box;
  border: 0.1em solid var(--black);
  height: 2.2em;
  font-size: 1.18vw;
  border-radius: var(--border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.k-picker-wrap.k-state-default {
  border: none;
}

.k-datepicker .k-input,
.k-timepicker .k-input {
  background-color: transparent;
}

.k-datepicker .k-input,
.k-timepicker .k-input:focus {
  box-shadow: none;
  background-color: transparent;
}

.k-icon:before {
  top: 0.1em;
}

.k-dropzone .k-upload-status {
  float: right;
  font-size: 0.85vw;
  margin-top: 1em;
}

.k-upload-status-total .k-icon {
  vertical-align: baseline;
  float: left;
  margin-top: 0.4em;
  font-size: 0.85vw;
}

.k-upload-files {
  padding: 0;
  list-style: none;
}

.k-upload-files .k-file {
  border-bottom: none;
  font-size: 0.85vw;
}

.k-upload .k-upload-button {
  margin-right: 0;
  font-size: 0.9vw;
  background-color: var(--white);
  border-color: var(--black);
  color: var(--white);
}

.k-upload-files .k-file-extension-wrapper {
  width: 1.3em;
  height: 1.8em;
}

.k-upload .k-dropzone .k-upload-status {
  margin-top: 0.4em;
}

.k-upload .k-dropzone .k-upload-status > .k-icon,
.k-upload .k-upload-files .k-file-name-size-wrapper {
  color: var(--black);
}

.k-icon.k-i-loading::after,
.k-icon.k-i-loading::before {
  display: none;
}

.k-i-loading {
  background-size: 100% 100%;
  width: 1em;
}

.k-upload .k-dropzone .k-upload-status > .k-icon.k-i-exception {
  margin-top: -2.4em;
}

.k-upload .k-upload-files .k-delete.k-state-hover,
.k-upload .k-upload-files .k-delete:hover {
  background: 0 0;
}

#participants,
.muted-content #participants,
.participants {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.fullscreenwrap .white-content {
  height: 100%;
  padding: 0;
}

.fullscreenwrap #main-video {
  width: 100%;
  margin: 0;
}

.fullscreenwrap #largeVideoContainer {
  background: 0 0;
  display: block !important;
}

#largeVideoContainer {
  display: block !important;
  width: 78%;
  margin: auto;
  height: 100%;
}

.fullscreenwrap {
  height: 0;
  padding: 0;
}

.fullscreenwrap .muted-content {
  height: 0;
  padding: 0;
}

.Toastify__toast {
  padding: 0.5em 1.2em !important;
  border-radius: 0.3em !important;
  margin-bottom: 1em !important;
  min-height: 3em !important;
}

.Toastify__toast-body {
  padding: 0.4em !important;
  color: var(--black);
}

.Toastify__close-button {
  margin-top: 1em !important;
}

.Toastify__toast-icon {
  margin-inline-end: 0.6em !important;
  width: 1.25em !important;
}

.Toastify__progress-bar {
  height: 0.3em !important;
}

.sideToolbarContainer .radiowrap .checkmark {
  top: -0.75em;
  left: 0.5em;
}

.atlaskit-portal-container .YymJg {
  width: 55% !important;
  max-width: 73% !important;
  height: 100%;
  top: 0;
}

.atlaskit-portal-container .YymJg .izxwZe {
  margin: auto !important;
  border-radius: var(--border-radius) !important;
  border: none !important;
  width: 100%;
  box-shadow: none;
}

.atlaskit-portal-container .cliqcn .izxwZe {
  margin: auto !important;
  width: 100% !important;
}

.atlaskit-portal-container .YymJg .izxwZe .ffdVFW {
  height: 75% !important;
  max-height: 100% !important;
}

.atlaskit-portal-container .YymJg .izxwZe .hZoQfM,
.atlaskit-portal-container .YymJg .izxwZe .kKMqZi {
  background-color: var(--black) !important;
  color: var(--white) !important;
  text-transform: uppercase !important;
  border-top: 0.2em solid var(--black) !important;
  border-bottom: 0.2em solid var(--black) !important;
  border-top-left-radius: var(--border-radius) !important;
  border-top-right-radius: var(--border-radius) !important;
}

.atlaskit-portal-container .YymJg .jqPSCr {
  padding: 0;
  border-radius: var(--border-radius);
  padding-bottom: 0.3em;
}

.atlaskit-portal-container .YymJg .modal-dialog-form {
  overflow-y: auto;
  height: 100%;
  max-height: 100%;
  min-height: 9.8em;
  flex: 1 1 auto;
  padding: 1em;
  margin-top: 0 !important;
  padding-bottom: 0;
}

.atlaskit-portal-container .YymJg .settings-pane {
  display: inline-block;
}

.atlaskit-portal-container .YymJg ul.nav-tabs li.nav-item {
  line-height: 1.5;
}

.atlaskit-portal-container .YymJg .nav-tabs .nav-link {
  color: var(--black);
  text-transform: capitalize;
  border-bottom: none;
  box-shadow: none;
  border: 0.1em solid var(--grey);
  font-size: 0.95vw;
  padding: 0.7em 1.3em;
  margin: 0.15em 0.24em 0;
}

.atlaskit-portal-container
  .YymJg
  .device-selection
  .device-selection-column.column-selectors {
  margin-left: 0;
  margin-right: 0.9em;
  position: relative;
}

.atlaskit-portal-container .YymJg .device-selection .device-selection-column {
  vertical-align: top;
}

#main_header .bottom-bar {
  background-color: var(--white);
  color: var(--black);
  padding: 0.55em 0;
}

.bottom-bar.navbar-expand-lg .navbar-nav .nav-link {
  color: var(--black) !important;
  font-size: 1vw;
  padding: 1.8em 1.1em;
  font-weight: 600;
}

.bottom-bar.navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link {
  padding-right: 0;
}

.controltab .btn {
  margin-right: 0.4em;
}

footer ul.list-inline li a:focus,
footer ul.list-inline li a:hover {
  color: var(--white);
}

.mutedtext p {
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
}

.custom-for-electron {
  justify-content: flex-end;
  display: flex;
}

#videospace {
  overflow: visible !important;
  transition: all ease 0.3s;
}

.record {
  cursor: pointer !important;
}

.screen_share {
  height: 100%;
  margin: 0;
  color: var(--white) !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.incoming-text .display-name {
  text-align: right !important;
}

input:disabled + .slider {
  background-color: var(--grey-200);
  cursor: not-allowed;
}
input:disabled + .slider:before {
  background-color: var(--grey);
}
.quesicon.mt-03 {
  margin-top: 0.2em;
}

.form-control:first-child {
  padding-top: 0.5em;
}

header {
  height: 7.51em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.smileys-panel {
  width: 15.2em;
  margin: 0;
  left: auto;
  right: 0;
}

.smileys-panel #smileysContainer {
  padding: 0.3em 0 0.6em;
  border-top-width: 0.1em;
}

.playsound small {
  display: inline-block;
}

.dark-bg {
  background-color: var(--grey);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}

.light-bg {
  background-color: var(--white);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-flow: column;
}

.updatedWrap .container-fluid,
.updatedWrap .container-fluid .updatedWraprow {
  height: 100%;
}

.border5-white {
  border: 0.15em solid var(--grey);
}

.updatedWrap .imgwrap h4 {
  text-align: center;
  width: 75%;
  margin: 0 0 1.3em;
  font-size: 2.8vw;
  line-height: 1.31;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pl-15 {
  padding-left: 15%;
}

.btn-green,
.fUkahW .updatedWrap .updatedWraprow .light-bg .btn-green {
  border: 0.1em solid var(--grey);
  background-color: var(--white);
  color: var(--black);
  position: relative;
  max-width: 100%;
  height: 3.25em;
  width: auto;
  text-transform: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1vw;
  border-radius: 0.6em;
  padding: 0.3em 1em;
  min-width: 13.6em;
  line-height: 2.1;
}

.btn-green:hover,
.fUkahW .updatedWrap .updatedWraprow .light-bg .btn-green:hover,
#electron-btn:hover {
  background-color: var(--green) !important;
  color: var(--black) !important;
}

.btn-white,
a.btn-white,
a:not([href]):not([tabindex]).btn-white {
  border: 0.1em solid var(--grey);
  color: var(--black);
  background-color: var(--white);
}

.btn-white:focus,
.btn-white:focus-visible,
.btn-white:hover {
  color: var(--black);
  background-color: var(--grey-opac);
  box-shadow: 0 0 0 0.075em var(--grey-opac) !important;
}

.btn-pure-white {
  background-color: var(--white);
  border-color: var(--white);
}

.btn-pure-white:hover,
.btn-pure-white:focus,
.btn-pure-white:focus-visible {
  background-color: var(--grey);
}

.btn-pure-white:focus,
.btn-pure-white:focus-visible,
.btn-pure-white:active,
.btn-pure-white:not(:disabled):not(.disabled):active {
  box-shadow: 0 0 0 0.075em var(--grey) !important;
  border-color: var(--green) !important;
}

.abso-btn {
  text-align: center;
}

.abso-btn i {
  position: absolute;
  right: 0.7em;
  top: 0.45em;
  font-size: 1.6vw;
  opacity: 0.5;
  cursor: pointer;
}

.form-control:last-child {
  padding-bottom: 0.5em;
}

.updatedWrap label {
  font-size: 1vw;
}

.updatedWrap .light-bg h2 {
  line-height: 1.3;
  margin-bottom: 0.2em;
}

.updatedWrap .light-bg form {
  width: 60%;
}

a,
a small,
a:not([href]):not([tabindex]) {
  color: var(--orange);
}

.full-width {
  width: 100% !important;
}

.topalign {
  align-items: baseline;
}

.btn-link {
  background-color: transparent;
  border: none;
  color: var(--white);
  padding: 0.3em 1em;
  text-decoration: none;
  display: inline-block;
}

.btn-link:focus,
.btn-link:focus-visible,
.btn-link:hover {
  color: var(--white);
  text-decoration: none;
}

.dialogue-bg h3 {
  line-height: 1.3;
}

small.form-text {
  line-height: 1.2;
}

.updatedWrap .updatedWraprow .light-bg.pl-15 {
  padding-left: 12%;
}

.form-group label {
  font-size: 1vw;
  width: 100%;
  margin-bottom: 0.5em;
  font-weight: 600;
}
.container {
  max-width: 90%;
  padding-right: 1em;
  padding-left: 1em;
}

.buttonwrap {
  justify-content: space-between;
}

.fUkahW .updatedWrap .updatedWraprow .light-bg a {
  color: var(--green) !important;
}

.updatedWrap .updatedWraprow .light-bg.pl-8 {
  padding-left: 8%;
}

.updatedWrap .updatedWraprow .light-bg.pr-6 {
  padding-right: 6%;
}

.updatedWrap .updatedWraprow .light-bg .row {
  width: 100%;
  margin: 0;
}

.white-dialogue-box {
  background-color: var(--white);
  color: var(--black);
  display: flex;
  align-items: center;
  font-size: 0.95vw;
  padding: 1em 0.75em;
  border-radius: 0.6em;
  min-height: 3.7em !important;
}

.videoWrap {
  height: 9.4em;
}

.videoWrap img {
  height: 100%;
  width: 100%;
  margin: 0 auto;
}

.videoWrap .pop-loader-container img {
  width: 2em !important;
  height: 2em !important;
}

select.form-control {
  padding-top: 0.375em;
}

.dark-navbar .navbar-collapse {
  flex-grow: 0;
}

.topbg {
  position: absolute;
  top: 0;
  margin: 0 auto;
  width: 28%;
  left: 0;
  right: 0;
}

.lbtUUc .blRkZl {
  height: 100%;
  width: 100%;
  top: 0;
  margin: 0;
  max-width: 100%;
}

.lbtUUc .blRkZl .izxwZe,
.lbtUUc .blRkZl .izxwZe .jqPSCr .modal-dialog-form .settings-dialog,
.lbtUUc
  .blRkZl
  .izxwZe
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content,
.lbtUUc
  .blRkZl
  .izxwZe
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content
  .dark-bg,
.lbtUUc
  .blRkZl
  .izxwZe
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content
  .light-bg,
.lbtUUc .blRkZl .izxwZe .jqPSCr div,
.lbtUUc .blRkZl .eoRGoR,
.lbtUUc .blRkZl .izxwZe .jqPSCr .modal-dialog-form .settings-dialog,
.lbtUUc
  .blRkZl
  .eoRGoR
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content,
.lbtUUc
  .blRkZl
  .eoRGoR
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content
  .dark-bg,
.lbtUUc
  .blRkZl
  .eoRGoR
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content
  .light-bg,
.lbtUUc .blRkZl .eoRGoR .jqPSCr div {
  height: 100%;
}

.lbtUUc .blRkZl .izxwZe .jqPSCr,
.lbtUUc .blRkZl .eoRGoR .jqPSCr {
  padding: 0;
}

.lbtUUc .blRkZl .izxwZe .jqPSCr .modal-dialog-form,
.lbtUUc .blRkZl .eoRGoR .jqPSCr .modal-dialog-form {
  height: 100%;
  margin: 0 !important;
}

.lbtUUc
  .blRkZl
  .izxwZe
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .settings-pane,
.lbtUUc
  .blRkZl
  .eoRGoR
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .settings-pane {
  height: 100%;
  display: inline-block;
}

.lbtUUc
  .blRkZl
  .izxwZe
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content
  .light-bg
  div,
.lbtUUc
  .blRkZl
  .eoRGoR
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content
  .light-bg
  div {
  height: auto;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
}

.lbtUUc
  .blRkZl
  .izxwZe
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content
  .light-bg
  .device-selectors
  .form-group:nth-child(2),
.lbtUUc
  .blRkZl
  .eoRGoR
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content
  .light-bg
  .device-selectors
  .form-group:nth-child(2) {
  margin-top: 0;
}

.lbtUUc
  .blRkZl
  .izxwZe
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content
  .light-bg
  .device-selectors
  .device-selector-label,
.lbtUUc
  .blRkZl
  .eoRGoR
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content
  .light-bg
  .device-selectors
  .device-selector-label {
  width: 100%;
}

.lbtUUc
  .blRkZl
  .izxwZe
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content
  .light-bg
  .device-selector-trigger,
.lbtUUc
  .blRkZl
  .eoRGoR
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content
  .light-bg
  .device-selector-trigger {
  align-items: center;
  height: 3.7em;
}

.lbtUUc
  .blRkZl
  .izxwZe
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content,
.lbtUUc
  .blRkZl
  .eoRGoR
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content {
  height: calc(100% - 3.7em);
}

.lbtUUc
  .blRkZl
  .izxwZe
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content
  .light-bg
  .audio-input-preview-level,
.lbtUUc
  .blRkZl
  .eoRGoR
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content
  .light-bg
  .audio-input-preview-level {
  height: 0.72em;
  font-size: 1vw;
}

#modal-dialog-ok-button {
  position: absolute;
  bottom: 2%;
  right: 1%;
  z-index: 9999;
  border: none;
  text-align: center;
  border-radius: var(--border-radius);
  border: 0.1em solid var(--green);
  background-color: var(--green) !important;
  color: var(--white) !important;
  max-width: 100%;
  width: auto;
  padding: 0.3em 1em;
  min-width: 13.6em;
  max-width: 100%;
  height: 3.25em;
  font-size: 1vw;
}

#modal-dialog-ok-button:focus,
#modal-dialog-ok-button:focus-visible,
#modal-dialog-ok-button:hover {
  background-color: var(--green) !important;
  color: var(--white) !important;
}

.lbtUUc
  .blRkZl
  .izxwZe
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content
  .light-bg
  .device-selection-column,
.lbtUUc
  .blRkZl
  .eoRGoR
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content
  .light-bg
  .device-selection-column {
  margin-left: 0;
  width: 100%;
}

#participants .video .participant img,
.muted-content .video .participant img,
.participants .video .participant img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.asside .chat-header h5 img,
.simple-custom-tabs .chat-header h5 img {
  margin-right: 0.5em;
}

.btn-link,
.modal .btn-link {
  font-size: 1vw;
  padding: 0.3em 1em !important;
}

.modal .btn-mini.abso-btn i {
  width: auto;
  height: auto;
  font-size: 1.2vw;
  top: 0.7em;
  line-height: 0.6;
}

.form-inline .form-control {
  width: 70%;
}

.modal label.label-inline {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  text-align: right;
  height: 3.3em;
}

.saveprofilewrap ul {
  padding: 0;
  font-size: 1vw;
}

.saveprofilewrap ul li {
  list-style: inside !important;
}

.fUkahW .profilemodalwrap a,
.fUkahW .profilemodalwrap a:focus,
.fUkahW .profilemodalwrap a:hover {
  color: var(--green);
  font-size: 1vw;
}

.form-group label.float-left {
  width: auto;
}

.fUkahW .modal a,
.fUkahW .modal a:focus,
.fUkahW .modal a:hover {
  color: var(--green);
}

.modal .modal-title .btn {
  position: absolute;
  text-align: center;
  box-shadow: none;
  width: auto;
  margin-left: 1.5em;
  padding: 0.8em;
  height: 2.5em;
  top: -0.5em;
  line-height: 1;
  min-width: 10.8em;
}

.cliqcn #modal-dialog-ok-button {
  position: relative;
  bottom: auto;
  left: auto;
  text-align: center;
  display: inline-block;
  float: right;
  line-height: 2.4;
  margin-bottom: 2.2em;
  margin-top: 1.45em;
  padding: 0.3em 1em;
  min-width: 13.6em;
  height: 3.25em;
  font-size: 1vw;
}

.cliqcn #modal-dialog-ok-button::after {
  top: 0.64em;
  font-size: 1.6vw;
}

.btn.abso-btn i {
  display: none;
}

.arrowrap a .fa-arrow-circle-o-left {
  display: inline-block;
  margin-top: 0.15em;
}

.modal .darkbg h6 {
  color: var(--black);
  text-transform: capitalize;
  margin-bottom: 1.4em !important;
}

.modal .darkbg h6 .tooltip_container {
  text-transform: initial;
}

.replay-nav .new-toolbox .toolbox-content {
  width: 70%;
}

.dark-navbar .nav-tabs .nav-item.share_screen {
  margin-right: 0.6em;
}
.dark-navbar .nav-tabs .nav-item.end {
  margin-left: -0.7em;
}

.dark-navbar .nav-tabs .nav-item {
  margin-bottom: -0.1em;
}

.vertical-filmstrip #sharedvideo {
  z-index: 0;
}

.livemeetnmodal .modal-dialog .modal-content {
  height: auto;
}

.livemeetnmodal .modal-dialog .modal-content .firstrow {
  margin-bottom: 1em;
}

.videoloading {
  background: url(../images/1488.gif) center center no-repeat;
  background-size: 2.3vh 2.3vh;
}

.loader_effect {
  filter: blur(0.8em);
  pointer-events: none;
  cursor: not-allowed;
  z-index: 9999;
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.bg-dark-grey {
  background-color: var(--black);
}

.updatedWrap .light-bg .joinprowrap {
  margin: 0 auto;
}

.updatedWrap .light-bg .joinwrap {
  position: relative;
  height: auto;
  margin: 0 0.3em;
  width: 12.9em;
}

.simple-custom-tabs .white-content #participants .video .participant,
.simple-custom-tabs .white-content .muted-content .video .participant,
.simple-custom-tabs .white-content .participants .video .participant {
  border: 0.4em solid var(--white);
}

.simple-custom-tabs .muted-content .container .row.img-div-wrap {
  height: auto;
}

#remoteVideos {
  position: absolute;
  z-index: 1;
  bottom: 0.3em;
  right: 0.5em;
  width: calc(10.25em * 16 / 9);
  height: 10.3em;
  transition: all ease 0.5s;
  z-index: 9;
}

.asside .chat-header h5,
.simple-custom-tabs .chat-header h5 {
  width: 100%;
}

.filmstrip__videos .videocontainer {
  background-color: var(--dark-grey-shade3) !important;
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.display-name-on-black video {
  opacity: 1 !important;
}

.videocontainer__background {
  background-color: transparent !important;
}

.videocontainer__hoverOverlay {
  background: 0 0 !important;
}

.videocontainer {
  position: relative;
  text-align: center;
  overflow: hidden;
  position: relative;
}

#largeVideo,
#largeVideoContainer,
#largeVideoWrapper {
  overflow: hidden;
  text-align: center;
}

#etherpad,
#largeVideoWrapper,
#largeVideoWrapper > object,
#largeVideoWrapper > video,
#localVideoWrapper,
#localVideoWrapper object,
#localVideoWrapper video,
#sharedVideo,
.videocontainer > object,
.videocontainer > video {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

#sharedVideo.disable-pointer {
  pointer-events: none;
}

.stage-filmstrip #etherpad,
.stage-filmstrip #sharedvideo,
.vertical-filmstrip #etherpad,
.vertical-filmstrip #sharedvideo {
  text-align: left;
}

#etherpad {
  z-index: 0;
}

#dominantSpeaker {
  align-items: center;
  display: flex;
  height: 100%;
  transform: none;
  width: 100%;
  margin: auto;
  position: relative;
}

#dominantSpeakerAvatarContainer {
  top: 0;
  margin: auto;
  position: relative;
  overflow: hidden;
  visibility: inherit;
}

#largeVideoBackgroundContainer,
.large-video-background {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.body-content.updatedWrap {
  height: calc(100% - 3.7em);
}

.body-content.updatedWrap.banner {
  height: calc(100% - 3.7em - 2em);
}

.embeded-replay {
  height: 100%;
}

.embeded-replay .body-content.updatedWrap {
  height: calc(100%) !important;
}

.navbar.dark-navbar .navbar-nav.center_menu .nav-link.mainmenu span,
.navbar.dark-navbar .navbar-nav.center_menu .nav-link.invitemainmenu span {
  margin-top: -0.2em !important;
  display: inline-block;
}

.dark-navbar .nav-tabs .nav-item.active .nav-link.chaticon {
  background: url(../images/chat-dark.png) no-repeat;
  background-position: 50% 27.7%;
  background-size: 34%;
}

.dark-navbar .nav-tabs .nav-item.active .nav-link.faceicon,
.dark-navbar .nav-tabs .nav-item.active .nav-link.sharescreenicon {
  background: url(../images/present-dark.png) no-repeat;
  background-position: 50% 15%;
  background-size: 34%;
}

.dark-navbar .nav-tabs .nav-item.active .nav-link.breakouticon {
  background: url(../images/breakout-dark.png) no-repeat;
  background-position: 50% 27.7%;
  background-size: 34%;
}

.dark-navbar .nav-tabs .nav-item.active .nav-link.speakericon {
  background: url(../images/speaker-gray.png) no-repeat;
  background-position: 50% 27.7%;
  background-size: 34%;
}

.dark-navbar .nav-tabs .nav-item.active .nav-link.galleryicon {
  background: url(../images/gallery-gray.png) no-repeat;
  background-position: 50% 20.7%;
  background-size: 41%;
}

.new-toolbox .toolbox-content .toolbox-icon.active .icon-raised-hand {
  background: url(../images/btm-active-icon4.png) no-repeat;
  background-position: 50% 16% !important;
  background-size: 60%;
}

.navbar.dark-navbar .navbar-nav.center_menu .nav-link.mainmenu.active span,
.navbar.dark-navbar .navbar-nav.center_menu .nav-link.mainmenu.active:before,
.new-toolbox
  .overflow-menu-item.active
  .overflow-menu-item-icon
  .icon-profile
  span,
.new-toolbox .overflow-menu-item.active span,
.new-toolbox .toolbox-content .avicon.active span,
.new-toolbox .toolbox-content .toolbox-icon.active span,
.new-toolbox .toolbox-content a.exitwrap.active span,
.navbar.dark-navbar
  .navbar-nav.center_menu
  .nav-link.invitemainmenu.active:before,
.navbar.dark-navbar
  .navbar-nav.center_menu
  .nav-link.invitemainmenu.active
  span {
  color: var(--green);
}
.navbar.dark-navbar .navbar-nav.center_menu .nav-link span {
  line-height: 1.2;
}
.lbtUUc
  .blRkZl
  .izxwZe
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content.avwrap {
  height: auto;
}

.lbtUUc
  .blRkZl
  .izxwZe
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content.avwrap
  .light-bg
  div.video-input-preview {
  width: 36.61em;
}

.lbtUUc
  .blRkZl
  .izxwZe
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content.avwrap
  .light-bg {
  background-color: var(--white);
}

.lbtUUc
  .blRkZl
  .izxwZe
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content.avwrap
  .updatedWraprow {
  height: calc(100% - 3.7em);
}

.lbtUUc
  .blRkZl
  .izxwZe
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content.avwrap
  .modal-header {
  height: auto;
}

#remoteVideos .filmstrip__videos {
  width: 100% !important;
}

#remoteVideos.remotevideohide {
  right: -18.1em;
  transition: all ease 0.5s;
}

#remoteVideos .avatar-container {
  display: flex;
  align-items: center;
  width: 100% !important;
  height: 100% !important;
  max-height: 100%;
  max-width: 100%;
}

#remoteVideos .avatar-container img {
  height: 1.6em;
}

#modal-dialog-cancel-button,
.bKXMcU,
.ckHUfF,
.dhWQJJ,
.gZAcjy {
  padding: 0 1em 1em !important;
  color: var(--green) !important;
  font-weight: 600 !important;
}

.lmqkGH {
  width: 100%;
}

.lmqkGH .cIYSWk span span,
.lmqkGH .cxAqeq span span,
.lmqkGH .lgCCLh span span,
.sc-bwzfXH {
  background-color: transparent !important;
  border: none;
  float: left;
  color: var(--green) !important;
  text-decoration: none;
  font-size: 1vw !important;
  padding: 0.7em 0;
  margin-top: -7%;
}

.lmqkGH .hYjsWq:last-child {
  justify-content: flex-end;
}

.column-video {
  border-radius: var(--border-radius);
  height: 7.75em;
  background-color: var(--grey-100);
  margin: auto;
  text-align: center;
  width: 100%;
  border: 0.1vh solid var(--grey);
}

.hYjsWq {
  color: var(--green) !important;
  padding-left: 0 !important;
}

.updatedWrap.avwrap
  .device-selection
  .audio-input-preview
  .audio-input-preview-level {
  height: 0.8em;
}

.column-video img,
.video-input-preview {
  height: 100%;
  width: 100%;
}

.video-input-preview {
  border-radius: var(--border-radius);
  position: relative;
}

.lbtUUc
  .blRkZl
  .izxwZe
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content
  .light-bg
  .audio-output-preview,
.lbtUUc
  .blRkZl
  .eoRGoR
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content
  .light-bg
  .audio-output-preview {
  margin-top: 3.5em;
  height: 3.52em;
  display: flex;
  align-items: center;
}

.lbtUUc
  .blRkZl
  .izxwZe
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content
  .light-bg
  .audio-input-preview,
.lbtUUc
  .blRkZl
  .eoRGoR
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content
  .light-bg
  .audio-input-preview {
  height: 3.52em;
  margin-bottom: 0;
  font-size: 1vw;
  margin-top: 3.5em;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.lbtUUc
  .blRkZl
  .izxwZe
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content
  .light-bg
  .column-video,
.lbtUUc
  .blRkZl
  .eoRGoR
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content
  .light-bg
  .column-video {
  margin-top: 1.4em;
  height: 7.75em;
  width: 18.8em;
}

.column-video .column-video-inner {
  height: 100%;
  border-radius: var(--border-radius);
}

.video-input-preview .video-input-preview-display {
  object-fit: cover;
  height: 100%;
  overflow: hidden;
  width: 100%;
  border-radius: var(--border-radius);
}

.video-input-preview-display {
  height: 100%;
  width: 100%;
}

.device-selection .device-selection-video-container,
.device-selection
  .device-selection-video-container
  .video-input-preview
  > video {
  border-radius: var(--border-radius);
}

.device-selection .device-selection-video-container .video-input-preview {
  margin: 0;
}

.space-btw {
  justify-content: space-between;
}

.modal-open {
  padding-right: 0 !important;
}

form .form-group:last-child {
  margin-bottom: 0;
}

.new-toolbox .toolbox-content .toolbox-icon.hangupwrap {
  margin: 0;
}

.locktext {
  margin-bottom: 0;
  font-size: 0.95vw;
  line-height: 1.7;
  margin-top: 1em;
}

.swal-modal .swal-title {
  font-size: 1.6vw;
  color: var(--black);
  padding: 0.6em 0.7em;
  min-height: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.swal-title:not(:last-child) {
  margin-bottom: 0.6em;
}

.swal-title:first-child {
  margin-top: 1.2em;
}

.discontinue-alert .swal-title {
  margin-top: 0;
  margin-bottom: 0;
}

.swal-button-container .swal-button {
  border: none;
}

.swal-text {
  font-size: 1.2vw;
  padding: 0 0.6em;
  max-width: calc(100% - 1.3em);
  color: var(--black);
}

.body-content.updatedWrap .light-bg {
  height: 100%;
  overflow: auto;
  z-index: 9999;
  align-items: center;
  justify-content: center;
  padding: 0.6em 0;
}

#smileys {
  margin-top: -0.2em;
}

body.welcome-page #react,
body.welcome-page #react .fUkahW:first-child {
  height: 100%;
}

.navbar.dark-navbar .navbar-nav .dropdown .dropdown-menu a i {
  width: 1.9em;
  height: 1.9em;
  margin-right: 0.5em;
  background-color: transparent !important;
  background-size: 100% 100% !important;
}

.navbar.dark-navbar .navbar-nav .dropdown .dropdown-menu a i:before {
  display: none;
}

.navbar.dark-navbar .navbar-nav .dropdown .dropdown-menu a i.inviteicon {
  background: url(../images/invite-sidebar.png) no-repeat;
}

.navbar.dark-navbar .navbar-nav .dropdown .dropdown-menu a i.webinaricon {
  background: url(../images/webinar-sidebar.png) no-repeat;
}

.navbar.dark-navbar .navbar-nav .dropdown .dropdown-menu a i.eventsicon {
  background: url(../images/events-sidebar.png) no-repeat;
}

.navbar.dark-navbar .navbar-nav .dropdown .dropdown-menu a i.roompericon {
  background: url(../images/roomper-sidebar.png) no-repeat;
}

.navbar.dark-navbar .navbar-nav .dropdown .dropdown-menu a i.sharexticon {
  background: url(../images/sharext-sidebar.png) no-repeat;
}

.navbar.dark-navbar .navbar-nav .dropdown .dropdown-menu a i.roomproicon {
  background: url(../images/roompro-sidebar.png) no-repeat;
}

.navbar.dark-navbar .navbar-nav .dropdown .dropdown-menu a i.addroomicon {
  background: url(../images/addroom-sidebar.png) no-repeat;
}

.tooltip {
  font-size: 0.9vw !important;
  display: block;
  left: auto !important;
  right: auto !important;
  max-width: 18em !important;
  z-index: 999999;
  width: auto !important;
  line-height: 1 !important;
  padding: 0.6em !important;
}

.tooltip .tooltip-inner {
  text-align: left;
  background-color: var(--black);
  padding: 0.2em 0.8em 0.4em;
  font-size: 1vw;
  width: auto !important;
}

.bs-tooltip-top .arrow::before {
  border-top-color: var(--black);
  left: auto;
}

.bs-tooltip-bottom .arrow::before {
  border-bottom-color: var(--black);
  left: auto;
}

.muted-content .btm-bg.singleicon {
  background-size: 65% 100%;
}

.progress-bar.active,
.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.mt-03 {
  margin-top: 0.2em !important;
}

.mt-10 {
  margin-top: 0.8em !important;
}

.mt-13 {
  margin-top: 1em !important;
}

.mt-15 {
  margin-top: 1em;
}

.mt-20 {
  margin-top: 1.3em !important;
}

.mt-30 {
  margin-top: 1.8em;
}

.mt-10per {
  margin-top: 10%;
}

.mb-05 {
  margin-bottom: 0.4em !important;
}

.mb-10 {
  margin-bottom: 0.6em !important;
}

.mb-15 {
  margin-bottom: 1em !important;
}

.mb-30 {
  margin-bottom: 1.9em !important;
}

.mb-40 {
  margin-bottom: 2.5em;
}

.p-15 {
  padding: 1em;
}

.pl-15 {
  padding-left: 1em;
}

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

.width10ch {
  max-width: 10ch;
}

.width15ch {
  max-width: 15ch;
}

.width18ch {
  max-width: 18ch;
}

.width20 {
  width: 20%;
}

.width30 {
  width: 30%;
}

.width35 {
  width: 35%;
}

.width40 {
  width: 40%;
}

.width50 {
  width: 50%;
}

.width55 {
  width: 55%;
}

.width60 {
  width: 60%;
}

.width62 {
  width: 62%;
}

.width65 {
  width: 65%;
}

.width67 {
  width: 67%;
}

.width70 {
  width: 70%;
}

.width78 {
  width: 78%;
}

.width80 {
  width: 80% !important;
}

.width85 {
  width: 85% !important;
}

.width88 {
  width: 88%;
}

.width90 {
  width: 90%;
}

.borderRD10 {
  border-radius: 0.6em;
}

.no-border {
  border: none !important;
}

.font13 {
  font-size: 0.95vw !important;
}

.font15 {
  font-size: 1.1vw !important;
}

.font16 {
  font-size: 1.15vw !important;
}

.font30 {
  font-size: 2.2vw;
}

.text-Mgreen {
  color: var(--green) !important;
}

.bg-orange {
  background-color: var(--orange) !important;
}

.bg-menugreen {
  background-color: var(--green) !important;
}
.minHauto {
  min-height: auto !important;
}

.hAuto {
  height: auto !important;
}

.wAuto {
  width: auto !important;
}

.k-grid {
  border: 0.1em solid var(--grey);
}

.k-grid-header .k-header {
  background-color: var(--grey) !important;
  border: none !important;
  white-space: nowrap;
  font-weight: 600;
  padding: 0.8em 1.15em;
  font-size: 0.95vw;
  vertical-align: middle;
  border-right: 0.1em solid var(--black) !important;
  border-bottom: none !important;
}

.k-grid-header th.k-header {
  vertical-align: middle;
  font-weight: 600;
  color: var(--black);
  padding: 0.9em 1.1em;
  font-size: 0.95vw;
  line-height: 1;
}

.k-grid-header th.k-header > .k-link {
  font-weight: 600;
  font-size: 0.95vw;
  color: var(--black);
  line-height: 1;
}

div.k-grid-header {
  padding-right: 0 !important;
  border: none;
}

.k-grid-content tr td {
  color: var(--black);
  padding: 0.8em 1.15em;
  font-size: 0.95vw;
  white-space: nowrap;
  border-left: 0.1em solid transparent;
  vertical-align: middle;
  border-bottom: none;
}

.k-grid-content .radiowrap .checkmark {
  height: 0.44em;
  width: 0.44em;
  top: 0.1em;
}

.k-grid-content img.deleteimg {
  width: 1em;
}

.k-grid-content {
  overflow-y: auto !important;
}

.k-pager-wrap {
  font-size: 0.88vw;
  border-color: var(--grey);
  color: var(--black);
}

.k-pager-sizes .k-widget.k-dropdown {
  margin-top: 0;
}

.k-grid tbody tr:nth-of-type(even) {
  background-color: var(--grey);
}

.k-grid tr:hover {
  background-color: transparent !important;
}

.k-grid tbody tr:nth-of-type(even):hover {
  background-color: var(--grey) !important;
}

.k-dropdown-wrap.k-state-active,
.k-dropdown-wrap.k-state-focused,
.k-dropdown-wrap.k-state-hover,
.k-grid .k-textbox:focus,
.k-grid .k-textbox:hover {
  box-shadow: 0 0.5em 0.5em var(var(--grey));
  border-color: var(--white);
}

.k-pager-wrap input.k-textbox {
  border-color: var(--black) !important;
}

.k-dropdown .k-state-default {
  background-color: var(--white);
  border-color: var(--black);
}

.k-grid-header .k-link .k-icon.k-i-sort-asc-sm,
.k-grid-header .k-link .k-icon.k-i-sort-desc-sm {
  position: absolute;
  margin-top: 0;
}

.k-grid-norecords {
  padding: 1.4em 0;
  font-size: 1vw;
}

.k-grid-content {
  min-height: 11em;
}

.k-icon.k-i-reload:before {
  top: 0;
}

.text-numeric {
  text-align: left !important;
}

.text-date {
  text-align: center !important;
}

.text-constant {
  text-align: center !important;
}

.text-string {
  text-align: left !important;
}

.text-amount {
  text-align: right !important;
}

.k-grid-header th.k-header:last-child {
  border-right: none !important;
}

div.k-grid-header {
  border-bottom: 0.1em solid var(--grey);
}

.k-grid-content table tr td {
  border-bottom: none;
  border-right: 0.1em solid var(--grey);
}

.k-grid-content table tr td:last-child {
  border-right: none;
}

.k-pager-sizes {
  padding-top: 0.15em !important;
}

.k-pager-wrap .k-pager-refresh {
  margin-right: 0.4em !important;
}

.pricing-main-div {
  padding: 2.5em 0 0.91em;
}

.pricing-div-head h2 {
  font-size: 2vw;
  line-height: 1.3;
  margin-bottom: 0.9em;
}

.pricing-div-head h2 span {
  display: block;
}

.create-pages h2 {
  font-size: 2.4vw;
  line-height: 1.25;
  margin-bottom: 0.75em;
  text-transform: uppercase;
}

.create-pages h4 {
  font-size: 1.35vw;
  margin: 1em 0;
  margin-left: -0.7em;
  font-weight: 600;
}

.create-pages .btn-green.undo-btn {
  min-width: 7.33em !important;
  border-radius: var(--border-radius);
}

.srv-validation-message {
  color: var(--red);
  display: inline-block;
  font-size: 0.9vw;
}

.blur-div {
  position: absolute;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 0;
  padding: 0.5em 0.8em;
  background-color: rgba(0, 0, 0, 0.5);
  width: auto;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 1vw;
  color: var(--white);
}

.blur-div-left {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin-bottom: 0;
  padding: 0.5em 0.8em;
  background-color: rgb(238, 238, 238, 0.5);
  width: auto;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 1vw;
  color: var(--black);
  border-radius: 0 0 0 1em;
}

.small-active-window .blur-div-left {
  font-size: 0.6vw;
}

.screen_share {
  font-size: 1.75vw;
}

.initialValueOfUser {
  margin-right: 0.5em;
  width: 1.35em;
  height: 1.35em;
  line-height: 1;
  font-size: 1.9vw;
  color: var(--black) !important;
  border-radius: 50%;
  border: 0.1em solid;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
}

/* latest */

.form-control .__PrivateStripeElement,
.form-control .__PrivateStripeElement iframe,
.form-control .__PrivateStripeElement iframe form,
.ElementsApp input,
.ElementsApp InputContainer {
  height: 100% !important;
  position: absolute;
  top: 0.4em;
}

.tOoji a,
.cLnhlo a {
  color: var(--green) !important;
}

.playsound .audio-output-preview a {
  border: 0.1em solid var(--grey);
  background-color: var(--white);
  color: var(--black) !important;
  position: relative;
  max-width: 100%;
  text-transform: inherit;
  text-align: center;
  width: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  height: 3.25em;
  font-size: 1vw;
  border-radius: var(--border-radius);
  padding: 0.3em 1em;
  min-width: 13.6em;
  line-height: 2.1;
  cursor: pointer;
}

.playsound .audio-output-preview a:hover,
.playsound .audio-output-preview a:focus {
  background-color: var(--green);
  color: var(--white);
}

#chat-input .usrmsg-form {
  float: left;
  width: 100%;
}

#chat-input .usrmsg-form #usermsg {
  border: 0.1em solid var(--black);
  font-size: 0.95vw;
  color: var(--black);
  height: 2.95em;
  border-radius: var(--border-radius);
}

#chat-input .usrmsg-form #usermsg:focus {
  box-shadow: 0 0.5em 0.5em var(--grey);
  border-color: transparent;
}

#videospace .videocontainer {
  background-color: var(--dark-grey-shade3) !important;
}

.dynamic-shadow {
  display: none;
}

#dominantSpeakerAvatarContainer,
.dynamic-shadow {
  height: 100%;
  width: 100%;
}

.avatar-foreign img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  max-width: 100%;
  max-height: 100%;
}

.tOoji .blur-div h2,
.tOoji a.btn-green,
.tOoji .chat-header h5,
.cLnhlo .blur-div h2,
.cLnhlo a.btn-green,
.cLnhlo .chat-header h5 {
  color: var(--white) !important;
}

.new-toolbox .toolbox-content .toolbox-icon.toggled,
.new-toolbox .toolbox-content .toolbox-icon:hover {
  background: transparent;
}

.form-group .cksvax,
.cksvax {
  background-color: var(--white) !important;
  border: none !important;
}

.hWFSra:hover {
  background-color: var(--grey-opac) !important;
}

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

.lbtUUc
  .blRkZl
  .eoRGoR
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content
  .light-bg
  .form-group {
  margin-bottom: 0.7em;
}

.lbtUUc
  .blRkZl
  .eoRGoR
  .jqPSCr
  .modal-dialog-form
  .settings-dialog
  .body-content
  .light-bg
  .column-video {
  width: 100%;
}

.eoRGoR {
  background-color: var(--white) !important;
}

.eoRGoR .Content__Footer-sc-1npw367-9 .lmqkGH {
  justify-content: flex-start;
  flex-flow: row-reverse;
}

.eoRGoR .Content__Footer-sc-1npw367-9 .lmqkGH .hYjsWq {
  flex: 0;
  margin: 0 0.35em;
}

.lmqkGH #modal-dialog-cancel-button,
.lmqkGH .bKXMcU,
.lmqkGH .cIYSWk,
.lmqkGH .cxAqeq,
.lmqkGH .dhWQJJ,
.lmqkGH .lgCCLh,
.lmqkGH .lgCCLh:focus,
.lmqkGH .lgCCLh:hover,
.btn-link {
  text-align: center;
  text-transform: capitalize;
  justify-content: center;
  width: auto;
  border: 0.1em solid var(--grey);
  background-color: var(--white) !important;
  color: var(--black) !important;
  font-size: 0.95vw;
  border-radius: 0.6em;
  min-width: 7.8em;
  margin: 0 0.25em;
  height: 2.7em;
}

.lmqkGH #modal-dialog-cancel-button:hover,
.lmqkGH #modal-dialog-cancel-button:focus,
.lmqkGH #modal-dialog-cancel-button:focus-visible,
.lmqkGH #modal-dialog-cancel-button:active,
.lmqkGH #modal-dialog-cancel-button:not(:disabled):not(.disabled):active,
.btn-link:hover,
.btn-link:focus,
.btn-link:focus-visible,
.btn-link:active,
.btn-link:not(:disabled):not(.disabled):active,
#electron-btn-cancel:hover {
  background-color: var(--green) !important;
  color: var(--black);
}

.tOoji a.btn,
.tOoji a.btn-green,
.tOoji .modal-header h5,
.cLnhlo a.btn,
.cLnhlo a.btn-green,
.cLnhlo .modal-header h5,
.tOoji a.btn-link,
.cLnhlo a.btn-link {
  color: var(--white) !important;
}

.modal .btn-mini,
.modal .btn,
.modal .btn-link,
.modal button {
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95vw;
  border-radius: 0.6em;
  padding: 0.3em 1em !important;
  min-width: 7.8em;
  line-height: 1;
  margin: 0 0.25em;
  height: 2.7em;
}

.buttonwrap .col-md-12 {
  justify-content: flex-end;
  display: flex;
}

.modal .float-right {
  margin-right: 0;
}

.eoRGoR .Content__Footer-sc-1npw367-9 .lmqkGH .hYjsWq:first-child {
  margin-right: 0;
}

.modal.scheduleMeet .btn-greenL {
  margin: auto;
  min-width: 17.6em;
}

.modal .btn.back {
  margin-left: 0;
}

.fa-arrow-circle-o-left {
  color: var(--green);
}

.scheduleMeet .k-upload .k-upload-button {
  background-color: var(--white);
  color: var(--black);
  padding: 0;
  height: 3.4em;
  cursor: pointer;
  outline: none;
  display: flex;
  align-items: center;
  padding-left: 0.3em;
  border: 0.1em solid var(--black);
  border-radius: 0.3em;
  position: relative;
}

.scheduleMeet .widthSmall .k-upload {
  width: 85%;
  float: left;
}

.scheduleMeet .widthSmall .k-upload .k-upload-button span {
  display: inline-block;
  padding: 0.45em 1em;
  background-color: var(--grey);
  border: 0.1em solid var(--grey);
  cursor: pointer;
}

.scheduleMeet .widthSmall .k-upload .k-dropzone .k-dropzone-hint {
  border: 0.1em dashed var(--black);
  font-size: 0.95vw;
  padding: 1em;
  border-radius: 0.6em;
  margin-top: 1em;
}

.modal-header h5.modal-title.capcase {
  width: 100%;
}

.modal-header h5.modal-title.capcase .btn {
  right: 0;
  top: -0.4em;
}
.cliqcn .Content__Footer-sc-1npw367-9 {
  border-bottom: 0.5em solid var(--grey);
  padding-bottom: 2.2em !important;
}

.eoRGoR {
  border-radius: 0.6em 0.6em 0.3em 0.3em !important;
  margin-top: auto;
  margin-bottom: auto;
}

.swal-footer {
  border-bottom: 0.5em solid var(--grey);
  margin-top: 0;
  padding-bottom: 2.2vw;
  padding: 1vw;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.swal-footer .swal-button-container {
  margin: 0 !important;
}

.swal-footer .swal-button--cancel {
  justify-content: center;
  width: auto;
  border: 0.1em solid var(--grey);
  background-color: var(--white) !important;
  color: var(--black) !important;
  text-align: center;
  text-transform: capitalize;
  float: none;
  font-size: 0.95vw !important;
  border-radius: 0.6em;
  padding: 0.3em 1em !important;
  min-width: 7.8em;
  margin: 0 0.25em;
  height: 2.7em;
}

.swal-button__loader {
  width: 3.2vw;
  height: 100%;
}

.swal-button__loader div {
  width: 2vw !important;
  height: 2vw !important;
  margin: 0 !important;
  border-radius: var(--border-radius) !important;
}

.swal-footer .swal-button--cancel:hover,
.swal-footer .swal-button--cancel:focus,
.swal-footer .swal-button--cancel:focus-visible,
.swal-footer .swal-button--cancel:active,
.swal-footer .swal-button--cancel:not(:disabled):not(.disabled):active {
  background-color: var(--green) !important;
  color: var(--black);
}

.swal-footer .swal-button-container .swal-button--confirm {
  border: 0.1em solid var(--grey);
  background-color: var(--white) !important;
  color: var(--black) !important;
  justify-content: center;
  width: auto;
  text-align: center;
  text-transform: capitalize;
  display: inline-flex;
  align-items: center;
  font-size: 0.95vw !important;
  border-radius: 0.6em;
  padding: 0.3em 1em !important;
  min-width: 7.8em;
  margin: 0 0.25em;
  height: 2.7em;
}

.swal-footer .swal-button-container .swal-button--confirm:hover,
.swal-footer .swal-button-container .swal-button--confirm:focus,
.swal-footer .swal-button-container .swal-button--confirm:focus-visible,
.swal-footer .swal-button-container .swal-button--confirm:active,
.swal-footer
  .swal-button-container
  .swal-button--confirm:not(:disabled):not(.disabled):active {
  background-color: var(--green) !important;
  color: var(--black) !important;
}

.swal-button-container button:last-child {
  margin-right: 0;
}

.modal.fade .modal-dialog {
  transform: translate(0, 0);
}

.modal .btn-block {
  width: 100% !important;
}

.pricingwrap h4 {
  margin: 0 0 1em;
}

.Toastify__close-button {
  display: none;
}

.updatedWrap .joinprowrap button i {
  padding-left: 0.3em;
}

.chatmessage .messagecontent {
  margin: 0.3em 0;
  max-width: 100%;
  overflow: hidden;
}

.chatmessage .usermessage {
  white-space: pre-wrap;
}

.rounded-circle {
  border-radius: 0.6em !important;
}

#remoteVideos .avatar-foreign {
  font-size: 100%;
}

.updatedWrap .light-bg .joinwrap .fa-close {
  position: absolute;
  cursor: pointer;
  color: var(--black);
  background-color: var(--white);
  top: 0.8em;
  right: 0.8em;
  padding: 0.2em 0.4em;
  font-size: 0.9vw;
  border-radius: 0.2em;
}

.updatedWrap .light-bg .joinwrap .imgwrap {
  width: calc(7.21em * 16 / 9);
  height: 7.21em;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: var(--grey);
  background: url(../images/img5.png) no-repeat;
  background-size: 100% auto;
}

.updatedWrap .light-bg .joinwrap .buttonsubmit button {
  white-space: normal;
  width: 100%;
  height: auto !important;
  font-size: 1.4vw;
  padding: 0.3em 0.3em;
  min-width: 5.24em;
  line-height: 1.4;
  min-height: 3.93em;
}

.updatedWrap .light-bg .joinwrap .buttonsubmit button i {
  display: block;
  padding-top: 0;
  padding-left: 0;
  font-size: 1.21vw;
  margin: 0.2em auto 0;
  width: 20%;
}

button:focus,
#modal-dialog-ok-button:focus,
button:focus-visible,
#modal-dialog-ok-button:focus-visible,
#modal-dialog-ok-button:active,
#modal-dialog-ok-button:not(:disabled):not(.disabled):active {
  outline: none;
  box-shadow: 0 0 0 0.075em var(--green) !important;
  border: 0.1em solid var(--white) !important;
}

.btn-link:focus,
.swal-button--cancel:focus,
#electron-btn-cancel:focus,
.btn-link:focus-visible,
.swal-button--cancel:focus-visible,
#electron-btn-cancel:focus-visible,
.btn-link:active,
.swal-button--cancel:active,
#electron-btn-cancel:active,
.btn-link:not(:disabled):not(.disabled):active,
.swal-button--cancel:not(:disabled):not(.disabled):active,
#electron-btn-cancel:not(:disabled):not(.disabled):active {
  outline: none;
  box-shadow: 0 0 0 0.075em var(--grey-200) !important;
  border: 0.1em solid var(--white) !important;
}

.updatedWrap .imgwrap img {
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: contain;
  background-color: var(--grey);
}

.Toastify__toast-container {
  top: 4em !important;
  left: auto !important;
  width: auto !important;
  margin-left: 0 !important;
  padding: 0.25em !important;
}

.updatedWrap .light-bg .joinwrap .buttonsubmit button img {
  width: 19%;
  display: block;
  margin: 0.4em auto 0;
}

.updatedWrap .updatedWraprow .light-bg.p-equal {
  padding: 0 8% 0 8%;
}

.updatedWrap .updatedWraprow .light-bg.p-equal h2 {
  text-align: center;
  width: 100%;
  padding-bottom: 0.6em;
}

.updatedWrap .updatedWraprow .light-bg.p-equal a {
  width: 100%;
  text-align: center;
}

.per5 {
  padding: 0 5% !important;
}

.updatedWrap .updatedWraprow .light-bg.connectWrap img {
  width: 100%;
}

.modal .nav-item .nav-link {
  color: var(--black) !important;
}

.form-group label.label-inline {
  margin-bottom: 0;
}

.formInline .form-group {
  align-items: center;
}

.formInline .linkLabel {
  width: auto;
}

.badge {
  position: absolute;
  margin-top: 0 !important;
  border-radius: 50%;
  padding: 0;
  text-align: center;
  display: flex !important;
  justify-content: center;
  align-items: center;
  top: 0.7em;
  right: 0.5em !important;
  height: 1.8em;
  width: 2em;
  font-size: 0.7vw;
  background-color: var(--green);
  color: var(--white) !important;
  font-weight: normal;
  margin-top: 0;
}

.av-pop .progress {
  position: relative;
  align-items: initial !important;
  background: url(../images/progress-bar.png) no-repeat;
  background-size: 100% 100%;
  height: 2.7em !important;
  margin: 0 0 3.9em;
  font-size: 0.9vw;
  border-radius: 0.3em;
}

.bg-green {
  background-color: var(--green) !important;
}

.bg-yellow {
  background-color: var(--orange);
}

.bg-red {
  background-color: var(--red);
}

.progress.disabled .progress-bar {
  background-color: var(--black);
}

.progress.disabled .progress-bar:nth-of-type(odd) {
  background-color: var(--grey-shade2);
}

.body-content.updatedWrap .light-bg.av-pop {
  display: inline-block;
  padding: 0.6em 1.5em;
}

#chatconversation a {
  color: var(--white) !important;
}

#chatconversation .text-dark a {
  color: var(--green) !important;
}

.align-center {
  align-items: center;
}

.controltab .rowrap span.txtwrap span.fitIcon {
  margin-right: 0.5em;
  width: 1.35em;
  height: 1.35em;
  line-height: 1;
  font-size: 1.9vw;
  border-radius: 50%;
  background-color: var(--white);
  border: 0.1em solid var(--black);
  display: flex;
  align-items: center;
  justify-content: center;
}

.controltab .rowrap span.txtwrap span.fitIcon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin-right: 0;
}

.wrap-width {
  width: calc(100% - 20.6em) !important;
  transition: all ease 0.3s;
}

.profilemodalwrap .bg-light {
  padding: 0.8em;
}

.profilemodalwrap .bg-light {
  display: flex;
  flex-direction: column;
}

.profilemodalwrap .fullHeight .bg-light {
  height: 100%;
}

.Loadertopbg {
  position: absolute;
  top: 0;
  margin: 0 auto;
  width: 28%;
  left: 0;
  right: 0;
}

.overlay__content {
  width: 100%;
}

.recorderVideo {
  width: 100%;
  height: 100%;
}

.lbtUUc .blRkZl .eoRGoR .jqPSCr .modal,
.lbtUUc .blRkZl .eoRGoR .jqPSCr .modal div {
  height: auto;
}

.lbtUUc .blRkZl .eoRGoR .jqPSCr .modal .modal-dialog {
  height: 100%;
}

ol li {
  margin-bottom: 0.5em;
  font-size: 1.1vw;
  line-height: 1.6;
}

.show-connection-indicator [tabindex="-1"] {
  background: transparent !important;
  box-shadow: none !important;
}

.show-connection-indicator [tabindex="-1"] .popover {
  background-color: var(--grey);
  max-width: 41.7em;
  width: 20.7em;
  left: 2.7em;
  top: -1.4em;
  font-size: 0.9vw;
  border-radius: 0.2em;
  padding: 1.2em;
  text-align: center;
}

.show-connection-indicator
  [tabindex="-1"]
  .popover
  .connection-info__container {
  width: 100%;
  text-align: center;
}

.show-connection-indicator [tabindex="-1"] .popover .connection-info td {
  font-size: 0.8vw;
  padding: 0;
}

.show-connection-indicator
  [tabindex="-1"]
  .popover
  .connection-info
  td:first-child {
  text-align: right;
}

.show-connection-indicator
  [tabindex="-1"]
  .popover
  .connection-info
  td:last-child {
  text-align: left;
  padding-left: 0.45em;
  color: var(--white);
}

.asside .tab-content .tab-pane.controltab .videocontainer__toptoolbar {
  position: relative;
  display: inline-block;
  width: auto;
  top: auto;
}

.controltab .rowrap span.iconwrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.asside
  .tab-content
  .tab-pane.controltab
  .show-connection-indicator
  [tabindex="-1"]
  .popover {
  background-color: var(--grey);
  max-width: 41.7em;
  width: auto;
  right: 0;
  top: -1.4em;
  font-size: 0.9vw;
  border-radius: 0.2em;
  padding: 0;
  text-align: center;
  left: auto;
  margin: 0;
  margin-top: -1.2em;
}

.asside .tab-content .tab-pane.controltab .connection-info {
  margin: 0;
  padding: 0.3em;
}

.profile-pop [tabindex="-1"] {
  color: var(--black) !important;
  background-color: var(--white) !important;
  box-shadow: none !important;
  padding: 0 !important;
  max-width: 27em !important;
  margin-top: 0.55em;
}

::-webkit-scrollbar {
  width: 0.65em !important;
  border-radius: 10em;
}
::-webkit-scrollbar-track {
  background: var(--orange) !important;
  border-radius: 10em;
}
::-webkit-scrollbar-thumb {
  background: var(--orange-100) !important;
  border-radius: 10em;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--orange-100) !important;
  border-radius: 10em;
}
.select_custom select::-webkit-scrollbar,
.PhoneInputCountrySelect::-webkit-scrollbar,
.custom-select::-webkit-scrollbar {
  width: 0.1em !important;
}
:root {
  scrollbar-color: var(--orange) var(--grey-100) !important;
  scrollbar-width: 0.8em !important;
  border-radius: 10em;
}
* {
  scrollbar-color: var(--orange) var(--grey-100) !important;
  scrollbar-width: thin;
}

.connection-info__container {
  padding: 0.75em;
}

.updatedWrap .light-bg .joinprowrap {
  max-height: 80%;
  overflow-y: auto;
}

.YymJg .body-content.updatedWrap .light-bg {
  padding-left: 0.9em;
  padding-right: 0.9em;
}

.body-content.updatedWrap .light-bg.loginProcess {
  align-items: flex-start;
}

.backWrap {
  display: flex;
  align-items: center;
}

.backWrap a {
  text-align: left !important;
  line-height: 0;
}

.updatedWrap .light-bg .joinwrap .buttonsubmit button span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 95%;
  display: inline-block;
  line-height: 1.3;
}

.blur-div h2 {
  margin-bottom: 0;
  padding: 0.5em 0.8em;
  background-color: rgba(0, 0, 0, 0.5);
  width: auto;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 2.2vw;
}

.backWrap.avbackWrap {
  margin-top: 0.5em;
  width: 100%;
  justify-content: space-between;
}

.body-content.updatedWrap .light-bg.connectWrap .btn-green {
  width: 100%;
}

.modal .table-max {
  max-height: 22em;
  overflow-y: auto;
  display: block;
}

.modal-dialog.smallmodal {
  width: 35%;
}

.modal-width-sm {
  width: 35%;
}

.modal-width-md {
  width: 45%;
}

p.form-control {
  display: flex;
  align-items: center;
  min-height: 3.3em;
}

.chatWholeWrap {
  overflow-y: auto;
  overflow-x: hidden;
}

.modal-dialog.midmodal {
  width: 45%;
}

.atlaskit-portal-container .cliqcn {
  width: 35%;
  max-width: 73% !important;
  height: 100%;
  top: 0;
}

.recording-dialog .recording-header {
  padding-bottom: 0;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  min-height: 18.8em;
  border-top: 2.25em solid var(--black);
  border-bottom: 0.35em solid var(--grey);
  padding-top: 0;
}

.modal .form-control .__PrivateStripeElement,
.modal .form-control .__PrivateStripeElement iframe,
.modal .form-control .__PrivateStripeElement iframe form,
.modal .ElementsApp input,
.ElementsApp InputContainer {
  top: 0.25em;
}

.modal .form-control .__PrivateStripeElement iframe {
  width: 0.1em !important;
}

.modal .form-control .__PrivateStripeElement iframe * {
  font-size: 0.9vw !important;
}

.context-menu-list.context-menu-root {
  display: none !important;
}

.no-Lstyle {
  list-style: none;
}

.modal.eventSettingsPop .darkbg h6 {
  margin-bottom: 0.45em !important;
}

.modal.eventSettingsPop ul li a {
  font-size: 1vw;
  color: var(--black) !important;
}

.modal button.react-datepicker__navigation {
  line-height: 1.7em !important;
  text-align: center !important;
  padding: 0 !important;
  height: 0.8em !important;
  width: 0.8em !important;
  min-width: 0.1em;
  top: 0.5em;
}

.modal p.form-control {
  display: inline-block;
  width: 100%;
  overflow-y: auto;
  min-height: 3.3em;
  height: auto;
  align-items: baseline;
  padding-top: 0.75em;
  max-height: 9em;
}

.modal p.form-control.hAuto {
  align-items: baseline;
}

.updatedWrap .imgwrap.eventImgwrap img {
  max-width: 80%;
  height: auto;
  width: auto;
}

.audio-output-preview {
  font-size: 1vw;
  margin-bottom: 3em;
}

.conference-body
  .joinFlowWrap.updatedWrap
  .updatedWraprow
  .light-bg
  .row.device-selection,
.conference-body
  .joinFlowWrap.updatedWrap
  .updatedWraprow
  .light-bg
  .row.avbtnrow {
  width: auto;
}

.device-selection .device-selection-video-container {
  background-color: var(--black);
  margin-bottom: 0;
}

.device-selection .device-selection-video-container .video-input-preview {
  margin: 0 auto;
  border-radius: var(--border-radius);
  position: relative;
}

.device-selection .device-selectors > div {
  display: block;
}

.device-selection .device-selection-column {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}

.connectionStatus {
  margin-top: 0.35em;
  display: inline-block;
}

.conference-body .joinFlowWrap .light-bg.p-equal.MobileContent a.btn-green {
  width: auto;
}

#sideToolbarContainer.slideInExt .chat-header h5 img {
  margin-right: 0.6em;
  margin-top: -0.5em;
}

.simple-custom-tabs.controltab .chat-header h5 img {
  width: 7%;
}

.backcheckwrap {
  padding-left: 0;
  padding-right: 1.9em;
  margin-right: 0;
}

.backcheckwrap .checkmark {
  right: 0;
  left: auto;
}

.swal-modal {
  width: 35% !important;
  max-width: 73%;
  border-radius: 0.6vw;
  margin: 0 auto;
  max-height: 99%;
  box-shadow: 0 0 0.5vw rgba(10, 10, 10, 0.25) !important;
}
.modal#roomsettings small.form-text {
  margin-top: 0.4em;
  line-height: 1.8;
}

select {
  background-image: none;
  background: transparent;
}

.modal .form-group .labelMove {
  top: 32%;
}

.align-baseline {
  align-items: baseline;
}

.column-video {
  height: 7.75em;
}

.recording-dialog .recording-icon-container {
  margin-bottom: 0.65em;
}

.join-av.modal-dialog {
  width: 100% !important;
  max-width: 100%;
}

.join-av.modal-dialog .modal-content {
  border-radius: 0;
  height: 100%;
  max-height: 100%;
}

.join-av.modal-dialog .modal-content .modal-body {
  padding: 0;
}

.join-av.modal-dialog .modal-content .modal-dialog-form {
  margin-top: 0 !important;
  height: 100%;
}

.join-av.modal-dialog .modal-content .modal-dialog-form .settings-dialog,
.join-av.modal-dialog
  .modal-content
  .modal-dialog-form
  .settings-dialog
  .settings-pane
  .dark-bg {
  height: 100%;
}

.join-av.modal-dialog
  .modal-content
  .modal-dialog-form
  .settings-dialog
  .settings-pane {
  flex-direction: column;
  height: 100%;
}

.conference-body
  .joinFlowWrap.updatedWrap
  .updatedWraprow
  .light-bg
  .row.device-selection {
  align-items: flex-start;
  margin-top: 0 !important;
  flex-direction: row;
}

.join-av.modal-dialog .modal-content .modal .modal-content {
  height: auto;
  border-radius: var(--border-radius);
}

.join-av.modal-dialog .modal-content .modal .modal-content .modal-body {
  padding: 1em;
}

.modal .join-av button {
  margin-right: 0;
  font-size: 1vw !important;
  border-radius: 0.6em;
  padding: 0.3em 1em;
  min-width: 13.6em;
  line-height: 2.1;
  height: 3.25em;
}

.join-av .audioWrap,
.join-inner-av .audioWrap {
  min-height: 20em;
}

.device-selection
  .device-selection-column.column-selectors
  .form-group
  .cksvax {
  max-height: 20.1em;
}

.modal
  .device-selection
  .device-selection-column.column-selectors
  .form-group
  .cksvax {
  max-height: 11em;
}

.join-inner-av.modal-dialog .modal-content .modal-body {
  padding: 0;
}

.join-inner-av.modal-dialog .modal-content .modal-dialog-form {
  margin-top: 0 !important;
}

.join-inner-av.modal-dialog .modal-content .modal-body .modal-body {
  padding: 1em 0;
}

.conference-body .updatedWrap .updatedWraprow .row.device-selection {
  align-items: flex-start;
  flex-direction: row;
}

.join-inner-av.modal-dialog .modal-content .modal-body .modal-header {
  border-radius: 0;
}

.join-inner-av.modal-dialog .modal-content .modal .modal-content .modal-body {
  padding: 1em;
}

.join-inner-av .backWrap.avbackWrap.Buttons {
  justify-content: flex-end;
}

.TextHighlight {
  -webkit-user-select: text;
  user-select: text;
}

.lgnText {
  font-size: 1.17vw !important;
}

.body-content.updatedWrap.joinFlowWrap small {
  font-size: 0.95vw;
  margin-bottom: 0.3em;
}

.Toastify {
  font-size: 1.2vw !important;
}

.modal .checkmark {
  height: 1.2em;
  width: 1.2em;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.toolsWrap i {
  height: 2.7em;
  width: 3.5em;
}

.toolsWrap i.icon-mic-disabled {
  background: url(../images/btm-off-icon1.png) no-repeat;
  background-position: 50% 10%;
  background-size: 67%;
}

.toolsWrap i.icon-mic {
  background: url(../images/btm-icon1.png) no-repeat;
  background-position: 50% 10%;
  background-size: 67%;
}

.toolsWrap i.icon-cam-disabled {
  background: url(../images/btm-off-icon8.png) no-repeat;
  background-position: 50% 10%;
  background-size: 67%;
}

.toolsWrap i.icon-cam {
  background: url(../images/btm-icon8.png) no-repeat;
  background-position: 50% 10%;
  background-size: 67%;
}

.toolsWrap i.icon-profile-disabled {
  background: url(../images/btm-icon9-off.png) no-repeat;
  background-position: 50% 35%;
  background-size: 70%;
}

.toolsWrap i.icon-profile {
  background: url(../images/btm-icon9.png) no-repeat;
  background-position: 50% 35%;
  background-size: 70%;
}

.toolsWrap i.icon-raise-disabled {
  background: url(../images/btm-icon4.png) no-repeat;
  background-position: 50% 10%;
  background-size: 61%;
}

.toolsWrap i.icon-raise {
  background: url(../images/btm-active-icon4.png) no-repeat;
  background-position: 50% 10%;
  background-size: 61%;
}

.toolsWrap i.icon-speaker-disabled {
  background: url(../images/speaker-volume-off.png) no-repeat;
  background-position: 50% 10%;
  background-size: 67%;
}

.toolsWrap i.icon-speaker {
  background: url(../images/speaker-volume-active.png) no-repeat;
  background-position: 50% 10%;
  background-size: 67%;
}

.conference-nav {
  justify-content: space-between;
  flex-wrap: nowrap;
  z-index: 2;
}
.conference-nav .nav-tabs {
  flex-wrap: nowrap;
  justify-content: flex-end;
}

.conference-nav .flex-left .center_menu {
  flex-direction: row;
}

.conference-nav .flex-left .btn-dark {
  font-size: 0.95vw;
  padding: 0.3em;
  min-width: 6em;
  line-height: 1.2;
  color: var(--grey-shade2) !important;
  position: absolute;
  right: 0;
}

.conference-nav .flex-right .btn-dark {
  font-size: 0.95vw;
  padding: 0.3em 0.9em;
  min-width: 6em;
  line-height: 1.2;
  color: var(--black) !important;
  position: absolute;
  left: -10em;
  height: 85%;
  background-color: rgba(255, 255, 255, 0.5) !important;
  border: rgba(255, 255, 255, 0.5) !important;
}

.conference-nav .flex-right .btn-dark:focus,
.conference-nav .flex-right .btn-dark:active,
.conference-nav .flex-right .btn-dark:focus-visible,
.conference-nav .flex-right .btn-dark:not(:disabled):not(.disabled):active {
  box-shadow: 0 0 0 0.075em rgba(255, 255, 255, 0.5) !important;
  border: none !important;
}
.modal .modal-title .btn:focus,
.conference-nav .flex-left .btn-dark:focus-visible,
.modal .modal-title .btn:focus-visible {
  border-color: var(--black) !important;
}
.Slidebar {
  position: fixed;
  background-color: var(--white);
  height: calc(100% - 3.7em);
  top: 3.7em;
  bottom: auto;
  overflow: hidden;
  z-index: 1;
  font-size: 1.17vw;
  width: 20.6em;
  right: -25em;
}

.Slidebar.active {
  right: 0;
}

.Slidebar .tab-pane {
  padding: 0;
}

.Slidebar .chat-header img {
  width: 18%;
  margin-right: 0.3em;
}

.asside .tab-content .tab-pane.controltab h5 img {
  width: 7%;
}

.recordBtn#modal-dialog-ok-button {
  bottom: 5%;
}

.HeadLike-bg {
  background-color: var(--grey);
  border-bottom: 0.1em solid var(--grey);
}

.player .vp-video-wrapper video {
  object-fit: cover;
}

.videoWrap .container-fluid {
  padding: 0;
}

.videoWrap .container-fluid .row {
  height: 100%;
  width: 100%;
  margin: 0;
}

.videoWrap .container-fluid .row #vimeo-player,
.videoWrap .container-fluid .row #vimeo-player iframe {
  height: 100%;
  width: 100%;
  background-color: var(--grey-300);
}

.player {
  max-width: 100% !important;
}

.create-main-div {
  padding: 2.5em 0;
}

.pricingwrap .form-group .abso-icon {
  top: 2.9em;
}

.create-main-div small.form-text {
  line-height: 1.4;
}

.create-main-div form .form-group:last-child {
  margin-bottom: 1em;
}

.text-orange {
  color: var(--orange) !important;
}

.create-main-div .srv-validation-message {
  width: 100%;
}

.connection-info {
  display: flex;
  align-items: center;
  margin-left: 1.2em;
  height: 2.5em;
  font-size: 0.88vw;
}

.avatar-foreign {
  word-break: break-word;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.stageGallery .avatar-foreign {
  font-size: 100%;
}

#main_header .navbar.outer-nav {
  background-color: var(--grey-100);
  height: 6em;
}

#main_header .navbar .navbar-nav li .nav-link {
  color: var(--black) !important;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 1vw;
  text-align: center;
  padding: 1.8em 1.1em;
  line-height: 1;
  min-width: 4.39em;
  /* font-family: 'Lato', sans-serif !important; */
}

#main_header .navbar .navbar-nav li a.nav-link.active {
  color: var(--green) !important;
}

.btn-orange {
  border: 0.1em solid var(--grey);
  background-color: var(--white) !important;
  color: var(--black) !important;
  position: relative;
  max-width: 100%;
  width: auto;
  text-transform: inherit;
  display: inline-block;
  align-items: center;
  justify-content: center;
  font-size: 1vw;
  margin-left: 1.1em;
  border-radius: 0.6em;
  padding: 0.3em 1em;
  min-width: 13.6em;
  height: 3em;
  line-height: 2.1;
}

.btn-orange:hover {
  background-color: var(--green) !important;
  color: var(--white);
}
.btn-mini {
  text-align: center;
  font-size: 1vw;
  padding: 0.4em 1.5em;
  min-width: 5.9em;
  line-height: 1.4;
  height: 2.6em;
  margin: 0 0.3em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn-orange-body {
  border: 0.1em solid var(--orange);
  background-color: var(--orange) !important;
  color: var(--white) !important;
  position: relative;
  max-width: 100%;
  width: auto;
  text-transform: inherit;
  display: inline-block;
  align-items: center;
  justify-content: center;
  font-size: 1vw;
  margin-left: 1.1em;
  border-radius: 0.6em;
  padding: 0.3em 1em;
  min-width: 13.6em;
  height: 3em;
  line-height: 2.1;
}

.btn-orange-body:hover {
  background-color: var(--orange-100) !important;
  color: var(--white);
}

.btn-orange-body:focus,
.btn-orange-body:focus-visible,
.btn-orange-body:active,
.btn-orange-body:not(:disabled):not(.disabled):active {
  box-shadow: 0 0 0 0.075em var(--orange-100) !important;
  border-color: var(--white) !important;
}

.Toastify__toast-container--top-center {
  transform: translateX(0%) !important;
}

.scheduleMeet .k-upload .k-upload-button input {
  opacity: 0;
  position: absolute;
  width: 100%;
}

.remoteVideos video {
  object-fit: cover;
}

.lineH28 {
  line-height: 0.7;
}

.micro-text {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding-bottom: 0 !important;
  padding-top: 0.8em;
  font-weight: 600;
}

.conference-inner-body #dominantSpeakerAvatarContainer .avatar-foreign img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
}

.minwidth100 {
  min-width: 7.4em;
}

#chatconversation .chat-message-group.remote a {
  color: var(--black) !important;
}

#chatconversation a {
  text-decoration: underline;
}

.btn-danger,
.tOoji a.btn-danger,
.cLnhlo a.btn-danger {
  border-radius: 0.6em;
  color: var(--white) !important;
}

.body-content.createstep2 .create-pages h2 {
  margin-top: 0.75em;
}

.profile-pop .gSfutu {
  background-color: var(--white) !important;
  padding: 0 !important;
}

.updatedWrap .light-bg .joinprowrap .joinwrap .btn-green {
  width: 100%;
}

.fUkahW .updatedWrap .updatedWraprow .light-bg.browsersupport-wrap .btn-green {
  height: 4em;
  line-height: 1;
}

.fUkahW .updatedWrap .updatedWraprow .light-bg.browsersupport-wrap span {
  min-height: 10.11em;
  display: inline-block;
}

.conference-inner-body .fUkahW {
  background-color: var(--black);
}

.text-size-12 {
  font-size: 0.9vw;
}

.switch-modal .form-group {
  display: flex;
}

.switch-modal .form-group a.quesicon.float-right {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  width: 1.3em;
  height: 1.3em;
}

.profile-pop .fqtRUK div:nth-child(1) {
  left: -2.3em !important;
}

.profile-pop .fqtRUK .popUp .col-md-12.p-0 {
  left: 0 !important;
}

.navbar-nav.center_menu {
  height: 100%;
}

.av-switch {
  font-size: 0.95vw;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

#largeVideoWrapper > video {
  background-color: var(--dark-grey-shade3);
}

.tOoji,
.cLnhlo {
  background-color: var(--black) !important;
}

.justify-content-space-between {
  justify-content: space-between;
}

.dark-navbar .nav-tabs .nav-link.sharescreenicon.screenShare {
  background: url(../images/present-dark.png) no-repeat;
  background-position: 50% 15%;
  background-size: 34%;
}

.plus-margin {
  margin-bottom: 1em;
}

.table thead tr th,
.table tbody tr td {
  user-select: text;
}

.pricingwrap form.create-pages .form-group .form-control {
  font-size: 1.18vw;
}

#player.jwplayer {
  height: calc(100% - 3.7em) !important;
}

#player.jwplayer .jw-aspect {
  padding-top: 0 !important;
}

.support-content {
  min-height: calc(100% - 9.8em);
}

.support-content h2 {
  margin: auto;
  text-transform: uppercase;
  width: 70%;
  text-align: center;
  border-bottom: 0.1vw solid var(--orange);
  border-top: 0.1vw solid var(--orange);
  color: var(--black) !important;
  font-size: 2.3vw;
  line-height: 1.3;
  min-height: 1.9em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.support-content h5 {
  font-size: 1.55vw;
  line-height: 1.5;
  margin-bottom: 1.5em;
}

.support-content .support-pic img {
  /* width: 85%; */
  width: 93%;
}

.support-content .support-pic p {
  font-size: 0.9vw;
  padding-top: 0.7em !important;
}

.video-tutorials-pic p {
  font-size: 1.17vw;
  padding-top: 0.7em !important;
}

.support-content .support-pic.video-tutorials-pic img,
.support-content .support-pic.video-tutorials-pic video,
.support-content .support-pic.video-tutorials-pic iframe {
  margin-top: 0;
  width: 100% !important;
}

.support-content .support-pic.video-tutorials-pic iframe .player {
  height: 100% !important;
}

.support-content .support-pic.video-tutorials-pic a {
  display: flex;
  width: 100%;
  height: 5.5em;
}

.video-tutorials-pic a {
  display: flex;
}

.text-uppercase {
  text-transform: uppercase;
}

.InputContainer .InputElement {
  font-size: 1.18vw;
  color: var(--black) !important;
  font-family: "Lato", sans-serif !important;
}

.wrap-width #largeVideoContainer {
  width: 100% !important;
}

.modal ul.li-text {
  padding-left: 1.3em;
  font-size: 0.9vw;
}

.modal ul.li-text li {
  line-height: 2;
}

.body-content.updatedWrap.joinFlowWrap .light-bg.connectWrap .btn-green {
  line-height: 2.1;
  min-height: 3.3em;
  height: auto;
  display: flex;
}

.modal-dialog.events-modal {
  width: 65%;
}

.navbar.dark-navbar
  .navbar-nav
  .dropdown.MainMenuUL
  .dropdown-menu
  .navbar-nav
  .nav-item
  a
  span
  small {
  color: var(--black) !important;
}

.navbar.dark-navbar
  .navbar-nav
  .dropdown.MainMenuUL
  .dropdown-menu
  .navbar-nav
  .nav-item:last-child {
  border-bottom: none;
}

#electron-btn {
  text-align: center;
  text-transform: capitalize;
  justify-content: center;
  width: auto;
  border: 0.1em solid var(--grey);
  background-color: transparent !important;
  font-size: 0.95vw;
  border-radius: 0.6em;
  padding: 0.3em 1em !important;
  min-width: 7.8em;
  line-height: 2.1;
  margin: 0 0.25em;
  height: 2.7em;
}

#electron-btn-cancel {
  text-align: center;
  text-transform: capitalize;
  justify-content: center;
  width: auto;
  border: 0.1em solid var(--grey);
  font-size: 0.95vw;
  border-radius: 0.6em;
  padding: 0.3em 1em !important;
  min-width: 7.8em;
  line-height: 2.1;
  margin: 0 0.25em;
  height: 2.7em;
  background-color: var(--white);
}

.modal .btn-link:last-child,
.modal #electron-btn:last-child {
  margin-right: 0;
}

.is-selected {
  border: 0.1em solid var(--black);
}

#electron-btn-cancel > span {
  display: block !important;
}

.media-sharing {
  position: absolute;
  top: 3.7em;
  z-index: 1;
  width: 100%;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: calc(100% - 3.7em);
  background-color: #759075;
}

.media-sharing-icons-container {
  box-shadow: 0 0 0.75em #6e6868;
  height: 4.6em;
  position: absolute;
  bottom: 0;
  z-index: 9;
  padding: 0 1em;
  display: flex;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.15);
  justify-content: center;
  width: 100%;
}

.media-sharing .media-sharing-icons-container {
  background-color: rgba(0, 0, 0, 0.1);
}

.media-sharing .media-sharing-icons-container-new {
  background-color: rgba(0, 0, 0, 0.1);
}

.media-sharing-icons-container a {
  min-width: 0.9em;
  margin-right: 1.5em;
  position: relative;
}

.media-sharing-icons-container a:last-child {
  margin-right: 0;
}

.media-sharing-icons-container a svg path {
  fill: var(--white);
}

.media-sharing-icons-container a .time_limit {
  height: auto;
  width: auto;
  font-size: 0.6vw;
  position: absolute;
  top: 1em;
  color: var(--white);
  left: 0.4em;
}

.media-sharing-icons-container a .time_limit_forward {
  left: 0.45em;
}

.media-sharing-icons-container .time_limit_backward_container svg {
  -webkit-animation: backward 0.4s linear;
  animation: backward 0.4s linear;
}

.media-sharing-icons-container .time_limit_forward_container svg {
  -webkit-animation: forward 0.4s linear;
  animation: forward 0.4s linear;
}

.media-sharing-icons-container-new {
  box-shadow: 0 0 0.75em #6e6868;
  height: 4.6em;
  position: absolute;
  bottom: 0;
  z-index: 9;
  padding: 0 1em;
  display: flex;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.15);
  width: 100%;
  gap: 3em;
}

.media-sharing-icons-container-new a {
  position: relative;
  width: 2.1em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.media-sharing-icons-container-new a:last-child {
  margin-right: 0;
}

.media-sharing-icons-container-new a svg path {
  fill: var(--white);
}

.media-sharing-icons-container-new a .time_limit {
  height: auto;
  width: auto;
  font-size: 0.6vw;
  position: absolute;
  top: 1em;
  color: var(--white);
  left: 0.4em;
}

.media-sharing-icons-container-new a .time_limit {
  top: 1.5em;
  left: 1.4em;
}

.media-sharing-icons-container-new a .time_limit_forward {
  top: 0.7em;
}

.media-sharing-icons-container-new .time_limit_backward_container svg {
  -webkit-animation: backward 0.4s linear;
  animation: backward 0.4s linear;
}

.media-sharing-icons-container-new .time_limit_forward_container svg {
  -webkit-animation: forward 0.4s linear;
  animation: forward 0.4s linear;
}

.media-sharing-full {
  top: 0 !important;
  height: 100% !important;
}

.custom__btn_text {
  word-break: break-word;
  white-space: normal;
  max-width: 10em;
}

.custom__btn_text.dynamic-bg {
  background-color: var(--custom-btn-color) !important;
  border: 0.1em solid var(--custom-btn-color) !important;
}

.conference-nav .flex-left .custom__btn_text.dynamic-bg {
  color: var(--custom-btn-text-color) !important;
}

.room__background {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: top !important;
}

.room_transparent_background > video {
  background-color: transparent !important;
}

#hls-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 1;
}

.caption-bar {
  height: 4.2em;
  width: 100%;
  opacity: 1;
  z-index: 1;
  color: var(--black);
  display: flex;
  justify-content: center;
  padding: 0;
  line-height: 1.3;
  background-color: var(--grey);
}

.caption-bar-sm {
  height: 4.2em;
}

.caption-bar-md {
  height: 5.7em;
}

.caption-bar-lg {
  height: 8em;
}

.liveCaptions-sm {
  height: calc(100% - 3.7em - 4.2em) !important;
}

.liveCaptions-md {
  height: calc(100% - 3.7em - 5.7em) !important;
}

.liveCaptions-lg {
  height: calc(100% - 3.7em - 8em) !important;
}

.liveCaptions-sm .single-user-view {
  height: 100%;
  width: calc(33.7em * 16 / 9) !important;
  min-width: calc(33.7em * 16 / 9);
}

.liveCaptions-md .single-user-view {
  height: 100%;
  width: calc(31.8em * 16 / 9) !important;
  min-width: calc(31.8em * 16 / 9);
}

.liveCaptions-lg .single-user-view {
  height: 100%;
  width: calc(29.3em * 16 / 9) !important;
  min-width: calc(29.3em * 16 / 9);
}

.liveCaptions-sm .videoGalleryWrapper,
.liveCaptions-md .videoGalleryWrapper,
.liveCaptions-lg .videoGalleryWrapper {
  height: 100%;
}

.liveCaptions-dropdown .dropdown-menu {
  transform: none !important;
  top: auto !important;
  bottom: 1.3em;
  right: 0;
  left: auto !important;
  margin: 0;
  width: auto;
  min-width: 8em;
  background-color: var(--grey-200);
  border-radius: 0.3em 0.3em 0 0;
  padding: 0;
  border: none;
  font-size: 1.17vw;
  z-index: 9;
}

.liveCaptions-size .dropdown-menu {
  bottom: 3.5em;
}

.liveCaptions-dropdown .dropdown-menu li {
  width: 100%;
  border-bottom: 0.1em solid var(--grey);
  display: flex;
  align-items: center;
  padding: 0 0.8em;
  cursor: pointer;
}

.liveCaptions-dropdown .dropdown-menu li a {
  flex-direction: row;
  justify-content: flex-start;
  color: var(--black) !important;
  font-weight: 300;
  align-items: center;
  display: flex;
  padding: 0 1.7em;
  font-size: 0.9vw;
  line-height: 2.6;
  position: relative;
  white-space: nowrap;
}
.liveCaptions-dropdown .dropdown-menu li:hover,
.liveCaptions-dropdown .dropdown-menu li:hover a {
  color: var(--green) !important;
}
.liveCaptions .videoGalleryWrapper {
  height: 100%;
}

.liveCaptions-dropdown.show {
  display: flex !important;
}

.caption-bar .initialValueOfUser {
  color: white !important;
  border: none;
  min-width: 1.35em !important;
}

.selectLanguageDropdown li {
  padding: 0 0.8em 0 2.5em;
  display: flex;
  align-items: center;
}

.selectLanguageDropdown svg {
  margin-right: 0.8em;
  position: absolute;
  left: 0.8em;
}

.speech-text::-webkit-scrollbar {
  display: none;
}

.speech-text {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.liveCaptions-dropdown hr {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.connecting-loader {
  background-color: rgb(70, 84, 105, 0.7);
  pointer-events: none;
}

.connecting-loader .navbar {
  z-index: 1;
}

.marketing_form {
  display: flex;
  width: 80%;
  justify-content: center;
  margin: auto;
}

.marketing_form_wrap {
  display: flex;
  flex-direction: column;
  width: 50%;
  margin: 0 1em;
}

.bottom-align-text {
  position: absolute;
  bottom: 0;
}

/* styles.css */
.custom-toast-container {
  position: fixed;
  top: 3.8em;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  color: #000;
  /* background-color: #333;
  color: white; */
  padding: 15px;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 9999;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  max-width: 32em;
  width: auto;
  animation: custom-toast-fade-in 0.5s forwards;
}

.custom-toast-container.fade-out {
  animation: custom-toast-fade-out 0.5s forwards;
}

.custom-toast-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.controltab .rowrap:last-child {
  padding-bottom: 0.65em;
}
.toolsWrap span:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

/* Keyframes for animations */
@keyframes custom-toast-fade-in {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}

@keyframes custom-toast-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) translateY(20px);
  }
}

@-webkit-keyframes backward {
  0% {
    -webkit-transform: rotate(360deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
  }
}

@keyframes backward {
  0% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@-webkit-keyframes forward {
  0% {
    -webkit-transform: rotate(-360deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
  }
}

@keyframes forward {
  0% {
    transform: rotate(-360deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

.media-sharing-audio {
  position: absolute;
  top: 3.7em;
  width: 100%;
  display: flex;
  height: calc(100% - 3.7em);
  z-index: 999;
}

.galleryFilmstrip {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5;
}

.font-18 {
  font-size: 1.3vw;
}

.modal button.react-datepicker__navigation--next:focus,
.modal button.react-datepicker__navigation--next:focus-visible {
  border: 0.45em solid transparent !important;
  box-shadow: none !important;
  border-left-color: var(--grey) !important;
}

.modal button.react-datepicker__navigation--previous:focus,
.modal button.react-datepicker__navigation--previous:focus-visible {
  border: 0.45em solid transparent !important;
  box-shadow: none !important;
  border-right-color: var(--grey) !important;
}

.calendar-wrap {
  position: relative;
}

.calendar-wrap .calendar-icon {
  position: absolute;
  left: 2em;
  top: 0.8em;
  cursor: pointer;
}

.drop-down-wrap {
  position: relative;
}

.drop-down {
  right: 1.7em;
  bottom: 2.4em;
  font-size: 0.65vw;
  height: 0;
  line-height: 0;
  position: absolute;
}

.react-datepicker__input-container input {
  padding-left: 3.5em !important;
}

#chatconversation .chat-message-group.remote a {
  color: var(--green) !important;
  line-break: anywhere;
}

#chatconversation .chat-message-group.local a {
  line-break: anywhere;
}

.equal-height-modal .equal-height-row {
  min-height: 12.55em;
}

#chatconversation a {
  display: inline-block;
}

.pr-inside-3 {
  padding-right: 0.25em !important;
}

#overlay {
  background-color: transparent;
  backdrop-filter: blur(0.3em);
}

.overlay__content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.inlay {
  background-color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: var(--black);
  margin: auto;
  border-radius: 0.4em;
  border: none;
  max-height: 100%;
  padding: 1em;
  border-top: 1.9em solid var(--black);
  max-width: 28em;
  min-height: 12.55em;
}

.reload_overlay_title {
  font-weight: 600;
  margin-bottom: 0.35em;
  font-size: 1.2vw;
  line-height: 1.2;
}

.button-control_overlay {
  background-color: var(--green);
  text-align: center;
  text-transform: capitalize;
  font-size: 0.95vw !important;
  padding: 0.6em 2em;
  min-width: 7.75em;
  margin: 1em 0.2em 0.75em;
  line-height: 1.35;
  height: 2.7em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.6em;
}

.button-control_overlay:hover,
.button-control_overlay:focus,
.button-control_overlay:focus-visible {
  background-color: var(--green) !important;
  color: var(--white) !important;
}

.joinLoader,
.tOoji h1.joinLoader,
.cLnhlo h1.joinLoader {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.8);
  color: var(--black) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4vw;
  top: 0;
}
.iframe-modal .modal-content .modal-body {
  padding: 0;
}

.iframe-modal .modal-content .modal-body .col-md-12 {
  padding: 0 !important;
}

.iframe-modal .modal-content .modal-body iframe {
  width: 100% !important;
  height: 18.8em !important;
}

.iframe-modal .support_modal_frame .modal-body iframe {
  height: 25.8em !important;
}

.iframe-modal .support_modal_frame .modal-body .vimeo-video-player {
  height: 26.9em !important;
}

.iframe-modal .modal-content .modal-footer {
  display: none;
}

.iframe-modal .modal-content .modal-header {
  background-color: transparent;
  border: none;
  height: 0;
  padding: 0;
}

.iframe-modal .modal-content .modal-header a {
  z-index: 1;
}

.iframe-modal .modal-content .modal-header i {
  position: absolute;
  right: 0;
  font-size: 1.5vw;
  cursor: pointer;
  color: var(--white);
}

.iframe-modal .modal-content .modal-header .ico_times {
  width: 1.2em;
  height: 1.2em;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  right: -0.3em;
  top: -0.3em;
}

.iframe-modal .modal-content .modal-header .ico_times i {
  position: absolute;
  font-size: 1.5vw;
  cursor: pointer;
  right: -0.04em;
  top: -0.04em;
  background-color: var(--white);
  border-radius: 50%;
}

.record-off {
  color: var(--grey-shade2);
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95vw;
  padding: 0.3em;
  min-width: 5.1em;
}

.record-on {
  color: var(--red);
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95vw;
  padding: 0.3em;
  min-width: 5.1em;
}

.stream-off {
  color: var(--grey-shade2);
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95vw;
  padding: 0.3em;
  min-width: 5.1em;
}

.stream-on {
  color: var(--red);
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95vw;
  padding: 0.3em;
  min-width: 5.1em;
}

.join-inner-av .locktext {
  margin-top: 0.8em;
  line-height: 1.5;
}

.video-input-preview-error b {
  font-size: 1vw;
}

#chatconversation .host-only-text {
  background-color: var(--green);
  color: var(--white);
  display: flex;
  padding: 0.3em 0.5em;
  margin-bottom: 0.65em;
}

.lifetime-content .createwrap {
  background-color: var(--white);
  color: var(--black);
  box-shadow: 0 0 0.1em var(--grey);
  margin-top: 1.3em;
  margin-bottom: 1.3em;
  padding: 0.9em;
  border-radius: 0.6em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lifetime-content .heading {
  text-align: center;
  font-size: 1.85vw;
  margin-bottom: 0.6em;
  line-height: 1.34;
}

.lifetime-content .welcomeFrame {
  width: 100% !important;
  height: 19.1em !important;
}

.lifetime-content .welcomeFrame iframe {
  width: 100%;
  height: 100%;
}

.lifetime-content .btn {
  margin: 0 0.2em;
}

.btn-trial small {
  font-size: 0.8vw;
}

.conference-wrap,
#navbarSupportedContent,
.navbarSupportedContent {
  height: 100%;
}

.chat-dropdown {
  margin-right: 0.45em;
}

.chat-dropdown .dropdown-toggle span {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.chat-dropdown .dropdown-toggle span svg {
  position: absolute;
  font-size: 0.6vw;
  right: -1.9em;
  top: 1em;
}

.chat-dropdown .dropdown-menu {
  margin: 0;
  width: auto;
  background-color: var(--grey-200);
  border-radius: 0 0 0.3em 0.3em;
  padding: 0;
  border: none;
  right: auto;
  left: -3em !important;
  top: 100% !important;
  transform: none !important;
}

.chat-dropdown .dropdown-menu ul {
  list-style: none;
  padding: 0;
  justify-content: left;
  flex-flow: column;
  margin-bottom: 0;
}

.chat-dropdown .dropdown-menu ul li {
  width: 100%;
  border-bottom: 0.1em solid var(--grey);
}

.chat-dropdown .dropdown-menu ul li a {
  flex-direction: row;
  justify-content: flex-start;
  color: var(--black) !important;
  font-weight: 300;
  align-items: center;
  display: flex;
  padding: 0 0.8em 0 2.5em;
  font-size: 0.9vw;
  line-height: 2.6;
  position: relative;
  white-space: nowrap;
}

.chat-dropdown .dropdown-menu ul li a i,
.chat-dropdown .dropdown-menu ul li a svg {
  margin-right: 0.8em;
  position: absolute;
  left: 0.8em;
}
.chat-dropdown .dropdown-menu ul li:hover a,
.chat-dropdown .dropdown-menu ul li:hover {
  color: var(--green) !important;
}
.conference-nav .flex-right .nav-tabs {
  overflow: visible;
}

.highlighted-box::after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  box-shadow: var(--dynamic-shadow, inset 0 0 0 0.2em var(--green-shade2));
  border-radius: 0.9em;
}

.speakerDropdown .dropdown-menu ul li .clickIcon {
  padding-top: 0.3rem;
}

.speakerDropdown .dropdown-menu ul li a {
  flex-direction: row;
  justify-content: flex-start;
  color: var(--black) !important;
  font-weight: 300;
  align-items: center;
  display: flex;
  padding: 0 0.8em 0 2.5em;
  font-size: 0.9vw;
  line-height: 2.6;
  position: relative;
  white-space: nowrap;
}

.speakerDropdown .dropdown-menu ul li {
  width: 100%;
  border-bottom: 0.1em solid var(--grey);
  display: flex;
  align-items: center;
}

.speakerDropdown .dropdown-menu ul li:last-child {
  border-bottom: 0;
}

.speakerDropdown .dropdown-menu ul li svg {
  margin-right: 0.8em;
  position: absolute;
  left: 0.8em;
}

.speakerDropdown .dropdown-menu ul {
  display: flex;
  gap: 0.3em;
  flex-direction: column;
  padding: 0.5em !important;
}

.speakerDropdown .dropdown-menu {
  margin: 0;
  width: auto;
  background-color: var(--grey-200);
  padding: 0;
  border: none;
  right: -10em !important;
  top: 100% !important;
  transform: none !important;
  left: auto;
  white-space: nowrap;
  border-radius: 0 0 0.3em 0.3em;
  min-width: 12em;
  font-size: 1vw;
}

.desired-room-name label.text-pure-red,
.desired-room-name label.text-dark-green {
  white-space: nowrap;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.modal-sm {
  width: 33%;
}

.modal-md {
  width: 35%;
}

.forgotP {
  font-size: 0.9vw;
}

.forgot-password .forgot-email {
  min-height: 11.2em;
}

.another-room {
  min-height: 8.7em;
}

#main_header .navbar .navbar-nav li a.nav-link.text-green {
  color: var(--green) !important;
  position: relative;
  text-align: center;
  padding: 0 1.1em;
}

#main_header .navbar .navbar-nav li a.nav-link.text-green small {
  position: absolute;
  top: -2em;
  text-align: center;
  white-space: nowrap;
  display: flex;
  justify-content: center;
}

.asside .status-text {
  text-transform: uppercase;
  margin-bottom: 0;
  position: relative;
  color: var(--black) !important;
  font-weight: 600;
  font-size: 1.1vw;
  padding: 1.3em 0 0 1em;
  line-height: 0.7;
  margin-top: 0.35em;
  margin-left: 0.7em;
}

.waiting-room {
  justify-content: space-between;
}

.waiting-room .dropdown {
  padding: 1.15em 1.5em 0 0;
}

.waiting-room .dropdown a {
  font-size: 1.1vw;
  margin-bottom: 0;
  position: relative;
  line-height: 0.9;
  color: var(--black) !important;
  text-transform: inherit;
  font-weight: 600;
}

.waiting-room .dropdown .dropdown-toggle span svg {
  position: absolute;
  top: 1.1em;
  font-size: 0.6vw;
  right: -1.5em;
  font-weight: normal;
}

.waiting-room .dropdown-menu {
  left: auto !important;
  transform: none !important;
  top: 100% !important;
  right: 0.8em;
  border: 0.1em solid var(--grey);
  margin: 0.125em 0 0;
}

.waiting-room .dropdown-menu a {
  align-items: center;
  display: flex;
  height: 2em;
  padding: 0 1.1em;
  font-size: 0.95vw;
}

.waiting-room .dropdown-menu a label {
  margin: 0;
  font-size: 0.95vw;
}

.text-green,
.asside .status-text.text-green {
  color: var(--green) !important;
}

.waiting-room-wrap span {
  /* background-color: var(--green);
  color: var(--white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 5.9em;
  line-height: 1.35;
  border-radius: 0.6em;
  font-size: 0.85vw;
  min-height: 2.1em;
  padding: 0.3em 1em; */
}

.asside h6.waiting-room-wrap::after {
  display: none;
}

.asside h6.waiting-room-wrap {
  padding-top: 0.8em;
}

.recording-off {
  background: url(../images/icon-recording-off.png) no-repeat;
  background-position: 47% 12%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-size: 22.9%;
  border: none;
  padding: 0 0;
  margin: 0;
  color: var(--grey-shade2) !important;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 0.95vw;
  min-height: 4.5em;
  min-width: 4.4em;
  padding-right: 2.5em;
  padding-left: 0.4em !important;
}

.recording-off span {
  display: inline-block;
  margin-top: 1.6em;
  line-height: 1.15;
}

.recording-on {
  background: url(../images/icon-recording-on.png) no-repeat;
  background-position: 47% 12%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-size: 22.9%;
  border: none;
  padding: 0 0;
  margin: 0;
  color: var(--grey-shade2) !important;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 0.95vw;
  min-height: 4.5em;
  min-width: 4.4em;
  padding-right: 2.5em;
  padding-left: 0.4em !important;
}

.recording-on span {
  display: inline-block;
  margin-top: 1.6em;
  line-height: 1.15;
}

.streaming-off {
  background: url(../images/icon-streaming-off.png) no-repeat;
  background-position: 42% 12%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-size: 24.9%;
  border: none;
  padding: 0 0;
  margin: 0;
  color: var(--grey-shade2) !important;
  text-align: center;
  position: relative;
  cursor: pointer;
  padding-left: 0 !important;
  font-size: 0.95vw;
  min-height: 4.5em;
  min-width: 4.4em;
  padding-right: 2.5em;
}

.streaming-off span {
  display: inline-block;
  margin-top: 1.6em;
  line-height: 1.15;
}

.streaming-on {
  background: url(../images/icon-streaming-on.png) no-repeat;
  background-position: 42% 12%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-size: 24.9%;
  border: none;
  padding: 0 0;
  margin: 0;
  color: var(--grey-shade2) !important;
  text-align: center;
  position: relative;
  cursor: pointer;
  padding-left: 0 !important;
  font-size: 0.95vw;
  min-height: 4.5em;
  min-width: 4.4em;
  padding-right: 2.5em;
}

.streaming-on span {
  display: inline-block;
  margin-top: 1.6em;
  line-height: 1.15;
}

.dark-navbar .nav-tabs .nav-link.attendees-icon-wrap {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}

.dark-navbar .nav-tabs .nav-link.attendees-icon-wrap i {
  font-size: 1.1vw;
}

.dark-navbar .nav-tabs .nav-link.attendees-icon-wrap div {
  position: absolute;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  top: 0.7em;
  border-radius: 0.4em;
  font-size: 0.9vw;
  height: 1.8em;
  padding: 0 0.4em;
}

.updatedWrap .light-bg .joinprowrap .joinwrap .cookies-text .btn-green {
  display: flex;
  flex-direction: column;
}

.updatedWrap
  .light-bg
  .joinprowrap
  .joinwrap
  .cookies-text
  .btn-green
  span:last-child {
  font-size: 1.2vw;
}

.dark-navbar .nav-tabs .nav-link.chaticon-filled {
  background: url(../images/chat-filled.png) no-repeat;
  background-position: 50% 27.7%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-size: 34%;
}

.dark-navbar .nav-tabs .nav-link.chaticon-filled small {
  position: absolute;
  top: 1.5em;
  font-weight: bold;
  font-size: 70%;
}

.dark-navbar .nav-tabs .nav-link.attendees-icon-wrap div .attendees-filled {
  position: relative;
  top: 0;
  background-color: var(--grey-shade2);
  border-radius: 0;
  width: auto;
  min-width: 1.4em;
  padding: 0;
  height: 1.4em;
  min-height: 1.4em;
}

.dark-navbar
  .nav-tabs
  .nav-link.attendees-icon-wrap
  div
  .attendees-filled
  small {
  font-weight: bold;
  padding: 0 0.1em;
}

.dark-navbar
  .nav-tabs
  .nav-item.active
  .nav-link.attendees-icon-wrap
  div
  .attendees-filled {
  background-color: var(--green);
}

.dark-navbar .nav-tabs .nav-link.breakout-icon-wrap {
  background: url(../images/breakout-rooms-menu.png) no-repeat;
  background-position: 50% 27.7%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-size: 34%;
}

.dark-navbar .nav-tabs .nav-item.active .nav-link.breakout-icon-wrap {
  background: url(../images/breakout-rooms-menu.png) no-repeat;
  background-position: 50% 27.7%;
  background-size: 34%;
}

.dark-navbar .nav-tabs .nav-link.extension-icon-wrap {
  background: url(../images/extension-gray.png) no-repeat;
  background-position: 50% 27.7%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-size: 34%;
}

.dark-navbar .nav-tabs .nav-item.active .nav-link.extension-icon-wrap {
  background: url(../images/extension-green.png) no-repeat;
  background-position: 50% 27.7%;
  background-size: 34%;
}

.extenions-header .chat-close img {
  width: 95%;
}

.asside .tab-content .tab-pane .extenions-header h5 img {
  width: 1.9em;
}

.asside .tab-content .tab-pane .extenions-header h5 span {
  display: flex;
  align-items: center;
}

.extensions-wrap {
  padding-top: 1em;
  padding-bottom: 1em;
  overflow: hidden;
}

.extensions-wrap ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.extensions-wrap ul li {
  margin-bottom: 0.15em;
}

.extensions-wrap ul li:last-child {
  margin-bottom: 0;
}

.extensions-wrap ul li .extensions-options {
  background-color: var(--grey);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  cursor: pointer;
  padding: 0.45em 0.75em;
  min-height: 2.9em;
  height: 2.9em;
  font-size: 0.95vw;
}

.extensions-wrap ul li .extensions-options .extension_icon {
  max-height: 1.927em;
  margin-right: 0.7em;
  max-width: 1.927em;
  width: 1.927em !important;
  height: 1.927em !important;
}

.extensions-wrap ul li .extensions-options .extension_icon img {
  width: 100%;
  height: auto;
}

.extensions-wrap ul li .extensions-options:hover {
  background-color: var(--green-100);
}

.extensions-wrap ul li .extensions-options .dropdown-toggle {
  background-color: var(--white);
  color: var(--black) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 0 0 0.3em rgb(0 0 0 / 20%);
  height: 2.2em;
  width: 2.2em;
  font-size: 0.65vw;
}

.extensions-wrap ul li .extensions-options .dropdown-toggle i {
  line-height: 2.3;
  height: 100%;
}

.extensions-wrap .dropdown-menu {
  left: auto !important;
  transform: none !important;
  right: 0;
  margin-top: 2.1em;
  margin-bottom: 2.1em;
  min-width: max-content;
  border: 0.1em solid rgba(0, 0, 0, 0.15);
  bottom: 0 !important;
  top: auto !important;
}

.extensions-wrap .dropdown-menu a {
  align-items: center;
  display: flex;
  color: var(--black) !important;
  font-weight: 600;
  min-height: 2.35em;
  padding: 0 1em;
  font-size: 0.95vw;
  white-space: nowrap;
}

.extensions-wrap .dropdown-menu a label {
  margin: 0;
  font-size: 0.95vw;
}

.extensions-wrap .dropdown-menu a label.switch {
  width: 2.7em !important;
  height: 1.4em;
}

.extensions-wrap .dropdown-menu a label.switch .slider:before {
  left: 0.1em;
  top: 0.25em;
}

.extensions-wrap .dropdown-menu a label.switch input:checked + .slider:before {
  left: -0.8em;
}

.extensions-wrap .dropdown-menu a label.pl-equal-to-bottom {
  padding-left: 3.3em;
}

.extensions-wrap .dropdown-menu a.visible-to-guests label .checkmark {
  top: -0.55em;
}

.extensions-container ul .extensions-list li:first-child .dropdown-menu {
  top: 0 !important;
  bottom: auto !important;
}

.extensions-container ul .extensions-list li .dropdown-menu {
  min-width: 12em;
}

.extensions-footer {
  display: flex;
  align-items: center;
  padding-bottom: 1em;
}

.extensions-wrap.instructions {
  height: calc(100% - 3.6em);
  font-size: 1.17vw;
}

.extensions-wrap.instructions p {
  font-size: 0.95vw;
}

.extensions-wrap.instructions p.semiBold {
  font-weight: 600;
  font-size: 1vw;
  margin-bottom: 0.6em;
}

.extensions-wrap.instructions a {
  display: flex;
  font-weight: 600;
  text-decoration: underline;
  margin-bottom: 0.25em;
  width: 100%;
}

.extensions-wrap.instructions .darkbg {
  display: flex;
  justify-content: center;
}

.extensions-wrap.instructions .darkbg .collapse-body {
  display: inline-flex;
  flex-direction: column;
}

.extensions-footer.instructions {
  color: var(--green);
  font-weight: 600;
  justify-content: flex-start;
  border-top: 0.1em solid var(--grey);
  font-size: 1vw;
  height: 3.3em;
  padding-left: 1.1em;
  line-height: 3.4;
  padding-top: 1.1em;
}

.extensions-footer.instructions a {
  display: flex;
  align-items: center;
  color: var(--black) !important;
}

.extensions-footer.instructions i {
  margin-right: 0.6em;
}

.extensions-wrap.on-second ul li .extensions-options:hover {
  background-color: var(--grey-opac);
}

.extensions-wrap.on-second ul li .extensions-options,
.extensions-wrap.on-first ul li .extensions-options {
  border-left: 0.3em solid var(--green);
  position: relative;
  color: var(--black) !important;
}

.extensions-footer.on-second {
  align-items: flex-end;
}

.extensions-footer.on-second a.font30 {
  margin-right: 0.35em;
}

.extensions-footer.on-second p {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
  font-size: 1vw;
}

.extensions-footer.on-second input {
  border: 0.1em solid var(--black);
  overflow: hidden;
  font-size: 0.95vw;
  height: 2.35em !important;
  padding: 0.375em 0.75em;
  margin-right: 0.4em;
  border-radius: 0.6em;
}

.extensions-footer.on-second input:focus {
  box-shadow: 0 0.5em 0.5em var(--grey);
  border-color: transparent;
}

.extensions-footer.on-second label {
  width: auto;
  font-weight: 600;
  white-space: nowrap;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  line-height: 1.1;
  justify-content: flex-end;
}

.extensions-footer.on-second .btn {
  margin: 0;
  padding: 0;
  height: 2.5em;
  min-width: 4.35em;
}

.extensions-wrap.on-forth .form-group {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.extensions-wrap.on-forth .form-group input,
.extensions-wrap.on-forth .form-group textarea {
  border: 0.1em solid var(--black);
  overflow: hidden;
  border-radius: 0.6em;
  font-size: 0.95vw;
  height: 2.4em !important;
  padding: 0.375em 0.75em;
}

.extensions-wrap.on-forth .form-group textarea {
  height: auto !important;
}

.extensions-wrap.on-forth .form-group label {
  width: auto;
  font-weight: 600;
}

.extensions-wrap.on-forth .form-group .form-group-inner .label-flex .btn {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.681em;
  min-width: 6.8em;
  line-height: 2;
  min-height: 1em;
  font-size: 0.85vw;
}

.extensions-wrap.on-forth .form-group.logo-section {
  background-color: var(--grey);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius);
  min-height: 3.5em;
  margin-bottom: 0.4em;
}

.extensions-wrap.on-forth .form-group.logo-section img {
  height: auto;
  width: auto;
  max-width: 2.7em;
  max-height: 2.7em;
}

.extensions-wrap.on-fifth .create-extension-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.8em;
}

.extensions-wrap.on-fifth .create-extension-wrap h6 {
  padding-left: 0;
  font-weight: 600;
  padding-top: 0;
  font-size: 1vw;
  margin-top: 0;
}

.extensions-wrap.on-fifth .create-extension-wrap .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  box-shadow: none;
  padding: 0 1.2em;
  height: 2.1em;
  font-size: 0.8vw;
  min-width: 1em;
}

.extensions-wrap.on-fifth ul li .extensions-options {
  border-left: 0.3em solid var(--green);
  position: relative;
  color: var(--black) !important;
}

.extensions-wrap.on-fifth ul li .extensions-options .btn-mini {
  margin: 0;
  font-size: 0.75vw;
  align-items: center;
  border-radius: var(--border-radius);
  display: flex;
  height: 55%;
  justify-content: center;
  line-height: 1;
  max-width: 100%;
  min-height: 55%;
  min-width: 4.5em;
  padding: 0 0.3em;
  position: absolute;
  right: 0.75em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: auto;
  z-index: 1;
  box-shadow: none !important;
  border: none !important;
}

.extensions-wrap.on-fifth {
  height: calc(100% - 3.6em);
  font-size: 1.17vw;
}

.extensions-wrap.on-second {
  height: calc(100% - 3.6em);
}

.extensions-footer.on-second {
  height: 6.2em;
}

.extensions-wrap.on-forth {
  height: calc(100% - 3.6em);
  padding-bottom: 0;
}

.extensions-wrap.on-forth .form-group .form-group-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.extensions-wrap.on-forth
  .form-group
  .form-group-inner.justify-content-start
  label {
  margin-bottom: 0;
}

.extensions-wrap.on-forth .btn {
  align-items: center;
  color: var(--white);
  cursor: pointer;
  display: flex;
  font-size: 0.95vw;
  justify-content: center;
  line-height: 2.1;
  max-width: 100%;
  min-height: 2.7em;
  min-width: 7em;
  padding: 0.2em 1em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  width: auto;
  margin: 0 !important;
}

.extensions-wrap.on-forth .form-group .srv-validation-message {
  font-size: 0.85vw;
  padding-left: 8.4em;
}

.extensions-wrap.on-forth form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.extensions-wrap.on-forth p {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
  font-size: 1vw;
}

.extension-modal .modal-dialog .modal-content .modal-body .row {
  height: 100%;
}

.extension-modal-iframe .modal-dialog .modal-content .modal-body {
  height: auto;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.extension-modal-iframe iframe {
  border: 0.1em solid var(--grey);
  background-color: var(--grey);
  width: 100%;
  height: 100%;
}

.extension-modal-iframe .popup-one-third,
.extension-modal-iframe .popup-one-second,
.extension-modal-iframe .popup-second-third {
  justify-content: flex-end !important;
}

.extension-modal-iframe .popup-one-third iframe {
  height: 100%;
  width: 33.33%;
}

.extension-modal-iframe .popup-one-second iframe {
  height: 100%;
  width: 50%;
}

.extension-modal-iframe .popup-second-third iframe {
  height: 100%;
  width: 66.66%;
}

.extension-modal-iframe .popup-full iframe {
  height: 100%;
  width: 100%;
}

.extension-modal-iframe .popup-small iframe {
  height: 45%;
  width: 45%;
}

.extension-modal-iframe .popup-large iframe {
  height: 90%;
  width: 90%;
}

.extension-modal-iframe #choices {
  height: 100% !important;
}

.extension-modal {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  height: calc(100% - 3.7em);
  top: 3.7em;
}

.Slidebar.active .extension-modal {
  width: calc(100% - 20.6em);
}

.extension-modal .modal-dialog {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

.extension-modal .modal-dialog .modal-content {
  margin: 0;
  border-radius: 0;
  max-height: 100%;
  background-color: transparent;
}

.extensions-footer a {
  display: flex;
  align-items: center;
}

.extensions-footer a i {
  margin-right: 0.3em;
}

.pagination {
  float: right;
  margin-top: 1.3em;
  padding-right: 0.15em;
  border-radius: 0.25em;
  margin-bottom: 0;
}

.pagination li {
  display: inline-block;
  text-align: center;
  line-height: 2.3;
  border: 0.1em solid var(--grey);
  cursor: pointer;
  width: 2.5em;
  height: 2.5em;
  font-size: 1.15vw;
  margin-left: 0.5em;
}

.pagination li.disabled a {
  color: var(--black) !important;
}

.pagination li.disabled {
  pointer-events: none;
  cursor: not-allowed;
}

.pagination li.active {
  border: 0.1em solid var(--green);
  background-color: var(--green);
  color: var(--black);
}

.pagination li.active:hover,
.pagination li.active:focus,
.pagination li:hover,
.pagination li:focus {
  background-color: var(--green-100);
  color: var(--black);
}

.pagination li.disabled:hover,
.pagination li.disabled:focus {
  background-color: var(--white);
}

.pagination li a.pagination-arrow {
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 1;
  font-size: 1.6vw;
}

.pagination li a {
  color: var(--green) !important;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination li.active a,
.pagination li:hover a,
.pagination li:focus a {
  color: var(--black) !important;
}

.modal .pagination li {
  width: 2.5em;
  height: 2.5em;
  font-size: 0.9vw;
}

.modal .pagination li a.pagination-arrow {
  line-height: 2.3;
  align-items: center;
  justify-content: center;
  display: flex;
  padding-bottom: 0.2em;
}

.waiting-room-flex {
  position: relative;
}

.attendees-loader {
  position: absolute;
  left: 100%;
  right: 0;
  z-index: 1;
  margin-bottom: 0;
  width: 1em;
  top: -0.15em;
  margin-left: 0.7em;
  padding: 1.3em 0 1em;
  line-height: 1;
  margin-top: 0.3em;
  margin-left: 1.4em;
}

.pagination_custom {
  position: absolute;
  bottom: 0.5em;
  top: auto;
  right: 1em;
  background: var(--black);
  display: flex;
  padding: 0.4em 0.8em;
  border-radius: 0.4em;
  min-width: 8em;
  justify-content: space-between;
  align-items: center;
  color: var(--white);
  font-size: 1.1vw;
  z-index: 1;
  min-height: 2.8em;
}

.pagination_custom .spinner {
  width: 1.3em;
  height: 1.3em;
  left: calc(50% - 0.5em);
}

.pagi-right {
  color: var(--grey);
  width: 1em;
  height: 1.9em;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  cursor: pointer;
}

.pagi-left {
  color: var(--grey);
  width: 1em;
  height: 1.9em;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  cursor: pointer;
}

.galleryMain {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: calc(100% - 3.7em);
  position: relative;
}

.toolbar-hidden .galleryMain {
  height: 100%;
}

.galleryMain .slide-left {
  position: absolute;
  left: 1em;
  bottom: 1em;
  color: var(--black) !important;
  width: 1.9em;
  height: 1.9em;
  background-color: var(--grey);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.galleryMain .slide-right {
  position: absolute;
  right: 1em;
  bottom: 1em;
  color: var(--black) !important;
  width: 1.9em;
  height: 1.9em;
  background-color: var(--grey);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.galleryMain .slide-left:hover,
.galleryMain .slide-right:hover {
  background-color: var(--black);
  color: var(--grey-shade2) !important;
  transition: all ease 0.5s;
}

.sc-bwzfXH.cLnhlo {
  margin-top: 0;
  float: none;
  padding: 0;
  color: var(--black) !important;
  font-size: initial !important;
}

.tooltip-inner {
  font-size: 0.9vw !important;
  line-height: 1.5 !important;
  max-width: 20em;
  border-radius: 0.3em;
}

.tooltip .arrow {
  bottom: 0.25em;
  width: 0.8em;
  height: 0.4em;
}

.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-width: 0.5em 0.5em 0;
}

.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.bs-tooltip-right .arrow::before {
  display: none;
}

.bs-tooltip-bottom .arrow {
  top: -0.25em !important;
}

.bs-tooltip-top .arrow {
  bottom: 0.25em;
}

#chat-input:focus-within {
  border: none !important;
}

.hyywsw.hyywsw {
  color: var(--black) !important;
}

.hyywsw.hyywsw:hover {
  color: var(--black) !important;
  background-color: var(--grey) !important;
}

.device-selection .device-selectors .dropdown-menu div {
  width: 100%;
}

.device-selection .device-selectors .dropdown-menu button {
  background-color: transparent;
  margin: 0;
  color: var(--black) !important;
  font-size: 0.95vw !important;
  justify-content: flex-start;
  text-align: left;
  height: 100%;
  padding: 0.3em 1em;
  line-height: 1;
  align-items: center;
  padding-right: 0.2em !important;
}

.device-selection .device-selectors .device-selector-trigger-text {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.device-selection .device-selectors .dropdown-menu div[style*="transform"] {
  outline: none;
  transform: none !important;
  margin-top: 4em;
}

.join-inner-av
  .device-selection
  .device-selectors
  .dropdown-menu
  div[style*="transform"] {
  margin-top: 3.5em;
}

.device-selection .device-selectors .dropdown-menu .iwHKVI,
.device-selection
  .device-selectors
  .dropdown-menu
  .Droplist__Content-sc-1z05y4v-1 {
  background-color: var(--white) !important;
  border-radius: var(--border-radius) !important;
  max-height: 11.6em;
  width: 100% !important;
  padding: 0;
  box-shadow: none !important;
  border: 0.1em solid rgba(0, 0, 0, 0.15) !important;
}

.device-selection .device-selectors .dropdown-menu .jzqbjL.jzqbjL {
  background-color: var(--white);
  color: var(--black) !important;
  font-size: 1vw !important;
  padding: 0.8em 0.85em;
}

.device-selection .device-selectors .dropdown-menu .jzqbjL.jzqbjL:hover {
  background-color: var(--grey);
}

.device-selection .device-selectors .dropdown-menu button span {
  height: 100%;
  display: flex;
  align-items: center;
  margin: 0;
  width: 1.8vw;
  height: 1.8vw;
}

.device-selection .device-selectors .dropdown-menu button span svg {
  width: 100% !important;
  height: 100% !important;
}

.device-selection .device-selectors .dropdown-menu div .hyywsw.hyywsw {
  padding: 0.8em 1em 0.7em !important;
}

.device-selection .device-selectors .dropdown-menu div .jRBaLt {
  padding-bottom: 0.1em !important;
}

.device-selection .device-selectors .dropdown-menu .goEvqh.goEvqh,
.device-selection .device-selectors .dropdown-menu .eJTYOk.eJTYOk {
  padding: 0.5em 1em !important;
  color: var(--black) !important;
  box-shadow: none !important;
}

.device-selection .device-selectors .dropdown-menu .goEvqh.goEvqh:hover,
.device-selection .device-selectors .dropdown-menu .eJTYOk.eJTYOk:hover,
.device-selection .device-selectors .dropdown-menu .goEvqh.goEvqh:focus,
.device-selection .device-selectors .dropdown-menu .eJTYOk.eJTYOk:focus,
.device-selection .device-selectors .dropdown-menu .goEvqh.goEvqh:active,
.device-selection .device-selectors .dropdown-menu .eJTYOk.eJTYOk:active {
  background-color: var(--grey-100) !important;
}

#chatconversation > :first-child {
  margin-top: 0;
}

.custom-videospace span {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.custom-videospace span video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.page-counts {
  position: absolute;
  right: 3.75em;
  bottom: 1.2em;
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.streamManager .modal-title img {
  width: 2.1em;
  margin-right: 0.5em;
}

.stream-fields {
  display: flex;
  margin-top: 2.2em;
}

.stream-fields .content-left {
  width: 45%;
}

.stream-fields .content-right {
  width: 55%;
  padding-left: 1em;
}

.stream-fields h5 {
  font-weight: 600;
  font-size: 1vw;
  margin-bottom: 0.5em;
}

.stream-fields .form-group-switch {
  display: flex;
}

.stream-fields .form-group-switch label {
  margin-bottom: 0 !important;
}

.stream-fields .form-group-switch span {
  font-size: 0.88vw;
}

.stream-fields .listing-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.stream-fields .listing-header h5 {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}

.required::after {
  content: "*";
  color: var(--red);
  padding-left: 0.25em;
}

.stream-fields .btn-stroke {
  box-shadow: none;
  border: 0.1em solid var(--grey);
  background-color: var(--white) !important;
  color: var(--black) !important;
}
.stream-fields .listing-body {
  border: 0.1em solid var(--grey);
  overflow-y: auto;
  padding: 0.3em;
  margin-top: 2em;
  height: 12.8em;
  margin-bottom: 0.65em;
  border-radius: 0.3em;
  position: relative;
}

.stream-fields .listing-body .loader_container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.stream-fields .listing-body .loader_container .pop-loader {
  left: auto;
  right: auto;
  width: 10%;
}

.stream-fields .listing-body ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.stream-fields .listing-body li {
  margin-bottom: 0.2em;
  position: relative;
  background-color: var(--grey-100);
}

.stream-fields .listing-body li span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  cursor: pointer;
  padding: 0 0.65em;
  height: 2.3em;
  font-size: 0.9vw;
  width: calc(100% - 1.7em);
}

.stream-fields .listing-body li span .content-left {
  width: calc(100% - 12.7em);
  display: flex;
  align-items: center;
}

.stream-fields .listing-body li span .content-right {
  width: 10.6em;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.stream-fields .listing-body li:hover {
  background-color: var(--grey-200);
}

.stream-fields .listing-body li.active {
  background-color: var(--green);
}

.stream-fields .listing-body li a,
.stream-fields .listing-body li .streamingDestinationDelete {
  color: var(--black) !important;
  text-decoration: none;
  margin-left: 1.2em;
}

.stream-fields .listing-body li a:last-child,
.stream-fields .listing-body li .streamingDestinationDelete:last-child {
  margin-right: 0;
}

.stream-fields .listing-body li span .content-left img {
  width: 100%;
}

.stream-fields .listing-body li span .content-left img.linkedin {
  width: 1.31em;
}

.stream-fields .listing-body li span .content-left img.twitch {
  width: 1.4em;
}

.stream-fields .listing-body li .modal-switch {
  margin-bottom: 0 !important;
  margin-top: -0.1em;
  margin-right: 0;
  width: 2.7em !important;
  height: 1.35em;
  margin-left: 1em;
}

.stream-fields .listing-body li .slider {
  width: 2.7em;
  min-height: 1.5em;
  position: relative;
}

.stream-fields .listing-body .modal-switch input:checked + .slider:before {
  left: -0.85em;
}

.stream-fields .listing-body li:last-child {
  margin-bottom: 0;
}

.stream-fields .content-right .status {
  font-size: 0.9vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

.stream-fields .content-right .status span {
  margin-left: 0.4em;
}

.stream-submit {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 1em;
}

.stream-submit button:last-child {
  margin-right: 0;
}

.extensions-wrap.web-page-sharing {
  height: calc(100% - 3.6em);
  padding: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-size: 1.17vw;
}

.stream-fields .listing-body li.no-destinations {
  background-color: transparent;
}

.stream-fields .listing-body li.no-destinations span {
  cursor: default;
}

.stream-fields .listing-body li span .content-right .warning {
  color: var(--yellow) !important;
  font-size: 1.17vw;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.7em;
}

.stream-fields .listing-body li span .content-right .warning i {
  /* z-index: 1; */
  position: relative;
}

.stream-fields .listing-body li span .content-right .warning::after {
  content: "";
  /* background-color: var(--black); */
  display: flex;
  position: absolute;
  width: 0.5em;
  height: 0.63em;
  top: 0.35em;
}

.stream-fields .tooltip_container::after {
  left: 0.2em;
}
.stream-fields .listing-body li span .content-right .btn-mini {
  width: 3.5em;
  height: 1.5em;
  min-width: 1em;
}
.warning-modal .warning-wrap {
  display: flex;
  justify-content: center;
  text-align: center;
}

.warning-modal .warning-wrap a.warning {
  font-size: 3.15em;
  padding-right: 0.65em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--yellow) !important;
  position: relative;
}

.warning-modal .warning-wrap a.warning i {
  z-index: 1;
}

.stream-fields .listing-body li span .content-right a.warning::after {
  border: none;
}

.warning-modal .warning-wrap a.warning::after {
  content: "";
  background-color: var(--black);
  display: flex;
  position: absolute;
  width: 0.2em;
  height: 0.6em;
  top: 0.3em;
}

.warning-modal .warning-wrap p {
  text-align: left;
  width: auto;
}

.stream-submit button.btn-red {
  border-radius: var(--border-radius);
}

.stream-submit button.btn-red:focus,
.stream-submit button.btn-red:focus-visible,
.stream-submit button.btn-red:active,
.stream-submit button.btn-red:not(:disabled):not(.disabled):active {
  box-shadow: 0 0 0 0.075em var(--red-hover) !important;
}

.destinations {
  margin-top: 2.2em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.destinations a {
  display: flex;
  width: 25%;
  padding-right: 0.65em;
  margin-bottom: 0.65em;
}

.destinations a span {
  background-color: var(--grey);
  border: 0.1em solid var(--grey);
  border-radius: var(--border-radius);
  display: flex;
  align-items: center;
  color: var(--black);
  width: 100%;
  padding: 0.4em 0.7em;
  height: 2.9em;
  font-size: 1vw;
}

.destinations a img,
.destinations a svg {
  margin-right: 0.6em;
}

.destinations a img {
  width: 1.4em;
}

.destinations a:nth-child(4n) {
  padding-right: 0;
}

.radius-face {
  border-radius: 0.3em;
}

.btn-media {
  font-weight: 600;
  font-size: 1.1vw;
  line-height: 1;
}

.btn-media:hover {
  opacity: 0.9;
}

.bg-facebook {
  background: var(--facebook) !important;
  color: var(--white) !important;
}

.bg-linkedin {
  background: var(--linkedin) !important;
  color: var(--white) !important;
}

.bg-youtube {
  background: var(--youtube) !important;
  color: var(--white) !important;
}

.bg-twitter {
  background: var(--twitter) !important;
  color: var(--white) !important;
}

.bg-twitch {
  background: var(--twitch) !important;
  color: var(--white) !important;
}

.bg-hopin {
  background: var(--hopin) !important;
  color: var(--white) !important;
}

.bg-rtmp {
  background: var(--rtmp) !important;
  color: var(--white) !important;
}

.instagram_icon path {
  fill: url(#gradient);
}

.add-RTMP .form-group {
  display: flex;
  align-items: center;
}

.add-RTMP .form-group label {
  width: 12.3em;
  margin-bottom: 0 !important;
  display: flex;
}

.add-RTMP .form-group input {
  width: calc(100% - 12.3em);
}

.add-RTMP .form-group.form-group-switch span {
  font-size: 0.88vw;
}

.loader {
  height: 100%;
  align-items: center;
  justify-content: center;
  font-weight: var(--font-semibold);
  margin: auto;
}

.device-selection .device-selectors {
  position: relative;
  font-size: 1vw;
}

.virtual-background-modal {
  display: flex;
  padding: 0 0 1em;
  min-height: 17.6em;
  position: relative;
}

.virtual-background-modal .background-container {
  display: flex;
}

.virtual-background-modal .background-selection {
  width: 50%;
}

.virtual-background-modal .video-preview {
  width: 50%;
  padding-left: 1em;
}
.virtual-background-dialog div.virtual-background-none,
.virtual-background-dialog div.slight-blur,
.virtual-background-dialog div.blur,
.virtual-background-dialog img.thumbnail,
.virtual-background-dialog div.thumbnail-container {
  color: var(--black);
  width: 23.7%;
  margin-top: 0;
  border: 0.1em solid var(--black);
  border-radius: 0.6em;
  background-color: var(--white);
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  margin-bottom: 0.4em;
  padding: 0.12em;
  font-size: 0.85vw;
  height: 5.2em;
}
.virtual-background-dialog .all-backgrounds {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.3em;
  width: 100%;
  cursor: pointer;
}

.virtual-background-dialog .all-backgrounds p {
  text-align: center;
  font-size: 0.9vw;
  margin-top: 5em;
}

.virtual-background-modal .upload-background {
  display: flex;
  align-items: center;
}
.virtual-background-modal .upload-background span {
  width: 7.51em;
  position: relative;
}

.virtual-background-modal .upload-background span button {
  width: 100%;
  margin: 0;
}

.virtual-background-modal .upload-background span input[type="file"] {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  cursor: pointer;
}

.virtual-background-dialog div.thumbnail-container img,
.virtual-background-dialog div.thumbnail-container:hover img {
  width: 100% !important;
  margin: 0;
  border: none !important;
  height: 100% !important;
  padding: 0;
}

.virtual-background-dialog div.thumbnail-container {
  position: relative;
}

.virtual-background-modal .background-container {
  width: 100%;
}

.virtual-background-modal .video-preview .video-background-preview-entry {
  width: 100%;
  position: relative;
  border: 0.1em solid var(--black);
  border-radius: 0.6em;
  margin-bottom: 0;
  padding: 0.3em;
  margin-top: 0.6em;
  height: 15.7em;
  margin-left: 0;
}

.virtual-background-modal .video-preview .video-background-preview-entry video {
  height: 100%;
  border-radius: 0.4em;
}

.virtual-background-modal .video-preview {
  height: auto;
  position: relative;
}

.virtual-background-switch {
  padding: 0.8em 1em;
  font-size: 0.85vw;
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 1;
  min-height: 4em;
}

.virtual-background-switch label {
  margin-bottom: 0 !important;
}

.virtual-background-dialog .thumbnail-selected,
.virtual-background-dialog .blur-selected,
.virtual-background-dialog .slight-blur-selected,
.virtual-background-dialog .none-selected {
  height: 5.2em;
  width: 23.8%;
  border: 0.1em solid var(--green);
  border-radius: 0.6em;
  margin: 0;
  box-shadow: none;
  font-size: 0.85vw;
  background-color: var(--white);
  color: var(--black);
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.2em;
  margin-bottom: 0.4em;
}

.virtual-background-dialog .delete-image-icon {
  background: var(--black);
  border-radius: 50%;
  display: block;
  left: auto;
  bottom: auto;
  right: -0.4em;
  top: -0.4em;
  display: block;
  position: absolute;
}

.virtual-background-dialog .delete-image-icon svg {
  width: 1.25em !important;
  height: auto !important;
  fill: var(--white);
}
.virtual-background-modal .video-preview .video-preview-loader {
  height: 15.7em;
  font-size: 1.17vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.virtual-background-modal .video-preview .video-preview-loader span {
  width: 3.2em;
  height: 3.2em;
}

.virtual-background-modal .video-preview .video-preview-loader img {
  width: 100%;
  height: 100%;
}

.video-preview-video {
  object-fit: cover;
  width: 100%;
}

.file-upload-btn {
  display: none;
}

.modal-header-with-image {
  min-height: 3.8em;
  padding: 0 1em;
  align-items: center;
}

.modal-header-with-image h5 {
  display: flex;
  align-items: center;
}

.modal-header-with-image h5 img {
  width: 1.5em;
  margin-right: 0.5em;
}

.border-container {
  border: 0.1em solid var(--grey);
  padding: 1em;
  border-radius: 0.6em;
}

.border-container .device-selection .device-selectors .device-selector-label,
.border-container .av-switch {
  font-weight: 600;
}

.border-container .device-selection .device-selectors .device-selector-trigger,
.border-container
  .device-selection
  .device-selectors
  .device-selector-trigger-disabled
  .device-selector-trigger,
.border-container .device-selection .device-selectors .dropdown-menu {
  border: 0.1em solid var(--grey);
  height: 3.1em;
  border-radius: 0.6em;
}

.border-container .device-selection .device-selectors .device-selector-trigger {
  cursor: default;
  justify-content: space-between;
  overflow: hidden;
}

.border-container .micro-text {
  padding-top: 0;
  margin-bottom: 0.7em;
  line-height: 1.5;
}

.border-container .progress {
  height: 3.1em !important;
  border-radius: 0.6em;
  margin-bottom: 3.1em;
}

.border-container .audio-output-preview {
  margin-bottom: 2.6em;
}

.border-container .playsound {
  margin-bottom: 0;
}

.border-container .column-video video {
  box-shadow: 0 0 0.14em rgb(0 0 0 / 20%);
  border-radius: 0.6em;
  border: 0.2em solid var(--white);
}

.border-container .device-selection .device-selection-video-container {
  border-radius: 0.6em;
  background-color: var(--white);
}

.border-container .playsound .audio-output-preview a {
  height: 3.1em;
  border-radius: 0.6em;
}

.join-inner-av .border-container .backWrap.avbackWrap.Buttons .btn-link,
.virtual-background .custom-for-electron #electron-btn-cancel {
  background-color: var(--grey) !important;
  border-color: var(--grey) !important;
  color: var(--white) !important;
  margin-right: 0.6em;
}

.join-inner-av .border-container .av-switch .switch {
  width: 2.9em !important;
}

.virtual-background-switch .switch {
  width: auto !important;
}

.virtual-background-switch .switch .slider {
  width: 2.9em;
  font-size: 0.9vw;
  height: 1.7em;
  top: auto;
  bottom: auto;
}

.join-inner-av .border-container .av-switch .switch .slider:before,
.virtual-background-switch .switch .slider:before {
  height: 1.5em;
  width: 1.5em;
  left: 0.15em;
}

.join-inner-av
  .border-container
  .av-switch
  .switch
  input:checked
  + .slider:before,
.virtual-background-switch .switch input:checked + .slider:before {
  left: -0.64em !important;
}

.border-container .av-switch i {
  font-size: 1.54vw;
  color: var(--black);
}

.modal .border-container .column-video {
  border-radius: 0.6em;
}

.virtual-background-switch span.blur-background {
  font-size: 0.95vw;
  font-weight: 600;
}

.virtual-background-switch .switch .slider:before {
  height: 1.2em;
  left: 0.25em;
  top: 0.25em;
  width: 1.2em;
}

.extensions-wrap .form-group .form-group-inner .label-flex {
  display: flex;
  align-items: center;
  width: calc(100% - 1.9em);
}

.extensions-wrap .form-group .form-group-inner .label-flex label {
  white-space: nowrap;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  line-height: 1.1;
  min-width: 6.6em;
  justify-content: flex-end;
}

.extensions-wrap .form-group .form-group-inner .label-flex .logo-preview {
  width: 1.927em;
  height: 1.927em;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.extensions-wrap .form-group .form-group-inner .label-flex .logo-preview img {
  width: 100%;
}

.extensions-wrap .form-group .label-btn .form-group-inner button {
  margin-right: 0.8em;
}

.extensions-wrap .form-group .label-btn .form-group-inner button:last-child {
  margin-right: 0;
}

.extensions-wrap .form-group.btns-wrap .form-group-inner {
  justify-content: center;
}

.extensions-wrap .form-group .form-group-inner a.quesicon {
  font-size: 1.25vw;
  margin-left: 0.5em;
  color: var(--black) !important;
}

.virtual-background-modal .virtual-background-loading,
.virtual-background-modal .video-preview-loader {
  position: absolute;
  margin-top: 0;
  height: calc(100% - 2em);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  z-index: 3;
}

.virtual-background-modal .virtual-background-loading span,
.virtual-background-modal .video-preview-loader span,
.virtual-background-modal .virtual-background-loading span,
.virtual-background-modal .video-preview-loader span {
  width: 3.2em;
  height: 3.2em;
}

.virtual-background-modal .virtual-background-loading svg,
.virtual-background-modal .video-preview-loader svg,
.virtual-background-modal .virtual-background-loading img,
.virtual-background-modal .video-preview-loader img {
  width: 100%;
  height: 100%;
  z-index: 4;
}

.virtual-background-modal .virtual-background-loading svg circle,
.virtual-background-modal .video-preview-loader svg circle {
  stroke: var(--green);
}

.cross {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  margin-bottom: 0.35em;
}

.cross button {
  padding: 0;
  border: 0.1em solid var(--grey) !important;
  border-radius: 50%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-width: 0.63em;
  width: 1.6em;
  height: 1.6em;
  line-height: 1;
  right: -0.95em;
  top: -0.95em;
  color: var(--white);
  opacity: 1;
  box-shadow: none !important;
  background-color: var(--grey);
}

.cross button span {
  text-shadow: none;
  padding-bottom: 0.2em;
  font-size: 1.5vw;
  line-height: 1;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cross .close:not(:disabled):not(.disabled):focus,
.cross .close:not(:disabled):not(.disabled):hover {
  opacity: 1;
  color: var(--white);
  border-color: var(--green) !important;
  background-color: var(--green);
}

.extension-validation {
  z-index: 1;
  position: absolute;
}

.extension-validation .modal-dialog {
  width: 90%;
  max-width: 90%;
  height: 100%;
  margin: auto;
  display: flex;
}

.extension-validation .modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  pointer-events: auto;
  background-clip: padding-box;
  outline: 0;
  margin: auto;
  border: none;
  max-height: 99%;
  min-height: 0.63em !important;
  background-color: var(--white);
  border-radius: var(--border-radius);
  box-shadow: 0 0.2em 0.5em 0 rgb(0 0 0 / 25%);
  padding: 1em;
  width: 100%;
}

.extension-validation .custom-modal-body {
  padding: 0.5em 0 1em;
  word-break: break-word;
  font-size: 1vw;
}

.extension-validation .custom-modal-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.extension-validation .custom-modal-footer button {
  border: 0.1em solid var(--green);
  background-color: var(--green);
  color: var(--white);
  position: relative;
  max-width: 100%;
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: capitalize;
  text-decoration: none;
  font-size: 0.95vw;
  border-radius: 0.6em;
  padding: 0.3em 1em !important;
  min-width: 6.2em;
  line-height: 2.1;
  height: 2.7em;
  margin-top: 1em;
}

.extension-validation button:first-child {
  margin-left: 0;
}

.extension-validation button.close {
  background-color: var(--red);
  color: var(--white);
  border: 0.1em solid var(--red);
}

.extension-validation button.dark {
  background-color: var(--grey);
  border: 0.1em solid var(--grey);
  color: var(--white);
}

.extension-validation button:hover {
  background-color: var(--green);
}

.extension-validation button.close:hover {
  background-color: var(--red-hover);
}

.extension-validation button.dark:hover {
  background-color: var(--grey-200);
}

.submit-for-publication a {
  padding: 0;
  color: var(--black) !important;
  font-weight: 600;
  margin: 0.3em 0;
  font-size: 0.95vw;
  white-space: nowrap;
}

.submit-for-publication .switch {
  min-width: 2em !important;
  margin-bottom: 0 !important;
}

.extension-cover {
  z-index: 1;
  position: absolute;
  top: 3.6em;
}

.extension-cover .modal-dialog {
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  max-width: 100%;
}

.extension-cover .modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  pointer-events: auto;
  background-color: var(--white);
  background-clip: padding-box;
  outline: 0;
  border: none;
  min-height: 0.63em;
  height: 100%;
  width: 100%;
  margin: 0;
  border-radius: 0;
  max-height: 100%;
}

.extension-cover .modal-body {
  padding: 1em;
  max-height: 100% !important;
  display: flex;
  align-items: center;
  height: 100%;
  text-align: center;
  flex-direction: column;
  min-height: 10em !important;
}

.extension-validation .modal-body p {
  margin-top: 0;
  line-height: 1.5;
  margin-bottom: 1.7em;
  font-size: 1vw;
}

.extension-cover button {
  border-radius: var(--border-radius);
  border: 0.1em solid var(--green);
  background-color: var(--green);
  color: var(--white);
  position: relative;
  max-width: 100%;
  width: auto;
  display: inline-block;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: capitalize;
  min-width: 6.2em;
  line-height: 2.1;
  height: 2.7em;
  padding: 0.3em 1em;
  font-size: 0.95vw;
  text-decoration: none;
  margin-left: 0.25em;
}

.extension-cover button:first-child {
  margin-left: 0;
}

.extension-cover button.close {
  background-color: var(--red);
  color: var(--white);
  border: 0.1em solid var(--red);
}

.extension-cover button.dark {
  background-color: var(--grey);
  border: 0.1em solid var(--grey);
  color: var(--white);
}

.extension-cover button:hover {
  background-color: var(--green);
}

.extension-cover button.close:hover {
  background-color: var(--red-hover);
}

.extension-cover button.dark:hover {
  background-color: var(--grey-200);
}

.extensions-wrap .form-group .label-btn .form-group-inner button.remove {
  background-color: var(--red) !important;
  color: var(--white) !important;
  border: 0.1em solid var(--red) !important;
}

.extensions-wrap .form-group .label-btn .form-group-inner button.remove:hover {
  background-color: var(--red-hover) !important;
}

.extensions-wrap .form-group .label-btn .form-group-inner button.remove:focus,
.extensions-wrap
  .form-group
  .label-btn
  .form-group-inner
  button.remove:focus-visible,
.extensions-wrap .form-group .label-btn .form-group-inner button.remove:active,
.extensions-wrap
  .form-group
  .label-btn
  .form-group-inner
  button.remove:not(:disabled):not(.disabled):active {
  box-shadow: 0 0 0 0.075em var(--red-hover) !important;
  border: 0.1em solid var(--white) !important;
}

.modal-alert .modal-dialog {
  max-width: 90%;
  width: auto;
}

.replay-header .container {
  width: 100%;
  padding: 0;
  max-width: 100%;
}

.wrap-container {
  display: flex;
  height: 100%;
}

.modal .calendar-wrap button.react-datepicker__navigation {
  height: auto !important;
}

.modal .calendar-wrap button.react-datepicker__navigation--previous:focus,
.modal button.react-datepicker__navigation--next:focus,
.modal
  .calendar-wrap
  button.react-datepicker__navigation--previous:focus-visible,
.modal button.react-datepicker__navigation--next:focus-visible {
  border: none !important;
}

.navbar.dark-navbar .navbar-nav .dropdown .dropdown-menu .heading {
  color: var(--white);
  font-size: 0.8vw;
  padding: 0.7em 1.4em 0.4em;
  font-weight: 512;
  display: flex;
}

.conference-wrap .conference-nav .nav-tabs .nav-item.active .speakericon span,
.conference-wrap .conference-nav .nav-tabs .nav-item.active .galleryicon span,
.conference-wrap
  .conference-nav
  .nav-tabs
  .nav-item.active
  .presentationicon
  span {
  color: var(--grey-shade2);
}

.facebook-list-modal ul {
  list-style: none;
  padding: 0;
  margin-top: 1.5em;
  max-height: 14em;
  overflow-y: auto;
}

.facebook-list-modal li {
  margin-bottom: 1.5em;
}

.facebook-list-modal ul li:last-child {
  margin-bottom: 0;
}

.facebook-list-modal a {
  display: flex;
  align-items: center;
  color: var(--black) !important;
  font-size: 1.2vw;
  line-height: 1.4;
}

.facebook-list-modal a.btn {
  color: var(--white) !important;
}

.facebook-list-modal .wrap-image {
  width: 3.3em;
  height: 3.3em;
}

.facebook-list-modal .wrap-image img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.profile__initials {
  width: 2em;
  height: 2em;
  line-height: 1;
  font-size: 1.9vw;
  color: var(--white) !important;
  border-radius: 50%;
  border: 0.1em solid var(--green);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
  background-color: var(--green) !important;
  font-weight: bold;
}

.facebook-list-modal .wrap-content {
  width: calc(100% - 3.3em);
  padding-left: 1em;
  display: flex;
  flex-direction: column;
}

.facebook-list-modal .wrap-content .heading {
  font-weight: 600;
}

.asside
  .tab-content
  .tab-pane
  .extenions-header
  h5.sharing-back-arrow
  .main-span {
  width: 100%;
  justify-content: space-between;
}

.asside
  .tab-content
  .tab-pane
  .extenions-header
  h5.sharing-back-arrow
  .sharing-back-arrow_icon {
  position: absolute;
  display: flex;
}

.asside
  .tab-content
  .tab-pane
  .extenions-header
  h5.sharing-back-arrow
  .sharing-back-arrow_icon
  img {
  width: 100%;
}

.sharing-back-arrow_icon svg {
  margin-right: 0.3em;
}

.sharing-back-arrow_icon small {
  color: var(--white) !important;
}

.asside
  .tab-content
  .tab-pane
  .extenions-header
  h5.sharing-back-arrow
  .webpage-title {
  margin-right: auto;
  margin-left: auto;
}

.extensions-wrap.on-first ul li .extensions-options span {
  width: calc(100% - 1.3em);
  display: flex;
  align-items: center;
}

.extensions-wrap.on-fifth ul li .extensions-options span {
  display: flex;
  height: 100%;
  position: relative;
  width: calc(100% - 5.5em);
  align-items: center;
}

.extensions-wrap.on-first ul li .extensions-options .dropdown span {
  width: auto;
}

.chat-header .chat-close.attendees-question-icon,
.chat-header .chat-close.chat-question-icon {
  padding: 0 0.55em 0 0;
}

.chat-header .chat-close.attendees-question-icon img,
.chat-header .chat-close.chat-question-icon img {
  width: auto !important;
  margin-right: 0 !important;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.view-drop .dropdown-menu {
  margin: 0;
  width: auto;
  background-color: var(--grey-200);
  padding: 0;
  border: none;
  right: 0 !important;
  top: 100% !important;
  transform: none !important;
  left: auto;
  white-space: nowrap;
  border-radius: 0 0 0.3em 0.3em;
  min-width: 8em;
  font-size: 1vw;
}

.view-drop .dropdown-menu ul {
  list-style: none;
  padding: 0;
  justify-content: left;
  flex-flow: column;
  margin-bottom: 0;
}

.view-drop .dropdown-menu ul li {
  width: 100%;
  border-bottom: 0.1em solid transparent;
  position: relative;
}

.view-drop .dropdown-menu ul li a {
  flex-direction: row;
  justify-content: flex-start;
  color: var(--black) !important;
  align-items: center;
  display: flex;
  padding: 0 0.8em 0 2.5em;
  font-size: 0.9vw;
  line-height: 2.6;
}

.view-drop .dropdown-menu ul li a i,
.view-drop .dropdown-menu ul li a svg {
  position: absolute;
  margin-right: 0.8em;
  height: auto;
  width: auto;
  left: 0.8em;
}

.view-drop .dropdown-menu ul hr {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}

.trial-iframe {
  height: auto;
  background-color: transparent;
  border: none;
}

#dominant_viewID {
  position: relative;
}

.row-height {
  min-height: 12.21em;
}

.dark-navbar .nav-tabs .nav-link.exit-icon-wrap {
  background: url(../images/exit-icon-red.png) no-repeat;
  background-position: 50% 27.7%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-size: 34%;
}

.dark-navbar .nav-tabs .nav-item.active .exit-icon-wrap span {
  color: var(--grey-shade2);
}

.toolsWrap .galleryicon i.icon-gallery {
  background: url(../images/gallery-gray.png) no-repeat;
  background-position: 50% 10%;
  background-size: 61%;
}

.toolsWrap .speakericon i.icon-gallery {
  background: url(../images/speaker-gray.png) no-repeat;
  background-position: 50% 10%;
  background-size: 61%;
}

.toolsWrap .presentationicon i.icon-gallery {
  background: url(../images/presentation-gray.png) no-repeat;
  background-position: 50% 10%;
  background-size: 61%;
}

.toolsWrap .view-drop .galleryicon,
.toolsWrap .view-drop .speakericon,
.toolsWrap .view-drop .presentationicon {
  padding: 0;
  height: 100%;
  width: 100%;
}

.avatar-foreign .avatar-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 90%;
  text-align: center;
  color: #ffffff;
  font-weight: 100;
}

#videospace .blur-div {
  bottom: 0;
}

.updatedWrap .imgwrap h4.middle_char {
  font-size: 2.2vw;
  line-height: 1.31;
  overflow: hidden;
  text-overflow: ellipsis;
}

.updatedWrap .imgwrap h4.extra_char {
  font-size: 1.83vw;
  line-height: 1.7;
  text-align: left;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.desired-pass .btn-help-freetrial {
  top: 2.7em;
  right: 0.75em;
}

.attendees-dropdown .dropdown-menu {
  left: -8em !important;
}

.attendees-dropdown .dropdown-menu ul li a {
  white-space: nowrap;
}

.blinkingBackground {
  background-color: var(--green);
  color: var(--black);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  animation: blinkingBackground 3s infinite;
  min-width: 5.9em;
  line-height: 1.35;
  border-radius: 0.6em;
  font-size: 0.85vw;
  min-height: 2.1em;
  padding: 0.3em 1em;
}

footer .list-inline {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

footer {
  background-color: var(--black);
  color: var(--white);
  display: flex;
  align-items: center;
  font-size: 0.8vw;
  padding: 0.5em 0;
  height: 5.6em;
  z-index: 9999;
  position: relative;
}

.view-loader {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.view-loader span {
  height: 2.7em;
  width: 3.5em;
}

.view-loader span img {
  width: 100%;
}

.cross_ic {
  width: 2em;
  height: 2em;
  border-radius: 100%;
  text-align: center;
  cursor: pointer;
  padding: 0.2em;
}

.cross_ic img {
  width: 100%;
  margin-right: 0.3em;
}

.player-wrapper {
  height: calc(100% - 3.7em);
}

.op-wrapper.ovenplayer {
  height: 100% !important;
  font-size: 1.17vw !important;
}

.player-wrapper .op-message-container {
  display: none;
}

/* .player-wrapper .op-bigbutton-container {
  display: none;
} */

.dark-navbar .nav-tabs .nav-link.chaticon-filled.chaticon-filled-blink {
  background: url(../images/chat-filled-blink.gif) no-repeat;
  background-position: 50% 27.7%;
  background-size: 34%;
}

.swal-footer-recording .swal-text {
  margin-top: 1.85em;
  margin-bottom: 0.61em;
}

.swal-footer-recording .swal-footer {
  text-align: center;
}

.network-dropdown .dropdown-menu {
  margin: 0;
  background-color: var(--grey-200);
  border-radius: 0.6em;
  padding: 0;
  overflow-y: auto;
  transform: none !important;
  right: 0 !important;
  left: auto !important;
  top: 100% !important;
  border: 0.1em solid rgba(0, 0, 0, 0.15);
  font-size: 0.85vw;
  min-width: 1em;
  width: max-content;
}

.network-dropdown .dropdown-menu ul {
  padding: 0.35em 0;
  width: 100%;
}

.network-dropdown .dropdown-menu li {
  width: 100%;
  border-bottom: 0.1em solid var(--grey);
}

.network-dropdown .dropdown-menu li a {
  flex-direction: row;
  justify-content: flex-start;
  color: var(--black) !important;
  text-transform: capitalize;
  text-align: left;
  align-items: center;
  display: flex;
  padding: 0.4em 1.35em;
  font-size: 0.8vw;
  width: 100% !important;
}
.network-dropdown .dropdown-menu li a:hover {
  color: var(--green) !important;
}
.participantShare-tab {
  height: calc(100% - 3em);
  padding-bottom: 0;
  font-size: 1.17vw;
  border-left: 0.1vh solid var(--grey);
}

.network-dropdown .dropdown-menu li a i {
  position: absolute;
  margin-right: 0.8em;
  left: 0.9em;
}

.network-dropdown .dropdown-menu hr {
  margin: 0.35em 0;
  border-top: 0.1em solid rgba(66, 80, 101, 0.5);
}

.network-dropdown .dropdown-menu .toggle-nav-item.active a {
  padding-left: 2.3em;
}

.extensions-container ul {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.extensions-container ul .extensions-list {
  max-height: calc(100% - 4.5em);
  overflow-y: auto;
  padding: 0.3em 1em 0;
}

.chat-message-group.local .chatmessage-wrapper,
.chat-message-group.remote .chatmessage-wrapper {
  width: 90%;
}

.chat-message-group.local .chatmessage-wrapper .chatmessage,
.chat-message-group.remote .chatmessage-wrapper .chatmessage,
.chat-message-group.local .chatmessage-wrapper .chatmessage .replywrapper,
.chat-message-group.remote .chatmessage-wrapper .chatmessage .replywrapper,
.chat-message-group.local
  .chatmessage-wrapper
  .chatmessage
  .replywrapper
  .messagecontent,
.chat-message-group.remote
  .chatmessage-wrapper
  .chatmessage
  .replywrapper
  .messagecontent {
  width: 100%;
}

.section-feature-pricing .feature-container .feature-wrap {
  display: flex;
}

.section-feature-pricing .feature-container .feature-box {
  padding-right: 1em;
  width: 25%;
  position: relative;
}

.section-feature-pricing .feature-container .feature-inner {
  border: 0.1em solid var(--grey);
}

.section-feature-pricing .feature-container .feature-inner .feature-body {
  font-size: 1vw;
}

.section-feature-pricing .feature-container .feature-inner .feature-body ul {
  padding: 0;
  margin: 0;
}

.section-feature-pricing .feature-container .feature-inner .feature-body li {
  padding: 0.5em 0.75em;
  display: flex;
  height: 2.6em;
  align-items: center;
  position: relative;
  justify-content: space-between;
}

.section-feature-pricing
  .feature-container
  .feature-inner
  .feature-body
  .heading {
  color: var(--green);
  font-weight: 600;
  background-color: var(--green-100);
  height: 3.7em;
  font-size: 1.1vw;
  line-height: 1.25;
}

.section-feature-pricing
  .feature-container
  .feature-inner
  .feature-body
  li:nth-child(odd) {
  background-color: var(--green-100);
}

.section-feature-pricing .feature-container .feature-inner .feature-header {
  display: flex;
  height: 6.3em;
  align-items: center;
  justify-content: center;
  padding: 0 0.7em;
}

.section-feature-pricing
  .feature-container
  .feature-inner
  .feature-header-inner {
  border-bottom: 0.1em solid var(--black);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  font-size: 1.15vw;
  text-transform: uppercase;
  flex-direction: column;
  font-weight: 600;
}

.section-feature-pricing
  .feature-container
  .feature-inner
  .feature-header-inner
  img {
  width: 44%;
}

.section-feature-pricing
  .feature-container
  .Meetn-feature-box
  .feature-body
  li {
  justify-content: center;
  text-align: center;
}

.section-feature-pricing
  .feature-container
  .Meetn-feature-box
  .feature-body
  li:first-child {
  height: 4em;
  line-height: 1.25;
}

.section-feature-pricing
  .feature-container
  .Meetn-feature-box
  .feature-body
  li:first-child
  a {
  color: var(--white) !important;
}

.section-feature-pricing .feature-container .Meetn-feature-box .feature-inner {
  border: 0.2em solid var(--green-100);
  box-shadow: 0 0 1.3em var(--grey);
}

.section-feature-pricing
  .feature-container
  .Meetn-feature-box
  .feature-inner
  .feature-header-inner {
  border-bottom: 0.1em solid var(--green-100);
}

.section-feature-pricing
  .feature-container
  .Meetn-feature-box
  .feature-inner
  .feature-header-inner::after {
  color: var(--green);
}

.section-feature-pricing .feature-container .feature-body ul li i {
  color: var(--green);
  font-size: 1vw;
}

.section-feature-pricing
  .feature-container
  .feature-body
  ul
  li
  i.fa-times-circle {
  color: var(--pink);
}

.section-feature-pricing .feature-container .feature-list {
  padding-top: 6.3em;
}

.mb-px-8 {
  margin-bottom: 0.6em;
}

.helping-tooltip i {
  font-size: 1.25vw !important;
}

.section-feature-pricing
  .feature-container
  .feature-inner
  .feature-header-inner
  span {
  padding-top: 0.26em;
}

.section-feature-pricing .feature-container .feature-tagline {
  position: absolute;
  top: -2.2em;
  width: calc(100% - 1.25em);
  text-align: center;
  font-weight: 600;
}

.pt-px-12 {
  padding: 0.9em !important;
}

.section-feature-pricing
  .feature-container
  .Meetn-feature-box
  .feature-inner.feature-unlimited {
  border-color: var(--green-shade3);
}

.section-feature-pricing
  .feature-container
  .feature-inner
  .feature-body
  li.li-btn {
  background-color: transparent;
  justify-content: center !important;
}

.section-feature-pricing
  .feature-container
  .Meetn-feature-box
  .feature-body
  li.li-btn
  button {
  height: auto;
  position: absolute;
  font-weight: 600;
  border-radius: 2em;
  line-height: 1.3;
  bottom: -1.8em;
  min-height: 2.9em;
  min-width: 13.25em;
  padding: 0.31em 0.5em;
  font-size: 1vw;
}

.section-feature-pricing
  .feature-container
  .Meetn-feature-box
  .feature-body
  li.li-btn
  button.btn-white,
.section-feature-pricing
  .feature-container
  .Meetn-feature-box
  .feature-body
  li.li-btn
  button.btn-white:focus,
.section-feature-pricing
  .feature-container
  .Meetn-feature-box
  .feature-body
  li.li-btn
  button.btn-white:focus-visible,
.section-feature-pricing
  .feature-container
  .Meetn-feature-box
  .feature-body
  li.li-btn
  button.btn-white:active,
.section-feature-pricing
  .feature-container
  .Meetn-feature-box
  .feature-body
  li.li-btn
  button.btn-white:not(:disabled):not(.disabled):active {
  box-shadow: 0 0 0.5em var(--grey) !important;
}

.section-video {
  margin: 5em auto 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25.1em;
  width: 44.2em;
}

.section-video img,
.section-video video,
.section-video iframe {
  height: 100%;
  box-shadow: 0 0 0.5em var(--light-grey-shade3);
  width: 100%;
}

.section-feature-details h4 {
  margin-bottom: 1.65em;
  text-align: center;
  font-weight: 600;
  font-size: 1.75vw;
}

.section-feature-details {
  padding-bottom: 3em;
  margin: 5em auto 3em;
}

.feature-signup {
  min-height: calc(100% - 9.9em) !important;
  padding-top: 1.3em;
  padding-bottom: 1.6em;
}

.feature-signup .heading {
  text-align: center;
  font-size: 1.8vw;
  margin-bottom: 1.6em;
  padding-top: 0.6em;
}

.feature-signup form {
  border-radius: 0.6em;
  padding: 1.5em 1.9em;
  box-shadow: 0 0 0.5em var(--grey);
}

.feature-signup form .sub-heading {
  font-weight: 600;
  display: flex;
  justify-content: space-between;
}

.feature-signup form .sub-heading a {
  text-decoration: underline;
  font-weight: 600;
}

.feature-signup form button {
  display: flex;
}

.feature-signup form button i {
  font-size: 1.23vw;
  padding-left: 0.95em;
  padding-top: 0.1em;
}

.feature-signup form .form-group.d-flex div {
  width: 100%;
}

.feature-signup form .form-group.d-flex div:first-child {
  margin-right: 1em;
}

.congrats-modal .modal-dialog {
  width: 30%;
}

.congrats-modal .modal-content {
  min-height: 16em;
}

.congrats-modal .modal-body {
  padding: 1em;
}

.congrats-modal button {
  min-width: 2em !important;
}

.no-recording .modal-dialog {
  width: 27%;
}

.no-recording .modal-body {
  padding: 1em;
}

.no-recording .modal-body h5 {
  text-align: center;
  font-size: 1.32vw;
  margin-bottom: 0.9em;
}

.no-recording .modal-body p {
  padding-left: 1em;
}

.no-recording .modal-body p small {
  font-size: 1.1vw;
}

.no-recording .modal-body button {
  height: 2.7em !important;
}

.recording-modal .modal-dialog {
  width: 40%;
}

.congrats-modal .btn-dark {
  background-color: var(--grey);
  border-color: var(--grey);
  font-size: 0.95vw !important;
  padding: 0.3em 1em;
  border-radius: 0.6em;
}

.congrats-modal .btn-dark:hover,
.congrats-modal .btn-dark:focus,
.congrats-modal .btn-dark:focus-visible,
.congrats-modal .btn-dark:active,
.btn-dark:not(:disabled):not(.disabled):active {
  background-color: var(--grey-200);
  border-color: var(--grey-200);
}

.congrats-modal .btn-dark:focus,
.congrats-modal .btn-dark:focus-visible,
.congrats-modal .btn-dark:active,
.congrats-modal .btn-dark:not(:disabled):not(.disabled):active {
  box-shadow: 0 0 0 0.075em var(--grey-200) !important;
}

.exit-modal .buttons_container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.exit-modal .modal-dialog {
  width: 25%;
}

.exit-modal .modal-body {
  display: flex;
  align-items: center;
  justify-content: center;
}

.free-forever-popup {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--grey);
  color: var(--white);
  z-index: 1;
  font-size: 1vw;
  padding: 0.3em 0.8em;
  width: auto;
  height: 100%;
  display: flex;
  align-items: center;
}

.free-forever-popup a {
  text-decoration: underline;
  padding-left: 0.2em;
}

.no-extension {
  height: calc(100% - 3.6em);
  display: flex;
  justify-content: center;
  padding-top: 5em;
  font-size: 1vw;
  font-style: italic;
}

.exit-modal .buttons_container .helping-tooltip {
  position: absolute;
  right: -0.5em;
}

.extension_additional_links {
  display: flex;
  flex-direction: column;
  padding-left: 5em;
  padding-top: 1em;
  font-size: 0.95vw;
  height: 5.5em;
  padding-bottom: 1em;
}

.extension_additional_links a {
  margin-bottom: 0.25em;
}

.outer-nav .btn-trial {
  margin-left: 1.1em;
}

.outer-nav .btn-trial .btn-orange {
  margin-left: 0;
}

.row {
  margin-right: -1em;
  margin-left: -1em;
}

.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 {
  padding-left: 1em;
  padding-right: 1em;
  min-height: 0.1em;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.3em;
}

.form-group {
  margin-bottom: 1em;
}

.mt-2,
.my-2 {
  margin-top: 0.6em !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5em !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1em !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5em !important;
}

.section-feature-pricing
  .feature-container
  .Meetn-feature-box
  .feature-unlimited
  .feature-body
  li:first-child {
  background-color: var(--green);
  color: var(--white);
  display: flex;
  flex-direction: column;
}

.section-feature-pricing
  .feature-container
  .Meetn-feature-box
  .feature-unlimited
  .feature-body
  li:first-child
  .btn {
  margin: 0;
  min-width: 7em;
  height: 1.8em;
  font-size: 0.7vw;
  line-height: 1;
  margin-top: 0.2em;
}

.section-feature-pricing
  .feature-container
  .Meetn-feature-box
  .feature-unlimited
  .feature-header-inner::after {
  color: var(--white);
  top: 99%;
}

#player {
  height: 100% !important;
}

#largeVideo,
#largeVideoWrapper {
  object-fit: contain !important;
}

.localVideoFlex {
  flex-direction: column;
}

.localVideoFlex small {
  color: rgba(255, 255, 255, 0.6) !important;
  position: absolute;
  font-size: 0.73vw;
  bottom: 2.5em;
}

.logo-error {
  font-size: 0.85vw;
  padding-left: 8.4em;
  color: red;
}

.white {
  color: var(--white) !important;
}

.cLnhlo .screen_share .screen_share_head {
  color: var(--white) !important;
}

.logo-filename {
  font-size: 0.9vw;
  padding-left: 8em;
  color: var(--black);
}

.cursor-pointer {
  cursor: pointer;
}

.btn-img {
  vertical-align: middle;
  float: left;
}

.load-ext-loader {
  align-items: center;
  display: flex;
  justify-content: center;
  height: calc(100% - 3.6em);
  position: absolute;
  left: 46%;
  z-index: 1;
}

.load-ext-loader img {
  width: 2.2em;
  height: 2.2em;
}

.landing_page .cLnhlo {
  background-color: var(--white) !important;
  width: 100%;
}

.landing_page #main_header .navbar.outer-nav {
  background-color: rgba(236, 238, 240, 0.5);
}

.body-content.landing_page_content {
  align-items: baseline;
  flex-direction: column;
  background: url(../images/homepage-background.png) no-repeat;
  background-size: 100% 54%;
  background-position: 0 -4em;
  justify-content: flex-start;
}

.landing_page_content h1 {
  text-align: center;
  font-weight: 600;
  padding-top: 0.8em;
  margin-bottom: 0.2em;
  font-size: 2.9vw;
}

.landing_page_content .video_container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 23.1em;
  width: 38.75em;
  margin: 0 auto 1.5em;
  padding: 1.5em;
}

.landing_page_content .video_container img {
  height: 100%;
}

.landing_page_content .video_container video,
.landing_page_content .video_container iframe {
  height: 100%;
  box-shadow: 0 0 0.5em var(--light-grey-shade3);
  width: 100%;
}

.form_container {
  background-color: var(--white);
  width: 100%;
  padding-top: 2em;
}

.form_container .container {
  display: flex;
  justify-content: center;
}

.form_container .form_chest {
  width: 45%;
  padding: 0 0 2em;
  text-align: center;
}

.form_container .form_chest h4 {
  color: var(--green) !important;
  font-size: 1.75vw;
}

.form_container .form_chest form {
  background-color: var(--white);
  box-shadow: 0 0 0.5em var(--light-grey-shade3);
  text-align: left;
  padding: 2em;
  border-radius: 0.6em;
  border-bottom: 0.7em solid var(--black);
  margin-top: 1.9em;
}

.form_container .form_chest form input {
  width: 100%;
}

.form_container .form_chest small {
  font-size: 1.2vw;
}

.modal-footer-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.section-feature-pricing .feature-container .feature-body li span {
  display: none;
}

p {
  margin-bottom: 1em;
}

.pr-7 {
  padding-right: 3em !important;
}

.pl-5 {
  padding-left: 3em !important;
}

.pt-7 {
  padding-top: 3em !important;
}

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

.container-fluid {
  padding-left: 1em;
  padding-right: 1em;
}

.mt-3,
.my-3 {
  margin-top: 1em !important;
}

.h5,
h5 {
  font-size: 1.5vw;
}

.h2,
h2 {
  font-size: 2em;
}

.updatedWrap .updatedWraprow .light-bg.p-equal .col-md-6 {
  padding-left: 1em;
  padding-right: 1em;
}

.updatedWrap .updatedWraprow .light-bg.connectWrap .connect_options {
  width: 7.85em;
  margin: 0 auto;
  margin-bottom: 0.8em;
  min-height: 7em;
}

.ml-2,
.mx-2 {
  margin-left: 0.5em !important;
}

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

.pb-3,
.py-3 {
  padding-bottom: 1em !important;
}

.body-content.updatedWrap .light-bg .join_with_phone_container {
  width: 62%;
}

.dropdown-menu {
  min-width: 10.3em;
  z-index: 1;
}

.select_custom select {
  background: url(../images/caret.svg) no-repeat;
  background-size: 4%;
  background-position: 94% 52%;
  appearance: none;
  background-color: var(--white);
  -webkit-appearance: none;
}

option {
  padding: 0 !important;
}

.pl-2 {
  padding-left: 0.5em !important;
}

.nav-tabs .nav-item {
  margin-bottom: -0.1em;
}

.swal-footer .swal-button--cancel:focus,
.swal-footer .swal-button--cancel:focus-visible,
.swal-footer .swal-button--cancel:active,
.swal-footer .swal-button--cancel:not(:disabled):not(.disabled):active {
  box-shadow: 0 0 0 0.075em var(--grey-200) !important;
}

.nav-tabs {
  border-bottom: 0.1em solid var(--grey-100);
}

.mb-1,
.my-1 {
  margin-bottom: 0.25em !important;
}

.h4,
h4 {
  font-size: 1.75vw;
}

body.conference-inner-body .modal .body-content.updatedWrap,
body.conference-inner-body
  .modal
  .updatedWrap
  .container-fluid
  .updatedWraprow {
  height: auto;
}

label {
  margin-bottom: 0.5em;
}

dl,
ol,
ul {
  margin-bottom: 1em;
  padding-left: 3em;
}

.h6,
h6 {
  font-size: 1.2vw;
}

.events-modal .table tbody td a {
  padding: 0;
}

.events-modal .table tbody td:last-child a {
  padding: 0 0.45em;
}

.ml-3,
.mx-3 {
  margin-left: 1em !important;
}

.start_date_event {
  display: flex;
  padding-left: 1em;
}

.start_date_event .col-4 {
  padding-right: 0.3em !important;
}

.start_date_event .col-4:last-child {
  padding-right: 0 !important;
}

.start_date_event.select_custom select {
  background-size: 13%;
  background-position: 85% 52%;
}

.react-datepicker-popper[data-placement^="bottom"] {
  padding-top: 0.2em !important;
  left: -1.5em !important;
}

.react-datepicker__navigation-icon--previous {
  right: -0.1em !important;
}

.react-datepicker__navigation-icon {
  top: -0.1em !important;
  font-size: 1.2vw !important;
}

.react-datepicker__navigation-icon--previous::before {
  right: -0.4em !important;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon::before {
  border-width: 0.15em 0.15em 0 0 !important;
  height: 0.6em !important;
  top: 0.4em !important;
  width: 0.6em !important;
  border-color: var(--black) !important;
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.6em !important;
  border-top-left-radius: 0.6em !important;
}

.react-datepicker__header {
  padding: 0.6em 0 !important;
  border-bottom: 0.1em solid var(--black) !important;
  background-color: var(--grey) !important;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  font-size: 1vw !important;
}

.react-datepicker__day-names {
  margin-bottom: -0.65em !important;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  margin: 0.166em !important;
  width: 2.1em !important;
  line-height: 2.1 !important;
}

.react-datepicker__month {
  margin: 0.4em !important;
}

.react-datepicker {
  font-size: 0.95vw !important;
  border: 0.1em solid var(--black) !important;
  border-radius: 0.6em !important;
}

.react-datepicker__navigation--previous {
  left: 0.2em !important;
}

.react-datepicker__navigation--next {
  right: 0.2em !important;
}

.react-datepicker__navigation-icon--next {
  left: -0.2em !important;
}

.react-datepicker__navigation-icon--next::before {
  left: -0.3em !important;
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range,
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover,
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.6em !important;
}

.react-datepicker__day:hover {
  background-color: var(--grey) !important;
  color: var(--black) !important;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: var(--black) !important;
}

.react-datepicker__day--selected,
.react-datepicker__day--selected:hover,
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  background-color: var(--green) !important;
  color: var(--white) !important;
}

.k-file-validation-message {
  display: flex;
}

.mt-7,
.my-7 {
  margin-top: 3em !important;
}

.mr-3,
.mx-3 {
  margin-right: 1em !important;
}

body.conference-inner-body .modal .srv-validation-message {
  font-size: 0.9vw;
}

.h3,
h3 {
  font-size: 2vw;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5em !important;
}

.mb--2 {
  margin-bottom: 2em;
}

.icon_delete a {
  width: 2.1em;
  display: flex;
  margin: 0 auto;
  height: 1.4em;
}

.icon_delete img {
  width: 100% !important;
}

.btn-danger.focus,
.btn-danger:focus,
.btn-danger:focus-visible,
.btn-danger:active,
.btn-danger:not(:disabled):not(.disabled):active {
  box-shadow: 0 0 0 0.2em rgb(220 53 69 / 50%);
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group,
.btn-group-vertical .btn + .btn,
.btn-group-vertical .btn + .btn-group,
.btn-group-vertical .btn-group + .btn,
.btn-group-vertical .btn-group + .btn-group {
  margin-left: -0.1em;
}

.streamManager .quesicon,
.add-RTMP .quesicon {
  width: 1.3em;
  height: 1.3em;
  display: inline-flex;
}

.streamManager .quesicon img,
.add-RTMP .quesicon img {
  width: 100%;
  height: 100%;
}

.mb-7,
.my-7 {
  margin-bottom: 3em !important;
}

.loader_icon {
  width: 3.2em;
  height: 3.2em;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.loader_icon img {
  width: 100% !important;
  height: 100% !important;
}

.stream-fields .listing-body li span .content-left .stream_icon {
  width: 1.7em;
  margin-right: 0.6em;
}

hr {
  margin-top: 1em;
  margin-bottom: 1em;
  border-top: 0.1em solid rgba(0, 0, 0, 0.1);
}

.view-loader span .loader_icon_view_drop {
  width: 1.4em;
  height: 2.7em;
  display: flex;
  align-items: center;
}

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

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

.controltab .rowrap span.iconwrap .network-dropdown a {
  margin-right: 0;
}

.chat-header .chat-dropdown,
.chat-header .chat-dropdown h5 {
  height: 100%;
}

.mr-2,
.mx-2 {
  margin-right: 0.5em !important;
}

.extensions-footer.add_extension.add_extension {
  height: calc(100% - 3.6em);
  align-items: flex-start;
}

.conference-body {
  overflow: hidden;
}

.cLnhlo {
  background-color: var(--white) !important;
}

.dldlNC {
  background-color: var(--white) !important;
  color: var(--black) !important;
}

.dldlNC h3 {
  color: var(--black) !important;
}

.text-green,
.dldlNC h3.text-green,
.facebook-list-modal a.text-green {
  color: var(--green) !important;
}

.conference-body .cLnhlo {
  background-color: var(--dark-grey-shade3) !important;
}

.controltab .rowrap span.iconwrap-status {
  display: flex;
  font-size: 1vw;
}

.controltab .rowrap span.iconwrap-status a {
  padding-left: 0.5em;
}

.controltab .rowrap span.iconwrap-status a:first-child {
  padding-left: 0;
}

.controltab .rowrap span.iconwrap:last-child .network-dropdown .dropdown-menu {
  top: auto !important;
  bottom: 100%;
}

.build-failed-text {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  font-size: medium;
  font-weight: 400;
  transform: translate(-50%, -50%);
  color: var(--black);
  font-size: 1.17vw !important;
}

.build-failed-text a {
  font-size: 1.17vw !important;
  text-decoration: underline;
}

.deep-linking-mobile #main_header .navbar .navbar-brand {
  width: 8.15em;
}

.deep-linking-mobile h4 {
  font-size: 1.75vw;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.deep-linking-mobile p {
  font-size: 1.17vw;
}

.deep-linking-mobile a {
  color: var(--green) !important;
}

.dowload_apk .deep-linking-mobile__body .body-content .light-bg {
  height: calc(100% - 17.5em);
}

.dowload_apk
  .deep-linking-mobile__body
  .body-content
  .deep-linking-mobile__text {
  font-size: 2vw;
}

body.conference-inner-body
  .modal
  .join-inner-av
  .body-content.updatedWrap
  .container-fluid {
  height: auto;
}

.form-control-container {
  position: relative;
}

.form-control-container .icon-svg {
  right: 0.8em;
}

.form-control-container .abso-icon {
  position: absolute;
  top: 1em;
  right: 1em;
}

.free-forever-container {
  position: relative;
  width: 100%;
  height: 2em;
}

.shrink_video.videospace-container {
  height: calc(100% - 3.7em);
}

.invalidmodal .midmodal.modal-dialog .modal-content,
.invalidmodal .modal-dialog .modal-content .modal-body {
  min-height: 1em;
}

.meeting_time {
  width: 7.5em;
  height: 4.7em;
  position: relative;
  background-color: var(--black);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0.6em;
  line-height: 1.1em;
  color: var(--white);
  display: flex;
  align-items: center;
  flex-direction: column;
  z-index: 9999;
  padding-top: 1.2em;
  text-align: center;
}

.meeting_time small {
  color: var(--white) !important;
  margin-top: 0.15em;
  display: flex;
  position: absolute;
  bottom: 1.5em;
}

.meeting_time_menu_btn {
  top: 2em;
  right: 1.6em;
  font-size: 0.8vw;
  position: absolute;
  width: 0.3em;
  z-index: 9999;
}

.meeting_time_menu_btn img {
  width: 100%;
}

.meeting_time_menu_options {
  position: absolute;
  border-radius: 0.6em;
  background-color: var(--white);
  color: var(--black);
  width: 90%;
  right: 0;
  padding: 0.5em 0.7em;
  top: 3em;
  z-index: 9999;
}

.meeting_time_menu_options .checkwrap {
  font-size: 0.8vw;
  margin: 0 0 0.25em;
  width: 100%;
  font-weight: 600;
}

.meeting_time_menu_options .checkwrap .checkmark:after {
  left: 0.35em;
}

.meeting_time_menu_options::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: -0.2em;
  right: 0.71em;
  width: 1em;
  height: 1em;
  background: var(--white);
  transform: rotate(45deg);
}

.meeting_time_menu_options .checkwrap:last-child {
  margin-bottom: 0;
}

.meeting_time_container {
  width: 7.5em;
  position: absolute;
  top: 4.5em;
  left: 2em;
}

.timer-warning-bg {
  background-color: #c7c700;
}

.timer-good-bg {
  background-color: var(--green);
}

.timer-wrapUp-bg {
  background-color: var(--red);
}

.test_mode input {
  width: 20em;
  margin: 0 auto;
}

.mini_passcode {
  display: flex;
  justify-content: space-between;
}

.mini_passcode p {
  width: auto;
  margin: 0;
  display: flex;
  align-items: center;
}

.mini_passcode p small {
  margin-top: 0;
}

.mini_passcode .continfowrap .col-md-12 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.mini_passcode .continfowrap .col-md-12 input {
  width: 100%;
}

.refered_by_text small {
  font-size: 0.9vw !important;
}

.page-content-app {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.page-content-app h3 {
  font-weight: 600;
}

.page-content-app p {
  margin-bottom: 2.5em;
}

.page-content-app a {
  width: 10em;
  margin-right: 1.5em;
}

.page-content-app a img {
  width: 100%;
}

.page-content-app a:last-child {
  margin-right: 0;
}

.modal-dialog.events-modal .modal-content .modal-body {
  min-height: 30.3em;
}

.modal .modal-dialog.events-modal .table-max {
  min-height: 21.95em;
}

.table-loader-height {
  min-height: 23.85em;
}

.unsubscribe {
  background: url(../images/unsubscribe.jpg) no-repeat;
  background-size: cover;
  height: 100%;
}

.unsubscribe_container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.unsubscribe_container .head {
  width: 14%;
  height: 6em;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.unsubscribe_container .head img {
  width: 100%;
}

.unsubscribe_container .body {
  height: calc(100% - 6em);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 55%;
  text-align: center;
}

.unsubscribe_container .body .heading_text {
  font-weight: 600;
  margin-bottom: 1em;
  font-size: 2.5vw;
  margin-top: 1em;
}

.unsubscribe_container .body button {
  margin-top: 3em;
  margin-bottom: 3em;
}

.loader {
  width: 3em;
}

.loader img {
  width: 100%;
}

.spinner {
  border: 0.2em solid var(--white);
  border-radius: 50%;
  border-top: 0.2em solid var(--green);
  width: 3em;
  height: 3em;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin: auto;
  position: absolute;
  z-index: 1;
}

.spinner-red {
  border: 0.2em solid var(--white);
  border-radius: 50%;
  border-top: 0.2em solid var(--red);
  width: 3em;
  height: 3em;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin: auto;
  position: absolute;
  z-index: 1;
}

.marketing_banner {
  background-color: var(--grey);
  color: var(--black);
}

.marketing_banner_container {
  display: flex;
  align-items: center;
}

.marketing {
  background-color: var(--grey-100);
  margin: 0;
  padding-top: 3.1em;
  padding-bottom: 2em;
}

.marketing_banner_content {
  text-align: left;
  display: flex;
  flex-direction: column;
}

.price_comparison {
  display: flex;
  margin: auto;
  margin-top: 2em;
}

.price_comparison--80 {
  width: 80%;
}

.marketing .price_comparison {
  margin-top: 0;
}

.price_comparison__block {
  display: flex;
  flex-direction: column;
  width: calc(33% - 1.8em);
  margin: 0 1em;
}

.price_comparison__container {
  display: flex;
  flex-direction: column;
  border: 0.1em solid;
  box-shadow: 0 0 0.5em;
  color: var(--black);
  padding: 0.5em 1em;
  border-radius: var(--border-radius);
}

.marketing .price_comparison__container {
  border: none;
  box-shadow: none;
  padding: 0;
}

.marketing_video {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22.4em;
  width: 38.75em;
  margin: 3em 3em 3em 0;
}

.marketing_video iframe {
  width: 100%;
  height: 100%;
}

.form-control-container .tooltip_container {
  position: absolute;
  right: 0.8em;
}

.loader-container {
  position: relative;
  display: inline;
  font-size: 3vw;
  color: #6cb33f;
  font-family: "Lato", sans-serif !important;
}

.loader-text {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}

.password-dialogue-box {
  background-color: var(--white);
  color: var(--black);
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.password-heading {
  font-size: 1.85vw;
  margin-bottom: 1em;
  text-align: center;
  line-height: 1.35;
}

.lem-ext {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 100%;
  max-height: 100%;
  aspect-ratio: 16 / 9;
}

.replay-player {
  background-color: var(--white);
  overflow: hidden;
}

.replay-player .container {
  background-color: var(--white);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.replay-player .container .player-container {
  max-width: calc(162.778vh);
  height: calc(50vw);
  max-height: 100%;
  position: relative;
  margin: auto 0;
  width: 100%;
}

.sales_video {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22.4em;
  width: 38.75em;
  margin: 3em auto;
}

.sales_video iframe {
  width: 100%;
  height: 100%;
}

.marketing_form_container .heading_text {
  text-align: center;
  font-size: 1.93vw;
  line-height: 1.35;
  font-weight: var(--font-semibold);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.25em;
}

.marketing_form_container .sub_heading_text {
  text-align: center;
  width: 49%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.27vw;
}
.mic-icon-abso {
  margin-top: 0.4em !important;
}
.bg-grey-100 {
  background-color: var(--grey-100);
}
.bg-grey-300 {
  background-color: var(--grey-300);
}

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

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.attendees_controls {
  display: flex;
  justify-content: space-between;
}

.attendees_controls__block {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.attendees_controls__label {
  font-weight: 600;
  margin-bottom: 0;
  font-size: 0.75vw;
}

.attendees_controls__button {
  display: flex;
}

.attendees_controls .attendees_controls__button button {
  padding: 0.6em;
  min-width: 4em;
  margin: 0 0.3em 0 0;
  font-size: 0.8vw;
  height: 2.34em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.attendees_controls__button button:last-child {
  margin-right: 0;
}

.attendees_controls__button .btn-unmute {
  min-width: 4.8em !important;
}

.attendees_controls__block .spinner {
  width: 1.4em;
  height: 1.4em;
}

.toggle__switch {
  height: 1.6em;
  width: 5em !important;
}

.toggle__switch .slider {
  border-radius: 0.4em;
  overflow: hidden;
}

.toggle__switch .slider:before {
  width: 50%;
  left: 0;
  background-color: var(--grey);
  height: 100%;
  bottom: 0;
  border-radius: 0.4em 0 0 0.4em;
}

.toggle__switch input:checked + .slider {
  background-color: var(--white);
}

.toggle__switch input:checked + .slider:before {
  left: 100%;
  right: 0;
  transform: translateX(-100%);
  border-radius: 0 0.4em 0.4em 0;
}

.toggle_switch_text {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  cursor: pointer;
  font-size: 0.8vw;
  font-weight: 600;
  border-radius: var(--border-radius);
}

.toggle_switch_text .toggle_switch_text_span {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 100%;
  font-weight: 400;
}
.toggle__switch
  input:checked
  ~ .toggle_switch_text
  .toggle_switch_text_span:first-child {
  color: var(--black);
}

.modal_block__body__content {
  height: 100%;
}

.pl-em-2 {
  padding-left: 2em;
}

.btn-style {
  box-shadow: 0 0.2em 0.8em;
  border-radius: var(--border-radius);
  border: 0.1em solid;
  position: relative;
  height: 3.25em;
  width: auto;
  text-transform: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1vw;
  padding: 0.3em 1em;
  min-width: 13.6em;
  line-height: 2.1;
}

.btn--yellow {
  background-color: var(--yellow);
  box-shadow: 0 0.2em 0.8em rgba(251, 188, 5, 0.2);
  border: 0.1em solid var(--yellow);
  color: var(--black) !important;
}

.btn--yellow:hover {
  background-color: var(--yellow-hover);
  border: 0.1em solid var(--yellow-hover);
}

.btn--yellow:focus,
.btn--yellow:focus-visible,
.btn--yellow:active,
.btn--yellow:not(:disabled):not(.disabled):active {
  box-shadow: 0 0 0 0.075em var(--yellow-hover) !important;
}

.border-top {
  border-top: 0.1vh solid var(--grey) !important;
}

.min-h-200 {
  min-height: 9em;
}

@keyframes blinkingBackground {
  0% {
    background-color: var(--green);
    color: var(--black);
  }

  25% {
    background-color: transparent;
    color: var(--black);
  }

  50% {
    background-color: var(--green);
    color: var(--black);
  }

  75% {
    background-color: transparent;
    color: var(--black);
  }

  100% {
    background-color: var(--green);
    color: var(--black);
  }
}

.blinkingBackground-2 {
  background-color: var(--green);
  color: var(--black);
  animation: blinkingBackground-2 3s infinite;
}

@keyframes blinkingBackground-2 {
  0% {
    background-color: var(--green);
    color: var(--black);
  }

  25% {
    background-color: transparent;
    color: var(--grey-shade2);
  }

  50% {
    background-color: var(--green);
    color: var(--black);
  }

  75% {
    background-color: transparent;
    color: var(--grey-shade2);
  }

  100% {
    background-color: var(--green);
    color: var(--black);
  }
}
.font-1 {
  font-size: 1vw;
}

.loader_extension {
  width: 2.5em;
}

.loader_extension img {
  width: 100%;
}

.private-chat-back {
  left: 0.5em;
}

@keyframes grey-green-blink {
  0% {
    background-color: var(--grey-shade2);
  }

  25% {
    background-color: var(--green);
  }

  50% {
    background-color: var(--grey-shade2);
  }

  75% {
    background-color: var(--green);
  }

  100% {
    background-color: var(--grey-shade2);
  }
}

.form-group-inline {
  display: flex;
  align-items: center;
}

.form-group-inline label,
.modal .form-group-inline label {
  width: auto;
  margin: 0;
}

.form-group-inline input {
  margin-right: 1em;
  margin-left: 1em;
}

.font--sm {
  font-size: var(--font-sm);
}

.font--md {
  font-size: var(--font-md);
}

.width--70 {
  width: 70%;
}

.height--100 {
  height: 100%;
}

.destinations_page h3 {
  font-size: 3vw;
}

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

.support_featured_video {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70%;
  flex-direction: column;
}

.support_featured_video__tag {
  height: 13.8em;
  width: 100%;
  box-shadow: 0 0 0.5em var(--light-grey-shade3);
}

.support_featured_video__tag img {
  height: 100%;
  width: 100%;
}

.close_icon_featured {
  position: absolute;
  top: 1.9em;
  right: 0;
  background-color: var(--green) !important;
  height: 1.3em;
  width: 1.3em;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.close_icon {
  position: absolute;
  top: 0.3em;
  right: 0.3em;
  background-color: var(--black);
  height: 1.3em;
  width: 1.3em;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.17vw;
}

.close_icon:hover {
  background-color: var(--black);
}

.btn-gray {
  background-color: var(--grey);
  border-width: 0.1em;
  border-color: var(--grey);
  color: var(--black);
}

.btn-gray:hover {
  background-color: var(--grey-hover);
  color: var(--black);
  border-color: var(--grey-hover);
}

.btn-gray:focus,
.btn-gray:focus-visible,
.btn-gray:active,
.btn-gray:not(:disabled):not(.disabled):active {
  box-shadow: 0 0 0 0.075em var(--grey-hover) !important;
}

.word-break {
  word-break: break-word;
}

.orange_color,
.cLnhlo a.orange_color {
  color: var(--orange) !important;
}

.tile-view {
  height: 100%;
}

.tooltip_custom {
  display: inline-block;
  position: relative;
  opacity: 1;
  font-size: 0.9vw;
  z-index: 1;
}

.tooltip_custom .tooltiptext {
  display: none;
  background-color: var(--black);
  color: var(--white);
  text-align: left;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  right: -0.5em;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 0.9vw;
  width: 10.3em;
  border-radius: 0.4em;
  padding: 0.4em 0.7em;
}

.tooltip_custom .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  border-style: solid;
  border-color: var(--black) transparent transparent transparent;
  right: 0.6em;
  margin-left: 0;
  border-width: 0.4em;
}

.tooltip_custom:hover .tooltiptext {
  display: flex;
  opacity: 1;
  flex-direction: column;
  justify-content: center;
}

.tooltip_custom .tooltiptext--lg {
  width: 38em;
}

.tooltip_custom .tooltiptext--bottom {
  top: 125%;
  bottom: auto;
  left: 0;
  right: auto;
}

.tooltip_custom .tooltiptext--bottom::after {
  bottom: 99.6%;
  top: auto;
  left: auto;
  right: auto;
  transform: rotate(180deg);
}

.tooltip_custom .tooltiptext--right {
  top: 0;
  bottom: auto;
  left: 100%;
  right: auto;
  margin-left: 1em;
}

.tooltip_custom .tooltiptext--right::after {
  bottom: auto;
  top: 7em;
  left: -1.85%;
  right: auto;
  transform: rotate(90deg);
}

.tooltip_custom .tooltiptext--lg-right {
  top: auto;
}

.tooltip_custom .tooltiptext--lg-right::after {
  top: auto;
}

.tooltip_custom h6 {
  color: var(--white) !important;
  font-size: 0.9vw;
}

.tooltip_custom a {
  font-size: 0.9vw;
  line-height: 1.5;
}

.tooltip_custom .text-green {
  color: var(--green) !important;
}

.overflow_visible {
  overflow: visible !important;
}

.btn-disabled {
  background-color: var(--grey) !important;
  border-color: var(--grey) !important;
  color: var(--black) !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

.btn-disabled svg path {
  fill: var(--black);
}

.cursor-notallowed {
  cursor: not-allowed;
}

.pro_banner {
  background-color: var(--grey);
  padding: 2em 0;
}

.pro_banner__left {
  width: 38%;
  color: var(--white);
  padding-top: 4em;
}

.pro_banner__left h4 {
  margin-bottom: 0.7em;
}

.pro_banner__left p {
  margin-bottom: 1.5em;
}

.pro_banner__ul__left {
  width: 2.8em;
  margin-right: 1em;
  text-align: center;
}

.pro_banner__ul__left img {
  width: 85%;
}

.pro_banner__ul__right {
  width: calc(100% - 3.8em);
}

.pro_banner__right {
  width: calc(100% - 38%);
}

.pro_features {
  padding: 3em 5em;
}

.pro_features__box {
  margin-bottom: 3em;
}

.pro_features__box:last-child {
  margin-bottom: 0;
}

.pro_features__box__picture {
  max-width: 100%;
  height: 23.8em;
  width: 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pro_features__box__picture img {
  max-width: 100%;
  max-height: 100%;
}

.pro_features__box__content {
  width: calc(100% - 45%);
  padding: 0 5em;
}

.pro_features__box__content h3 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.3vw;
  margin-top: 0.85em;
  margin-bottom: 0.55em;
}

.pro_features__box__content h2 {
  font-weight: 400;
  font-size: 2.25vw;
  margin-bottom: 0.85em;
}

.pro_meeting_type {
  background-color: var(--grey);
  padding: 3em 5em;
}

.pro_meeting_type h3 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.3vw;
  margin-bottom: 1.5em;
}

.pro_meeting_type__container {
  height: 30em;
}

.pro_meeting_type__box {
  background-color: var(--white);
  margin-bottom: 1.85em;
  box-shadow: 0 0 0.5em var(--grey);
  padding: 3em 1.8em;
  border-radius: 0.6em;
  text-align: center;
  margin-right: 2em;
  width: 33.33%;
  height: 100%;
}

.pro_meeting_type__box:last-child {
  margin-right: 0;
}

.pro_meeting_type__box__picture {
  margin-bottom: 1.25em;
  max-height: 6.3em;
  height: 6.3em;
  overflow: hidden;
}

.pro_meeting_type__box__picture img {
  width: 55%;
}

.pro_meeting_type__box h4 {
  font-weight: 400;
  font-size: 1.6vw;
}

.pro_meeting_type .btn-orange {
  font-size: 1.3vw;
  padding: 0.66em 1.8em;
  line-height: 1.5;
  min-width: 10em;
  margin: auto;
  display: flex;
  margin-top: 2.5em;
  max-width: 10em;
}

.confirmation_sent__left {
  width: 35%;
}

.confirmation_sent__left img {
  width: 58%;
}

.confirmation_sent__right {
  width: calc(100% - 35%);
  padding-right: 1em;
}

.w--65 {
  width: 65%;
}

.border-radius {
  border-radius: var(--border-radius);
}

.p--2 {
  padding: 2em;
}

.modal_min_height {
  min-height: 14.27em;
}

.modal_min_height--sm {
  min-height: 9em;
}

.modal_min_height--md {
  min-height: 21em;
}

.modal_min_height--stream {
  min-height: 25em;
}

.modal_block__body__row {
  min-height: 23.85em;
  height: auto;
}

.no_published_extension {
  background-color: var(--grey);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  padding: 0.45em 0.75em;
  min-height: 2.9em;
  height: 2.9em;
  font-size: 0.95vw;
  border-left: 0.3em solid var(--green);
  position: relative;
  color: var(--black) !important;
}

.messagecontent .tooltip_container::before {
  max-width: 7.5em;
  width: 7.5em;
  font-size: 0.63vw;
}

.messagecontent .tooltip_container::after {
  bottom: 100%;
  top: 80% !important;
}

.tooltip_container {
  position: relative;
}

.tooltip_container::before,
.tooltip_data {
  content: attr(data-tooltip);
  background-color: var(--black);
  color: var(--white);
  position: absolute;
  bottom: 100%;
  transition: opacity 0.3s;
  font-size: 0.9vw;
  max-width: 18em;
  border-radius: 0.3em;
  padding: 0.3em 0.6em;
  margin-bottom: 0.5em;
  display: none;
  line-height: 1.35;
  width: 13.3em;
  text-align: left;
}

.tooltip_container::before {
  z-index: 1;
  word-break: break-word;
}

.tooltip_container::after {
  content: "";
  position: absolute;
  bottom: 88%;
  left: 0.2em;
  margin-left: 0;
  border: 0.39em solid transparent;
  border-top-color: var(--black);
  display: none;
  z-index: 1;
  font-size: 1.17vw;
}

.tooltip_container:hover::before,
.tooltip_container:hover::after {
  display: flex;
}

.tooltip_container--right::before,
.tooltip_container--right .tooltip_data {
  right: 0;
}

.tooltip_container--bottom-right::before,
.tooltip_container--bottom-right .tooltip_data {
  right: 0;
  bottom: auto !important;
  top: 100% !important;
  margin-top: 0.5em;
}

.tooltip_container--bottom-right::after {
  bottom: auto;
  top: 80%;
  transform: rotate(180deg);
}

.tooltip_container--bottom-left::before {
  left: 0;
  bottom: auto !important;
  top: 100% !important;
  margin-top: 0.5em;
  white-space: normal;
}

.tooltip_container--bottom-left::after {
  bottom: auto;
  top: 80%;
  transform: rotate(180deg);
  border: 0.1em solid transparent;
  left: 0.1em;
}

.tooltip_container--auto::before {
  width: auto;
}

.tooltip_container--auto::after {
  bottom: 82%;
}

.tooltip_container--sm {
  margin-left: 0.3em;
}

.tooltip_container--sm::after {
  left: 0.15em;
}

.tooltip_icon {
  position: absolute;
  right: 0.9em;
  width: 1.3em;
  height: 1.3em;
}

.tooltip_data {
  display: none;
}

.widgets .tooltip_data {
  display: block;
}

.tooltip_container:hover .tooltip_data {
  display: block;
  z-index: 1;
}

.extensions-wrap .tooltip_container::before {
  width: 15.3em;
}

.stream-fields .content-right .tooltip_container--right {
  z-index: auto;
}

.stream-fields .content-right .tooltip_container--right::before {
  width: 20em;
  max-width: 50em;
  z-index: 2;
  top: 100%;
  bottom: auto;
  margin-top: 0.5em;
}

.stream-fields .content-right .tooltip_container--right::after {
  bottom: auto;
  top: 80%;
  transform: rotate(180deg);
}

.stream-fields
  .content-right
  ul
  li:nth-last-child(1)
  .tooltip_container--right::before,
.stream-fields
  .content-right
  ul
  li:nth-last-child(2)
  .tooltip_container--right::before,
.stream-fields
  .content-right
  ul
  li:nth-last-child(3)
  .tooltip_container--right::before {
  top: auto;
  bottom: 100%;
  margin-bottom: 0.5em;
  max-height: 7em !important;
  overflow-y: scroll !important;
}

.stream-fields
  .content-right
  ul
  li:nth-last-child(1)
  .tooltip_container--right::after,
.stream-fields
  .content-right
  ul
  li:nth-last-child(2)
  .tooltip_container--right::after,
.stream-fields
  .content-right
  ul
  li:nth-last-child(3)
  .tooltip_container--right::after {
  bottom: 80%;
  top: auto;
  transform: none;
  max-height: 7em !important;
  overflow-y: scroll !important;
}

.stream-fields
  .content-right
  ul
  li:nth-child(1)
  .tooltip_container--right::before,
.stream-fields
  .content-right
  ul
  li:nth-child(2)
  .tooltip_container--right::before,
.stream-fields
  .content-right
  ul
  li:nth-child(3)
  .tooltip_container--right::before {
  top: 100%;
  bottom: auto;
  margin-top: 0.5em;
}

.stream-fields
  .content-right
  ul
  li:nth-child(1)
  .tooltip_container--right::after,
.stream-fields
  .content-right
  ul
  li:nth-child(2)
  .tooltip_container--right::after,
.stream-fields
  .content-right
  ul
  li:nth-child(3)
  .tooltip_container--right::after {
  bottom: auto;
  top: 80%;
  transform: rotate(180deg);
}

.with_circle {
  background-color: var(--black);
  border-radius: 50%;
  height: 1.3em;
  width: 1.3em;
  align-items: center;
  display: flex;
  justify-content: center;
}

.tooltip_container--sm .with_circle {
  width: 1.1em;
  height: 1.1em;
}

.streaming_textfield {
  height: 10.2em !important;
}

.max_recording_value input {
  width: 92%;
}

.max_recording_value label {
  width: 8%;
  text-align: right;
}

.custom-input-file {
  position: relative;
}

.custom-input-file input {
  cursor: pointer;
  height: 100%;
  opacity: 0 !important;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.custom-input-file .custom-file {
  align-items: center;
  border: 0.1em solid var(--grey);
  border-radius: var(--border-radius);
  display: flex;
  font-size: 0.9vw;
  font-weight: var(--font-semibold);
  justify-content: center;
  min-height: 2.8em;
  outline: none;
  padding: 0 0.5em;
  text-align: center;
  height: 3.3em;
  background-color: var(--white);
}

.custom-input-file .custom-file button {
  background-color: var(--grey-100);
  border-radius: var(--border-radius);
  font-size: 0.9vw !important;
  height: 1.9em;
  padding: 0 !important;
  white-space: nowrap;
  width: 7em;
  border: none;
  margin: 0;
  box-shadow: none !important;
  color: var(--black);
}

.custom-input-file .custom-file span {
  overflow: hidden;
  padding-left: 0.5em;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 7.5em);
  text-align: left;
}

.custom-select {
  align-items: center;
  -webkit-appearance: none;
  appearance: none;
  background: url(../images/caret.svg) no-repeat;
  background-position: 96% 52%;
  background-size: 0.6em;
  border: 0.1em solid var(--grey);
  border-radius: var(--border-radius);
  display: flex;
  outline: none;
  font-size: 0.9vw;
  height: 3.3em;
  padding: 0.5em 2em 0.5em 0.5em !important;
  position: relative;
  width: 100%;
  background-color: var(--white);
}

.modal-title h4 {
  margin-bottom: 0;
}

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

table .radiowrap {
  font-size: 0.9vw;
}

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

.end_padding {
  padding-left: 1.7em;
}

.star-ratings {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.star-ratings svg {
  width: 3em !important;
  height: 3em !important;
}

.star-container {
  padding-left: 0.4em !important;
  padding-right: 0.4em !important;
}

.op-context-panel {
  width: 62.6em !important;
  padding: 2em 0 !important;
  text-shadow: none !important;
}

.op-message-box .op-message-container .op-message-icon i.op-con {
  font-size: 4vw !important;
  width: 4em !important;
  height: 4em !important;
  line-height: 1 !important;
  text-shadow: none !important;
}

.op-message-box .op-message-container .op-message-icon {
  margin-top: 1em !important;
}

.op-message-box .op-message-container {
  margin-top: -1em !important;
  padding: 0 !important;
}

.op-wrapper.ovenplayer.xsmall .op-message-box .op-message-container {
  top: 45% !important;
  font-weight: normal !important;
}

.op-context-panel .op-context-item {
  height: 1em !important;
  padding-left: 1em !important;
  line-height: 1 !important;
  font-size: 0.9vw !important;
}

.op-message-box .op-message-container .op-message-text {
  border-radius: 0.4em !important;
}

.body-content.updatedWrap.joinFlowWrap .light-bg.connectWrap .btn_stream_mode {
  min-height: 5em;
  line-height: 1.6;
}

input[type="range"] {
  -webkit-appearance: none;
  background: 0 0;
}

input[type="range"]::-webkit-slider-runnable-track {
  background-color: var(--white);
  height: 1em;
  border-radius: var(--border-radius);
}

input[type="range"]::-webkit-slider-thumb {
  background-color: var(--green);
  margin-top: -1em;
  border-radius: 50%;
}

input:read-only {
  color: var(--grey);
}

.slider_range {
  width: 7%;
  font-size: 0.3vw;
}

.slider_range-new {
  width: 100%;
  font-size: 0.3vw;
}

.slider_range input {
  width: 100%;
  outline: none;
  margin-top: 1.3em;
}

.slider_range input:focus {
  outline: none !important;
}
.slider_range_input {
  width: 100%;
}
.slider_range_input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  background: var(--green);
  cursor: pointer;
}

.slider_range_input::-webkit-slider-runnable-track {
  width: 3em;
  height: 3em;
  background: var(--green);
}

.slider_range_input::-moz-range-thumb {
  width: 3em;
  height: 3em;
  border-radius: 50%;
  background: var(--green);
  cursor: pointer;
}

.disabled_content,
.view-drop .dropdown-menu ul li .disabled_content {
  cursor: not-allowed;
}

.view-drop .dropdown-menu ul li a.disabled_content:hover {
  color: var(--black);
  opacity: 1;
}
.view-drop .dropdown-menu ul li .disabled_content .text,
.view-drop .dropdown-menu ul li a.disabled_content:hover .text {
  color: var(--black);
  opacity: 0.5;
}
.cursor-default {
  cursor: default !important;
}

.unsupported-desktop-browser__title {
  color: var(--black);
  font-size: 1.75vw;
  letter-spacing: 0.9;
}

.unsupported-desktop-browser__description,
.unsupported-desktop-browser__description_small {
  margin-top: 0.2em;
  margin-bottom: 0;
  color: var(--black);
  font-size: 1.75vw;
  letter-spacing: 0.9;
}

.unsupported-desktop-browser__link {
  color: var(--green) !important;
}

.btm-border-grey {
  border-bottom: 0.1em solid var(--grey);
}

.section-landing .wrapper-banner {
  background: url(../images/landing-bg.png) no-repeat;
  background-size: 100% 97%;
}

.section-pricing .wrapper-banner {
  background: url(../images/pricing-bg.png) no-repeat;
  background-size: 100% 100%;
}

.heading--sm {
  font-size: 2vw;
  width: 72%;
}

.wrapper-banner .heading--lg {
  font-size: 2.6vw;
  width: 65%;
}

.btn-lg {
  line-height: 1.1;
  height: 3.25em;
  font-size: 1.17vw;
  margin-left: 0;
}

.wrapper-banner__img {
  height: 26.75em;
  width: 46.75em;
}

.heading--md {
  font-size: 2.3vw;
  width: 65%;
}

.advantage-column__heading {
  z-index: 1;
}

.advantage-column__heading::after {
  content: attr(data-list);
  position: absolute;
  top: -0.6em;
  left: -0.15em;
  color: var(--green);
  font-size: 12vw;
  z-index: -1;
}

.advantage-list,
.security-list {
  list-style: none;
  padding-left: 4em;
}

.security-list__li {
  line-height: 2;
}

.advantage-list__li:last-child,
.security-list__li:last-child {
  margin-bottom: 0 !important;
}

.advantage-list__li::after,
.security-list__li::after {
  content: attr(data-list);
  position: absolute;
  left: -4em;
  top: 0;
  background-color: var(--white);
  border: 0.2em solid var(--green);
  color: var(--green);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 2em;
  height: 2em;
  font-weight: 600;
}

.security-list__li svg {
  position: absolute;
  top: 0.5em;
  left: -3.2em;
  width: 0.55em;
  z-index: 1;
}

.easyuse-video {
  height: 23.1em;
  width: 38.75em;
}

.tooltip-like {
  padding: 0.5em 1em;
  font-size: 0.9vw;
  border-radius: 0.6em;
  width: 100%;
  color: var(--green);
  line-height: 1.3;
  background-color: var(--black);
  word-break: break-word;
}

.tooltip-like::after {
  content: "";
  position: absolute;
  bottom: -0.9em;
  z-index: 99999;
  width: 0;
  height: 0;
  border-left: 1em solid transparent;
  border-right: 1em solid transparent;
  border-top: 1em solid var(--black);
}

.wrapper-faq {
  background: url(../images/landing-faq.png) no-repeat;
  background-size: 100% 100%;
}

.wrapper-faq .card,
.accordion .card {
  background-color: transparent;
  border: none;
  border-bottom: 0.1em solid var(--grey);
  border-radius: 0;
}

.accordion .card {
  border-bottom: none;
}

.wrapper-faq .card-header,
.accordion .card-header {
  background-color: transparent;
  border: none;
  padding: 0;
  border-radius: 0;
}

.wrapper-faq .card-header .btn,
.accordion .card-header .btn {
  background-color: transparent !important;
  box-shadow: none !important;
  padding: 1em 0 !important;
  width: 100%;
  text-align: left;
  color: var(--black) !important;
  font-weight: 600;
  border: none !important;
  display: flex;
  align-items: center;
  height: auto;
  min-height: 3.25em;
  padding-right: 3em !important;
  white-space: normal;
  font-size: 1.17vw;
}

.accordion .card-header .btn {
  min-height: 2.5em;
  font-size: 0.95vw;
  justify-content: start;
  padding: 0.5em 0 0.5em 1.5em !important;
}

.wrapper-faq .card-body {
  padding: 0.5em 0 2em;
  padding-right: 3em;
}

.accordion .card-body {
  padding: 0.5em 0;
  padding-left: 1.5em;
}

.wrapper-faq .card-header .btn .icon-plus,
.wrapper-faq .card-header .btn .icon-minus {
  font-size: 0.9vw;
  position: absolute;
  right: 0;
}

.wrapper-faq .card-header .btn.collapsed .icon-plus,
.wrapper-faq .card-header .btn .icon-minus {
  display: none;
}

.wrapper-faq .card-header .btn.collapsed .icon-minus {
  display: block;
}

.accordion .modal-switch {
  font-size: 0.9vw;
}

.accordion .modal-switch:last-child {
  margin-bottom: 0 !important;
}

.plan__box {
  border: 0.1vh solid var(--black);
}

.plan__box--ultimate .plan__head {
  border-bottom-color: var(--green-shade3);
  border-top-color: var(--green);
}

.plan__box--ultimate .plan__head__bg {
  width: 112%;
  top: 0.55em;
  height: 5em;
}

.plan__head {
  border-top: 0.4em solid var(--black);
  border-bottom: 0.1em solid var(--black);
  display: flex;
  height: 10em;
  align-items: center;
  justify-content: center;
  padding: 0 0.7em;
}

.plan__li {
  border-bottom: 0.1em solid var(--black);
  padding: 0 0.75em 0 0.75em;
  height: 3em;
  line-height: 1.3;
}

.plan__box--ultimate .plan__li {
  border-color: var(--green-shade3);
}

.plan__li:last-child {
  border-bottom: 0;
}

.plan__button {
  height: auto;
  font-weight: 600;
  border-radius: 2em;
  line-height: 1.3;
  min-height: 2.9em;
  min-width: 13.25em;
  padding: 0.31em 0.5em;
  font-size: 1vw;
}
.plan__button:hover {
  background-color: var(--green-100);
  color: var(--black) !important;
}
.pb-1 {
  padding-bottom: 0.25em !important;
}

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

.pr-6 {
  padding-right: 3.5em;
}

.pl-6 {
  padding-left: 3.5em;
}

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

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

.p-8 {
  padding: 5em !important;
}

.mt-9 {
  margin-top: 4em;
}

.bg-grey {
  background-color: var(--grey);
}
.w-32 {
  width: 32%;
}

.w-35 {
  width: 35%;
}

.w-40 {
  width: 40%;
}

.w-20 {
  width: 20%;
}

.label-w-20 {
  width: 20% !important;
}

.w-21 {
  width: 21%;
}

.form-style {
  background-color: var(--white);
  box-shadow: 0 0 0.5em var(--light-grey-shade3);
  text-align: left;
  padding: 2em;
  border-radius: 0.6em;
  border-bottom: 0.7em solid var(--black);
}

.w--45 {
  width: 45%;
}

.min-height {
  min-height: calc(100% - 9.8em);
}

.tooltip_container_outer {
  height: 100%;
  align-items: center;
  display: flex;
  width: 3em;
  justify-content: center;
}

.tooltip_container_outer::before {
  bottom: 100%;
}

.tooltip_container_outer::after {
  bottom: 85%;
  right: 1.1em;
  left: auto;
}

.tooltip_container_position {
  right: 0;
  position: absolute;
}

.poor-network {
  font-size: 0.7vw;
}

.mb-list li {
  margin-bottom: 0.3em;
}

.h-4 {
  height: 4em;
}

.mh-15 {
  min-height: 15em;
}

.mh-18 {
  min-height: 18em;
}

.index-1 {
  z-index: 1;
}

.lineH--sm {
  line-height: 1.3;
}

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

.py-5 {
  padding-bottom: 2em !important;
  padding-top: 2em !important;
}

.plan__button-mob {
  display: none !important;
}

.font-mob {
  display: none;
}

input::placeholder,
textarea::placeholder {
  color: var(--black) !important;
}

.swal-content {
  padding: 1vw !important;
  font-size: 1.17vw !important;
  margin-top: 0 !important;
}

.conference-body .swal-content {
  margin-top: 1em !important;
}

.pl-3 {
  padding-left: 1em !important;
}

.pl-4 {
  padding-left: 1.5em !important;
}

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

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

.listing__head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 1.5em;
}

.listing__head h6 {
  font-weight: var(--font-semibold);
  line-height: 1.3em;
  margin: 0;
  position: relative;
  text-transform: inherit;
  color: var(--black) !important;
  font-size: 1.05vw;
}

.listing__head a {
  color: var(--green) !important;
  font-size: 0.95vw;
}

.listing__body {
  border: 0.1vw solid var(--grey);
  border-radius: var(--border-radius);
  padding: 0.38em;
  overflow-y: auto;
  margin-top: 0.3em;
  min-height: 10em;
  margin-bottom: 1em;
  position: relative;
  font-size: 1vw;
  height: 21em;
}

.listing__body ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.listing__body li {
  margin-bottom: 0.23em;
  position: relative;
  background-color: var(--grey-100);
  border: 0.1vh solid var(--grey-100);
  font-weight: var(--font-semibold);
  cursor: pointer;
}

.listing__body li .content__container {
  padding: 0 0.3em;
  display: flex;
  align-items: center;
  height: 2.1em;
  justify-content: space-between;
  position: relative;
}

.listing__body li:last-child {
  margin-bottom: 0;
}

.listing__body li:hover,
.listing__body li:focus {
  background-color: var(--grey-200);
}

.listing__body .no-record {
  display: flex;
  justify-content: center;
}

.listing__body .no-record {
  border: none;
  margin: 0;
  background: transparent;
  color: var(--black);
  padding: 0 0.5em;
  position: relative;
  font-weight: normal;
  height: 9em;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: italic;
  cursor: default;
}

.listing__body .no-record:hover,
.listing__body .no-record:focus {
  background-color: transparent;
}

.listing__body li .content__container .content__left {
  display: flex;
  width: calc(100% - 2.5em);
  height: 100%;
  align-items: center;
  position: relative;
}

.listing__body li .content__container .content__input .form-control {
  height: 2em;
  width: 100%;
  padding-right: 3.5em;
  padding-left: 0.5em;
}

.listing__body li .content__container .content__left .ellipsis {
  width: 60%;
}

.listing__body li .content__container .content__left .name {
  overflow: hidden;
  white-space: nowrap;
  padding-left: 1.7em;
  align-items: center;
  text-overflow: ellipsis;
}

.listing__body li .content__container .content__input button {
  position: absolute;
  right: 0.4em;
  height: 70%;
  min-height: 10%;
  min-width: 3em;
  font-size: 0.7vw;
  padding: 0 !important;
  line-height: 1.6;
}

.listing__body li .content__container .content__right {
  position: relative;
  width: 2em;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}

.listing__body li .content__container .content__right .dropdown {
  width: 100%;
  height: 100%;
}

.listing__body li .content__container .btn-menu {
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  padding: 0 0.3em 0 0.1em;
  display: none;
  height: 100%;
}

.listing__body li:hover .btn-menu,
.listing__body li .content__right .dropdown.show .btn-menu,
.btn-menu.show {
  display: flex !important;
}

.listing__body li .content__container button {
  align-items: center;
  border-radius: var(--border-radius);
  display: flex;
  height: 70%;
  justify-content: center;
  max-width: 100%;
  min-height: 70%;
  min-width: 4.5em;
  padding: 0 0.3em;
  position: absolute;
  right: 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: auto;
  z-index: 1;
  line-height: 1;
}

.listing__body li .content__container button:hover {
  color: var(--white);
}

.listing__body li .content__container button:focus,
.listing__body li .content__container button:focus-visible {
  box-shadow: none !important;
  border: none !important;
}

.listing__body .dropdown-menu {
  background-color: var(--grey-200);
  border: none;
  border-radius: 0;
  display: none;
  flex-flow: column;
  font-size: 0.95vw;
  justify-content: left;
  left: auto;
  left: auto !important;
  list-style: none;
  margin-bottom: 0;
  margin: 0 !important;
  min-width: 8em;
  padding: 0 0.8em;
  position: absolute;
  right: -1.5em !important;
  bottom: 100%;
  -webkit-transform: none;
  transform: none;
  transform: none !important;
  white-space: nowrap;
  width: auto;
  top: auto !important;
}

.listing__body li:nth-child(1) .dropdown-menu,
.listing__body li:nth-child(2) .dropdown-menu,
.listing__body li:nth-child(3) .dropdown-menu,
.listing__body li:nth-child(4) .dropdown-menu {
  bottom: auto;
  top: 100% !important;
}

.listing__body .dropdown-menu li {
  width: 100%;
  position: relative;
  background-color: transparent;
  border: none;
  font-weight: normal;
  border-bottom: 0.1em solid rgba(66, 80, 101, 0.2);
}

.listing__body .dropdown-menu li a,
.listing__body .dropdown-menu li button {
  flex-direction: row;
  justify-content: flex-start;
  color: var(--black) !important;
  font-weight: 300;
  align-items: center;
  display: flex;
  padding: 0 0 0 2em;
  line-height: 2.3;
  font-family: "Lato", sans-serif !important;
  background-color: transparent;
}

.listing__body .dropdown-menu li a svg,
.listing__body .dropdown-menu li button svg {
  position: absolute;
  height: auto;
  width: auto;
  left: 0.1em;
}

.listing__body .dropdown-menu li:hover {
  background-color: transparent;
}

.listing__body ul.dropdown-menu {
  right: -0.3em !important;
  z-index: 2;
}

.listing__body hr {
  border-color: var(--black);
  margin: 0.3em 0;
}

.modal__addBundle .listing__body {
  height: 18.7em;
}

.modal-xs {
  width: 25%;
}

.center-right {
  right: 0.95em;
}

.w-auto {
  width: auto !important;
}

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

.mt-1,
.my-1 {
  margin-top: 0.25em !important;
}

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

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

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

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

.look-input {
  height: 3.3em !important;
  line-height: 1;
}

.text-underline {
  text-decoration: underline !important;
}

.all-break {
  word-break: break-all;
}

.w-10 {
  width: 10% !important;
}

.text-initial {
  text-transform: initial !important;
}

.border {
  border: 0.1vh solid var(--grey) !important;
}
.border-2 {
  border: 0.2vh solid var(--grey) !important;
}

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

.w-80 {
  width: 80%;
}

.wrapper-bundle .listing__head {
  height: 2.6em;
}

.wrapper-bundle .listing__body {
  height: 16.5em;
}

.wrapper-bundle .listing__body .modal-switch:last-child {
  margin-bottom: 0 !important;
}

.deep-linking-mobile__body {
  padding: 0;
  width: 100%;
  background-color: var(--grey);
  max-width: 100%;
}

.btn-xs {
  font-size: 0.8vw;
  min-width: 4em !important;
  height: 2.5em !important;
}

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

.h-auto {
  height: auto;
}

.max-h-20 {
  max-height: 20em;
}

.min-h-em-10 {
  min-height: 10em;
}

.form-control-sm {
  height: 2.5em !important;
  width: 7.95em !important;
}

.w-45 {
  width: 45%;
}

.w-15 {
  width: 15%;
}

.min-w-17 {
  min-width: 17%;
}

.min-w-25 {
  min-width: 25%;
}

.max-w-45 {
  max-width: 45%;
}

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

.max-h-em-13 {
  max-height: 13.1em;
}

.modal-share-electron div[role="tablist"] div[role="tab"] {
  border: 0.1em solid var(--grey) !important;
  border-bottom: none !important;
  color: var(--black) !important;
  font-size: 0.95vw;
  padding: 0.7em 1.3em;
  margin: 0.2em 0.3em 0;
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
}

.modal-share-electron div[role="tablist"] div[data-selected="true"] {
  border: 0.1em solid var(--grey) !important;
  color: var(--black) !important;
  border-bottom: none !important;
  background-color: var(--grey) !important;
}

.modal-share-electron div[role="tablist"] div[role="tab"]:first-child {
  margin-left: 0;
}

.modal-share-electron
  div[role="tablist"]
  div[data-selected="true"]
  span[data-selected="true"] {
  display: none !important;
}

.modal-share-electron .css-10ze6y4 {
  border: 0.1em solid var(--grey) !important;
  width: 100% !important;
  border-top: none !important;
  background-color: var(--grey) !important;
  margin-bottom: 1em;
}

.modal-share-electron .modal-dialog-form {
  margin-top: 0 !important;
}

.modal-share-electron .css-hza3ht {
  height: 0.1em !important;
  left: 0 !important;
  right: 0 !important;
  border-radius: 0 !important;
}

.modal-share-electron .css-1hnw58j {
  font-family: "Lato", sans-serif !important;
  color: var(--black) !important;
  font-size: 0.95vw !important;
  margin-top: 1em;
}

.modal-share-electron .desktop-picker-pane {
  height: 20em !important;
}

.modal-share-electron .custom-for-electron {
  margin-bottom: 0 !important;
  padding: 0;
}

.modal-share-electron .css-kmeb4u:hover + svg,
.modal-share-electron .css-kmeb4u + svg {
  --checkbox-background-color: var(--white) !important;
  --checkbox-border-color: var(--white) !important;
}

.modal-share-electron .css-kmeb4u.css-kmeb4u[aria-checked="true"] + svg,
.modal-share-electron .css-kmeb4u:checked:active + svg {
  --checkbox-background-color: var(--green) !important;
  --checkbox-border-color: var(--green) !important;
}

.blur_effect {
  filter: blur(0.3em);
}

.virtual-background-switch .ml-8 {
  margin-left: 8.5em;
}

.paging_inner .pagination {
  margin-bottom: 1em;
}

.text-yellow,
.stream-fields .listing-body li .text-yellow {
  color: var(--yellow) !important;
}

.toolsWrap .tooltip_container::after {
  right: 1.8em;
  left: auto;
  top: 98%;
}

.toolsWrap .tooltip_container::before {
  z-index: 2;
}

.room__bg {
  display: flex;
  height: 5em;
  width: 5em;
  overflow: hidden;
  border-radius: 0.6em;
  position: relative;
  margin-top: 1em;
  background-color: var(--white);
  border: 0.1vh solid var(--grey);
  align-items: center;
  justify-content: center;
}

.room__bg img {
  object-fit: contain;
}

.room__cross__icon {
  position: absolute;
  right: 0.2em;
  top: 0.2em;
  background-color: var(--black);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
}

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

.disable-btn {
  opacity: 0.5;
  cursor: not-allowed;
}

.disabled-link {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
  text-decoration: none;
}

.btn-edit-email {
  height: 3.5em !important;
  min-width: 4.5em !important;
  font-size: 0.85vw !important;
}

/* 3000 */
.font-roboto {
  font-family: "Roboto", sans-serif !important;
}

.bg-mediumGrey {
  background-color: var(--grey);
}

.bg-black {
  background-color: var(--black);
}

.text-thin {
  font-weight: 300;
}

.text-regular {
  font-weight: var(--font-regular);
}

.text-extraBold {
  font-weight: var(--font-extrabold);
}

.text-white,
.cLnhlo .text-white {
  color: var(--white);
}

.w-50 {
  width: 50%;
}

.w-52 {
  width: 52%;
}

.w-60 {
  width: 60%;
}

.w-65 {
  width: 65%;
}

.w-66 {
  width: 66%;
}

.w-90 {
  width: 90% !important;
}

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

.pt-5 {
  padding-top: 2em !important;
}

.pb-7 {
  padding-bottom: 3em !important;
}

.pb-8 {
  padding-bottom: 3.5em !important;
}

.pb-9 {
  padding-bottom: 4em !important;
}

.pr-5 {
  padding-right: 2em !important;
}

.py-9 {
  padding-bottom: 4em !important;
  padding-top: 4em !important;
}

.py-7 {
  padding-top: 3em !important;
  padding-bottom: 3em !important;
}

.p-7 {
  padding: 3em !important;
}

.mt-5 {
  margin-top: 2em !important;
}

.mb-5 {
  margin-bottom: 2em !important;
}

.radius-6 {
  border-radius: 0.6em;
}

.bg-light-blue {
  background: var(--grey-100) !important;
}

.icons_group {
  position: absolute;
  top: -0.65em;
  padding: 0.3em;
  z-index: 1;
}

.icons_group_local {
  right: 2.5em;
  left: auto;
}

.icons_group_remote {
  left: 3em;
  right: auto;
  top: 0.8em;
}

.icons_group .btn-xs {
  font-size: 0.7vw;
  min-width: 3em !important;
  height: 1.7em !important;
  padding: 0.1em 0.3em;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.modal .btn-xs {
  font-size: 0.8vw;
}

.unfeature {
  position: absolute;
  right: 0;
  z-index: 999999;
  top: 3em;
  height: 2.1em !important;
  font-size: 0.7vw !important;
}

.featured_block {
  bottom: 0.5em;
  left: 3em;
  z-index: 9;
  animation: zoom-in-zoom-out 2s ease-out;
  max-width: 65em;
}

.featured_cir {
  width: 4em;
  height: 4em;
  border-radius: 100%;
  border: 0.3em solid var(--green);
  position: absolute;
  left: -1.5em;
  top: -0.5em;
  z-index: 9;
  font-size: 1.17vw;
}

.featured_cir img {
  width: 100%;
  object-fit: cover;
  border-radius: 100%;
  height: 100%;
}

.featured_cir span {
  font-size: 2.5vw;
}

.featured_head {
  min-width: 6em !important;
  max-width: 21em;
  border-radius: 0.5em 3.5em 0 0;
  width: 100%;
  background: var(--green);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.17vw;
  padding-right: 1em !important;
}

.featured_text {
  border-radius: 0 0.5em 0.5em 0.5em;
  width: 100%;
  max-height: 6em;
  overflow: auto;
  border: 0.1em solid var(--grey);
  border-top: none;
  font-size: 1vw;
  min-width: 18em;
  max-width: 67em;
  word-break: break-word;
  padding-left: 3.5em;
}

.featured_text a {
  text-decoration: underline;
}

.btn_home_bg {
  height: 3.3em;
  min-width: 15em;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.5vw;
  border: none;
  font-weight: bold;
  padding-left: 2.3em;
}

.btn_home_bg:focus {
  box-shadow: none !important;
  border: none !important;
}

.gap-4 {
  gap: 1.5em;
}
.gap-2 {
  gap: 0.5em;
}

.home_form_container li {
  margin-bottom: 0.25em;
}

.home_form_container ul {
  padding-left: 1.5em;
}

.home_banner {
  background-color: var(--grey);
  color: var(--white);
}

.home_banner_container {
  display: flex;
  align-items: center;
}

.home_video {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22.4em;
  width: 38.75em;
  margin: 3em 3em 3em 0;
}

.home_video iframe {
  width: 100%;
  height: 100%;
}

.home_banner_content {
  text-align: left;
  display: flex;
  flex-direction: column;
}

.home_banner_content .heading_text {
  color: var(--white) !important;
  font-size: 2.6vw;
  margin-bottom: 0.6em;
  line-height: 1.35;
}

.home_banner_content .sub_heading_text {
  font-size: 1.4vw;
  line-height: 1.6;
}

.home_form_container {
  margin-top: 3.1em;
  margin-bottom: 2em;
}

.home_form_container .heading_text {
  text-align: center;
  /* font-size: 1.83vw; */
  font-size: 1.93vw;
  margin-bottom: 0.6em;
  line-height: 1.35;
  font-weight: var(--font-semibold);
  width: 52%;
  margin-left: auto;
  margin-right: auto;
}

.home_form_container .sub_heading_text {
  text-align: center;
  width: 49%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.27vw;
}

.policyTxt .policyTxtWrap,
.termsTxt .termsTxtWrap {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  padding: 1em;
}

.policyTxt .policyTxtWrap h2,
.termsTxt .termsTxtWrap h2 {
  font-size: 2.3vw;
  margin-bottom: 0.5em;
}

.policyTxt .policyTxtWrap h5,
.termsTxt .termsTxtWrap h5 {
  font-size: 1.45vw;
  margin-bottom: 0.5em;
}

.policyTxt .policyTxtWrap p,
.termsTxt .termsTxtWrap p {
  font-size: 1.1vw;
  line-height: 1.6;
}

.termsTxt .termsTxtWrap small {
  font-size: 1.3vw;
  margin-bottom: 1.1em;
  padding-top: 0.6em;
  display: inline-block;
}

.termsTxt .termstextHeading {
  line-height: 1.13;
  padding-top: 0.05em;
}

#root {
  height: 100%;
}

.allowMeetn-title {
  font-size: 1.6vw;
  color: #2e3235;
  padding: 0.6em 0.7em;
  min-height: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 1.2em;
  margin-bottom: 0.6em;
  font-weight: 600;
  text-transform: none;
  position: relative;
  display: block;
  line-height: normal;
  text-align: center;
}

.allowMeetn-text {
  font-size: 1.2vw;
  padding: 0 0.6em;
  max-width: calc(100% - 1.3em);
  color: #2e3235;
  position: relative;
  float: none;
  line-height: normal;
  vertical-align: top;
  text-align: left;
  display: inline-block;
  margin: 0;
  font-weight: 400;
  overflow-wrap: break-word;
  box-sizing: border-box;
}

.allowMeetn-footer {
  margin-top: 0;
  padding: 1vw;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
}

.allowMeetn-button-container {
  display: inline-block;
  position: relative;
  margin: 0 !important;
}

.modal-header-padding {
  padding: 0.8em;
}

.recent-img-tag {
  width: 100%;
  height: 100%;
}

.av-pop .form-group,
.av-pop .form-group-container {
  margin-bottom: 0.7em;
  font-size: 1vw;
}

.av-pop .form-group-container {
  margin-bottom: 0.7em;
  font-size: 1vw;
  display: flex;
  flex-direction: column;
}

.modal .av-pop .form-group label {
  margin-bottom: 0.5em;
  font-size: 1vw;
  font-weight: var(--font-semibold);
}

.av-pop .form-control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 0;
  font-size: 0.95vw;
}

.av-pop .form-control:focus {
  box-shadow: none;
  border: 0.1em solid var(--grey);
}

.av-pop .dropdown-menu {
  margin-top: 0.4em;
  background-color: var(--white);
  border-radius: var(--border-radius);
  max-height: 11.6em;
  width: 100%;
  padding: 0;
  box-shadow: none;
  border: 0.1em solid var(--grey);
  font-size: 0.95vw;
  overflow-y: auto;
  z-index: 1;
}

.av-pop .dropdown-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.av-pop .dropdown-menu ul li a {
  padding: 0.5em 1em;
  color: var(--black) !important;
  box-shadow: none;
  line-height: 1.243;
  display: flex;
}

.av-pop .dropdown-menu ul li:hover {
  background-color: var(--grey-100);
}
.exit-modal .returnLink {
  line-height: 0;
}

.wrapper-privacy .privacy-line {
  line-height: 0.9;
}

.wrapper-security .security-heading {
  line-height: 1.05;
}

.my-5 {
  margin-top: 2em !important;
  margin-bottom: 2em !important;
}

.section-pricing .wrapper-banner .heading--sm-mb {
  margin-bottom: 0.15em;
}

.section-pricing .btn-lg {
  line-height: 1.3;
}

.support-ul {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  padding-left: 1em;
  padding-right: 1em;
}

.usrmsg-form textarea::-webkit-scrollbar {
  display: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
select {
  cursor: pointer;
}

#usermsg {
  -ms-overflow-style: none;
  box-shadow: none;
  overflow-y: auto;
  resize: none;
  scrollbar-width: none;
  width: 100%;
  word-break: break-word;
}

.waiting-room-loader {
  min-width: 1.3em;
  height: 1.3em;
  display: flex;
  align-items: center;
}

.waiting-room-loader img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.controltab .rowrap span.iconwrap-status .waiting-room-loader {
  padding-left: 0;
  margin-left: 0.5em;
}

.btn-green-disabled {
  box-shadow: none;
  cursor: not-allowed !important;
  opacity: 0.65;
}

.btn-green-disabled:hover,
.btn-green-disabled:focus,
.btn-green-disabled:focus-visible {
  background-color: transparent !important;
  box-shadow: none !important;
}

.exit-modal .btn-gray {
  min-width: 10em !important;
}

.exit-modal .btn-gray .spinner {
  width: 1.2em;
  height: 1.2em;
}

.login-button .btn-green {
  min-width: 13.6em !important;
}

.login-button .btn-green .spinner {
  width: 1.2em !important;
  height: 1.2em !important;
}

.waiting-popup .btn-green .spinner {
  width: 1.2em !important;
  height: 1.2em !important;
}

.waiting-popup .btn-red .spinner-red {
  width: 1.2em !important;
  height: 1.2em !important;
}

.stream-submit .btn-green .spinner {
  width: 1.2em !important;
  height: 1.2em !important;
}

.stream-submit .btn-red .spinner-red {
  width: 1.2em !important;
  height: 1.2em !important;
}

.galleryMain {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: calc(100% - 3.7em);
  position: relative;
  background-color: var(--white);
}

.videoGalleryWrapper {
  align-content: center;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: auto;
}

.videoGalleryInner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.videoBlock {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.1vh solid transparent;
  border-radius: 1em;
}

.videoBlockInner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.9em;
  background-color: var(--grey-300);
}

.videoBlockInner .network-dropdown .dropdown-menu li a {
  font-size: 0.7vw;
}

.videoBlockInner .network-dropdown .dropdown-toggle {
  border-radius: 0.2em;
  padding: 0.18em;
  display: flex;
}

.darkGrey {
  background-color: var(--white);
}

.videoBlock video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 1em;
}

.participantName {
  background-color: rgba(0, 0, 0, 0.5);
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  position: absolute;
  bottom: 0;
  color: var(--white);
  padding: 0.5em 0.8em;
  font-size: 1vw;
  line-height: 1.2;
  display: inline-block;
}

.avatarParticipantName {
  position: absolute;
  color: var(--black);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* width: 90%; */
  text-align: center;
  font-size: 1.7vw;
  /* display: inline-block; */
  border-radius: 0.6em;
}

/* One video */
.videoSpeaker {
  height: 100%;
  width: 78%;
}

.videoSpeaker .participantName {
  font-size: 2.2vw;
}

.small-active-window .avatarParticipantName {
  font-size: 1.2vw !important;
}

.wrap-width .videoSpeaker,
.small-active-window .videoSpeaker {
  width: 100%;
}

.single-user-view {
  height: 38em;
  min-width: calc(36.5em * 16 / 9);
  width: calc(36.5em * 16 / 9);
}

/* Two videos */
.videoTwo {
  height: calc(41.3551em / 1.778);
  width: 41.3551em;
}

.wrap-width .videoTwo {
  height: calc(30.983em / 1.778);
  width: 30.983em;
}

/* Three/Four videos */
.videoUptoFour {
  height: calc(35.034em / 1.778);
  width: 35.034em;
}

.wrap-width .videoUptoFour {
  height: calc(30.983em / 1.778);
  width: 30.983em;
}

/* Five/Six videos */
.videoUptoSix {
  height: calc(27.511em / 1.778);
  width: 27.511em;
}

.wrap-width .videoUptoSix {
  height: calc(20.6553em / 1.778);
  width: 20.6553em;
}

/* Seven/Eight/Nine videos */
.videoUptoNine {
  height: calc(23.3263em / 1.778);
  width: 23.3263em;
}

.wrap-width .videoUptoNine {
  height: calc(20.6553em / 1.778);
  width: 20.6553em;
}

/* Ten/Eleven/Twelve videos */
.videoUptoTwelve {
  height: calc(20.6553em / 1.778);
  width: 20.6553em;
}

.wrap-width .videoUptoTwelve {
  height: calc(15.492em / 1.778);
  width: 15.492em;
}

/* Thirteen/Fourteen/Fifteen/Sixteen videos */
.videoUptoSixteen {
  height: calc(17.4502em / 1.778);
  width: 17.4502em;
}

.wrap-width .videoUptoSixteen {
  height: calc(15.492em / 1.778);
  width: 15.492em;
}

/* Seventeen/Eighteen/Nineteen/Twenty videos */
.videoUptoTwenty {
  height: calc(16.516em / 1.778);
  width: 16.516em;
}

.wrap-width .videoUptoTwenty {
  height: calc(12.42em / 1.778);
  width: 12.42em;
}

/* Twenty1/Twenty2/Twenty3/Twenty4 videos */
.videoUptoTwentyFour {
  height: calc(13.978em / 1.778);
  width: 13.978em;
}

.wrap-width .videoUptoTwentyFour {
  height: calc(12.42em / 1.778);
  width: 12.42em;
}

.responsive-note-div {
  position: relative;
  width: 100%;
  max-height: 56.25vw;
  /* 16:9 aspect ratio */
  overflow-y: auto;
  /* Enable vertical scrolling if content exceeds the max-height */
  box-sizing: border-box;
  word-wrap: break-word;
  /* Ensure long words break to fit the container */
}

.note-content {
  padding: 20px;
}

.resolutions-modal {
  min-height: 7em;
}

.resolutions-modal .btn {
  line-height: 1.2 !important;
}
.navbar.dark-navbar .navbar-nav.center_menu .nav-item:hover .nav-link,
.dark-navbar .nav-tabs .nav-item:hover .nav-link {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1.1, 1.1);
  }

  100% {
    transform: scale(1, 1);
  }
}

.close_dropdown {
  margin: 0;
}

.close_dropdown .dropdown-menu {
  background: var(--grey-200);
  min-width: 6.4em;
  left: auto !important;
  transform: none !important;
  bottom: auto;
  right: 1.7em;
  top: 0.2em !important;
  font-size: 1.17vw;
  padding: 0.5em 0;
  margin: 0.125em 0 0;
  border-radius: 0.25em;
  z-index: 9999;
  border: 0.1em solid rgba(0, 0, 0, 0.15);
}

.close_dropdown .dropdown-menu .dropdown-item {
  color: var(--black) !important;
  font-size: 0.95vw;
  line-height: 1.1;
  padding: 0.25em 0.5em;
}

.close_dropdown .dropdown-menu .dropdown-item:hover,
.close_dropdown .dropdown-menu .dropdown-item:focus {
  color: var(--green) !important;
  background-color: transparent;
}

.chat-header .close_dropdown .dropdown-menu {
  font-size: 1.17vw;
  margin-top: 0;
  right: 0.7em;
  top: 2.7em !important;
  padding: 0.3em;
}

.chat-header .close_dropdown .dropdown-menu .dropdown-item {
  line-height: 1.3;
}

.rotate-270 {
  transform: var(--rotate-270);
}
.title-full .modal-title {
  width: 100%;
}

.title-full .modal-title .btn {
  right: 0;
  top: -0.4em;
  margin-right: 0;
}

.modal button:last-child,
.modal .btn-link:last-child,
.modal #electron-btn:last-child {
  margin-right: 0;
}

.videoGalleryWrapper:has(.stand-by) {
  height: 100%;
}

.stand-by {
  font-size: 1.75vw;
  background-color: rgb(238, 238, 238, 0.5);
  padding: 0.5em 0.8em;
  line-height: 1;
}

.stand-by.small-view {
  font-size: 0.9vw;
  text-align: center;
  margin: auto 5px;
}

.btn-warning {
  border-width: 0.1em;
}

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

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

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

.virtual-background-dialog .thumbnail-container:has(.thumbnail-selected) {
  border-color: var(--green);
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block !important;
}

.content-inner {
  background-color: var(--white);
  color: var(--black);
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  padding: 1em;
}

.content-inner .heading {
  font-size: 1.85vw;
  margin-bottom: 1em;
  text-align: center;
  line-height: 1.35;
}

.fill-grey path {
  fill: var(--red);
}

.reset_links_icon {
  position: absolute !important;
  right: -1.5em;
}

.tooltip_container--right--auto::before {
  right: 0;
  min-width: 0;
  width: auto;
  white-space: nowrap;
  margin-bottom: 0.44em;
  margin-right: -0.2em;
}

.attendees-inner {
  height: 100%;
}

.attendees-inner-guests {
  height: calc(100% - 2.5em);
}

.attendees-inner .tooltip_container::after {
  bottom: 92%;
}

.guest-hidden {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5em;
  background-color: var(--green);
}

.text-semibold,
.text-semibold a {
  font-weight: var(--font-semibold) !important;
}

.w-55 {
  width: 55%;
}

.lh-0 {
  line-height: 0 !important;
}

.lh-2 {
  line-height: 2;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.heading-lg {
  font-size: 2.3vw;
}

.heading-md {
  font-size: 1.75vw;
}

.heading-sm {
  font-size: 1.24vw;
}

.text-sm {
  font-size: 0.9vw !important;
}

.text-md {
  font-size: 1.17vw !important;
}

.btn-border-gray {
  background-color: var(--white);
  border: 0.1vh solid var(--grey);
  color: var(--black);
}

.btn-border-gray:hover,
.btn-border-gray:focus,
.btn-border-gray:focus-visible,
.btn-border-gray.active {
  background-color: var(--grey);
}

.bg-grey-shade1 {
  background-color: var(--grey);
}

.bg-light-grey-shade2 {
  background-color: var(--grey);
}

.wh-1 {
  width: 1em;
  height: 1em;
}

.btn-sm {
  min-width: 3.7em;
  height: 2.7em;
  font-size: 0.95vw;
  line-height: 7;
}

.shadow-container {
  box-shadow: 0 0 0.6em var(--grey);
}

.w-30 {
  width: 30%;
}

.w-48 {
  width: 48%;
}

.w-70 {
  width: 70%;
}

.w-75 {
  width: 75%;
}

.min-w-5 {
  min-width: 2.5em !important;
}

.min-w-6 {
  min-width: 3em;
}

.w-5 {
  width: 2.5em;
}

.w-6 {
  width: 3em;
}

.h-5 {
  height: 2.5em;
}

.h-6 {
  height: 3em;
}

.h-7 {
  height: 3.5em;
}

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

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

.higher-z-index {
  z-index: 999999 !important;
}

.eventSettingsPop ul li {
  line-height: 1.7;
}

.eventSettingsPop p.form-control {
  min-height: 5.3em;
  max-height: 14em;
}

.modal-dialog-sm {
  width: 45%;
}

.modal-dialog-md {
  width: 65%;
}

.swal-icon {
  width: 3.6em;
  font-size: 1.17vw;
  height: 3.6em;
  border-width: 0.2em;
  margin: 1.15em auto;
}

.swal-icon:first-child {
  margin-top: 1.4em;
}

.multi_promoter_video {
  height: 14.4em;
}

.multi_promoter_video iframe {
  width: 100%;
  height: 100%;
}

.modal button.btn-no-boder {
  border: none;
  box-shadow: none !important;
  font-size: 1.17vw !important;
  min-height: 0.1em !important;
  height: auto !important;
  padding: 0 !important;
  background-color: transparent;
}

.btn-no-boder:focus,
.btn-no-boder:focus-visible {
  border: none !important;
  box-shadow: none !important;
}

.w-68 {
  width: 68%;
}

.promoter_content {
  background: url(../images/homepage-background.png) no-repeat left 1em !important;
  background-size: 100% 100% !important;
}

.lineH--xs {
  line-height: 1.2;
}

.lineH--m {
  line-height: 1.7 !important;
}

.swal-icon--warning__body {
  width: 0.25em;
  height: 2.1em;
  top: 0.45em;
  border-radius: 0.2em;
  margin-left: -0.1em;
}

.swal-icon--warning__dot {
  width: 0.32em;
  height: 0.32em;
  margin-left: -0.15em;
  bottom: -0.5em;
}

.lh-1 {
  line-height: 1;
}

.text-decoration-underline {
  text-decoration: underline;
}

.nowrap {
  white-space: nowrap;
}

.phoneInput-control input {
  border: none;
  padding: 0.1em 0.2em !important;
  width: 100%;
}

.phoneInput-control input:focus {
  border: none;
  outline: none;
  box-shadow: none;
}

.phoneInput-control .PhoneInputInput {
  max-width: 3.5em;
  padding: 0.1em 0.2em !important;
}

input::-webkit-contacts-auto-fill-button,
input::-webkit-credentials-auto-fill-button,
input::-webkit-autofill {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  height: 0;
  width: 0;
  margin: 0;
}

.modal-another-room .min-height-loader {
  min-height: 14.4em;
}

.op-bigbutton-container .op-bigbutton {
  width: 1em !important;
  height: 1em !important;
  font-size: 4vw !important;
  line-height: 1 !important;
  text-shadow: none !important;
}

.body-content.fullcontentwrap h2,
.body-content.welcomwrap h2 {
  font-size: 2.25vw;
}

.body-content.fullcontentwrap h2 {
  padding-top: 1.15em;
  padding-bottom: 0.35em;
}

.toolbar-profile-icon {
  margin-left: 0.5em;
  margin-right: -0.25em;
}

.modal .large-button {
  min-height: 2.7em !important;
  height: auto !important;
  line-height: 1.3 !important;
}

.btn-roomname {
  height: 100% !important;
  min-width: 4.5em !important;
  font-size: 0.85vw !important;
}

.pop-loader-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  min-height: 10em;
  font-size: 1.17vw;
}

.pop-loader {
  position: absolute;
  width: 2em;
  z-index: 1;
}

.event-pop-loader {
  width: 1.3em;
  position: relative;
}

.modal-another-room .pop-loader-container {
  min-height: 14.3em;
}

.marketing_banner_content .heading_text {
  color: var(--white-color);
  font-size: 2.6vw;
  margin-bottom: 0.6em;
  line-height: 1.35;
}

.marketing_banner_content .sub_heading_text {
  font-size: 1.4vw;
  line-height: 1.6;
}

.PhoneInputCountryIcon--border {
  box-shadow: none !important;
}

.PhoneInputCountrySelectArrow {
  border-bottom-width: 0.1em !important;
  border-right-width: 0.1em !important;
  opacity: 1 !important;
}

.PhoneInputCountrySelect:focus
  + .PhoneInputCountryIcon
  + .PhoneInputCountrySelectArrow {
  color: currentColor !important;
  opacity: 1 !important;
  border-color: currentColor !important;
}

.pl-1 {
  padding-left: 0.25em !important;
}

.modal_min_height--lg {
  min-height: 25.1em;
}

.swal-content:last-child {
  margin-bottom: 1em !important;
}

.right-0 {
  right: 0;
}

.right-2 {
  right: 1.5em;
}

.right-4 {
  right: 2.5em;
}

.top-0 {
  top: 0;
}

.loader-toolbar {
  height: 2.7em;
  width: 1.5em;
}

.chat-container,
.widget-container {
  height: calc(100% - 3em);
}
.chat-container,
.border-left {
  border-left: 0.1vh solid var(--grey) !important;
}
.widget-heading {
  font-size: 1.4vw;
  line-height: 1.3;
}

.widget-img-container {
  max-height: 15em;
  margin: 1em 0;
  min-height: 4em;
}

.widget-img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.widget-subheading {
  font-size: 1.25vw;
  line-height: 1.4;
}

.asside .widget-btn {
  margin-top: 1em;
  font-size: 1vw;
}

.mic-excla {
  position: absolute;
  width: 1.2em;
  bottom: 1.9em;
  left: 0.7em;
}

.private-chat {
  height: calc(var(--v-100) - var(--v-3));
}

.private-chat .rowrap {
  padding-left: var(--v-1);
  padding-right: var(--v-1);
  position: relative;
  padding-top: 0.5em;
  padding-bottom: 0.5em !important;
}

.private-chat .iconwrap {
  width: var(--v-4);
}

.private-chat .rowrap {
  background-color: var(--light-grey-shade4);
}

.private-chat .highlighted-box {
  background-color: var(--white);
}

.private-chat .highlighted-box::after {
  box-shadow: inset 0 0 0.3em var(--green-shade2);
}

.private-chat .iconwrap-count {
  width: 1.4em;
  height: 1.4em;
  font-size: 1vw;
}

.private-chat .initialValueOfUser {
  font-size: 1vw;
}

.h-3 {
  height: var(--v-3) !important;
}

.h-2 {
  height: var(--v-2) !important;
}

.left-0 {
  left: 0;
}

.border-radius-50 {
  border-radius: 50%;
}

.invite-frame iframe {
  height: 13.8em;
  width: 24em;
}

#chatconversation.lem-chat-conversation,
#chatconversation.private-chat-conversation {
  height: calc(100% - 4.5em);
}

.ellipsis {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  display: inline-block !important;
}

.asside .tab-content .tab-pane .chat-container h5 {
  background-color: var(--grey-hover);
  color: var(--black);
}

.chat-container .sharing-back-arrow_icon small {
  color: var(--black) !important;
}

.controltab .private-chat .rowrap p small {
  line-height: 1.7;
}

.replay-player .media-sharingContainer img {
  width: auto;
}

.swal-icon--warning__body,
.swal-icon--warning__dot {
  background-color: var(--yellow) !important;
}

.swal-icon--warning {
  border-color: var(--yellow) !important;
}

.loader-md {
  width: 1.3em;
}

.form-control:disabled,
.form-control[readonly] {
  cursor: not-allowed;
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  color: var(--white) !important;
}

.bg-green-shade3 {
  background-color: var(--green-shade3);
}

.white-space-normal {
  white-space: normal;
}

.ellipsis-d-block {
  display: block !important;
}

.ml-7 {
  margin-left: 4em !important;
}

.mr-7 {
  margin-right: 4em !important;
}

.wrapper-features .bg-light-green {
  min-height: 13.5em;
  padding-left: 9em;
}

.wrapper-features .features-box-left .bg-light-green {
  padding-left: 9em;
}

.wrapper-features .features-box-right .bg-light-green {
  padding-right: 9em;
}

.wrapper-features .features-box-left,
.wrapper-features .features-box-right {
  margin-bottom: 6em;
}

.wrapper-features .features-box-left .features-box {
  left: -5%;
}

.wrapper-features .features-box-right .features-box {
  right: -5%;
}

.section-marketing .wrapper-plan .plan__body .plan__list .plan__li,
.section-marketing .wrapper-plan .plan__box {
  border-color: var(--grey);
}

.section-marketing .wrapper-plan .plan__head {
  border-top-color: var(--light-grey-shade3);
}

.section-marketing .wrapper-plan .plan__head {
  border-bottom-color: var(--grey);
}

.section-marketing
  .wrapper-plan
  .plan__body
  .plan__list
  .plan__li:nth-child(2n) {
  background-color: var(--green-100);
}

.section-marketing .wrapper-plan .plan__container:nth-child(2) .plan__box {
  border-color: var(--green);
  box-shadow: 0 0.5em 0.5em var(--light-grey-shade3);
}

.section-marketing .wrapper-plan .plan__container:nth-child(2) .plan__head {
  border-top-color: var(--green);
}

.w-33 {
  width: 33%;
}

.maximize-icon {
  position: absolute;
  border-radius: 0.2em 0.2em 0 0;
  width: 2em;
  height: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--green);
}

.videoBlockInner .helping-tooltip {
  top: 0.2em;
  position: absolute;
  left: 0.1em;
}

.input-passcode {
  width: 14.3em;
}

.fixed-page {
  height: calc(100% - 9.81em);
}

.object-contain {
  object-fit: contain;
}

.stopdialogue h1 {
  font-size: 2.5em;
}

.bg-black-opac {
  background-color: rgba(0, 0, 0, 0.3);
}

.text-medium {
  font-weight: 500;
}

.gap-3 {
  gap: var(--v-1);
}

.gap-1 {
  gap: 0.25em;
}

.bottom--4 {
  bottom: -1.5em;
}

.modal-switch-xs .slider {
  width: 2.5em;
  height: 1.3em;
}

.modal-switch-xs .slider:before {
  height: 0.8em;
  left: 0.25em;
  top: 0.17em;
  width: 0.8em;
}

.modal-switch-xs .slider_text {
  font-size: 0.8vw;
}

.modal-switch-xs .with_circle {
  height: 1em;
  width: 1em;
}

.modal-switch-xs input:checked + .slider:before {
  left: -0.8em;
}

.w-72 {
  width: 72%;
}

.ml-21 {
  margin-left: 21%;
}

.w-12 {
  width: 12%;
}

#chat-input .usrmsg-form #usermsg.border-green {
  border: 0.1em solid var(--grey);
  height: 3.5em;
  padding-right: 4.5em;
}

.emoji-container::after {
  content: "";
  display: inline-block !important;
  width: 0;
  height: 0;
  border-left: 0.4em solid var(--green);
  border-top: 0.4em solid transparent;
  border-bottom: 0.4em solid transparent;
  vertical-align: middle;
  transform: rotate(90deg);
  position: absolute;
  right: 3em;
  bottom: -0.01em;
}

.bottom-100 {
  bottom: var(--v-100);
}

.border-green-l-1 {
  border-left: 0.25em solid var(--green);
}
.border-green-100-l-1 {
  border-left: 0.25em solid var(--green-100);
}

.border-black-1 {
  border: 1px solid var(--black) !important;
}

.ellipsis-4-lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

#chatconversation.chat-reply {
  height: calc(100% - 5.65em - 2em);
}

.back-icon {
  height: 0.612em;
}

.no-animate {
  height: calc(100% - 3em);
}

.no-animate-private {
  height: calc(100% - 3em - 2em);
}

.animate-right {
  position: relative;
  animation: animateright ease 0.5s;
}

@keyframes animateright {
  from {
    right: -300px;
    opacity: 0;
  }

  to {
    right: 0;
    opacity: 1;
  }
}

.h-1 {
  height: var(--v-1);
}

.w-1 {
  width: var(--v-1);
}

.text-xs {
  font-size: 0.9vw;
}

.text-decoration-none {
  text-decoration: none !important;
}

.bg-grey-shade4-hover {
  background-color: var(--grey-shade4-hover);
}

.bg-green-shade4 {
  background-color: var(--green-shade4);
}

.bg-red-shade2 {
  background-color: var(--red-shade2);
}

.mt--3 {
  margin-top: -1em;
}

.text-xxs {
  font-size: 0.75vw;
}

.h-23 {
  height: 23em;
}

.modal-welcome {
  width: 39%;
}

.modal-welcome .modal-content {
  border-radius: 0;
  background-color: var(--black);
}

.modal-welcome .invite-frame,
.modal-welcome .invite-frame iframe {
  height: 16em;
  width: 30em;
  margin-top: 0.5em;
}

.modal-welcome .invite-frame {
  margin: 0 auto;
}

.modal-welcome .btn-xs {
  font-size: 1vw;
}

.color-picker-container .color-picker {
  height: 1.9em;
  padding: 0 !important;
  width: 1.9em;
  min-width: 0;
  margin: 0;
  border-color: var(--black);
  border-radius: 0.4em;
}

.color-picker-container .modal-container {
  display: none;
  left: 0;
  height: var(--v-100);
  top: 0;
  width: var(--v-100);
  left: 0;
  right: auto;
  z-index: 1;
}

.color-picker-container .modal-container.show {
  display: flex !important;
}

.color-picker-container .modal-inner {
  box-shadow: 0 0.2em 0.5em 0 rgba(0, 0, 0, 0.2509803922);
  max-height: 99%;
  overflow-y: auto;
  width: 20.6em !important;
}

.scheduleMeet.createsched .color-picker-container .modal-body {
  min-height: fit-content;
}

.color-picker-container .chrome-picker {
  border-radius: 0.6em !important;
  box-shadow: none !important;
  font-family: "Lato", sans-serif !important;
  width: 100% !important;
}

.color-picker-container .chrome-picker div:first-child {
  border-radius: 0 !important;
  align-items: center;
}

.color-picker-container .chrome-picker div:last-child {
  padding: 1em 0 0 !important;
}

.color-picker-container .chrome-picker .flexbox-fix div {
  padding: 0 !important;
}

.color-picker-container .chrome-picker .flexbox-fix div:first-child,
.color-picker-container .chrome-picker .flexbox-fix div:last-child {
  width: 2.4em !important;
}

.color-picker-container
  .chrome-picker
  .flexbox-fix
  div:last-child
  div:first-child {
  height: 1em !important;
  width: 100% !important;
}

.color-picker-container .chrome-picker .flexbox-fix div:first-child div {
  border-radius: 50% !important;
  box-shadow: inset 0 0 0 0.1em rgba(0, 0, 0, 0.1019607843) !important;
  height: 1.2em !important;
  margin-top: 0 !important;
  padding: 0 0 0 0.2em !important;
  width: 1.2em !important;
}

.color-picker-container .chrome-picker .flexbox-fix div:last-child div div {
  border-radius: 0 !important;
}

.color-picker-container
  .chrome-picker
  .flexbox-fix
  div:first-child
  div:first-child {
  padding-left: 0 !important;
}

.color-picker-container
  .chrome-picker
  .flexbox-fix
  div:last-child
  div:last-child {
  margin: 0 !important;
  height: 1em !important;
  width: 100% !important;
}

.color-picker-container
  .chrome-picker
  .flexbox-fix
  div:first-child
  div
  div:first-child {
  height: 100% !important;
}

.color-picker-container
  .chrome-picker
  .flexbox-fix
  div:last-child
  div:last-child
  div {
  width: auto !important;
}

.color-picker-container
  .chrome-picker
  .flexbox-fix
  div:last-child
  div:first-child
  div
  div
  div {
  border-radius: 50% !important;
  height: 1em !important;
  transform: none !important;
  width: 1em !important;
}

.color-picker-container .chrome-picker .flexbox-fix .flexbox-fix {
  margin-left: 0 !important;
  padding-top: 0 !important;
}

.color-picker-container
  .chrome-picker
  .flexbox-fix:last-child
  .flexbox-fix
  div {
  box-shadow: none !important;
  height: auto !important;
  width: 100% !important;
}

.color-picker-container .chrome-picker input {
  border: 0.1em solid var(--grey) !important;
  border-radius: 0.6em !important;
  box-shadow: none !important;
  height: 2em !important;
  outline: none !important;
  color: var(--black) !important;
  font-size: 0.85vw !important;
}

.color-picker-container .chrome-picker label {
  color: var(--black) !important;
  font-size: 0.85vw !important;
  line-height: 1 !important;
  margin-top: 1em !important;
  font-weight: var(--font-semibold);
}

.color-picker-container .chrome-picker .flexbox-fix div:last-child div svg {
  background: rgba(0, 0, 0, 0) !important;
  border: none !important;
  border-radius: 0 !important;
  height: 1.4em !important;
  width: 1.4em !important;
}

.color-picker-container .chrome-picker .saturation-white div:last-child {
  padding: 0 !important;
}

.color-picker-container .chrome-picker .saturation-white div:last-child div {
  border-radius: 50% !important;
  box-shadow: inset 0 0 0 0.1em #fff !important;
  height: 1em !important;
  padding: 0 !important;
  transform: none !important;
  width: 1em !important;
}

.min-h-100 {
  min-height: 100%;
}

.btm-border-light-grey-shade1 {
  border-bottom: 0.1em solid var(--grey);
}

.stream-fields .listing-body li span .content-right .tooltip_custom {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  z-index: inherit;
}

.stream-fields
  .listing-body
  li
  span
  .content-right
  .tooltip_custom
  .tooltiptext {
  top: 100%;
  bottom: auto;
  z-index: 2;
  max-width: 21em;
  width: max-content;
  max-height: 6em;
  overflow-y: auto;
  line-height: 1.5;
  display: none;
}

.stream-fields
  .listing-body
  li
  span
  .content-right
  .tooltip_custom:hover
  .tooltiptext {
  display: inline-block;
}

.stream-fields
  .listing-body
  li:last-child
  span
  .content-right
  .tooltip_custom:hover
  .tooltiptext,
.stream-fields
  .listing-body
  li:nth-last-child(2)
  span
  .content-right
  .tooltip_custom:hover
  .tooltiptext,
.stream-fields
  .listing-body
  li:nth-last-child(3)
  span
  .content-right
  .tooltip_custom:hover
  .tooltiptext {
  bottom: 100%;
  top: auto;
}
.stream-fields
  .listing-body
  li:first-child
  span
  .content-right
  .tooltip_custom:hover
  .tooltiptext,
.stream-fields
  .listing-body
  li:nth-child(2)
  span
  .content-right
  .tooltip_custom:hover
  .tooltiptext,
.stream-fields
  .listing-body
  li:nth-child(3)
  span
  .content-right
  .tooltip_custom:hover
  .tooltiptext {
  top: 100% !important;
  bottom: auto !important;
}
.ml-01 {
  margin-left: 0.01em;
}

.tooltip_container--max::before {
  width: max-content;
  left: auto;
  right: auto;
}

.tooltip_container--max::after {
  left: auto;
  right: auto;
}

.btn-teleprompter:hover {
  background-color: var(--white) !important;
  color: var(--green) !important;
  border-color: var(--green) !important;
}

.speaker-dropdown {
  right: -0.9em;
  bottom: 0;
}

.no-bundle-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 38%;
  left: 12%;
}

.disabled-link {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
  text-decoration: none;
}
.breakoutMessage {
  border: none;
  border-radius: 0.3vw;
  width: 30%;
}
.breakoutMessage .modal-content {
  border: none;
  border-radius: 0.3vw;
}
.breakoutMessage span {
  word-break: break-word;
}
.breakoutMessage small {
  margin-right: -3.5em;
  text-align: right;
}
.breakoutMessage .max-width {
  max-width: 75%;
}
.breakout-textarea {
  height: 100% !important;
}
.breakout-textarea:focus {
  box-shadow: 0 0.5em 0.5em var(--grey) !important;
}

.color-picker-container .modal-container.custom-toolbar-color-picker {
  z-index: 99 !important;
}

.toast-notification {
  background-color: #6cb33f; /* Slack-like blue */
  color: white;
  padding: 0.6em 1.2em;
  font-size: 0.8vw;
  border-radius: 2em;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 9999;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  animation: toast-slide-in 0.5s forwards;
  width: fit-content;
  margin: 0 auto;
  position: absolute;
  bottom: 6em;
  cursor: pointer !important;
}

.toast-notification.show {
  display: block;
  opacity: 1;
}
.navbar .form-control:focus {
  box-shadow: none;
}
.btn:focus,
button:focus {
  outline: 0;
  box-shadow: none;
}

.tint-color-picker {
  display: flex;
  align-items: center;
  gap: 1em;
  font-size: 0.95vw;
  font-weight: 600;
}
.custom-tooltip-fix .tooltip_container--right .tooltip_data {
  right: auto !important;
}

.marketing_form {
  display: flex;
  width: 80%;
  justify-content: center;
  margin: auto;
}

.marketing_form .btn {
  font-size: 1.27vw;
}

.marketing_form_wrap {
  display: flex;
  flex-direction: column;
  width: 50%;
  margin: 0 1em;
}
.btn-orange-shade {
  border: 0.1em solid var(--orange);
  background-color: var(--orange) !important;
  color: var(--white) !important;
}
.btn-orange-shade:hover,
.btn-orange-shade:focus {
  border: 0.1em solid var(--orange);
  background-color: var(--orange-100) !important;
  color: var(--white) !important;
}
.toggle_switch_text.btn-green {
  min-width: 1em;
}
.chat-count {
  position: absolute;
  top: 1.8em;
  font-weight: bold;
  font-size: 65%;
  color: var(--black);
}
.animated-loader {
  width: 0.8em;
  height: 0.8em;
  border-radius: 50%;
  position: relative;
  transform: rotate(45deg);
  position: absolute;
  top: 0.1em;
  left: 2.1em;
}
.animated-loader::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0px;
  border-radius: 50%;
  border: 0.4em solid var(--grey);
  animation: prixClipFix 2s infinite linear;
}

@keyframes prixClipFix {
  0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }
  25% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }
  50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }
  75% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  }
  100% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}
.presentation .tooltip_container--bottom-right::before {
  right: -14em;
}
.presentation .tooltip_container::before {
  width: max-content;
  max-width: max-content;
}
.toolsWrap .presentation .tooltip_container::after {
  right: auto;
  left: 3.6em;
  top: 90%;
}
.btn-green.btn-active {
  background-color: var(--green);
}
.bottom-0 {
  bottom: 0;
}

@media (min-width: 1500px) {
  .threeThousand .container {
    width: 65em;
  }

  .threeThousand .container--lg {
    width: 90%;
  }

  .threeThousand .heading--sm {
    font-size: 1.3vw;
  }

  .threeThousand .section-checkboxes .w-52 {
    width: 56%;
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 1em;
    padding-left: 1em;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .threeThousand .heading--lg {
    font-size: 52px;
  }

  .threeThousand .section-congratulations .heading--md {
    font-size: 34px;
  }

  .threeThousand .btn-lg {
    font-size: 24px;
  }

  .threeThousand .heading--md,
  .threeThousand .section-disappears .heading--md,
  .threeThousand .section-warning .heading--md {
    font-size: 32px;
  }

  .threeThousand .section-checkboxes .checkwrap {
    font-size: 22px;
  }

  .threeThousand .text,
  .threeThousand .section-footer,
  .threeThousand .section-footer ul.list-inline li a,
  .threeThousand .section-footer p {
    font-size: 18px;
  }

  .threeThousand .navbar-brand {
    font-size: 16px;
  }

  .video-tutorials-pic h6 {
    font-size: 14px;
  }
}

@media only screen and (min-width: 768px) {
  .body-content {
    min-height: calc(100% - 9.81em);
  }
}

/* 175 percentage */

@media only screen and (max-width: 767px) {
  .flex-column-xs {
    flex-direction: column;
  }

  body {
    font-size: 14px;
  }

  .col,
  [class*="col-"],
  [class*="col-lg-"],
  [class*="col-md-"],
  [class*="col-sm-"],
  [class*="col-xl-"] {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar.outer-nav .navbar-toggler-icon {
    background-image: url(../images/menu-icon.png);
  }

  #navbarNav.navbar-collapse {
    position: absolute;
    width: 100%;
    top: 50px;
    z-index: 1;
    left: 0;
    background-color: var(--black);
  }

  .landing_page .outer-nav #navbarNav.navbar-collapse,
  .outer-nav #navbarNav.navbar-collapse {
    background-color: rgba(236, 238, 240, 0.5);
    top: 9em;
  }

  #main_header .navbar .navbar-nav {
    padding: 10px 0 15px;
    width: 90%;
    margin: auto;
  }

  #main_header .navbar.outer-nav .navbar-nav {
    padding: 0px 0 1em;
  }

  #main_header .navbar.outer-nav .navbar-nav li,
  .price_comparison--80,
  .deep-linking-mobile__body .input-passcode,
  .w-15,
  .w-40 {
    width: 100%;
  }

  .conference-body .w-40 {
    width: 40%;
  }

  #main_header .navbar .navbar-nav li a.nav-link {
    text-align: left;
    font-size: 1em;
    padding: 1em;
    line-height: 1;
    background-color: var(--white);
    margin-bottom: 0.3em;
    display: flex;
    align-items: center;
  }

  #main_header .navbar .navbar-nav li:last-child a.nav-link {
    margin-bottom: 0;
    padding-right: 1em;
  }

  #main_header .navbar {
    height: 4.2em;
  }

  #main_header .navbar.outer-nav {
    height: auto;
    padding-top: 1em !important;
    padding-bottom: 1em !important;
  }

  .navbar-toggler {
    padding: 0;
    border: none;
  }

  .landing_page_content h1 {
    font-size: 40px;
    margin-bottom: 15px;
  }

  .form_container .form_chest h4,
  .content-inner .heading {
    font-size: 24px;
  }

  .form_container .form_chest small {
    font-size: 17px;
  }

  .form-group label,
  .btn-green,
  .fUkahW .updatedWrap .updatedWraprow .light-bg .btn-green,
  .btn-style,
  .support-content .support-pic p,
  .video-tutorials-pic p,
  .deep-linking-mobile__body .light-bg,
  .affiliate_landing_head_right,
  .font-1,
  .listing__head a,
  .modal-switch .slider,
  .deep-linking-mobile__body.height__withoutFooter label,
  .btn-red {
    font-size: 15px;
  }

  .conference-body .font-1,
  .conference-body .asside .btn.widget-btn {
    font-size: 1vw;
  }

  .tooltip_container_outer::before {
    bottom: 93%;
  }

  .tooltip_container_outer::after {
    bottom: 83%;
  }

  .tooltip_container.active::before,
  .tooltip_container.active::after {
    display: flex;
  }

  .form-control {
    font-size: 13px;
  }

  .form_container .form_chest {
    width: 100%;
  }

  footer {
    height: auto;
    font-size: 15px;
    text-align: center;
  }

  footer .list-inline {
    justify-content: center;
    padding-top: 3px;
  }

  .section-video {
    height: auto;
    width: 100%;
    padding: 1.5em 0;
  }

  .landing_page_content .video_container {
    width: 100%;
    font-size: 20px;
    padding: 0;
    margin-bottom: 0;
  }

  .landing_page_content .video_container video,
  .landing_page_content .video_container iframe,
  .iframe-modal .modal-content .modal-body iframe {
    box-shadow: none;
  }

  .iframe-modal .modal-content .modal-body .welcomeFrame {
    font-size: 12px;
  }

  .container,
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }

  .landing_page_content .bullet_points {
    flex-direction: column;
    align-items: center;
    font-size: 16px;
  }

  .landing_page_content .bullet_points ul {
    margin: 0;
  }

  .navbar .navbar-toggler:focus {
    box-shadow: none !important;
    border: none !important;
  }

  .body-content.landing_page_content {
    background-size: cover;
  }

  .modal-dialog .modal-content,
  .modal-dialog .modal-content .modal-body,
  .midmodal.modal-dialog .modal-content,
  .smallmodalwrap .modal-dialog .modal-content,
  .feature-signup,
  .invalidmodal .midmodal.modal-dialog .modal-content,
  .invalidmodal .modal-dialog .modal-content .modal-body,
  .min-height {
    min-height: 10px;
  }

  .modal-header h5,
  .modal-header h5,
  .modal-header .modal-title {
    font-size: 20px;
  }

  .modal .form-control,
  .deep-linking-mobile__body,
  .tooltip_container_outer,
  .deep-linking-mobile p,
  .marketing_form_container .sub_heading_text,
  .table tbody td a i,
  .table tbody td a svg {
    font-size: 16px;
  }

  .marketing_form_container .sub_heading_text {
    width: 100%;
  }

  .modal .btn-mini,
  .modal .btn,
  .modal .btn-link,
  .modal button,
  .modal .form-group label,
  .navbar .navbar-brand,
  .forgotP {
    font-size: 15px;
  }

  .modal-dialog,
  .swal-modal {
    width: 100% !important;
    max-width: 90%;
  }

  .section-feature-pricing .feature-container .feature-body li {
    justify-content: space-between !important;
  }

  .section-feature-pricing .feature-container .feature-body li span {
    display: flex;
  }

  .section-feature-pricing .feature-container .feature-body li span a {
    margin-left: 15px;
    display: flex;
    align-items: center;
  }

  .pricing-div-head h2 {
    font-size: 27px;
  }

  .section-feature-pricing
    .feature-container
    .feature-inner
    .feature-body
    .heading,
  .deep-linking-mobile__body .dark-bg {
    font-size: 15px;
  }

  .section-feature-pricing .feature-container .feature-inner .feature-body,
  .section-feature-pricing
    .feature-container
    .Meetn-feature-box
    .feature-body
    li.li-btn
    button,
  .section-feature-details .feature-details-container ul li,
  .section-feature-pricing .feature-container .feature-body ul li i {
    font-size: 14px !important;
    padding: 0;
    line-height: 1.3;
  }

  .section-feature-pricing
    .feature-container
    .feature-inner
    .feature-header-inner {
    padding: 1em 0;
    font-size: 20px;
  }

  .section-feature-pricing
    .feature-container
    .Meetn-feature-box
    .feature-unlimited
    .feature-body
    li:first-child
    button {
    font-size: 10px;
  }

  .section-feature-details h4,
  .marketing_form_container .heading_text {
    font-size: 25px;
  }

  .section-feature-pricing .feature-container .feature-list {
    display: none;
  }

  .section-feature-details .feature-details-container ul li {
    padding: 0.5em 2.5em;
    line-height: 1.5;
  }

  .section-feature-pricing .feature-box.feature-list {
    min-width: 112px;
    padding-top: 0;
  }

  .section-feature-pricing .feature-list .feature-inner .feature-body .heading {
    min-height: 5.58em;
  }

  .section-feature-pricing .feature-box.Meetn-feature-box {
    min-width: 77px;
  }

  .section-feature-pricing
    .feature-container
    .Meetn-feature-box
    .feature-inner
    .feature-header {
    height: auto;
    margin: 0;
  }

  .section-feature-pricing
    .Meetn-feature-box
    .feature-inner
    .feature-body
    ul
    li:first-child {
    min-height: 50px;
    height: auto;
    font-size: 15px;
  }

  .section-feature-pricing
    .feature-container
    .Meetn-feature-box
    .feature-body
    li.li-btn
    button {
    padding: 0.31em 0;
  }

  .helping-tooltip i {
    font-size: 8px !important;
  }

  .tooltip,
  .tooltip_container::before,
  .build-failed-text-mob,
  .build-failed-text a {
    font-size: 14px !important;
  }

  .tooltip-inner {
    font-size: 10px !important;
  }

  .section-feature-pricing .feature-container .feature-wrap,
  .marketing_banner_container,
  .price_comparison--80 {
    flex-direction: column;
  }

  .section-feature-pricing .feature-container .feature-box {
    padding-right: 0;
    margin-bottom: 3rem;
    width: 100%;
  }

  .section-feature-pricing
    .feature-container
    .feature-inner
    .feature-header-inner
    img {
    width: 100px;
  }

  .section-feature-pricing .feature-container .feature-box:last-child {
    margin-bottom: 0;
  }

  .section-video img,
  .section-video video {
    width: 100%;
    height: auto;
  }

  .section-feature-details .feature-details-container ul li::before {
    font-size: 14px;
  }

  .section-feature-pricing
    .feature-container
    .Meetn-feature-box
    .feature-body
    li:first-child {
    display: flex;
    justify-content: center !important;
  }

  .section-feature-details .feature-details-container {
    flex-direction: column;
  }

  .section-feature-details .feature-details-container ul {
    width: 100%;
    padding-right: 0;
    margin-bottom: 1rem;
  }

  .section-feature-details .feature-details-container ul:last-child {
    margin-bottom: 0;
  }

  .section-feature-pricing
    .feature-container
    .feature-inner
    .feature-header-inner::after {
    font-size: 21px;
  }

  .feature-signup .heading {
    font-size: 25px;
  }

  .srv-validation-message,
  .modal .form-control {
    font-size: 13px;
  }

  .abso-icon {
    top: 1.7em;
  }

  .support-content {
    height: auto;
  }

  .support-content h2 {
    font-size: 29px;
    margin-bottom: 1em !important;
    width: 100%;
    line-height: 1.4;
  }

  .support-content .support-pic p {
    margin-bottom: 2rem;
  }

  .support-content h5 {
    font-size: 21px;
  }

  .support-content h6 {
    font-size: 16px;
  }

  .support-content .support-pic img {
    width: 100%;
  }

  .iframe-modal .modal-content .modal-header i {
    top: -20px;
    font-size: 20px;
    right: 20px;
  }

  .Toastify {
    font-size: 14px !important;
  }

  .Toastify__toast-container {
    width: 90% !important;
  }

  .Toastify__progress-bar {
    height: 5px;
  }

  .table thead th {
    font-size: 14px;
  }

  .table tbody td {
    font-size: 13px;
  }

  .pr-3,
  .px-3,
  .pl-5,
  .px-5,
  .pr-5,
  .px-5 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.conference-body,
  .modal_end_meetn,
  .conference-body p,
  .facebookpage-modal .modal-content .modal-body .welcomeFrame,
  .conference-body .iframe-modal .modal-content .modal-body .welcomeFrame {
    font-size: 1.17vw;
  }

  .conference-body .smallmodalwrap p {
    font-size: 1.25vw;
  }

  .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }

  body.conference-body .btn-green,
  body.conference-body
    .fUkahW
    .updatedWrap
    .updatedWraprow
    .light-bg
    .btn-green,
  body.conference-body .form-group label,
  .conference-body .servwrap p,
  body.conference-body .btn-red {
    font-size: 1vw;
  }

  body.conference-body .form-control {
    font-size: 0.95vw;
  }

  body.conference-body .srv-validation-message,
  body.conference-body .modal .form-control {
    font-size: 0.9vw;
  }

  body.conference-body .Toastify {
    font-size: 1.2vw !important;
  }

  body.conference-body .Toastify__toast-container {
    width: auto !important;
  }

  body.conference-body .updatedWrap .container-fluid .updatedWraprow .col-8,
  body.conference-body .updatedWrap .container-fluid .updatedWraprow .col-4,
  body.conference-body .updatedWrap .container-fluid .updatedWraprow .col-12,
  .deep-linking-mobile .container-fluid {
    padding-left: 1em;
    padding-right: 1em;
  }

  body.conference-body .swal-modal {
    width: 35% !important;
  }

  body.conference-inner-body .modal-header h5 {
    font-size: 1.15vw;
  }

  body.conference-inner-body .modal-dialog,
  body.conference-body .modal-dialog.meetn_closed_modal {
    width: 55% !important;
  }

  body.conference-body .congrats-modal .modal-dialog {
    width: 30% !important;
  }

  body.conference-body .exit-modal .modal-dialog {
    width: 25% !important;
  }

  body.conference-inner-body .modal .col,
  body.conference-inner-body .modal [class*="col-"],
  body.conference-inner-body .container {
    padding-left: 1em;
    padding-right: 1em;
  }

  body.conference-inner-body .modal .form-group label,
  body.conference-inner-body .modal .form-control {
    font-size: 0.9vw;
  }

  body.conference-inner-body .av-pop .form-control {
    font-size: 0.95vw;
  }

  body.conference-inner-body .modal .av-pop .form-group label {
    font-size: 1vw;
  }

  body.conference-inner-body .modal .btn-green,
  body.conference-inner-body .modal .btn-mini,
  body.conference-inner-body .modal .btn,
  body.conference-inner-body .modal .btn-link,
  body.conference-inner-body .modal button,
  .conference-body .listing__head a,
  .conference-body .slider_text {
    font-size: 0.95vw;
  }

  body.conference-inner-body .modal .row {
    margin-left: -1em;
    margin-right: -1em;
  }

  body.conference-body .modal-dialog.smallmodal {
    width: 35% !important;
  }

  .container-fluid.p-15 {
    padding-left: 1em;
    padding-right: 1em;
  }

  body.conference-body .tooltip,
  body.conference-body .tooltip-inner,
  .conference-body .tooltip_container::before,
  body.conference-body .table thead th,
  body.conference-body .table tbody td,
  body.conference-body .table tbody td p {
    font-size: 0.9vw !important;
  }

  .conference-body .table tbody .font15 {
    font-size: 1.1vw !important;
  }

  body.conference-inner-body .modal-dialog.events-modal {
    width: 65% !important;
  }

  body.conference-inner-body .modal-dialog.midmodal,
  body.conference-body .modal-width-md {
    width: 45% !important;
  }

  body.conference-inner-body .modal.webinarwrap h5 {
    font-size: 1.3vw;
  }

  body.conference-inner-body
    .eventSettingsPop
    .container-fluid.darkbg.borderRD10 {
    padding-left: 1em;
    padding-right: 1em;
  }

  body.conference-body .participantShare-tab .attendees-inner,
  body.conference-body .participantShare-tab .attendees-inner-guests {
    padding-left: 1em;
    padding-right: 1em;
  }

  body.conference-body .participantShare-tab h6 {
    padding-left: 0;
  }

  body.conference-body .waiting-room .dropdown {
    padding-right: 0.5em;
  }

  body.conference-body .waiting-room .dropdown-menu {
    right: -0.4em;
  }

  body.conference-inner-body .extensions-wrap,
  body.conference-inner-body .add_extension {
    padding-left: 1em;
    padding-right: 1em;
  }

  body.conference-inner-body .extension-validation .modal-dialog {
    width: 80% !important;
  }

  body.conference-inner-body .extension-cover .modal-dialog {
    width: 100% !important;
  }

  body.conference-inner-body .helping-tooltip i {
    font-size: 1.25vw !important;
  }

  body.conference-inner-body .exit-modal .modal-dialog {
    width: 25% !important;
  }

  body.conference-inner-body .wrap-width .small-slogan small {
    font-size: 0.5vw;
  }

  body.conference-inner-body .extension-validation .modal-dialog {
    width: 100% !important;
  }

  .form-control-container .abso-icon {
    top: 1.3em;
  }

  .create-pages h2 {
    font-size: 28px;
  }

  .create-pages h4 {
    font-size: 18px;
    margin-left: 0;
  }

  .create-pages {
    margin-bottom: 15px;
  }

  .section-feature-pricing
    .feature-container
    .Meetn-feature-box
    .feature-unlimited
    .feature-body
    li:first-child
    .btn {
    font-size: 7.5px;
  }

  .form-group.d-flex {
    flex-direction: column;
  }

  .feature-signup form .form-group.d-flex div:first-child {
    margin-right: 0;
    margin-bottom: 1em;
  }

  .section-video iframe,
  .video_container iframe {
    max-width: 100% !important;
  }

  .dowload_apk .deep-linking-mobile__body .body-content .light-bg {
    height: calc(100% - 21.6em);
  }

  .dowload_apk
    .deep-linking-mobile__body
    .body-content
    .deep-linking-mobile__text {
    font-size: 7vw;
  }

  .support-content .support-pic.video-tutorials-pic a {
    height: auto;
  }

  .conference-body .forgotP {
    font-size: 0.9vw;
  }

  .test_mode input {
    width: 80%;
  }

  .refered_by_text small {
    font-size: 12px !important;
  }

  .page-content-app {
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .page-content-app h3 {
    font-size: 28px;
  }

  .page-content-app p,
  .page-content-app {
    font-size: 16px;
  }

  .page-content-app a {
    width: 11em;
  }

  #main_header .navbar .navbar-nav li a.nav-link.text-green {
    padding: 1em;
    text-align: left;
  }

  #main_header .navbar .navbar-nav li a.nav-link.text-green small {
    top: 1.1em;
    right: 15px;
    justify-content: flex-end;
  }

  .unsubscribe_container .head img {
    width: 120px;
  }

  .unsubscribe_container .body .heading_text {
    font-size: 35px;
  }

  .unsubscribe_container .body {
    width: 100%;
  }

  .swal-modal .swal-title {
    padding: 0.6em 10px;
    font-size: 14px;
  }

  .swal-footer .swal-button-container .swal-button--confirm,
  .swal-footer .swal-button-container button,
  .swal-content {
    font-size: 14px !important;
  }

  .swal-footer,
  .swal-content {
    padding: 10px !important;
  }

  .conference-body .swal-content {
    padding: 1vw !important;
    font-size: 1.17vw !important;
  }

  .conference-body .build-failed-text-mob,
  .conference-body .build-failed-text a {
    font-size: 1.17vw !important;
  }

  .destinations_page h3 {
    font-size: 3vw;
  }

  body.conference-inner-body .swal-modal .swal-title {
    font-size: 1.6vw;
    padding: 0.6em 0.7em;
  }

  body.conference-inner-body .swal-footer {
    padding: 1vw;
  }

  body.conference-inner-body
    .swal-footer
    .swal-button-container
    .swal-button--confirm,
  body.conference-inner-body .swal-footer .swal-button-container button {
    font-size: 0.95vw !important;
  }

  body.conference-inner-body .swal-modal {
    width: 35% !important;
  }

  .pricing_plans .form-control {
    width: 100%;
  }

  .pro_header#main_header .navbar.outer-nav {
    height: auto;
    padding-top: 15px;
  }

  .pro_header#main_header .navbar.outer-nav .navbar-nav .nav-link {
    font-size: 14px;
    padding: 15px 0 0 0;
  }

  .pro_header#main_header .navbar.outer-nav .navbar-brand {
    margin: auto;
  }

  .pro_header#main_header .navbar.outer-nav .navbar-nav {
    width: 100%;
  }

  .pro_banner .container,
  .pro_features__box,
  .pro_meeting_type__container {
    flex-direction: column;
  }

  .pro_features__box:nth-child(2) {
    flex-direction: column-reverse;
  }

  .pro_banner__left,
  .pro_banner__right,
  .pro_banner__right__form,
  .pro_features__box__picture,
  .pro_features__box__content,
  .pro_meeting_type__box,
  .support_featured_video,
  .pro_banner .w--45,
  .pro_banner .w--65 {
    width: 100%;
  }

  .pro_banner__left {
    padding-top: 0;
    padding-bottom: 3em;
  }

  .pro_banner__left h4 {
    font-size: 24px;
  }

  .pro_banner .font--md {
    font-size: 17px;
  }

  .pro_features__box__content {
    padding: 0;
  }

  .pro_features__box__content h3,
  .pro_meeting_type h3,
  .pro_meeting_type .btn,
  .deep-linking-mobile__body h5 {
    font-size: 18px;
  }

  .pro_features__box__content h2,
  .marketing_banner_content .heading_text {
    font-size: 31px;
  }

  .pro_features__box__picture {
    max-height: 100%;
  }

  .pro_meeting_type__box h4 {
    font-size: 22px;
  }

  .pro_meeting_type__container,
  .pro_meeting_type__box {
    height: auto;
  }

  .pro_features,
  .pro_meeting_type {
    padding-left: 0;
    padding-right: 0;
  }

  .pro_meeting_type__box {
    margin-right: 0;
  }

  .pro_meeting_type__box:last-child {
    margin-right: 0;
  }

  .confirmation_sent {
    flex-direction: column;
  }

  .confirmation_sent__left {
    width: 50%;
  }

  .confirmation_sent__right {
    width: 100%;
    padding: 0;
    margin-top: 1.5em;
  }

  .confirmation_sent__right h4 {
    font-size: 24px;
  }

  .confirmation_sent__right p {
    font-size: 17px;
  }

  .conference-body .modal-dialog .modal-content .modal-body,
  .modal_end_meetn .modal-dialog .modal-content .modal-body {
    min-height: 10em;
  }

  .attendees_controls .attendees_controls__button button {
    font-size: 0.8vw;
  }

  .extensions-footer.on-second .btn,
  .conference-body .asside .btn {
    font-size: 0.85vw;
  }

  .conference-body .congrats-modal .modal-content {
    min-height: 16em;
  }

  .join-av.modal-dialog
    .modal-content
    .modal-dialog-form
    .settings-dialog
    .settings-pane
    .dark-bg,
  .joinFlowWrap .updatedWraprow .dark-bg {
    padding-left: 1em;
    padding-right: 1em;
  }

  #loginmodal.modal small,
  .modal small {
    font-size: 13px;
  }

  .conference-body .swal-modal .swal-title {
    font-size: 1.6vw;
    padding: 0.6em 0.7em;
  }

  .conference-body .swal-footer {
    padding: 1vw !important;
  }

  .conference-body .swal-footer .swal-button-container .swal-button--confirm,
  .conference-body .swal-footer .swal-button-container button {
    font-size: 0.95vw !important;
  }

  .video-tutorials-pic {
    margin-bottom: 2em;
  }

  .video-tutorials-pic .mt-2 {
    margin-top: 0 !important;
  }

  .support_featured_video__tag {
    height: auto;
  }

  .support_featured_video__tag img {
    max-width: 100%;
    height: auto;
  }

  .video-tutorials-pic p {
    padding-top: 0.3em !important;
  }

  .iframe-modal .modal-dialog {
    max-width: 100%;
  }

  .iframe-modal .modal-content .modal-body .welcomeFrame {
    height: auto;
    width: 100%;
  }

  .conference-body .dark-navbar.navbar .navbar-brand,
  .featured_modal {
    font-size: 1.17vw;
  }

  .landing_page_content .bullet_points li:last-child {
    margin-bottom: 0;
  }

  .section-feature-details {
    margin-bottom: 0;
  }

  .deep-linking-mobile h4 {
    font-size: 1.5rem;
  }

  .feature-signup .heading {
    margin-bottom: 1.3em;
  }

  .heading--sm {
    font-size: 24px;
    width: 100%;
    line-height: 1.4;
  }

  .wrapper-easyuse .heading--sm {
    padding-bottom: 1em !important;
  }

  .wrapper-banner .heading--lg {
    font-size: 40px;
    width: 100%;
    padding-bottom: 0.5em !important;
  }

  .btn-lg,
  .wrapper-advantage,
  .wrapper-easyuse,
  .wrapper-security,
  .listing__head h6,
  .listing__body,
  .slider_text,
  p {
    font-size: 15px;
  }

  .wrapper-banner__img,
  .easyuse-video {
    width: 100%;
    height: auto;
    margin-bottom: 1em;
  }

  .easyuse-video {
    margin-top: 1em !important;
    margin-bottom: 2em !important;
  }

  .heading--md {
    font-size: 31px;
    width: 100%;
  }

  .wrapper-advantage .d-flex,
  .wrapper-privacy .d-flex,
  .wrapper-norisk .d-flex {
    flex-direction: column;
  }

  .wrapper-advantage .w-50,
  .wrapper-privacy .w-32,
  .wrapper-norisk .w-50 {
    width: 100% !important;
    padding: 0 !important;
    margin-right: 0 !important;
  }

  .section-landing h4 {
    font-size: 24px;
  }

  .advantage-column__heading::after {
    font-size: 150px;
  }

  .wrapper-faq .card-header .btn .icon-plus,
  .wrapper-faq .card-header .btn .icon-minus,
  .advantage-list__li,
  .wrapper-privacy p,
  .wrapper-faq .card-header .btn,
  .wrapper-faq .card-body,
  .security-list__li,
  .wrapper-norisk p {
    font-size: 16px;
  }

  .tooltip-like {
    font-size: 13px;
  }

  .security-list__li {
    word-break: break-word;
    line-height: inherit;
  }

  .wrapper-advantage .p-8,
  .wrapper-norisk .p-8 {
    padding: 2em !important;
  }

  .wrapper-easyuse.p-8 {
    padding: 2em 0 !important;
  }

  .advantage-column__heading br,
  .wrapper-norisk br {
    display: none;
  }

  .advantage-column__heading button br,
  .wrapper-norisk button br {
    display: flex;
  }

  .advantage-list,
  .security-list {
    padding-left: 3em;
  }

  .advantage-list__li::after,
  .security-list__li::after {
    left: -3em;
  }

  .security-list__li::after {
    padding-top: 0;
  }

  .security-list__li svg {
    left: -2.2em;
  }

  .wrapper-advantage .p-8--mobile,
  .wrapper-security .p-8--mobile {
    padding: 1.5em !important;
  }

  .wrapper-advantage .mt-4--mobile,
  .wrapper-norisk .mt-4--mobile {
    margin-top: 0.5em !important;
  }

  .wrapper-norisk .mt-9 {
    margin-top: 2em;
  }

  .plan__heading {
    font-size: 15px;
  }

  .plan__heading small {
    font-size: 75%;
  }

  .plan__head {
    padding: 0 0.2em;
    height: 5em;
    font-size: 16px;
  }

  .plan__head .helping-tooltip i {
    font-size: 16px !important;
  }

  .plan__box--ultimate .plan__head__bg {
    top: 0em;
    height: 3em;
  }

  .plan__li {
    font-size: 11px;
    height: 4em;
    line-height: 1.1;
    padding: 0 0.5em;
    word-break: break-word;
  }

  .plan__li small {
    line-height: 1.1;
  }

  .plan__container {
    padding-right: 0.1em !important;
  }

  .plan__container:last-child {
    padding-right: 0 !important;
  }

  .plan__button {
    font-size: 100%;
    min-width: 10px;
    width: 7em;
  }

  .btn-lg {
    min-width: 15em;
  }

  .plan__button-desk {
    display: none !important;
  }

  .plan__button-mob {
    display: flex !important;
  }

  .wrapper-plan .container {
    max-width: 99%;
  }

  .flex-column-mob {
    flex-direction: column;
  }

  .d-flex-mob {
    display: flex;
  }

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

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

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

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

  .w-auto-mob {
    width: auto !important;
  }

  .w-4-mob {
    width: 4em;
  }

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

  .font-desk {
    display: none;
  }

  .font-mob {
    display: flex;
  }

  .w-100-mob,
  .deep-linking-mobile__body .light-bg form,
  .deep-linking-mobile__body .btn.w-40 {
    width: 100% !important;
  }

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

  .h-auto-mob {
    height: auto !important;
  }

  .block__name {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 13em;
  }

  .block__name .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
  }

  .deep-linking-mobile__body .dark-bg {
    height: 10em;
  }

  .deep-linking-mobile__body h4 {
    font-size: 1.5rem !important;
    margin-bottom: 0 !important;
  }

  .deep-linking-mobile__body .light-bg {
    flex-flow: nowrap;
    align-items: center;
    text-align: center;
  }

  .deep-linking-mobile__body.height__withoutFooter .light-bg {
    height: auto;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
  }

  .deep-linking-mobile {
    height: auto;
    width: 100%;
  }

  .deep-linking-mobile__text {
    padding: 0;
  }

  .conference-body .listing__head h6 {
    font-size: 1.05vw;
  }

  .conference-body .listing__body {
    font-size: 1vw;
  }

  .font-20-mob {
    font-size: 20px;
  }

  .threeThousand .heading--lg {
    font-size: 26px;
  }

  .threeThousand .section-congratulations .heading--md,
  .threeThousand .section-checkboxes .checkwrap {
    font-size: 16px;
  }

  .threeThousand .btn-lg {
    font-size: 20px;
  }

  .threeThousand .heading--md {
    font-size: 20px;
  }

  .threeThousand .heading--md,
  .threeThousand .heading--lg,
  .w-52,
  .w-65 {
    width: 100%;
    max-width: 100%;
  }

  .threeThousand .section-disappears .heading--md,
  .threeThousand .section-warning .heading--md {
    font-size: 32px;
  }

  .threeThousand .text {
    font-size: 16px;
  }

  .threeThousand .section-footer,
  .threeThousand .section-footer ul.list-inline li a,
  .threeThousand .section-footer p {
    font-size: 12px;
  }

  .video-tutorials-pic h6 {
    font-size: 14px;
  }

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

  .iframe-modal .modal-content .modal-header .ico_times i {
    font-size: 20px;
  }

  .home_banner_content .heading_text {
    font-size: 31px;
    width: 64%;
  }

  .home_banner_content {
    margin-bottom: 1em;
    text-align: center;
    align-items: center;
  }

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

  .order-xs-1 {
    order: 1;
  }

  .order-xs-2 {
    order: 2;
  }

  .home_video {
    width: 100%;
    font-size: 11px;
    padding: 0;
    margin-top: 0;
    height: 18em;
  }

  .home_banner_content .heading_text {
    width: 100%;
  }

  .home_form_container .heading_text {
    font-size: 25px;
    width: 100%;
  }

  .home_banner_content .sub_heading_text {
    font-size: 19px;
    width: 100%;
  }

  .flex-column-xs {
    flex-direction: column !important;
  }

  .btn_home_bg {
    font-size: 21px;
    width: 100%;
    height: 90px;
    min-width: 1em;
    padding-left: 0;
    justify-content: center;
  }

  .home_form_container .sub_heading_text {
    width: 100%;
    font-size: 15px;
  }

  .home_form_container .gap-3 {
    gap: 0.5em;
  }

  .mb-3-mob {
    margin-bottom: 1em;
  }

  .support-ul {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }

  .policyTxt .policyTxtWrap,
  .termsTxt .termsTxtWrap {
    padding-left: 0;
    padding-right: 0;
  }

  .policyTxt .policyTxtWrap h2,
  .termsTxt .termsTxtWrap h2 {
    font-size: 1.8rem;
  }

  .policyTxt .policyTxtWrap p,
  .termsTxt .termsTxtWrap p {
    font-size: 15px;
  }

  .policyTxt .policyTxtWrap h5,
  .termsTxt .termsTxtWrap h5 {
    font-size: 1.25rem;
  }

  .termsTxt .termsTxtWrap small {
    font-size: 18px;
    margin-bottom: 22px;
    padding-top: 13px;
  }

  body.conference-body .modal-sm {
    width: 33% !important;
  }

  body.conference-body .modal-width-sm {
    width: 35% !important;
  }

  body.conference-body .modal button,
  body.conference-body .locktext,
  body.conference-body .modal .btn {
    font-size: 0.95vw;
  }

  .conference-body .modal-header h5 {
    font-size: 1.15vw;
  }

  .conference-body .modal-dialog {
    width: 55% !important;
    max-width: 73%;
  }

  .row {
    margin: 0;
  }

  body.conference-inner-body .modal .row {
    margin-left: -1em;
    margin-right: -1em;
  }

  .featured_head {
    padding-left: 3em !important;
    padding-right: 1em !important;
  }

  .featured_text {
    padding-left: 3.5em !important;
    padding-right: 1em !important;
  }

  .form-group {
    margin-bottom: 1rem;
  }

  .conference-body .form-group {
    margin-bottom: 1em;
  }

  .conference-body .modal .col,
  .conference-body .container,
  .conference-body .navbar .container-fluid {
    padding-left: 1em;
    padding-right: 1em;
  }

  .conference-body .modal .form-group {
    margin-bottom: 0.65em;
  }

  .conference-body .av-pop .form-group,
  .conference-body .av-pop .form-group-container {
    margin-bottom: 0.7em;
  }

  .conference-body .text-size-12 {
    font-size: 0.9vw;
  }

  .conference-body .px-3 {
    padding-left: 1em !important;
    padding-right: 1em !important;
  }

  .heading-lg {
    font-size: 2rem;
  }

  .heading-md {
    font-size: 34px;
  }

  .heading-sm {
    font-size: 24px;
  }

  .w-70,
  .w-30,
  .marketing_banner_video {
    width: 100%;
  }

  .justify-content-start-mob {
    justify-content: flex-start !important;
  }

  .flex-wrap-mob {
    flex-wrap: wrap;
  }

  .conference-body .modal-switch .slider {
    font-size: 0.9vw;
  }

  body.conference-body .modal-dialog-md {
    width: 65% !important;
  }

  .text-md {
    font-size: 22px !important;
  }

  .conference-body .text-md {
    font-size: 1.17vw !important;
  }

  .conference-body .text-sm {
    font-size: 0.9vw;
  }

  .conference-body .pr-3 {
    padding-right: 1em !important;
  }

  .promoter_content h5 {
    font-size: 25px;
    overflow-wrap: break-word;
  }

  .promoter_content {
    min-height: calc(100% - 9.81em);
  }

  .font30 {
    font-size: 42px;
  }

  .conference-body .font30 {
    font-size: 2.2vw;
  }

  .sales_video {
    margin: 3em 0;
    width: 100%;
    height: 15em;
  }

  .wrapper-privacy .w-32 {
    margin-bottom: 1em;
  }

  .conference-body .modal small {
    font-size: 0.95vw;
  }

  .conference-body .modal-header .modal-title {
    font-size: 1.15vw;
  }

  .conference-body .heading-md {
    font-size: 1.75vw;
  }

  .conference-body .modal-md {
    width: 35% !important;
  }

  .conference-body form .form-group:last-child {
    margin-bottom: 0;
  }

  .conference-body .loader-text {
    font-size: 3vw;
  }

  .body-content.fullcontentwrap h2,
  .body-content.welcomwrap h2 {
    font-size: 27px;
  }

  .wrapper-bundle .listing__body {
    height: auto;
    min-height: 100px;
    max-height: 16.5em;
  }

  .marketing_banner_content .sub_heading_text {
    font-size: 19px;
  }

  .marketing_banner_content {
    margin-bottom: 1em;
    text-align: center;
    align-items: center;
  }

  .marketing_video {
    margin: 0;
    width: 100%;
    font-size: 11px;
    padding: 0;
  }

  .marketing_banner {
    padding-bottom: 1.5rem;
  }

  .price_comparison__block {
    width: 100%;
    margin: 0;
    margin-bottom: 1em;
  }

  .facebookpage-modal .modal-content .modal-header i {
    top: 0;
    font-size: 1.5vw;
    right: 0;
  }

  .conference-body .iframe-modal .modal-content .modal-header .ico_times i {
    font-size: 1.5vw;
  }

  .conference-body .table tbody td a i,
  .conference-body .table tbody td a svg {
    font-size: 0.87vw;
  }

  .deep-linking-mobile__body .dark-bg h4,
  .deep-linking-mobile .dark-bg h4 {
    color: var(--white) !important;
  }

  .deep-linking-mobile__body .btn-mini {
    line-height: 19px;
    width: 120px;
  }

  .deep-linking-mobile__href {
    line-height: 23px;
    font-weight: 600;
  }

  .deep-linking-mobile__button {
    background-color: transparent;
    padding: 0;
    height: auto;
  }

  .deep-linking-mobile__button:focus,
  .deep-linking-mobile__button:focus-visible {
    box-shadow: none !important;
    border: none !important;
  }

  .deep-linking-mobile__button {
    width: 10em;
  }

  .deep-linking-mobile__button img,
  .deep-linking-mobile__body .w-90 {
    width: 100% !important;
  }

  .body-content.deep-linking-mobile__body.height__withoutFooter {
    height: auto;
    min-height: calc(100% - 3.27em);
  }

  .deep-linking-mobile__body .label-inline {
    text-align: left !important;
  }

  .conference-body .w-70 {
    width: 70%;
  }

  .stopdialogue h1 {
    font-size: 45px;
  }

  body.conference-body .w-15 {
    width: 15%;
  }

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

  .text-xs-mob {
    font-size: 14px !important;
  }

  .conference-inner-body .modal-dialog.modal-welcome {
    width: 39% !important;
  }

  .conference-body .w-30 {
    width: 30% !important;
  }
}

/* 250 percentage */

@media only screen and (max-width: 590px) {
  .congrats-modal .modal-dialog {
    width: 100%;
  }

  .landing_page_content .video_container {
    font-size: 11px;
  }

  .iframe-modal .modal-content .modal-body .welcomeFrame {
    font-size: 10px;
  }
}

/* 300 percentage */

@media only screen and (max-width: 512px) {
  .unsubscribe_container .body .heading_text {
    font-size: 28px;
  }
}

/* 400 percentage */

@media only screen and (max-width: 400px) {
  .form_container .form_chest h4 {
    font-size: 23px;
  }

  .wrapper-plan .container {
    width: 110%;
    max-width: 110%;
  }
}

@media only screen and (max-width: 320px) {
  .feature-signup form {
    padding: 1em;
  }

  .form-group label,
  .btn-green,
  .fUkahW .updatedWrap .updatedWraprow .light-bg .btn-green {
    font-size: 12px;
  }

  .form-control {
    font-size: 11px;
  }

  .srv-validation-message {
    font-size: 10px;
  }

  .abso-icon {
    top: 1.3em;
  }

  body.conference-body .srv-validation-message {
    font-size: 0.95vw;
  }

  .form-control-container .abso-icon {
    top: 1em;
  }

  .unsubscribe_container .body .heading_text {
    font-size: 24px;
  }
}

/* 512 percentage */

@media only screen and (max-width: 300px) {
  .form_container .form_chest h4 {
    font-size: 20px;
  }

  .unsubscribe_container .body .heading_text {
    font-size: 21px;
  }

  .btn_home_bg {
    font-size: 15px;
  }

  .modal-footer-container {
    flex-direction: column;
  }

  .modal-footer-container button {
    width: 100%;
    margin-top: 1rem !important;
  }

  .modal-footer-container button:last-child {
    margin-top: 5px !important;
  }
}

/* firefox */
@-moz-document url-prefix() {
  .section-feature-pricing
    .feature-container
    .feature-inner
    .feature-header-inner::after {
    top: 99%;
  }

  .section-feature-pricing
    .feature-container
    .Meetn-feature-box
    .feature-unlimited
    .feature-header-inner::after {
    top: 98%;
  }

  .support-content {
    min-height: calc(100vh - 9.8em);
  }

  .feature-signup {
    min-height: calc(100vh - 9.8em) !important;
  }

  .body-content.updatedWrap,
  #videospace,
  .galleryMain,
  .media-sharing,
  .player-wrapper {
    height: calc(100vh - 3.7em);
  }

  .body-content.updatedWrap.banner {
    height: calc(100vh - 3.7em - 2em);
  }

  body.conference-inner-body .modal .body-content.updatedWrap,
  body.conference-inner-body
    .modal
    .updatedWrap
    .container-fluid
    .updatedWraprow,
  body.conference-inner-body .modal.eventSettingsPop .firstrow {
    height: auto;
  }

  body.conference-inner-body
    .waiting-room
    .dropdown
    .dropdown-toggle
    span::after {
    top: 0.5em;
  }

  .body-content.createstep2 {
    min-height: calc(100vh - 9.8em) !important;
  }

  .landing_page_content .bullet_points li::before {
    background-size: 89%;
    background-position: 0 0.35em;
  }

  .swal-button__loader div {
    position: absolute;
  }

  .tooltip_container--auto::after {
    bottom: 91%;
  }

  .stream-fields .listing-body .modal-switch input:checked + .slider::before {
    left: -1.13em;
    height: 1.15em;
  }

  .modal-switch input:checked + .slider:before,
  .join-inner-av
    .border-container
    .av-switch
    .switch
    input:checked
    + .slider:before,
  .virtual-background-switch .switch input:checked + .slider:before {
    left: -0.7em;
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  @media only screen and (max-width: 1024px) {
    .streaming-off,
    .streaming-on {
      background-position: 42% 25%;
    }

    .recording-off,
    .recording-on {
      background-position: 47% 25%;
    }

    .stream-off,
    .stream-on,
    .record-off,
    .record-on {
      font-size: 0.8vw;
    }
  }

  @media only screen and (max-width: 805px) {
    .streaming-off,
    .streaming-on {
      background-position: 42% 25%;
    }

    .recording-off,
    .recording-on {
      background-position: 47% 25%;
    }
  }
}

.miccontainer {
  opacity: 0.6;
  height: 1.3em;
  width: 1.2em;
}

.levels {
  height: 100%;
  width: 100%;
  border-radius: 0.2em;
  display: flex;
  flex-direction: row;
  /* padding: 4px 3px;
  margin: auto;
  margin-top: 20px; */
}

/* paint not glowing LEDs */
.level {
  position: relative;
  margin: 0 0.2em;
  flex-grow: 1;
  z-index: 3;
  background-color: transparent;
  background-repeat: repeat-y;
  background-image: linear-gradient(
    to bottom,
    #66666650 0.3em,
    transparent 0.1em
  );
  background-size: 100% 0.4em;
}

/* paint glowing LEDs */
.level:before {
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background-repeat: no-repeat;
  background-image: linear-gradient(to top, green 0%, yellow 50%, red 80%);
  background-size: 100% 100%;
  filter: drop-shadow(0px 0px 0.7em #ffffff99);
  /* -webkit-clip-path: inset(0% 0 0 0); Safari */
  /* animation: level-animation 2500ms alternate infinite; */
}

.glow0 {
  clip-path: inset(90% 0 0 0);
  filter: drop-shadow(0px 0px 0.7em #ffffff70);
  -webkit-clip-path: inset(90% -0.4em 0 -0.4em);
}

.glow50 {
  clip-path: inset(70% 0 0 0);
  filter: drop-shadow(0px 0px 0.7em #ffffff70);
  -webkit-clip-path: inset(70% -0.4em 0 -0.4em);
}

.glow80 {
  clip-path: inset(20% 0 0 0);

  -webkit-clip-path: inset(20% -0.4em 0 -0.4em);
}

.glow100 {
  clip-path: inset(0% 0 0 0);
  -webkit-clip-path: inset(0% -0.4em 0 -0.4em);
}

/* paint gap lines of LEDs */
.level::after {
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  margin-top: 0.3em;
  background-image: linear-gradient(
    to bottom,
    black 0.1em /* space between leds*/,
    transparent 0.1em
  );
  background-repeat: repeat-y;
  background-size: 100% 0.4em;
  /* 4px LED height */
  background-color: transparent;
}

.meeting-mode-footer {
  gap: 1em;
}

[contentEditable="true"]:empty:before {
  content: attr(data-text);
}