@import 'variables.css';

* {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}
html {
  overflow-x: hidden;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

body {
  padding-right: 0 !important;
  font-family: 'Titillium Web', sans-serif !important;
  height: 100%;
  color: var(--dark-grey-shade2);
  font-weight: 400;
  overflow-y: auto;
  overflow-x: hidden !important;
  font-size: 1.17vw;
}

body,
button,
input,
keygen,
select,
textarea {
  font-family: 'Titillium Web', sans-serif !important;
}
a {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent !important;
}
.no-padding {
  padding: 0 0 !important;
}
body,
div,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
p,
pre {
  margin: 0;
  padding: 0;
}
small {
  line-height: 1.3333333333;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  transition: object-position 0.5s ease 0s;
  vertical-align: baseline;
}
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;
}
.videoForTwo {
  height: 100% !important;
  width: 100% !important;
}
.overflow-visible {
  overflow: visible !important;
}
#main_header .navbar-dark {
  background-color: var(--dark-grey-shade1);
  font-weight: 300;
  padding: 0;
  height: 3.7em;
}

#main_header .navbar-dark .navbar-brand {
  width: 10%;
  margin-right: 1em;
}

.navbar-dark .navbar-brand img {
  width: 100%;
}

#main_header .navbar-dark .navbar-nav li:last-child a.nav-link {
  padding-right: 0;
}
.body-content.accwrap,
.body-content.successwrap,
.body-content.welcomwrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.body-content .flex-div {
  justify-content: center;
  align-items: center;
  height: 100%;
}

.body-content.fullcontentwrap h2,
.body-content.welcomwrap h2 {
  font-size: 2.25vw;
}

.body-content.welcomwrap h5 {
  font-size: 1.4vw;
  margin-top: 0.5em;
}

.body-content.welcomwrap form {
  margin-top: 1.9em;
}

.body-content form span.fullwidth {
  position: relative;
  display: inline-block;
}

.form-control {
  border: 0.1em solid var(--light-grey-shade1);
  color: var(--dark-grey-shade2) !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 {
  display: inline-block;
}

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

footer ul.list-inline li a::after {
  content: '|';
  margin-left: 0.7em;
  color: var(--white);
}

footer ul.list-inline li:last-child a::after {
  content: '';
  margin: 0;
}

.btn.disabled,
.btn:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}
button {
  cursor: pointer;
}
.stepsmargin {
  max-width: 80% !important;
}
.form-check {
  padding-left: 0;
}
.bodywrap {
  height: auto !important;
}
a {
  font-weight: 400;
}
.semiBold a {
  font-weight: 600;
}

.semiBold,
.semibold {
  font-weight: 600 !important;
}

.custom-nav {
  background-color: var(--dark-grey-shade1);
  font-weight: 300;
  height: 3.7em;
  padding: 0 1em;
}
.dropdown-toggle::after {
  display: none;
}
.custom-nav .nav-tabs .nav-link {
  border: none;
  padding: 0 0;
  margin: 0;
  color: var(--grey-shade2) !important;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-weight: 300;
  font-size: 0.95vw;
  min-height: 4.5em;
  min-width: 4.4em;
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
  height: 4.5em;
  line-height: 2;
}

.custom-nav .nav-tabs {
  border-bottom: 0;
  overflow: hidden;
}

.custom-nav .nav-tabs .nav-item:last-child .nav-link {
  margin-right: 0;
}

.custom-nav .nav-tabs .nav-link span {
  margin-top: 1.7em;
  display: inline-block;
}

.custom-nav .nav-tabs .nav-link.chaticon {
  background: url(../images/chat-gray.png) no-repeat;
  background-position: 50% 27.7%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-size: 34%;
}
.custom-nav .nav-tabs .nav-link.shareicon {
  background: url(../images/share-gray.png) no-repeat;
  background-position: 50% 28%;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.custom-nav .nav-tabs .nav-link.controlicon {
  background: url(../images/control-gray.png) no-repeat;
  background-position: 50% 28%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-size: 32%;
}

.custom-nav .nav-tabs .nav-link.adminicon {
  background: url(../images/settings-gray.png) no-repeat;
  background-position: 50% 28%;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.custom-nav .nav-tabs .nav-link.demoicon {
  background: url(../images/demo-gray.png) no-repeat;
  background-position: 50% 28%;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.custom-nav .nav-tabs .nav-link.presenticon {
  background: url(../images/present-gray.png) no-repeat;
  background-position: 50% 15%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-size: 1.5em;
}
.custom-nav .nav-tabs .nav-link.speakericon {
  background: url(../images/speaker-gray.png) no-repeat;
  background-position: 50% 27.7%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-size: 34%;
}
.custom-nav .nav-tabs .nav-link.galleryicon {
  background: url(../images/gallery-gray.png) no-repeat;
  background-position: 50% 20.7%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-size: 41%;
}
.custom-nav .nav-tabs .nav-link.presentationicon {
  background: url(../images/presentation-gray.png) no-repeat;
  background-position: 50% 20.7%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-size: 41%;
}

.custom-nav .nav-tabs .nav-link.presenticon span {
  line-height: 1.1;
}
.text-red {
  color: var(--red);
}
.swal-overlay {
  z-index: 999999;
}

.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;
}
.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(--light-grey-shade2);
  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(--dark-grey-shade1);
  color: var(--white);
  border-top: 0.2em solid var(--dark-grey-shade1);
  border-bottom: 0.2em solid var(--dark-grey-shade1);
  padding: 1em;
  border-top-left-radius: 0.3em;
  border-top-right-radius: 0.3em;
}

.modal-header h5,
.modal-header .modal-title {
  font-weight: 600;
  font-size: 1.15vw;
  line-height: 1.3;
}

.modal .nav-tabs .nav-link {
  color: var(--dark-grey-shade2);
  text-transform: capitalize;
  border-bottom: none;
  box-shadow: none;
  border: 0.1em solid var(--light-grey-shade2);
  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(--dark-grey-shade2) !important;
  background-color: var(--light-grey-shade2);
  border: 0.1em solid var(--light-grey-shade2);
  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-shade1) !important;
  color: var(--white) !important;
}
.Toastify__toast--success svg path {
  fill: var(--white);
}
.table {
  margin-bottom: 0;
  border: 0.1vh solid var(--light-grey-shade1) !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(--light-grey-shade1);
}

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

.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(--light-grey-shade2);
}

.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(--light-grey-shade1);
}

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

.table tbody td a i {
  font-size: 0.87vw;
}
.asside h6 {
  margin-bottom: 0;
  position: relative;
  color: var(--dark-grey-shade2) !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;
}

.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(--light-grey-shade1);
  top: 0.2em;
  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-shade1);
  border-color: var(--green-shade1);
}
.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;
}
.checkwrap_profile .checkmark:after {
  margin-top: -0.18em;
  margin-left: -0.1em;
}
.asside form.form-simple .form-check,
.assideleft form.form-simple .form-check {
  padding-left: 0;
}
.flex-form {
  display: flex;
}
.flex-form .form-group {
  width: 20%;
  margin: 0 0.3em 0 0;
  max-width: 120px;
}
.searchBar .form-control {
  padding: 0.26em;
  background-position: center right 0.26em;
  height: 3em;
}

.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 {
  text-decoration: none;
  outline: 0;
}

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

.modal-dialog .modal-content {
  margin: auto;
  border: none;
  max-height: 98%;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.btn-dark {
  background-color: var(--grey-shade1) !important;
  border: 0.1em solid var(--grey-shade1) !important;
}
.btn-dark:hover {
  background-color: var(--grey-shade1-hover) !important;
  border-color: var(--grey-shade1-hover) !important;
}
.btn-dark:focus,
.btn-dark:active,
.btn-dark:not(:disabled):not(.disabled):active {
  outline: none;
  box-shadow: 0 0 0 0.075em var(--grey-shade1-hover) !important;
  border: 0.1em solid var(--white) !important;
  color: var(--white);
}
.modal-dialog .modal-content .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}
.radiowrap {
  display: inline-block;
  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;
}

.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%;
  top: 0.15em;
  height: 1.2em;
  width: 1.2em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.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: 1.14em;
  height: 1.14em;
  border-radius: 50%;
  background: var(--green-shade1);
  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-microphone,
.new-toolbox .toolbox-content .icon-microphone:hover {
  background: url(../images/btm-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;
}
.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;
}

.btm-bg .container a.profilewrap,
.muted-content .btm-bg .container a.profilewrap {
  background: url(../images/btm-icon6.png) no-repeat;
  background-position: 50% 23%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: 33%;
}
.new-toolbox .toolbox-content .icon-raised-hand,
.new-toolbox .toolbox-content i.icon-raised-hand.toggled {
  background: url(../images/btm-icon4.png) no-repeat;
  background-position: 50% 16% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 0;
  background-size: 60%;
  height: 2.7em;
}
.btm-bg .container a.upwrap,
.muted-content .btm-bg .container a.upwrap {
  background: url(../images/btm-icon3.png) no-repeat;
  background-position: 50% 23%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: 80%;
}

.btm-bg .container a.downwrap,
.muted-content .btm-bg .container a.downwrap {
  background: url(../images/btm-icon5.png) no-repeat;
  background-position: 50% 35%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: 80%;
}
.new-toolbox .toolbox-content .icon-camera,
.new-toolbox .toolbox-content .icon-camera:hover {
  border-left: 0.1em solid var(--light-grey-shade2);
  border-radius: 0;
  background: url(../images/btm-icon8.png) no-repeat;
  background-position: 50% 8%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background-size: 72%;
  height: 2.7em;
  width: 3.5em;
}
.new-toolbox .toolbox-content .icon-camera-disabled,
.new-toolbox .toolbox-content .icon-camera-disabled.toggled,
.new-toolbox .toolbox-content .icon-camera-disabled.toggled:hover,
.new-toolbox .toolbox-content .icon-camera-disabled:hover {
  background: url(../images/btm-off-icon8.png) no-repeat;
  background-position: 50% 8%;
  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-shade1);
  height: 0.31em;
}
.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;
}
.text-dark {
  color: var(--dark-grey-shade2);
}

.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(--light-grey-shade2);
  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: 1.25vw;
}

.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(--dark-grey-shade2);
  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% - 7em);
}

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

.controltab .rowrap span.iconwrap a:first-child {
  margin-left: 0;
}
.tooltip.bs-tooltip-top .arrow::before {
  border-top-color: var(--dark-grey-shade1);
}

.tooltip .tooltip-inner {
  text-align: left;
  padding-bottom: 0.6em;
  background-color: var(--dark-grey-shade1);
}
a {
  color: var(--green-shade1);
}

a:focus,
a:hover {
  color: var(--green-shade1-hover);
}

.justify-center {
  justify-content: center;
}
.fullwidth {
  width: 100%;
}
.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,
#electron-btn:focus {
  box-shadow: 0 0 0 0.075em var(--green-shade1-hover) !important;
  border: 0.1em solid var(--white) !important;
}
.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(--light-grey-shade2) !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(--light-grey-shade2);
  display: inline-flex;
  width: 100%;
  height: 100%;
  margin-top: 0 !important;
  justify-content: center;
  align-items: center;
}
.profilemodalwrap .shadow2 div {
  min-height: 3.6em;
  max-height: 100%;
  width: 100%;
  height: 100%;
  background-color: var(--white);
  display: flex;
  align-items: center;
  justify-content: 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;
}

.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-shade1);
  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(--light-grey-shade2);
  border: 0.1em solid var(--light-grey-shade2);
  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(--light-grey-shade2);
  color: var(--dark-grey-shade2) !important;
  border-bottom: none;
}
.custom-tabs .nav-item .nav-link.active {
  border: 0.1em solid var(--light-grey-shade2);
  background-color: var(--light-grey-shade2);
  border-bottom: none;
}
.custom-tabs .tab-content {
  border: 0.1em solid var(--light-grey-shade2);
  width: 100%;
  border-top: none;
  background-color: var(--light-grey-shade2);
}
.custom-tabs .tab-content .tab-pane {
  font-size: 0.95vw;
  padding: 1.5em;
  min-height: 17em;
}
.modal-share-electron .css-a5n5vp {
  background-color: var(--light-grey-shade2);
  left: 0;
  right: 0;
}
.vcenter {
  align-items: center;
  display: flex;
}

.text-light {
  color: var(--grey-shade2) !important;
}
.no-shadow {
  box-shadow: none;
}
.modal input[type='file'] {
  padding: 0.5em;
  overflow: hidden;
}
.text-default {
  color: var(--dark-grey-shade2) !important;
}

.asside .tab-content .tab-pane h5 {
  background-color: var(--grey-shade1);
  color: var(--white);
}
.asside .tab-content .tab-pane h5 img {
  width: 34%;
  margin-right: 0.5em;
}

.text-grey {
  color: var(--grey-shade2) !important;
}
.text-dark {
  color: var(--dark-grey-shade2) !important;
}
.controltab .rowrap span.iconwrap img {
  width: 100%;
}

.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-dark .navbar-toggler {
  padding-right: 0;
}

.asside .tab-content,
.asside .tab-content .tab-pane {
  height: 100%;
  overflow: hidden;
}
.modal-header h5 {
  position: relative;
  color: var(--white) !important;
}
.switch {
  position: relative;
  display: inline-block;
  width: 4.1em !important;
  height: 2.1em;
  margin-bottom: 0 !important;
}

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

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--light-grey-shade1);
  -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(--white);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 1.5em;
  bottom: 0.3em;
}
input:checked + .slider {
  background-color: var(--green-shade1);
}

input:focus + .slider {
  box-shadow: 0 0 0.1em var(--green-shade1-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;
}
.modal-switch .slider {
  width: 2.9em;
  font-size: 0.9vw;
  height: 1.7em;
  top: auto;
  bottom: auto;
}
.modal-switch .slider:before {
  height: 1.2em;
  left: 0.25em;
  top: 0.25em;
  width: 1.2em;
}

.modal-switch input:checked + .slider:before {
  left: -0.64em;
}
.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(--green-shade1);
  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-shade1);
}
.modal p {
  width: 100%;
}
.btn-greenL:focus,
.btn-greenL:hover {
  background-color: var(--green-shade1-hover) !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(--light-grey-shade1);
  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-hover);
  color: var(--white);
}
.btn-red:focus,
.cLnhlo a.btn-red:focus {
  box-shadow: 0 0 0 0.075em var(--red-hover) !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.custom-nav .navbar-nav .active > .nav-link,
.navbar-dark.custom-nav .navbar-nav .nav-link {
  color: var(--white);
}

.navbar-dark.custom-nav .navbar-nav.center_menu .active > .nav-link,
.navbar-dark.custom-nav .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-dark .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;
}
.fontawefree {
  font-family: 'Font Awesome 5 Free';
}
.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 {
  overflow-y: auto;
  max-height: 100%;
  position: relative;
  padding: 1em;
  min-height: 9em;
}

.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.custom-nav .navbar-nav.center_menu .nav-link.invite span,
.navbar-dark.custom-nav .navbar-nav.center_menu .nav-link.locked span,
.navbar-dark.custom-nav .navbar-nav.center_menu .nav-link.mainmenu span,
.navbar-dark.custom-nav .navbar-nav.center_menu .nav-link.settings span,
.navbar-dark.custom-nav .navbar-nav.center_menu .nav-link.unlocked span,
.navbar-dark.custom-nav .navbar-nav.center_menu .nav-link.webinar span,
.navbar-dark.custom-nav .navbar-nav.center_menu .nav-link.invitemainmenu span {
  margin-top: 1.8em;
  color: var(--grey-shade2);
}
.navbar-dark.custom-nav .navbar-nav.center_menu .nav-link.mainmenu:before {
  content: '\e601';
  font-family: simple-line-icons;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  font-size: 1.3vw;
  text-align: center;
  color: var(--grey-shade2);
}

.navbar-dark .navbar-brand {
  width: 8.15em;
  margin-right: 1em;
  padding: 0;
  line-height: 0;
  font-size: 1.17vw;
}

.navbar-dark.custom-nav .navbar-nav .dropdown.MainMenuUL .dropdown-menu {
  margin: 0;
  top: 100%;
  width: 15.65em;
  background-color: var(--grey-shade1);
  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.custom-nav
  .navbar-nav
  .dropdown.MainMenuUL
  .dropdown-menu
  .navbar-nav
  .nav-item {
  width: 100%;
  border-bottom: 0.1em solid transparent;
}

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

.navbar-dark.custom-nav
  .navbar-nav
  .dropdown.MainMenuUL
  .dropdown-menu
  .navbar-nav
  .nav-item
  a
  span {
  text-transform: capitalize;
  display: inline-block;
  margin-top: 0;
  color: var(--white);
  font-size: 0.9vw;
  line-height: 1.1;
}
.navbar-dark.custom-nav
  .navbar-nav
  .dropdown.MainMenuUL
  .dropdown-menu
  .navbar-nav {
  justify-content: left;
  flex-flow: column;
  position: relative;
}
.navbar-dark.custom-nav
  .navbar-nav
  .dropdown.MainMenuUL
  .dropdown-menu
  .navbar-nav:last-child {
  border-bottom: none;
}
.navbar-dark.custom-nav
  .navbar-nav
  .dropdown.MainMenuUL
  .dropdown-menu
  .navbar-nav
  .tag {
  position: absolute;
  right: -1.1em;
  color: var(--white);
  transform: rotate(90deg);
  top: 2.1em;
  font-size: 0.9vw;
}
.navbar-dark.custom-nav
  .navbar-nav
  .dropdown.MainMenuUL
  .dropdown-menu
  .navbar-nav:nth-child(2)
  .tag {
  right: -0.4em;
  top: 1.5em;
}
.navbar-dark.custom-nav
  .navbar-nav
  .dropdown.MainMenuUL
  .dropdown-menu
  .navbar-nav:nth-child(3)
  .tag {
  right: -0.7em;
}
.navbar-dark.custom-nav
  .navbar-nav
  .dropdown.MainMenuUL
  .dropdown-menu
  .navbar-nav:last-child
  .tag {
  right: -0.6em;
  top: 1.5em;
}
.navbar-dark.custom-nav
  .navbar-nav
  .dropdown
  .dropdown-menu
  .navbar-nav.bg-white
  a {
  color: var(--dark-grey-shade2);
}
.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-shade1);
}
.navbar-dark.custom-nav .navbar-nav .dropdown .dropdown-menu a {
  flex-direction: row;
  justify-content: flex-start;
  padding: 0.76em 1.3em;
  color: var(--white);
  font-size: 0.8vw;
  text-transform: uppercase;
  font-weight: 300;
  text-align: left;
  align-items: center;
  display: flex;
}
.navbar-dark.custom-nav .navbar-nav .dropdown .dropdown-menu a .menu_icons {
  width: 1.9em !important;
  height: 1.9em !important;
}
.navbar-dark.custom-nav .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 {
  background-color: rgba(0, 0, 0, 0.8);
}
.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-dark .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(--light-grey-shade1) !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;
}
.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(--light-grey-shade2);
  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;
}

.body-content form label.checkwrap {
  display: inline-block;
}

.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 .icon-raised-hand:focus,
.new-toolbox .toolbox-content .icon-raised-hand:hover {
  background: url(../images/btm-icon4.png) no-repeat;
  background-size: 60%;
}

.new-toolbox .toolbox-content i.icon-raised-hand.toggled,
.new-toolbox .toolbox-content i.icon-raised-hand.toggled:focus,
.new-toolbox .toolbox-content i.icon-raised-hand.toggled:hover {
  background: url(../images/btm-active-icon4.png) no-repeat;
  background-size: 60%;
}

.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;
}

.body-content.welcomwrap form .form-group,
.form-group {
  position: relative;
}

.body-content.welcomwrap form .form-group input {
  width: 80%;
}
#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-shade1);
  color: var(--white);
  padding: 0 1em;
  min-height: 2.4em;
  height: 3.6em;
  font-size: 1.17vw;
  line-height: 1.3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  z-index: 1;
  box-sizing: border-box;
  font-weight: 600;
}

.chat-header h5 {
  color: var(--white) !important;
  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;
  bottom: 0.45em;
  font-size: 1.3vw;
  height: 2.3em;
  line-height: 1;
  right: 0.3em;
  width: 2.3em;
}

#largeVideoWrapper {
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  inset: 0 !important;
  box-shadow: 0 0 20px -2px #444;
}

#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% - 7.95em);
  flex: none;
  font-size: 1.17vw;
  padding: 0.65em 1em;
}

#chat-input {
  border: none;
  display: inline-block;
  width: 100%;
  padding: 1em;
  height: 4.35em;
  font-size: 1.17vw;
  border-radius: 0.3em;
}
.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-shade1);
  float: right;
  color: var(--white);
  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(--dark-grey-shade2);
  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(--light-grey-shade2);
  float: left;
  color: var(--dark-grey-shade2);
  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(--dark-grey-shade1) !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(--light-grey-shade1);
  color: var(--dark-grey-shade2);
  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: #fff;
  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(--dark-grey-shade2);
  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(--dark-grey-shade2);
  background-color: var(--white);
  background-clip: padding-box;
  border: 0.1em solid var(--light-grey-shade1);
  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(--light-grey-shade1);
  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(--dark-grey-shade2);
}

.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;
}
.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(--dark-grey-shade1) !important;
  color: var(--white) !important;
  text-transform: uppercase !important;
  border-top: 0.2em solid var(--dark-grey-shade1) !important;
  border-bottom: 0.2em solid var(--dark-grey-shade1) !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(--dark-grey-shade2);
  text-transform: capitalize;
  border-bottom: none;
  box-shadow: none;
  border: 0.1em solid var(--light-grey-shade2);
  border-bottom: none;
  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(--dark-grey-shade2);
  padding: 0.55em 0;
}

.bottom-bar.navbar-expand-lg .navbar-nav .nav-link {
  color: var(--dark-grey-shade2) !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;
}
.body-content form span.fullwidth .btn-abso {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 0.6em 0.6em 0;
  bottom: 0;
  height: 100%;
  color: var(--white);
  padding: 0 0.5em;
  font-size: 1vw;
  min-width: 6.25em;
}

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

.body-content.fullcontentwrap h2 {
  padding-top: 1.15em;
  padding-bottom: 0.35em;
}

.body-content.fullcontentwrap h5 {
  font-size: 1.7vw;
  margin-bottom: 0.65em;
  margin-top: 1.1em;
}

.body-content.fullcontentwrap p {
  line-height: 1.7;
}

.body-content.fullcontentwrap .container {
  height: auto;
}

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;
  margin-bottom: 1em;
}

#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-shade2-opac);
}

.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-shade1);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white);
  flex-flow: column;
}

.light-bg {
  background-color: var(--light-grey-shade2);
  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.3em solid var(--green-shade1);
}

.updatedWrap .imgwrap h4 {
  color: var(--white) !important;
  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 {
  box-shadow: 0 0.2em 0.8em var(--green-shade1-opac);
  border: 0.1em solid var(--green-shade1);
  background-color: var(--green-shade1) !important;
  color: var(--white) !important;
  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-shade1-hover) !important;
  color: var(--white) !important;
}
.btn-white {
  border: 0.1em solid var(--light-grey-shade2);
  color: var(--dark-grey-shade2);
  background-color: var(--white);
  cursor: pointer;
  border-radius: 2em;
  padding: 0.31em 0;
  min-width: 13.25em;
  position: relative;
  max-width: 100%;
  height: 2.9em;
  width: auto;
  margin-left: 0.7em;
  text-align: center;
}
.btn-white:focus,
.btn-white:hover {
  color: var(--dark-grey-shade2);
  background-color: var(--light-grey-shade2-opac);
}
.btn-pure-white {
  background-color: var(--white);
  border-color: var(--white);
}
.btn-pure-white:hover,
.btn-pure-white:focus {
  background-color: var(--light-grey-shade2);
}
.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:focus,
a:hover {
  color: var(--green-shade1);
}

.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:hover {
  color: var(--white);
  text-decoration: none;
}
.dialogue-bg h3 {
  line-height: 1.3;
}

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

.body-content.welcomwrap h5 small {
  line-height: 1.6;
}

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

.form-group label {
  font-size: 1vw;
  width: 100%;
  margin-bottom: 0.5em;
}

small,
.tOoji,
.tOoji h2,
.eoRGoR,
.tOoji h5,
.tOoji h3,
.tOoji h1,
.tOoji h4,
.cLnhlo,
.cLnhlo h2,
.cLnhlo h5,
.cLnhlo h3,
.cLnhlo h1,
.cLnhlo h4 {
  color: var(--dark-grey-shade2) !important;
}

.container {
  max-width: 90%;
  padding-right: 1em;
  padding-left: 1em;
}

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

.fUkahW .updatedWrap .updatedWraprow .light-bg a {
  color: var(--green-shade1) !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(--dark-grey-shade2);
  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;
}
select.form-control {
  padding-top: 0.375em;
}

.custom-nav .navbar-collapse {
  flex-grow: 0;
}

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

.new-toolbox .toolbox-content {
  background: url(../images/top-bg.png) no-repeat;
  background-size: 100% 100%;
  background-position: center;
  position: absolute;
  top: 0;
  height: 3.5em;
  left: -0.1em;
  right: 0;
  width: 100%;
  margin: 0 auto;
}
.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-shade1);
  background-color: var(--green-shade1) !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::after {
  content: '\e079';
  font-family: simple-line-icons;
  position: absolute;
  right: 0.55em;
  top: 0.64em;
  font-size: 1.6vw;
  opacity: 0.5;
  display: none;
}

#modal-dialog-ok-button:focus,
#modal-dialog-ok-button:hover {
  background-color: var(--green-shade1-hover) !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-shade1);
  font-size: 1vw;
}

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

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

.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(--dark-grey-shade2);
  text-transform: capitalize;
  margin-bottom: 1.4em !important;
}
.replay-nav .new-toolbox .toolbox-content {
  width: 70%;
}
.custom-nav .nav-tabs .nav-item.share_screen {
  margin-right: 0.6em;
}
.custom-nav .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;
  width: 10px;
}
.loader_effect {
  filter: blur(0.8em);
  pointer-events: none;
  cursor: not-allowed;
  z-index: 9999;
  /* z-index: 99; */
  position: relative;
}
.bg-dark-grey {
  background-color: var(--dark-grey-shade1);
}
.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;
}
.dynamic-shadow {
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  transition: box-shadow 0.3s ease;
}
#dominantSpeakerAvatarContainer {
  top: 0;
  margin: auto;
  position: relative;
  overflow: hidden;
  visibility: inherit;
}
#remoteConnectionMessage,
#remotePresenceMessage {
  position: absolute;
  width: auto;
  z-index: 2;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  color: #fff;
  left: 50%;
  transform: translate(-50%, 0);
}
#remoteConnectionMessage,
#remotePresenceMessage {
  position: absolute;
  width: auto;
  z-index: 2;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  color: #fff;
  left: 50%;
  transform: translate(-50%, 0);
}
#remoteConnectionMessage,
#remotePresenceMessage .presence-label {
  opacity: 0.8;
  text-shadow: 0 0 1px rgb(0 0 0 / 30%), 0 1px 1px rgb(0 0 0 / 30%),
    1px 0 1px rgb(0 0 0 / 30%), 0 0 1px rgb(0 0 0 / 30%);
  background: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
#largeVideoBackgroundContainer,
.large-video-background {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
#largeVideoBackgroundContainer {
  filter: blur(40px);
}
.body-content.updatedWrap {
  height: calc(100% - 3.7em);
}
.navbar-dark.custom-nav .navbar-nav.center_menu .nav-link.mainmenu span,
.navbar-dark.custom-nav .navbar-nav.center_menu .nav-link.invitemainmenu span {
  margin-top: -0.2em !important;
  display: inline-block;
}

.custom-nav .nav-tabs .nav-item.active .nav-link.controlicon {
  background: url(../images/control-dark.png) no-repeat;
  background-position: 50% 28%;
  background-size: 32%;
}

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

.custom-nav .nav-tabs .nav-item.active .nav-link.faceicon,
.custom-nav .nav-tabs .nav-item.active .nav-link.presenticon {
  background: url(../images/present-dark.png) no-repeat;
  background-position: 50% 15%;
  background-size: 34%;
}
.custom-nav .nav-tabs .nav-item.active .nav-link.speakericon {
  background: url(../images/speaker-gray.png) no-repeat;
  background-position: 50% 27.7%;
  background-size: 34%;
}
.custom-nav .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 .exitwrapbtn span {
  display: none;
}

.new-toolbox .toolbox-content .avicon.active {
  background: url(../images/av-icon.png) no-repeat;
  background-position: 50% 0 !important;
  background-size: 63%;
}

.new-toolbox .toolbox-content .icon-hangup.active,
.new-toolbox .toolbox-content a.exitwrap.active {
  background: url(../images/btm-icon7-active.png) no-repeat;
  background-position: 52% 10%;
  background-size: 53%;
}
.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%;
}

.custom-nav .nav-tabs .nav-item.active span,
.navbar-dark.custom-nav .navbar-nav.center_menu .nav-link.mainmenu.active span,
.navbar-dark.custom-nav
  .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.custom-nav
  .navbar-nav.center_menu
  .nav-link.invitemainmenu.active:before,
.navbar-dark.custom-nav
  .navbar-nav.center_menu
  .nav-link.invitemainmenu.active
  span {
  color: var(--green-shade1);
}

.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;
}

.remoteVideosUI {
  background: url(../images/video-toggle-bg.png) no-repeat;
  background-size: 75% 60%;
  position: absolute;
  color: var(--white);
  cursor: pointer;
  height: 10.3em;
  width: 2.4em;
  padding: 0 0 0 0.6em;
  background-position: 0 10em;
  left: -1.7em;
  bottom: 0;
  z-index: 1;
}
#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-shade1) !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-shade1) !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(--dark-grey-shade3);
  margin: auto;
  text-align: center;
  width: 100%;
}

.hYjsWq {
  color: var(--green-shade1) !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;
}

.new-toolbox .toolbox-content .hangupwrap.active .icon-hangup {
  background: url(../images/btm-icon7-active.png) no-repeat;
  background-position: 50% 25%;
  background-size: 53%;
}

.locktext {
  margin-bottom: 0;
  font-size: 0.95vw;
  line-height: 1.7;
  margin-top: 1em;
}
.btn-mini {
  text-align: center;
  font-size: 1vw;
  padding: 0.4em 1.5em;
  min-width: 5.9em;
  line-height: 1.35;
  height: 2.6em;
  margin: 0 0.3em;
}

.swal-modal .swal-title {
  font-size: 1.6vw;
  color: var(--dark-grey-shade2);
  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;
}
.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(--dark-grey-shade2);
}
.pop-loader {
  position: absolute;
  width: 5%;
  top: 43%;
  left: auto;
  right: 48%;
  z-index: 1;
}

.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.custom-nav .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.custom-nav .navbar-nav .dropdown .dropdown-menu a i:before {
  display: none;
}

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

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

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

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

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

.navbar-dark.custom-nav .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(--dark-grey-shade1);
  padding: 0.2em 0.8em 0.4em;
  font-size: 1vw;
  width: auto !important;
}
.bs-tooltip-top .arrow::before {
  border-top-color: var(--dark-grey-shade1);
  left: auto;
}
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: var(--dark-grey-shade1);
  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;
}
.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%;
}

.fullwidth {
  width: 100%;
}
.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-shade1) !important;
}
.bg-orange {
  background-color: var(--orange) !important;
}
.bg-menugreen {
  background-color: var(--green-shade1) !important;
}

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

.hAuto {
  height: auto !important;
}

.wAuto {
  width: auto !important;
}
.k-grid {
  border: 0.1em solid var(--light-grey-shade2);
}

.k-grid-header .k-header {
  background-color: var(--light-grey-shade2) !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(--light-grey-shade1) !important;
  border-bottom: none !important;
}

.k-grid-header th.k-header {
  vertical-align: middle;
  font-weight: 600;
  color: var(--dark-grey-shade2);
  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(--dark-grey-shade2);
  line-height: 1;
}

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

.k-grid-content tr td {
  color: var(--dark-grey-shade2);
  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(--light-grey-shade2);
  color: var(--dark-grey-shade2);
}

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

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

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

.k-grid tbody tr:nth-of-type(even):hover {
  background-color: var(--light-grey-shade2) !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(--light-grey-shade2));
  border-color: var(--white);
}

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

.k-dropdown .k-state-default {
  background-color: var(--white);
  border-color: var(--light-grey-shade1);
}
.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(--light-grey-shade2);
}

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

.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;
  top: 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: 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);
}
.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(--green-shade1) !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-shade1) !important;
}

.playsound .audio-output-preview a {
  box-shadow: 0 0.2em 0.8em var(--green-shade1-opac);
  border: 0.1em solid var(--green-shade1);
  background-color: var(--green-shade1);
  color: var(--white) !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-shade1-hover);
  color: var(--white);
}
#chat-input .usrmsg-form {
  float: left;
  width: 100%;
}

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

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

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

.record .jitsi-icon::before {
  content: '\f527';
  display: inline-block;
  font-family: 'Font Awesome 5 Pro';
}

.chat-close .jitsi-icon::before {
  content: '\f00d';
  display: inline-block;
  font-family: 'FontAwesome';
}

.chat-close .jitsi-icon svg,
.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(--light-grey-shade2-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-shade1);
  background-color: var(--grey-shade1) !important;
  box-shadow: 0 0.2em 0.8em var(--grey-shade1-opac);
  color: var(--white) !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,
.btn-link:hover,
.btn-link:focus,
#electron-btn-cancel:hover {
  background-color: var(--grey-shade1-hover) !important;
  border: 0.1em solid var(--grey-shade1-hover);
}

.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-shade1);
}

.scheduleMeet .k-upload .k-upload-button {
  background-color: var(--white);
  color: var(--dark-grey-shade2);
  padding: 0;
  height: 3.4em;
  cursor: pointer;
  outline: none;
  display: flex;
  align-items: center;
  padding-left: 0.3em;
  border: 0.1em solid var(--light-grey-shade1);
  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(--light-grey-shade2);
  border: 0.1em solid var(--light-grey-shade2);
  cursor: pointer;
}

.scheduleMeet .widthSmall .k-upload .k-dropzone .k-dropzone-hint {
  border: 0.1em dashed var(--light-grey-shade1);
  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__Body-sc-1npw367-7,
.swal-modal {
  border-top: 2.7vw solid var(--dark-grey-shade1);
  border-bottom: 0.31vw solid var(--grey-shade1);
}

.cliqcn .Content__Footer-sc-1npw367-9 {
  border-bottom: 0.5em solid var(--grey-shade1);
  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-shade1);
  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-shade1);
  background-color: var(--grey-shade1) !important;
  box-shadow: 0 0.2em 0.8em var(--grey-shade1-opac);
  color: var(--white) !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 {
  background-color: var(--grey-shade1-hover) !important;
  border: 0.1em solid var(--grey-shade1-hover);
}

.swal-footer .swal-button-container .swal-button--confirm {
  box-shadow: 0 0.2em 0.8em var(--green-shade1-opac);
  border: 0.1em solid var(--green-shade1);
  background-color: var(--green-shade1) !important;
  color: var(--white) !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 {
  background-color: var(--green-shade1-hover) !important;
  color: var(--white) !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(--dark-grey-shade2);
  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-shade1);
  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 {
  outline: none;
  box-shadow: 0 0 0 0.075em var(--green-shade1-hover) !important;
  border: 0.1em solid var(--white) !important;
}

.btn-link:focus,
.playsound .audio-output-preview a:focus,
.swal-button--cancel:focus,
#electron-btn-cancel:focus {
  outline: none;
  box-shadow: 0 0 0 0.075em var(--grey-shade1-hover) !important;
  border: 0.1em solid var(--white) !important;
}

.body-content form span.fullwidth .btn-abso {
  box-shadow: none !important;
}

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

.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(--dark-grey-shade2) !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-shade1);
  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;
}

.upload-progress .progress {
  height: 1.7em !important;
  margin-top: 0.5em;
}

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

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

.bg-red {
  background-color: var(--red);
}
.progress.disabled .progress-bar {
  background-color: var(--light-grey-shade1);
}

.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-shade1) !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(--green-shade1);
}

.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%;
}
.body-content form span.fullwidth .btn-abso {
  height: auto !important;
}
.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-shade1);
  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-shade1);
  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(--dark-grey-shade2) !important;
  background-color: var(--white) !important;
  box-shadow: none !important;
  padding: 0 !important;
  max-width: 27em !important;
  margin-top: 0.55em;
}
.app_btns {
  margin: 20px 0;
}

.app_btns a {
  display: inline-block;
  width: 100%;
  margin: 5px 0;
  cursor: pointer;
}

.app_btns a img {
  width: 120px;
}

.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 {
  box-shadow: none !important;
  border: none !important;
}
.deep-linking-mobile__button {
  width: 10em;
}
.deep-linking-mobile__button img {
  width: 100%;
}
::-webkit-scrollbar {
  width: 0.65em !important;
  border-radius: 10em;
}
::-webkit-scrollbar-track {
  background: var(--dark-grey-shade1) !important;
  border-radius: 10em;
}
::-webkit-scrollbar-thumb {
  background: var(--green-shade1) !important;
  border-radius: 10em;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--green-shade1-hover) !important;
  border-radius: 10em;
}
.select_custom select::-webkit-scrollbar {
  width: 0.1em !important;
}
:root {
  scrollbar-color: var(--green-shade1) var(--dark-grey-shade1) !important;
  scrollbar-width: 0.8em !important;
  border-radius: 10em;
}
* {
  scrollbar-color: var(--green-shade1) var(--dark-grey-shade1) !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;
}

.body-content.welcomwrap {
  min-height: calc(100% - 9.8em);
  background-color: transparent;
}

.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(--dark-grey-shade1);
  border-bottom: 0.35em solid var(--grey-shade1);
  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(--dark-grey-shade2) !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;
}

.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;
  top: 0.3em;
}

.swal-modal {
  width: 35% !important;
  max-width: 73%;
  border-radius: 0.3vw 0.3vw 0 0;
  margin: 0 auto;
  max-height: 99%;
}

.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.14em;
  width: 1.14em;
  top: 0.2em;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.toolsWrap {
  background: url(../images/top-bg.png) no-repeat;
  background-size: 100% 100%;
  height: 3.5em;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 28%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.toolsWrap span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex-direction: column;
  color: var(--grey-shade2);
  cursor: pointer;
  font-size: 0.8vw;
  min-width: 4.2em;
}

.toolsWrap span:last-child {
  min-width: auto;
}

.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-av-disabled {
  background: url(../images/av-icon-off.png) no-repeat;
  background-position: 50% 10%;
  background-size: 67%;
}

.toolsWrap i.icon-av {
  background: url(../images/av-icon.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-exit-disabled {
  background: url(../images/btm-icon7.png) no-repeat;
  background-position: 50% 10%;
  background-size: 61%;
}

.toolsWrap i.icon-exit {
  background: url(../images/btm-icon7-active.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;
}

.conference-nav .flex-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  width: 35%;
  position: relative;
}

.conference-nav .flex-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 35%;
  position: relative;
}
.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;
  min-width: 6em;
  line-height: 1.2;
  color: var(--grey-shade2);
  position: absolute;
  left: 0;
}
.conference-nav .flex-left .btn-dark:focus,
.conference-nav .flex-right .btn-dark:focus,
.modal .modal-title .btn:focus {
  border-color: var(--dark-grey-shade1) !important;
}
.Slidebar {
  position: absolute;
  background-color: var(--white);
  height: calc(100% - 3.7em);
  top: 3.7em;
  bottom: auto;
  overflow: hidden;
  z-index: 9;
  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%;
}

.navbar-dark.custom-nav .navbar-nav .dropdown .dropdown-menu a i.recordicon {
  background: url(../images/start-recording.png) no-repeat;
}

.HeadLike-bg {
  background-color: var(--light-grey-shade2);
  border-bottom: 0.1em solid var(--light-grey-shade2);
}
.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: #759075;
}

.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);
}

.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-dark.outer-nav {
  background-color: rgba(236, 238, 240, 0.5);
  height: 6em;
}

#main_header .navbar-dark .navbar-nav li .nav-link {
  color: var(--dark-grey-shade2) !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;
}

#main_header .navbar-dark .navbar-nav li a.nav-link.active {
  color: var(--green-shade1) !important;
}

.btn-orange {
  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:hover {
  background-color: var(--orange-hover) !important;
  color: var(--white);
}

.btn-orange:focus {
  box-shadow: 0 0 0 0.075em var(--orange-hover) !important;
}

#main_header .navbar-dark.outer-nav .navbar-brand {
  width: 8.15em;
}

.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-hover) !important;
  color: var(--white);
}

.btn-orange-body:focus {
  box-shadow: 0 0 0 0.075em var(--orange-hover) !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(--dark-grey-shade2) !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 {
  min-height: calc(100% - 9.8em) !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(--dark-grey-shade1);
}

.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(--dark-grey-shade1) !important;
}

.justify-content-space-between {
  justify-content: space-between;
}
.custom-nav .nav-tabs .nav-link.presenticon.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(--green-shade1);
  border-top: 0.1vw solid var(--green-shade1);
  color: var(--dark-grey-shade2) !important;
  font-size: 2.3vw;
  line-height: 1.9;
}

.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(--dark-grey-shade2) !important;
  font-family: 'Titillium Web', 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;
  color: var(--white) !important;
  border: 0.1vw solid transparent;
}

.modal-dialog.events-modal {
  width: 65%;
}

.navbar-dark.custom-nav
  .navbar-nav
  .dropdown.MainMenuUL
  .dropdown-menu
  .navbar-nav
  .nav-item
  a
  span
  small {
  color: var(--white) !important;
}

.navbar-dark.custom-nav
  .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(--green-shade1);
  background-color: var(--green-shade1) !important;
  box-shadow: 0 0.2em 0.8em var(--green-shade1-opac);
  color: var(--white) !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-shade1);
  background-color: var(--grey-shade1) !important;
  box-shadow: 0 0.2em 0.8em var(--grey-shade1-opac);
  color: var(--white) !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;
}
.modal .btn-link:last-child,
.modal #electron-btn:last-child {
  margin-right: 0;
}
.is-selected {
  border: 0.1em solid var(--light-grey-shade1);
}

#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, 1);
  justify-content: center;
  width: 100%;
}
.media-sharing .media-sharing-icons-container {
  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: 0.7em;
  color: var(--white);
  left: 0.35em;
}
.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-full {
  top: 0 !important;
  height: 100% !important;
}
.custom__btn_text {
  word-break: break-word;
  white-space: normal;
  max-width: 10em;
}
.room__background {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: top !important;
}
.room_transparent_background > video {
  background-color: transparent !important;
}

@-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 {
  border: 0.45em solid transparent !important;
  box-shadow: none !important;
  border-left-color: var(--light-grey-shade2) !important;
}
.modal button.react-datepicker__navigation--previous:focus {
  border: 0.45em solid transparent !important;
  box-shadow: none !important;
  border-right-color: var(--light-grey-shade2) !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-shade1) !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(--dark-grey-shade2);
  margin: auto;
  border-radius: 0.4em;
  border: none;
  max-height: 100%;
  padding: 1em;
  border-top: 1.9em solid var(--dark-grey-shade1);
  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-shade1);
  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 {
  background-color: var(--green-shade1-hover) !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: rgb(70, 84, 105, 0.7);
  color: var(--white) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4vw;
  top: 0;
}
.iframe-modal .modal-content {
  background-color: transparent;
}
.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 .modal-content .modal-footer {
  display: none;
}
.iframe-modal .modal-content .modal-header {
  background-color: transparent;
  border: none;
  height: 0;
  padding: 0;
  margin-bottom: 0.7em;
}
.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 {
  background: var(--white);
  width: 1.2em;
  height: 1.2em;
  border-radius: 20px;
  display: flex;
  position: absolute;
  right: 4px;
  align-items: center;
  justify-content: center;
}
.iframe-modal .modal-content .modal-header .ico_times i {
  position: absolute;
  right: -1px;
  font-size: 1.5vw;
  top: -1px;
  cursor: pointer;
  /* color: var(--white); */
}
.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-shade1);
  color: var(--white);
  display: flex;
  padding: 0.3em 0.5em;
  margin-bottom: 0.65em;
}
.lifetime-content .createwrap {
  background-color: var(--white);
  color: var(--dark-grey-shade2);
  box-shadow: 0 0 0.1em var(--light-grey-shade2);
  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::after {
  content: '\f078';
  font-family: 'FontAwesome';
  position: absolute;
  top: 0.6em;
  font-size: 0.6vw;
  right: -1.9em;
  font-weight: normal;
}
.chat-dropdown .dropdown-menu {
  margin: 0;
  width: auto;
  background-color: var(--grey-shade1);
  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 rgba(66, 80, 101, 0.2);
}
.chat-dropdown .dropdown-menu ul li a {
  flex-direction: row;
  justify-content: flex-start;
  color: var(--white) !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 {
  margin-right: 0.8em;
  position: absolute;
  left: 0.8em;
  top: 0.8em;
}
.conference-nav .flex-right .nav-tabs {
  overflow: visible;
}
.highlighted-box::after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1;
  width: 100%;
  content: '';
  box-shadow: inset 0 0 1.25em var(--green-shade2);
}
.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%;
}
.forgotP {
  font-size: 0.9vw;
}
.forgot-password .forgot-email {
  min-height: 10.35em;
}
.another-room {
  min-height: 6.6em;
}
#main_header .navbar-dark .navbar-nav li a.nav-link.text-green {
  color: var(--green-shade1) !important;
  position: relative;
  text-align: center;
  padding: 0 1.1em;
}
#main_header .navbar-dark .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(--dark-grey-shade2) !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(--dark-grey-shade2) !important;
  text-transform: inherit;
  font-weight: 600;
}
.waiting-room .dropdown .dropdown-toggle span::after {
  content: '\f078';
  font-family: 'FontAwesome';
  position: absolute;
  top: 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 rgba(0, 0, 0, 0.15);
  margin: 0.125em 0 0;
}
.waiting-room .dropdown-menu a {
  align-items: center;
  display: flex;
  height: 2.3em;
  padding: 0 1.1em;
  font-size: 0.95vw;
}
.waiting-room .dropdown-menu a label {
  margin: 0;
  font-size: 0.95vw;
}
.waiting-room .dropdown-menu a label .checkmark {
  top: -0.15em;
}
.text-green,
.asside .status-text.text-green {
  color: var(--green-shade1) !important;
}
.waiting-room-wrap span {
  background-color: var(--green-shade1);
  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;
}
.custom-nav .nav-tabs .nav-link.attendees-icon-wrap {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}
.custom-nav .nav-tabs .nav-link.attendees-icon-wrap i {
  font-size: 1.1vw;
}
.custom-nav .nav-tabs .nav-link.attendees-icon-wrap span {
  margin-top: 1.7em;
}
.custom-nav .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;
}
.custom-nav .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%;
}
.custom-nav .nav-tabs .nav-link.chaticon-filled small {
  position: absolute;
  top: 1.2em;
  font-weight: bold;
}
.custom-nav .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;
}
.custom-nav
  .nav-tabs
  .nav-link.attendees-icon-wrap
  div
  .attendees-filled
  small {
  font-weight: bold;
  padding: 0 0.1em;
}
.custom-nav
  .nav-tabs
  .nav-item.active
  .nav-link.attendees-icon-wrap
  div
  .attendees-filled {
  background-color: var(--green-shade1);
}
.custom-nav .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%;
}
.custom-nav .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 {
  background-color: var(--grey-shade1);
  color: var(--white);
  padding: 0 1em;
  min-height: 2.4em;
  height: 3.6em;
  font-size: 1.17vw;
  line-height: 1.3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.extenions-header h5 {
  color: var(--white) !important;
  height: 100%;
  display: flex;
  align-items: center;
  width: 100%;
}
.extenions-header .chat-close {
  align-items: center;
  color: var(--white);
  cursor: pointer;
  display: flex;
  position: absolute;
  justify-content: flex-end;
  padding: 0 0.4em;
  bottom: 0.45em;
  font-size: 1.3vw;
  height: 2.3em;
  line-height: 1;
  right: 0.5em;
  width: 2.3em;
}
.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(--light-grey-shade2);
  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-shade1-opac);
}
.extensions-wrap ul li .extensions-options .dropdown-toggle {
  background-color: var(--white);
  color: var(--dark-grey-shade2) !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(--dark-grey-shade2) !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.1em;
}
.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-shade1);
  font-weight: 600;
  justify-content: flex-start;
  border-top: 0.1em solid var(--light-grey-shade2);
  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(--dark-grey-shade2) !important;
}
.extensions-footer.instructions i {
  margin-right: 0.6em;
}
.extensions-wrap.on-second ul li .extensions-options:hover {
  background-color: var(--light-grey-shade2-opac);
}
.extensions-wrap.on-second ul li .extensions-options,
.extensions-wrap.on-first ul li .extensions-options {
  border-left: 0.3em solid var(--green-shade1);
  position: relative;
  color: var(--dark-grey-shade2) !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(--light-grey-shade1);
  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(--light-grey-shade2);
  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(--light-grey-shade1);
  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(--light-grey-shade2);
  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-shade1);
  position: relative;
  color: var(--dark-grey-shade2) !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-first {
  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(--light-grey-shade2);
  background-color: var(--light-grey-shade2);
  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(--light-grey-shade2);
  cursor: pointer;
  width: 2.5em;
  height: 2.5em;
  font-size: 1.15vw;
  margin-left: 0.5em;
}
.pagination li.disabled a {
  color: var(--light-grey-shade1) !important;
}
.pagination li.disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.pagination li.active {
  border: 0.1em solid var(--green-shade1);
  background-color: var(--green-shade1);
  color: var(--white);
}
.pagination li.active:hover,
.pagination li.active:focus,
.pagination li:hover,
.pagination li:focus {
  background-color: var(--green-shade1-hover);
  color: var(--white);
}
.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-shade1) !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(--white) !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(--dark-grey-shade1);
  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: 999;
  min-height: 2.8em;
}
.pagination_custom .spinner {
  width: 1.3em;
  height: 1.3em;
  left: calc(50% - 0.5em);
}
.pagi-right {
  color: var(--grey-shade1);
  width: 1em;
  height: 1.9em;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  cursor: pointer;
}
.pagi-left {
  color: var(--grey-shade1);
  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;
}
.galleryMain .slide-left {
  position: absolute;
  left: 1em;
  bottom: 1em;
  color: var(--dark-grey-shade2) !important;
  width: 1.9em;
  height: 1.9em;
  background-color: var(--grey-shade1);
  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(--dark-grey-shade2) !important;
  width: 1.9em;
  height: 1.9em;
  background-color: var(--grey-shade1);
  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(--dark-grey-shade1);
  color: var(--grey-shade2) !important;
  transition: all ease 0.5s;
}
.sc-bwzfXH.cLnhlo {
  margin-top: 0;
  float: none;
  padding: 0;
  color: var(--dark-grey-shade2) !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(--dark-grey-shade2) !important;
}
.hyywsw.hyywsw:hover {
  color: var(--dark-grey-shade2) !important;
  background-color: var(--light-grey-shade2) !important;
}
.device-selection .device-selectors .dropdown-menu div {
  width: 100%;
}
.device-selection .device-selectors .dropdown-menu button {
  background-color: transparent;
  margin: 0;
  color: var(--dark-grey-shade2) !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(--dark-grey-shade2) !important;
  font-size: 1vw !important;
  padding: 0.8em 0.85em;
}
.device-selection .device-selectors .dropdown-menu .jzqbjL.jzqbjL:hover {
  background-color: var(--light-grey-shade2);
}
.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(--dark-grey-shade2) !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(--light-grey-shade2) !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.7em;
}
.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(--green-shade1);
  background-color: var(--white) !important;
  color: var(--green-shade1) !important;
}
.stream-fields .listing-body {
  border: 0.1em solid var(--light-grey-shade1);
  overflow-y: auto;
  padding: 0.3em;
  margin-top: 0.65em;
  height: 13.2em;
  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(--light-grey-shade2);
}
.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;
}
.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(--green-shade1-opac);
}
.stream-fields .listing-body li.active {
  background-color: var(--green-shade1);
}
.stream-fields .listing-body li a,
.stream-fields .listing-body li .streamingDestinationDelete {
  color: var(--dark-grey-shade2) !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 li .slider:before {
  top: 0.15em;
}
.stream-fields .listing-body .modal-switch input:checked + .slider:before {
  left: -0.8em;
}
.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;
}
.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(--dark-grey-shade1);
  display: flex;
  position: absolute;
  width: 0.5em;
  height: 0.63em;
  top: 0.35em;
}
.stream-fields .tooltip_container::after {
  left: 0.2em;
}
.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(--dark-grey-shade1);
  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 {
  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(--light-grey-shade2);
  border: 0.1em solid var(--light-grey-shade2);
  border-radius: var(--border-radius);
  display: flex;
  align-items: center;
  color: var(--dark-grey-shade2);
  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: 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 {
  display: flex;
  flex-wrap: wrap;
  border: 0.1em solid var(--light-grey-shade1);
  border-radius: 0.6em;
  padding: 0.3em 0.3em 0;
  margin-top: 0.6em;
  min-height: 15.7em;
  overflow-y: auto;
  align-items: flex-start;
  margin-left: 0;
  height: 15.7em;
  font-size: 1.17vw;
}
.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(--dark-grey-shade2);
  width: 23.7%;
  margin-top: 0;
  border: 0.1em solid var(--light-grey-shade1);
  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 div.virtual-background-none:hover,
.virtual-background-dialog div.slight-blur:hover,
.virtual-background-dialog div.blur:hover,
.virtual-background-dialog img.thumbnail:hover,
.virtual-background-dialog div.thumbnail-container:hover {
  border: 0.1em solid var(--green-shade1-hover);
  height: 5.2em;
  opacity: 1;
}
.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 label {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 0.95vw;
  height: 2.7em;
}
.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(--light-grey-shade1);
  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;
}
.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-shade1);
  border-radius: 0.6em;
  margin: 0;
  box-shadow: none;
  font-size: 0.85vw;
  background-color: var(--white);
  color: var(--dark-grey-shade2);
  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(--dark-grey-shade1);
  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 .upload-background select {
  border-color: var(--light-grey-shade1);
  border-radius: 0.6em;
  margin-left: 0.5em;
  width: calc(100% - 16.3em);
  height: 2.9em;
}
.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(--light-grey-shade1);
  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(--light-grey-shade1);
  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-shade1) !important;
  border-color: var(--grey-shade1) !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(--dark-grey-shade2);
}
.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(--dark-grey-shade2) !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-shade1);
}
.cross {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  margin-bottom: 0.35em;
}
.cross button {
  padding: 0;
  border: 0.1em solid var(--grey-shade1) !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-shade1);
}
.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-shade1-hover) !important;
  background-color: var(--green-shade1-hover);
}
.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-shade1);
  background-color: var(--green-shade1);
  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-shade1);
  border: 0.1em solid var(--grey-shade1);
  color: var(--white);
}
.extension-validation button:hover {
  background-color: var(--green-shade1-hover);
}
.extension-validation button.close:hover {
  background-color: var(--red-hover);
}
.extension-validation button.dark:hover {
  background-color: var(--grey-shade1-hover);
}
.submit-for-publication a {
  padding: 0;
  color: var(--dark-grey-shade2) !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-shade1);
  background-color: var(--green-shade1);
  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-shade1);
  border: 0.1em solid var(--grey-shade1);
  color: var(--white);
}
.extension-cover button:hover {
  background-color: var(--green-shade1-hover);
}
.extension-cover button.close:hover {
  background-color: var(--red-hover);
}
.extension-cover button.dark:hover {
  background-color: var(--grey-shade1-hover);
}
.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 {
  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 {
  border: none !important;
}
.toolsWrap span.speaker-toolbar {
  padding-left: 0.9em;
  padding-right: 0.3em;
}
.navbar-dark.custom-nav .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(--dark-grey-shade2) !important;
  font-size: 1.2vw;
  line-height: 1.4;
}
.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-shade1);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
  background-color: var(--green-shade1) !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-shade1);
  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(--white) !important;
  font-weight: 300;
  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;
  color: var(--green-shade1) !important;
  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;
}
.custom-nav .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%;
}
.custom-nav .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%;
}
.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;
}
.desired-pass .btn-help-freetrial {
  top: 2.7em;
  right: 0.75em;
}
.attendees-dropdown .dropdown-menu {
  left: -6em !important;
}
.attendees-dropdown .dropdown-menu ul li a {
  white-space: nowrap;
}
.ml-20px {
  margin-left: 1.25em;
}
.mr-15px-minus {
  margin-right: -1em !important;
}

.blinkingBackground {
  background-color: var(--green-shade1);
  color: var(--white);
  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(--grey-shade1);
  color: var(--white);
  display: flex;
  align-items: center;
  font-size: 0.8vw;
  padding: 0.5em 0;
  height: 5.6em;
}
.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;
}
.custom-nav .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-shade1);
  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);
}
.network-dropdown .dropdown-menu ul {
  padding: 0.35em 0;
  width: 100%;
}
.network-dropdown .dropdown-menu li {
  width: 100%;
  border-bottom: 0.1em solid rgba(66, 80, 101, 0.2);
}
.network-dropdown .dropdown-menu li a {
  flex-direction: row;
  justify-content: flex-start;
  color: var(--white) !important;
  text-transform: uppercase;
  font-weight: 300;
  text-align: left;
  align-items: center;
  display: flex;
  padding: 0.4em 1.35em;
  font-size: 0.85em;
  width: 100% !important;
}
.participantShare-tab {
  height: calc(100% - 3.6em);
  padding-bottom: 0;
  font-size: 1.17vw;
}
.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: 1em 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(--light-grey-shade2);
}
.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-shade1);
  font-weight: 600;
  background-color: var(--green-shade1-opac);
  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-shade1-opac);
}
.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(--light-grey-shade1);
  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-shade1-opac);
  box-shadow: 0 0 1.3em var(--light-grey-shade3);
}
.section-feature-pricing
  .feature-container
  .Meetn-feature-box
  .feature-inner
  .feature-header-inner {
  border-bottom: 0.1em solid var(--green-shade1-opac);
}
.section-feature-pricing
  .feature-container
  .Meetn-feature-box
  .feature-inner
  .feature-header-inner::after {
  color: var(--green-shade1);
}
.section-feature-pricing .feature-container .feature-body ul li i {
  color: var(--green-shade1);
  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 {
  box-shadow: 0 0 0.5em var(--light-grey-shade2) !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 .feature-details-container {
  display: flex;
}
.section-feature-details .feature-details-container ul {
  padding: 0;
  margin: 0;
  width: 50%;
  padding-right: 1em;
}
.section-feature-details .feature-details-container ul li {
  display: flex;
  position: relative;
  padding: 0.5em 1.5em;
  min-height: 2.6em;
  font-size: 1vw;
  padding-left: 2.6em;
  align-items: center;
}
.section-feature-details .feature-details-container ul li:nth-child(odd) {
  background-color: var(--green-shade1-opac);
}
.section-feature-details .feature-details-container ul:last-child {
  padding-right: 0;
}
.section-feature-details .feature-details-container ul li::before {
  content: '';
  position: absolute;
  background: url(../images/arrow-bullets.svg) no-repeat;
  background-size: 100%;
  background-position: center;
  left: 0.55em;
  width: 1em;
  font-size: 1.17vw;
  height: 100%;
}
.section-feature-details {
  padding-bottom: 3em;
  margin: 5em auto 3em;
}
.feature-signup {
  min-height: calc(100% - 9.8em) !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: 0.1em solid var(--light-grey-shade2);
  border-radius: 0.6em;
  padding: 1.5em 1.9em;
  border-bottom: 0.7em solid var(--light-grey-shade1);
  box-shadow: 0 0 0.5em var(--light-grey-shade3);
}
.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-shade1);
  border-color: var(--grey-shade1);
  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:active,
.btn-dark:not(:disabled):not(.disabled):active {
  background-color: var(--grey-shade1-hover);
  border-color: var(--grey-shade1-hover);
}
.congrats-modal .btn-dark:focus {
  box-shadow: 0 0 0 0.075em var(--grey-shade1-hover) !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-shade1);
  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;
}
.body-content.welcomwrap .img-wrap img {
  width: 100%;
}
.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-shade1);
  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(--dark-grey-shade2);
}

.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;
  /* background: url(../images/homepage-background-circles.png) no-repeat;
    background-size: 100%; */
  width: 100%;
}
.landing_page #main_header .navbar-dark.outer-nav {
  background-color: rgba(236, 238, 240, 0.5);
}
.landing_page_content .bullet_points {
  display: flex;
  justify-content: center;
}
.landing_page_content .bullet_points ul {
  padding: 0;
  list-style: none;
  margin-right: 1.5em;
  margin-bottom: 1em;
}
.landing_page_content .bullet_points ul:last-child {
  margin-right: 0;
}
.landing_page_content .bullet_points li {
  position: relative;
  padding-left: 2.5em;
  margin-bottom: 0.3em;
}
.landing_page_content .bullet_points li::before {
  content: '';
  position: absolute;
  background: url(../images/arrow-bullets.svg) no-repeat;
  background-size: 100%;
  height: 100%;
  background-position: 0 0.25em;
  left: 0.6em;
  width: 1em;
}
.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: 40%;
  padding: 0 0 2em;
  text-align: center;
}
.form_container .form_chest h4 {
  color: var(--green-shade1) !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(--light-grey-shade1);
  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;
}
.pb-3,
.py-3 {
  padding-bottom: 1em !important;
}
.body-content.updatedWrap .light-bg .join_with_phone_container {
  width: 62%;
}
.dropdown-menu {
  min-width: 10em;
}
.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 {
  box-shadow: 0 0 0 0.075em var(--grey-shade1-hover) !important;
}
.nav-tabs {
  border-bottom: 0.1em solid var(--light-grey-shade2);
}
.table-responsive {
  margin-bottom: 2em;
}
.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(--light-grey-shade1) !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(--light-grey-shade1) !important;
  background-color: var(--light-grey-shade2) !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(--light-grey-shade1) !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(--light-grey-shade2) !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-shade1) !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 {
  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,
.mx-1 {
  margin-right: 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(--dark-grey-shade2) !important;
}
.dldlNC h3 {
  color: var(--dark-grey-shade2) !important;
}
.text-green,
.dldlNC h3.text-green,
.facebook-list-modal a.text-green {
  color: var(--green-shade1) !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(--dark-grey-shade2);
  font-size: 1.17vw !important;
}
.build-failed-text a {
  font-size: 1.17vw !important;
  text-decoration: underline;
}
.deep-linking-mobile #main_header .navbar-dark .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-shade1) !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 .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(--dark-grey-shade2);
  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-shade1);
}
.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: 75%;
}
.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-shade1);
  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-shade1);
  color: var(--white);
}
.marketing_banner_container {
  display: flex;
  align-items: center;
}
.marketing {
  background-color: var(--light-grey-shade2);
  margin: 0;
  padding-top: 3.1em;
  padding-bottom: 2em;
}
.marketing_banner_content {
  text-align: left;
  display: flex;
  flex-direction: column;
}
.price_comparison {
  display: flex;
  justify-content: center;
  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: 35%;
  margin: 0 1em;
}
.price_comparison__container {
  display: flex;
  flex-direction: column;
  border: 0.1em solid;
  box-shadow: 0 0 0.5em;
  color: var(--dark-grey-shade2);
  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;
  top: 0.85em;
  right: 0.8em;
}

.loader-container {
  position: relative;
  display: inline;
  font-size: 3em;
  color: #6cb33f;
  font-family: 'Titillium Web', sans-serif !important;
}
.loader-text {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100%;
}
.password-dialogue-box {
  background-color: var(--white);
  color: var(--dark-grey-shade2);
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.password-heading {
  font-size: 1.85vw;
  margin-bottom: 1em;
  text-align: center;
  line-height: 1.35;
}
@-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.8vw;
}
.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.8em;
  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.9em;
  width: 5em !important;
}
.toggle__switch .slider {
  border-radius: 0.4em;
  overflow: hidden;
}
.toggle__switch .slider:before {
  width: 50%;
  left: 0;
  background-color: var(--green-shade1);
  height: 100%;
  bottom: 0;
  border-radius: 0.4em 0 0 0.4em;
}
.toggle__switch input:checked + .slider {
  background-color: var(--light-grey-shade1);
}
.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: 600;
}
.toggle__switch
  input
  ~ .toggle_switch_text
  .toggle_switch_text_span:first-child,
.toggle__switch
  input:checked
  ~ .toggle_switch_text
  .toggle_switch_text_span:last-child {
  color: var(--white);
}
.toggle__switch
  input:checked
  ~ .toggle_switch_text
  .toggle_switch_text_span:first-child {
  color: var(--dark-grey-shade2);
}
.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(--dark-grey-shade2) !important;
}
.btn--yellow:hover {
  background-color: var(--yellow-hover);
  border: 0.1em solid var(--yellow-hover);
}
.btn--yellow:focus {
  box-shadow: 0 0 0 0.075em var(--yellow-hover) !important;
}
.border-top {
  border-top: 0.1vh solid var(--light-grey-shade1) !important;
}
.min-h-200 {
  min-height: 200px;
}

@keyframes blinkingBackground {
  0% {
    background-color: var(--green-shade1);
    color: var(--white);
  }
  25% {
    background-color: transparent;
    color: var(--dark-grey-shade2);
  }
  50% {
    background-color: var(--green-shade1);
    color: var(--white);
  }
  75% {
    background-color: transparent;
    color: var(--dark-grey-shade2);
  }
  100% {
    background-color: var(--green-shade1);
    color: var(--white);
  }
}

.blinkingBackground-2 {
  background-color: var(--green-shade1);
  color: var(--white);
  animation: blinkingBackground-2 3s infinite;
}
@keyframes blinkingBackground-2 {
  0% {
    background-color: var(--green-shade1);
    color: var(--white);
  }
  25% {
    background-color: transparent;
    color: var(--grey-shade2);
  }
  50% {
    background-color: var(--green-shade1);
    color: var(--white);
  }
  75% {
    background-color: transparent;
    color: var(--grey-shade2);
  }
  100% {
    background-color: var(--green-shade1);
    color: var(--white);
  }
}

.grey-green-blink {
  background-color: var(--grey-shade2);
  color: var(--dark-grey-shade2);
  border-radius: 0;
  font-size: 0.9vw;
  display: inline-flex;
  min-height: 1.4em;
  align-items: center;
  justify-content: center;
  padding: 0;
  animation: grey-green-blink 1s infinite;
  line-height: 1;
}
.font-1 {
  font-size: 1vw;
}
.loader_extension {
  width: 2.5em;
}
.loader_extension img {
  width: 100%;
}

@keyframes grey-green-blink {
  0% {
    background-color: var(--grey-shade2);
  }
  25% {
    background-color: var(--green-shade1);
  }
  50% {
    background-color: var(--grey-shade2);
  }
  75% {
    background-color: var(--green-shade1);
  }
  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: 2em;
  right: 0;
  background-color: var(--green-shade1) !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(--dark-grey-shade1);
  height: 1.3em;
  width: 1.3em;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.close_icon:hover {
  background-color: var(--dark-grey-shade2);
}
.btn-gray {
  background-color: var(--light-grey-shade2);
  border-color: var(--light-grey-shade2);
  color: var(--dark-grey-shade2);
}
.btn-gray:hover {
  background-color: var(--light-grey-shade2-hover);
  color: var(--dark-grey-shade2);
  border-color: var(--light-grey-shade2-hover);
}
.btn-gray:focus {
  box-shadow: 0 0 0 0.075em var(--light-grey-shade2-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(--dark-grey-shade1);
  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(--dark-grey-shade1) 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.9%;
  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-shade1) !important;
}
.overflow_visible {
  overflow: visible !important;
}
.btn-disabled {
  background-color: var(--light-grey-shade2) !important;
  border-color: var(--light-grey-shade2) !important;
  color: var(--dark-grey-shade2) !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}
.btn-disabled svg path {
  fill: var(--dark-grey-shade2);
}
.cursor-notallowed {
  cursor: not-allowed;
}
.pro_banner {
  background-color: var(--grey-shade1);
  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(--light-grey-shade2);
  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(--light-grey-shade2);
  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--stream {
  min-height: 25em;
}
.modal_block__body__row {
  min-height: 23.85em;
  height: auto;
}
.no_published_extension {
  background-color: var(--light-grey-shade2);
  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-shade1);
  position: relative;
  color: var(--dark-grey-shade2) !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(--dark-grey-shade1);
  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.3em;
  margin-left: 0;
  border: 0.39em solid transparent;
  border-top-color: var(--dark-grey-shade1);
  display: none;
}
.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 {
  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--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;
}
.tooltip_container:hover .tooltip_data {
  display: block;
}
.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;
}
.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;
}
.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(--light-grey-shade1);
  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;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.custom-input-file .custom-file {
  align-items: center;
  border: 0.1em solid var(--light-grey-shade1);
  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(--light-grey-shade2);
  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(--dark-grey-shade2);
}
.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: 5%;
  border: 0.1em solid var(--light-grey-shade1);
  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%;
}
.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;
}
.body-content.updatedWrap.joinFlowWrap .light-bg.connectWrap .btn_stream_mode {
  min-height: 5em;
  line-height: 1.6;
}
.slider_range {
  width: 7%;
}
.slider_range input {
  width: 100%;
  outline: none;
}
.slider_range input:focus {
  outline: none !important;
}
.slider_range_input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  background: var(--green-shade1);
  cursor: pointer;
}
.slider_range_input::-moz-range-thumb {
  width: 3em;
  height: 3em;
  border-radius: 50%;
  background: var(--green-shade1);
  cursor: pointer;
}
.disabled_content,
.view-drop .dropdown-menu ul li .disabled_content {
  cursor: not-allowed;
  color: var(--grey-shade2) !important;
}
.cursor-default {
  cursor: default !important;
}
.unsupported-desktop-browser__title {
  color: var(--dark-grey-shade2);
  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(--dark-grey-shade2);
  font-size: 1.75vw;
  letter-spacing: 0.9;
}
.unsupported-desktop-browser__link {
  color: var(--green-shade1) !important;
}
.btm-border-grey {
  border-bottom: 0.1em solid var(--grey-shade2);
}
.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: 28.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-shade1);
  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-shade1);
  color: var(--green-shade1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 2em;
  height: 2em;
  font-weight: 600;
}
.security-list__li::after {
  content: '\e606';
  font-family: simple-line-icons;
  line-height: 4;
  color: var(--dark-grey-shade2);
  padding-top: 0.1em;
  padding-left: 0.1em;
}
.wrapper-easyuse {
  background: url(../images/landing-easyuse.png) no-repeat;
  background-size: 100% 100%;
}
.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-shade1);
  line-height: 1.3;
  background-color: var(--dark-grey-shade1);
  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(--dark-grey-shade1);
}
.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(--light-grey-shade1);
  border-radius: 0;
}
.wrapper-faq .card:last-child {
  border-bottom: none;
}
.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(--dark-grey-shade2) !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::after,
.accordion .card-header .btn::after {
  content: '\f067';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9vw;
  position: absolute;
  right: 0;
}
.accordion .card-header .btn::after {
  content: '\f078';
  left: 0.2em;
  right: auto;
}
.wrapper-faq .card-header .btn.collapsed::after,
.accordion .card-header .btn.collapsed::after {
  content: '\f068';
  font-family: 'FontAwesome';
}
.accordion .card-header .btn.collapsed::after {
  content: '\f054';
}
.accordion .modal-switch {
  font-size: 0.9vw;
}
.accordion .modal-switch:last-child {
  margin-bottom: 0 !important;
}
.plan__box {
  border: 0.1vh solid var(--light-grey-shade1);
}
.plan__box--ultimate .plan__head {
  border-bottom-color: var(--green-shade3);
  border-top-color: var(--green-shade1);
}
.plan__box--ultimate .plan__head__bg {
  width: 112%;
  top: 0.55em;
  height: 5em;
}
.plan__head {
  border-top: 0.4em solid var(--light-grey-shade1);
  border-bottom: 0.1em solid var(--light-grey-shade1);
  display: flex;
  height: 10em;
  align-items: center;
  justify-content: center;
  padding: 0 0.7em;
}
.plan__li {
  border-bottom: 0.1em solid var(--light-grey-shade1);
  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;
}
.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(--light-grey-shade2);
}
.bg-light-green {
  background-color: var(--green-shade1-opac);
}
.w-32 {
  width: 32%;
}
.w-35 {
  width: 35%;
}
.w-40 {
  width: 40%;
}
.w-20 {
  width: 20%;
}
.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(--light-grey-shade1);
}
.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;
}
.h-100 {
  height: 100%;
}
.plan__button-mob {
  display: none !important;
}
.font-mob {
  display: none;
}
input::placeholder {
  color: var(--dark-grey-shade2) !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,
.px-3 {
  padding-left: 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(--dark-grey-shade2) !important;
  font-size: 1.05vw;
}
.listing__head a {
  color: var(--green-shade1) !important;
  font-size: 0.95vw;
}
.listing__body {
  border: 0.1em solid var(--light-grey-shade1);
  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(--light-grey-shade2);
  border: 0.1vh solid var(--light-grey-shade2);
  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(--green-shade1-opac);
}
.listing__body .no-record {
  display: flex;
  justify-content: center;
}

.listing__body .no-record {
  border: none;
  margin: 0;
  background: transparent;
  color: var(--dark-grey-shade2);
  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%;
}
.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 {
  box-shadow: none !important;
  border: none !important;
}
.listing__body .dropdown-menu {
  background-color: var(--grey-shade1);
  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(--white) !important;
  font-weight: 300;
  align-items: center;
  display: flex;
  padding: 0 0 0 2em;
  line-height: 2.3;
  font-family: var(--font-family) !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(--light-grey-shade1);
  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,
.px-2 {
  padding-right: 0.5em !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%;
}
.text-initial {
  text-transform: initial !important;
}
.border {
  border: 0.1vh solid var(--light-grey-shade1) !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;
}
.btn-sm {
  font-size: 0.95vw;
  min-width: 7.8em;
  height: 2.7em;
}
.deep-linking-mobile__body {
  padding: 0;
  width: 100%;
  background-color: var(--light-grey-shade2);
  max-width: 100%;
}
.btn-xs {
  font-size: 0.8vw !important;
  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(--light-grey-shade2) !important;
  border-bottom: none !important;
  color: var(--dark-grey-shade2) !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(--light-grey-shade2) !important;
  color: var(--dark-grey-shade2) !important;
  border-bottom: none !important;
  background-color: var(--light-grey-shade2) !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(--light-grey-shade2) !important;
  width: 100% !important;
  border-top: none !important;
  background-color: var(--light-grey-shade2) !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: var(--font-family) !important;
  color: var(--dark-grey-shade2) !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-shade1) !important;
  --checkbox-border-color: var(--green-shade1) !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: 96%;
}
.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);
}
.room__bg img {
  object-fit: contain;
}
.room__cross__icon {
  position: absolute;
  right: 0.2em;
  top: 0.2em;
  background-color: var(--dark-grey-shade1);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
}
.pb-2 {
  padding-bottom: 0.5em !important;
}

/* 3000 */
.font-roboto {
  font-family: 'Roboto', sans-serif !important;
}

.threeThousand .container {
  width: 70em;
  margin: 0 auto;
  position: relative;
}
.threeThousand .section-header {
  height: 5.5em;
  display: flex;
  align-items: center;
  position: relative;
}
.threeThousand .navbar-brand {
  width: 8.15em;
  font-size: 1.17vw;
}
.threeThousand .navbar-item {
  /* font-size: 1.45vw; */
  font-size: 1.55vw;
  line-height: 1.2;
  padding-right: 4em;
}
.threeThousand .navbar-item.exclusive {
  text-align: right;
  position: absolute;
  right: -4em;
  padding-right: 0;
}
.threeThousand .section-counter {
  height: 4.9em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.threeThousand .counter {
  margin-left: 3.8em;
  display: flex;
}
.threeThousand .counter-flex {
  display: flex;
}
.threeThousand .counter-flex::after {
  content: ':';
  height: 1.45em;
  display: flex;
  align-items: flex-end;
  color: var(--white);
  padding-left: 1em;
  padding-right: 1em;
  /* font-size: 2vw; */
  font-size: 2.1vw;
}
.threeThousand .counter-flex:last-child::after {
  display: none;
}
.threeThousand .counter-span {
  /* font-size: 2vw; */
  font-size: 2.1vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: var(--font-semibold);
}
.threeThousand .counter-small {
  /* font-size: 0.75vw; */
  font-size: 0.85vw;
}
.threeThousand .counter-border {
  border: 0.1vh solid var(--white);
  border-radius: 0.3em;
  padding: 0.5em;
  margin-bottom: 0.2em;
  min-width: 2.5em;
  height: 2.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.threeThousand .section-hero,
.threeThousand .section-intro,
.threeThousand .section-congratulations {
  background: url(../images/3000/banner.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: -0.1em;
}
.threeThousand .section-congratulations .welcomeFrame iframe {
  width: 100%;
  height: 100%;
}
.threeThousand .section-hero .heading--md {
  /* font-size: 2.63vw; */
  font-size: 2.73vw;
  line-height: 1.3;
  width: 100%;
  max-width: 100%;
}
.threeThousand .hero-img {
  width: auto;
  height: 31em;
  display: flex;
  justify-content: center;
}
.threeThousand .hero-img img {
  object-fit: cover;
  object-position: -12em;
}
.threeThousand .hero-namePlate {
  background: url(../images/3000/banner-name-plate-bg.png) no-repeat;
  min-height: 4em;
  position: absolute;
  bottom: -0.1em;
  background-size: 100% 100%;
  width: 25.91em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 1.3;
}
.threeThousand .namePlate-title {
  font-size: 1.3vw;
}
.threeThousand .namePlate-name {
  font-size: 1.55vw;
}
.threeThousand .list-li {
  /* font-size: 1.3vw; */
  font-size: 1.4vw;
  line-height: 1.7;
  padding-left: 3.4em;
  background: url(../images/3000/check.png) no-repeat;
  background-size: 1.8em;
  min-height: 1.9em;
}
.threeThousand .list-li:last-child {
  margin-bottom: 0;
}
.threeThousand .section-disappears,
.threeThousand .section-warning {
  background: url(../images/3000/green-bg.png) no-repeat;
  background-size: 100% 100%;
}
.threeThousand .wrapper-border {
  flex-direction: column;
  border: 0.1em solid #ffffff;
  border-radius: var(--border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.threeThousand .section-disappears .heading--md,
.threeThousand .section-warning .heading--md {
  /* font-size: 2.35vw; */
  font-size: 2.45vw;
}
.threeThousand .section-disappears .counter-span {
  margin-left: 0.75em;
}
.threeThousand .section-disappears .counter-span:first-child {
  margin-left: 0;
}
.threeThousand .storySpotlight-text {
  font-size: 1.61vw;
  line-height: 1.3;
}
.threeThousand .storySpotlight-small {
  font-size: 1.2vw;
}
.threeThousand .storySpotlight-img {
  height: 14.5em;
}
.threeThousand .section-turningPoint .counts {
  min-width: 3em;
  display: inline-flex;
  min-height: 2.5em;
  border-radius: 0 0 var(--border-radius) 0;
  align-items: center;
  justify-content: center;
  font-size: 1.4vw;
}
.threeThousand .intro-img {
  height: 16.5em;
}
.threeThousand .section-footer {
  /* font-size: 1.3vw; */
  font-size: 1.4vw;
}
.threeThousand .cross {
  top: -1.3em;
  right: -1.1em;
  position: absolute;
  font-size: 1.6vw;
  cursor: pointer;
}
.threeThousand .section-congratulations .heading--md {
  /* font-size: 2.45vw; */
  font-size: 2.55vw;
}
.threeThousand .congratulations-video {
  height: 30em;
}
.threeThousand .section-checkboxes .checkwrap {
  /* font-size: 1.6vw; */
  font-size: 1.7vw;
}
.threeThousand .modal-sm {
  width: 52.75%;
}
.threeThousand .modal-header h5,
.threeThousand .modal-header .modal-title {
  /* font-size: 2.35vw; */
  font-size: 2.45vw;
}
.threeThousand.modal p {
  /* font-size: 1.3vw; */
  font-size: 1.4vw;
}
.threeThousand.modal .form-control {
  /* font-size: 1.2vw; */
  font-size: 1.3vw;
}
.threeThousand.modal .btn-lg {
  font-size: 1.6vw;
}
.threeThousand.modal small {
  /* font-size: 0.88vw; */
  font-size: 0.99vw;
}
.threeThousand .section-terms .heading--lg {
  font-family: 'Roboto Condensed', Sans-serif;
  font-size: 4.3vw;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1.6em;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.3em;
}
.threeThousand .section-connect .heading--lg {
  font-family: 'Roboto Condensed', Sans-serif;
  font-size: 5.3vw;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1em;
}
.threeThousand .terms-list-ul li {
  margin-bottom: 0.75em;
}
.threeThousand .section-terms li {
  font-size: 1.7vw;
}
.threeThousand .section-terms p {
  font-size: 1.7vw;
  margin-bottom: 1.5em;
}
.threeThousand .section-terms a {
  font-size: 1.5vw;
  font-weight: 700;
  text-transform: none;
  text-decoration: underline;
  line-height: 1.4em;
  font-family: 'Proxima Nova', Sans-serif;
  color: #103f9a;
}
.threeThousand .section-terms a:hover {
  color: var(--green-shade1);
}
.threeThousand .social {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  color: #000000;
}
.threeThousand .social-wrapper {
  width: 20%;
}
.threeThousand .social-inner {
  border-style: solid;
  border-width: 0px 0.1em 0px 0px;
  border-color: #000000;
  padding: 1em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.threeThousand .social-wrapper:last-child .social-inner {
  border: none;
}
.threeThousand .social-img {
  width: 42%;
  margin-bottom: 1.4em;
}
.threeThousand .social-img img {
  width: 100%;
}
.threeThousand .social-content {
  font-family: 'Roboto Condensed', Sans-serif;
  font-size: 3.7vw;
  font-weight: 900;
  line-height: 1.6em;
}
.threeThousand .social-connect {
  font-size: 1.2vw;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.6em;
  letter-spacing: 0.1em;
  margin-bottom: 1em;
  font-family: 'Proxima Nova', Sans-serif;
}
.threeThousand .social-button {
  font-size: 1.6vw;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1em;
  color: var(--black);
  background-color: #ffffff;
  border-style: solid;
  border-width: 0.2em;
  border-color: var(--black);
  border-radius: 0.4em;
  padding: 0.45em 1.5em;
  cursor: pointer;
  min-width: 7em;
  font-family: 'Proxima Nova', Sans-serif;
}
.threeThousand .social-button:hover,
.threeThousand .social-button:focus {
  background-color: var(--black);
  color: var(--white);
  box-shadow: 0 0 0 0.075em var(--black) !important;
}
.threeThousand .heading--sm {
  /* font-size: 1.45vw; */
  font-size: 1.55vw;
  width: auto;
}
.threeThousand .heading--md {
  /* font-size: 2.75vw; */
  font-size: 2.85vw;
  width: auto;
  max-width: 90%;
}
.threeThousand .heading--lg {
  /* font-size: 3.8vw; */
  font-size: 3.9vw;
  width: auto;
  max-width: 90%;
}
.threeThousand .text {
  /* font-size: 1.3vw; */
  font-size: 1.4vw;
  line-height: 1.7;
}
.threeThousand .btn-lg {
  /* font-size: 1.75vw; */
  font-size: 1.8vw;
  text-transform: uppercase;
  font-weight: var(--font-semibold);
  align-items: center;
}
.threeThousand .btn-orange:hover {
  background-color: var(--green-shade1-hover) !important;
  border-color: var(--green-shade1);
}
.threeThousand .btn-orange:focus {
  box-shadow: 0 0 0 0.075em var(--green-shade1-hover) !important;
  background-color: var(--green-shade1-hover) !important;
}
.threeThousand .container--lg {
  width: 90%;
}
.threeThousand .container--lg .navbar-item.exclusive {
  right: -1.5em;
}
.threeThousand .table {
  border-spacing: 0;
  margin: 0;
  table-layout: auto;
  border-collapse: collapse;
}
.threeThousand .table thead tr {
  background-color: transparent;
}
.threeThousand .table tbody tr:nth-child(even) {
  background: #fff;
}
.threeThousand .table tbody tr:nth-child(odd) {
  background: #eaeaea;
}
.threeThousand .table tbody tr td {
  color: #7a7a7a;
}
.threeThousand .table thead th {
  color: var(--black);
  font-family: 'Proxima Nova', Sans-serif;
  font-size: 1.7vw;
  font-weight: 700;
  text-transform: none;
  line-height: 1.4em;
  padding: 0.35em;
  border-style: solid;
  border-width: 0.1vh;
  border-color: var(--black);
  white-space: normal;
  text-align: inherit;
}
.threeThousand .table tbody td {
  padding: 0.75em 0.35em;
  color: #0d0d0d;
  font-family: 'Proxima Nova', Sans-serif;
  font-size: 1vw;
  font-weight: 500;
  text-transform: none;
  line-height: 1.4em;
  white-space: normal;
  border-style: solid;
  border-width: 0.1vh;
  border-color: var(--black);
  text-align: inherit;
}
.bg-mediumGrey {
  background-color: var(--grey-shade1);
}
.bg-black {
  background-color: var(--black);
}
.text-thin {
  font-weight: var(--font-thin);
}
.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-90 {
  width: 90%;
}
.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: #f1f7ff !important;
}
.icons_group {
  position: absolute;
  top: 0.5em;
  padding: 0.3em;
  z-index: 9;
}
.icons_group_local {
  right: auto;
  left: 0;
}
.icons_group_remote {
  right: 0;
  left: auto;
  top: 1em;
}
.icons_group .btn-xs {
  font-size: 0.7vw !important;
  min-width: 3em !important;
  height: 1.7em !important;
  padding: 0.1em 0.3em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.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-shade1);
  position: absolute;
  left: -1.5em;
  top: -0.5em;
  z-index: 9;
}
.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-shade1);
}
.featured_text {
  border-radius: 0 0.5em 0.5em 0.5em;
  width: 100%;
  max-height: 6em;
  overflow: auto;
  border: 0.1em solid var(--light-grey-shade2);
  border-top: none;
  font-size: 1vw;
  min-width: 18em;
  max-width: 67em;
}
.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;
}
.pro_btn {
  background: url(../images/home-btn-orange.png) no-repeat;
  background-size: 100%;
  background-position: center;
}
.ultimate_btn {
  background: url(../images/home-btn-green.png) no-repeat;
  padding-left: 0.95em;
  background-size: 100%;
  background-position: center;
}
.gap-3 {
  gap: 1.5rem;
}
.home_form_container li {
  margin-bottom: 0.25em;
}
.home_form_container ul {
  padding-left: 1.5em;
}
.home_banner {
  background-color: var(--grey-shade1);
  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(--light-grey-shade1);
}
.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 rgba(0, 0, 0, 0.15);
  font-size: 0.95vw;
  overflow: hidden;
}
.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(--dark-grey-shade2);
  box-shadow: none;
  line-height: 1.243;
  display: flex;
}
.av-pop .dropdown-menu ul li:hover {
  background-color: var(--light-grey-shade2);
}
.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;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  font-size: 14px;
  padding: 10px;
  overflow-y: auto;
  resize: none;
  scrollbar-width: none;
  width: 100%;
  word-break: break-word;
}
.waiting-room-loader {
  min-width: 1em;
  height: 1em;
  display: flex;
  align-items: center;
}
.waiting-room-loader img {
  width: 100%;
  height: 100%;
}
.controltab .rowrap span.iconwrap-status .waiting-room-loader {
  padding-left: 0;
  margin-left: 0.5em;
}
.btn-green-disabled {
  background-color: var(--dark-grey-shade1) !important;
  box-shadow: none;
  cursor: not-allowed !important;
  opacity: 0.65;
}
.btn-green-disabled:hover,
.btn-green-disabled:focus {
  background-color: var(--dark-grey-shade1) !important;
  box-shadow: none !important;
  border: 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(--dark-grey-shade3);
}
.videoGalleryWrapper {
  align-content: center;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* background-color: var(--dark-grey-shade3); */
  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;
}
.videoBlockInner {
  background-color: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.darkGrey {
  background-color: var(--dark-grey-shade3);
}
.videoBlock video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.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(--white);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* width: 90%; */
  text-align: center;
  font-weight: 100;
  font-size: 1.7vw;
  /* display: inline-block; */
}

/* One video */
.videoSpeaker {
  height: 100%;
  /* width: 78% !important; */
}
.videoSpeaker .participantName {
  font-size: 2.2vw;
}
.videoSpeaker .avatarParticipantName {
  font-size: 3.7vw;
}
.wrap-width .videoSpeaker {
  width: 100%;
}

/* 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;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}
.event-pop-loader {
  width: 1.4em;
  position: relative;
  right: auto;
}
.close_dropdown {
  margin: 0;
}
.close_dropdown .dropdown-menu {
  background: var(--grey-shade1);
  min-width: 6.4em;
  left: auto !important;
  transform: none !important;
  right: 24px;
  top: 2px !important;
  bottom: auto;
}

.close_dropdown .dropdown-menu .dropdown-item {
  color: var(--white) !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 {
  background: var(--grey-shade1);
  color: var(--white) !important;
}
.chat-header .close_dropdown .dropdown-menu {
  font-size: 1.17vw;
  margin-top: 0px;
  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);
}
.virtual-background-outer .modal-dialog .modal-content .modal-body {
  padding: 0;
}
.av-settings-inner .modal-content .modal-body {
  padding: 1em 0;
}
.title-full .modal-title {
  width: 100%;
}
.title-full .modal-title .btn {
  right: 0;
  top: -0.4em;
}
.modal button:last-child,
.modal .btn-link:last-child,
.modal #electron-btn:last-child {
  margin-right: 0;
}
.videoGalleryWrapper:has(.stand-by) {
  height: 100%;
}
.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-shade1-hover);
}
.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.content-inner {
  background-color: var(--white);
  color: var(--dark-grey-shade2);
  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(--grey-shade2);
}
.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: calc(100% - 2.5em);
}
.guest-hidden {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5em;
  background-color: var(--green-shade1);
}
.text-semibold {
  font-weight: var(--font-semibold);
}

.theme-monochrome-img {
  display: none;
}
.theme-monochrome {
  --dark-grey-shade1: var(--black);
  --dark-grey-shade2: var(--black);

  --grey-shade2: var(--white);

  --grey-shade1: var(--grey-shade4);
  --light-grey-shade1: var(--grey-shade4);
  --grey-shade1-hover: var(--grey-shade4-hover);
  --light-grey-shade2: var(--light-grey-shade4);
}
.theme-monochrome .btm-border-grey,
.theme-monochrome .listing__body hr {
  border-color: rgba(0, 0, 0, 0.1);
}
.theme-monochrome .device-selection .device-selectors .dropdown-menu .iwHKVI,
.theme-monochrome
  .device-selection
  .device-selectors
  .dropdown-menu
  .Droplist__Content-sc-1z05y4v-1 {
  border-color: var(--grey-shade4);
}
.theme-monochrome
  .device-selection
  .device-selectors
  .dropdown-menu
  .goEvqh.goEvqh:hover,
.theme-monochrome
  .device-selection
  .device-selectors
  .dropdown-menu
  .eJTYOk.eJTYOk:hover,
.theme-monochrome
  .device-selection
  .device-selectors
  .dropdown-menu
  .goEvqh.goEvqh:focus,
.theme-monochrome
  .device-selection
  .device-selectors
  .dropdown-menu
  .eJTYOk.eJTYOk:focus,
.theme-monochrome
  .device-selection
  .device-selectors
  .dropdown-menu
  .goEvqh.goEvqh:active,
.theme-monochrome
  .device-selection
  .device-selectors
  .dropdown-menu
  .eJTYOk.eJTYOk:active,
.theme-monochrome .av-pop .dropdown-menu ul li:hover {
  background-color: var(--dark-grey-shade3);
  color: var(--white);
}
.theme-monochrome .text-light,
.theme-monochrome .Toastify__toast-theme--light,
.theme-monochrome #chatconversation a,
.theme-monochrome input:read-only,
.theme-monochrome .text-grey {
  color: var(--black) !important;
}
.theme-monochrome .fill-grey path {
  fill: var(--black);
}
.theme-monochrome .Toastify__toast--success {
  color: var(--white) !important;
}
.theme-monochrome .chat-header .chat-close.attendees-question-icon svg path,
.theme-monochrome .chat-header .chat-close svg path,
.theme-monochrome .extenions-header .chat-close svg path {
  fill: var(--white);
}
.theme-monochrome .toggle__switch .slider,
.theme-monochrome .toggle__switch input:checked + .slider {
  background-color: var(--light-grey-shade2);
}
.theme-monochrome .chat-message-group.local .usermessage {
  background-color: var(--green-shade4) !important;
  color: var(--black) !important;
}
.theme-monochrome .av-pop .dropdown-menu {
  border-color: var(--light-grey-shade1);
}
.theme-monochrome .disabled_content,
.theme-monochrome .view-drop .dropdown-menu ul li .disabled_content {
  opacity: 0.4;
}
.theme-monochrome .theme-monochrome-img {
  display: flex;
}
.theme-monochrome .theme-default-img {
  display: none;
}
.theme-monochrome .recording-off {
  background: url(../images/monochrome/icon-recording-off.png) no-repeat;
  background-position: 47% 12%;
  background-size: 22.9%;
}
.theme-monochrome .streaming-off {
  background: url(../images/monochrome/icon-streaming-off.png) no-repeat;
  background-position: 42% 12%;
  background-size: 24.9%;
}
.theme-monochrome .toolsWrap {
  background: url(../images/monochrome/top-bg.png) no-repeat;
  background-size: 100% 100%;
}
.theme-monochrome .toolsWrap i.icon-mic-disabled {
  background: url(../images/monochrome/btm-off-icon1.png) no-repeat;
  background-position: 50% 10%;
  background-size: 67%;
}
.theme-monochrome .toolsWrap i.icon-cam-disabled {
  background: url(../images/monochrome/btm-off-icon8.png) no-repeat;
  background-position: 50% 10%;
  background-size: 67%;
}
.theme-monochrome .toolsWrap i.icon-speaker-disabled {
  background: url(../images/monochrome/speaker-volume-off.png) no-repeat;
  background-position: 50% 10%;
  background-size: 67%;
}
.theme-monochrome .toolsWrap i.icon-raise-disabled {
  background: url(../images/monochrome/btm-icon4.png) no-repeat;
  background-position: 50% 10%;
  background-size: 61%;
}
.theme-monochrome .toolsWrap .galleryicon i.icon-gallery {
  background: url(../images/monochrome/gallery-gray.png) no-repeat;
  background-position: 50% 10%;
  background-size: 61%;
}
.theme-monochrome .toolsWrap .speakericon i.icon-gallery {
  background: url(../images/monochrome/speaker-gray.png) no-repeat;
  background-position: 50% 37%;
  background-size: 61%;
}
.theme-monochrome .custom-nav .nav-tabs .nav-link.presenticon {
  background: url(../images/monochrome/present-gray.png) no-repeat;
  background-position: 50% 15%;
  background-size: 1.5em;
}
.theme-monochrome .custom-nav .nav-tabs .nav-link.chaticon {
  background: url(../images/monochrome/chat-gray.png) no-repeat;
  background-position: 50% 27.7%;
  background-size: 34%;
}
.theme-monochrome .custom-nav .nav-tabs .nav-link.extension-icon-wrap {
  background: url(../images/monochrome/extension-gray.png) no-repeat;
  background-position: 50% 27.7%;
  background-size: 34%;
}

@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;
  }
  .iframe-modal .modal-content .modal-header .ico_times i {
    font-size: 20px;
  }
}

@media only screen and (min-width: 768px) {
  .body-content {
    min-height: calc(100% - 9.8em);
  }
}

/* 175 percentage */

@media only screen and (max-width: 767px) {
  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-dark.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(--dark-grey-shade1);
  }
  .landing_page .outer-nav #navbarNav.navbar-collapse,
  .outer-nav #navbarNav.navbar-collapse {
    background-color: rgba(236, 238, 240, 0.5);
    top: 4.1em;
  }
  #main_header .navbar-dark .navbar-nav {
    padding: 10px 0 15px;
    width: 90%;
    margin: auto;
  }
  #main_header .navbar-dark.outer-nav .navbar-nav {
    padding: 0px 0 1em;
  }
  #main_header .navbar-dark.outer-nav .navbar-nav li {
    width: 100%;
  }
  #main_header .navbar-dark .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-dark .navbar-nav li:last-child a.nav-link {
    margin-bottom: 0;
    padding-right: 1em;
  }
  #main_header .navbar-dark.outer-nav,
  #main_header .navbar-dark {
    height: 4.2em;
  }
  .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 {
    font-size: 15px;
  }
  .conference-body .font-1 {
    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-dark .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: 22px;
  }
  .modal .form-group label,
  .forgotP {
    font-size: 17px;
  }
  .modal .form-control,
  .deep-linking-mobile__body,
  .tooltip_container_outer,
  .deep-linking-mobile p {
    font-size: 16px;
  }
  .modal .btn-mini,
  .modal .btn,
  .modal .btn-link,
  .modal button,
  .modal .form-group label,
  .navbar-dark .navbar-brand {
    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 {
    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 {
    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,
  .body-content .flex-div {
    height: auto;
  }
  .support-content h2 {
    font-size: 29px;
    margin-bottom: 1em !important;
    width: 100%;
  }
  .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;
  }
  .body-content.fullcontentwrap h2,
  .body-content.welcomwrap h2 {
    font-size: 27px;
  }
  .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 {
    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 {
    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 {
    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,
  .modal_end_meetn.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,
  .modal_end_meetn .modal-dialog {
    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 {
    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 {
    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-dark .navbar-nav li a.nav-link.text-green {
    padding: 1em;
    text-align: left;
  }
  #main_header .navbar-dark .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-dark.outer-nav {
    height: auto;
    padding-top: 15px;
  }
  .pro_header#main_header .navbar-dark.outer-nav .navbar-nav .nav-link {
    font-size: 14px;
    padding: 15px 0 0 0;
  }
  .pro_header#main_header .navbar-dark.outer-nav .navbar-brand {
    margin: auto;
  }
  .pro_header#main_header .navbar-dark.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 {
    font-size: 18px;
  }
  .pro_features__box__content h2 {
    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 {
    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 {
    font-size: 13px;
  }
  .conference-body .swal-modal .swal-title {
    font-size: 1.6vw;
  }
  .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 .custom-nav.navbar-dark .navbar-brand {
    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;
    padding-top: 1em !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::after,
  .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;
  }
  .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 {
    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 {
    min-height: 22em;
    flex-flow: nowrap;
    align-items: center;
    text-align: center;
  }
  .deep-linking-mobile__body.height__withoutFooter .light-bg {
    height: calc(100% - 10em);
  }
  .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 .congratulations-video {
    height: 15em;
  }
  .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.5rem;
  }
  .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,
  body.conference-body .modal-width-sm {
    width: 33% !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,
  .featured_text {
    padding-left: 3em !important;
  }
  .form-group {
    margin-bottom: 1rem;
  }
  .conference-body .form-group {
    margin-bottom: 1em;
  }
  .conference-body .modal .col,
  .conference-body .modal [class*='col-'],
  .conference-body .container {
    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;
  }
}

/* 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) {
  .modal-footer-container {
    flex-direction: column;
  }
  .modal-footer-container button {
    width: 100%;
    margin-top: 1rem !important;
  }
  .unsubscribe_container .body .heading_text {
    font-size: 28px;
  }
}

/* 400 percentage */

@media only screen and (max-width: 400px) {
  .modal-footer-container button {
    width: 100%;
    margin: 0 !important;
  }
  .modal-footer-container button:last-child {
    margin-top: 5px !important;
  }
  .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;
  }
}

/* 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.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%;
    }
  }
}