html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration: none;
}

*:hover {
  outline: none !important;
}

*:active {
  outline: none !important;
}

*:focus {
  outline: none !important;
}

*:visited {
  outline: none !important;
}

body::-webkit-scrollbar {
  width: 0px;
}

body::-webkit-scrollbar-track {
  background: #f8f8f8;
  border-radius: 10px;
}

body::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 10px;
  cursor: pointer;
}
.modal-open .modal {
    overflow-y: hidden !important;
}
.modal-open .modal::-webkit-scrollbar {
  width: 5px;
}
.modal-open .modal::-webkit-scrollbar-track {
  background: #f8f8f8;
  border-radius: 10px;
}
.modal-open .modal::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 10px;
  cursor: pointer;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
  overflow-x: hidden;
  padding: 0px !important;
}
ol,
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

textarea {
  resize: none;
  padding: 0;
}

textarea:focus {
  padding: 0 !important;
}

.relative {
  position: relative !important;
}
@font-face {
  font-family: "Poppins";
  font-weight: 200;
  src: url("../font/Poppins-200.woff") format("woff");
}
@font-face {
  font-family: "Poppins";
  font-weight: 300;
  src: url("../font/Poppins-300.woff") format("woff");
}
@font-face {
  font-family: "Poppins";
  font-weight: 400;
  src: url("../font/Poppins-400.woff") format("woff");
}
@font-face {
  font-family: "Poppins";
  font-weight: 500;
  src: url("../font/Poppins-500.woff") format("woff");
}
@font-face {
  font-family: "Poppins";
  font-weight: 600;
  src: url("../font/Poppins-600.woff") format("woff");
}
@font-face {
  font-family: "Poppins";
  font-weight: 700;
  src: url("../font/Poppins-700.woff") format("woff");
}

body {
  font-family: "Poppins" !important;
}

a:hover {
  text-decoration: none !important;
}

input {
  outline: 0;
  box-shadow: none !important;
}

input:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: unset;
}

.form-control:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: unset;
  padding: unset;
}

td {
  vertical-align: middle;
}

.itali {
  font-style: italic;
}

.w-none {
  width: unset !important;
  max-width: unset !important;
}

.no-bg {
  background: unset !important;
}

.no-pad {
  padding: 0 !important;
}

.no-mar {
  margin: 0 !important;
}

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

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

.mw-500 {
  min-width: 500px;
}

.mw-350 {
  min-width: 350px !important;
  width: 350px !important;
}

.mw-400 {
  min-width: 400px !important;
  width: 400px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mt7 {
  margin-top: 7px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.blu_fnt {
  color: #50b3d8;
}

.pt35 {
  padding-top: 35px !important;
}

.mh65 {
  min-height: 65px !important;
}

.mt {
  margin-top: 0;
}

.mt15 {
  margin-top: 15px;
}

.p10 {
  padding: 10px;
}

.p15 {
  padding: 15px;
}

.pr {
  padding-right: 0;
}

.pl {
  padding-left: 0;
}

.grey_color {
  color: #d6dbdd;
}

.fs13 {
  font-size: 13px;
}

.fs-10 {
  font-size: 10px !important;
}

.blue {
  background-color: #41c4ef;
}

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

.blue_fnt {
  color: #50b3d8;
}

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

.mh300 {
  min-height: 300px !important;
}

.mh250 {
  min-height: 250px;
}

.mh200 {
  min-height: 200px;
}

.mh220 {
  min-height: 220px;
}

.mh150 {
  min-height: 150px;
}

.star-require {
  font-size: 14px;
}

.w-96 {
  width: 96% !important;
}
.w-95 {
  width: 95% !important;
}

.angle-down {
  font-size: 16px;
  color: #e2e2e2;
}

.object-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.object-fill{
  width:100%;
  height: 100%;
  object-fit:fill;
}
.w-unset {
  width: unset !important;
}

#chatDiv .chats {
  padding: 0px 20px;
  height: 80%;
  width: 100%;
  overflow-y: auto;
  background-color: #e6e6e6;
}
#chatDiv .chats::-webkit-scrollbar {
  width: 3px;
}

#chatDiv .chats::-webkit-scrollbar-track {
  background: #f8f8f8;
  border-radius: 10px;
}

#chatDiv .chats::-webkit-scrollbar-thumb {
  background: #388108;
  border-radius: 10px;
  cursor: pointer;
}
#chatDiv .chatHead {
  height: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #388108;
  color: #fff;
}
#chatDiv .chatBottom {
  height: 10%;
  width: 100%;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid #ccc;
  background-color: #fff;
}
/* 
#chatDiv .chatContent:before {
    content: "";
    position: absolute;
    border: .6rem solid transparent;
    bottom: -.3rem;
    border-bottom-width: 0;
    border-top-color: #303030;
    left: 50%;
    margin-left: -.6rem;
} */

.avatar_initial {
    /* background-color: #871fff; */
    height: 100%;
    width: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}
.contirbutor_avatar {
  background-color: #0081ab !important;
}
.moderator_avatar {
  background-color: #f26522 !important;
}
.avatar_initial_text {
  font-size: 30px;
  color: #fff;
  font-weight: 600;
}

.meeting-status-block .status-div {
  padding: 40px 0px;
}

.meeting-status-block .status-btn {
  color: #fff;
  background-color: #6a4085;
  border-color: #6a4084;
}
.user_sign_left_blk .powered_by {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}
.powered_by > img {
  width: 25%;
  height: auto;
}


/* discussion portion starts here */

.discuss-content-column {
  margin-left: 15px;
  margin-right: 15px;
  width: 100%;
}
.discuss-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 7px;
}
.discuss-user_name {
  font-size: 15px;
  color: #222;
  text-transform: capitalize;
  font-family: Poppins-Medium;
}
.discuss-time {
    font-size: 13px;
    color: #635757;
    font-weight: 300;
    padding: 0px 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
}
.discussion-edited-notification {
    display: flex;
    flex-direction: row;
    -ms-flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #cacaca;
    padding: 3px 10px;
    border-radius: 30px;
}
.edit-pencil-icon {
    display: flex;
    width: 10px;
    height: 10px;
}
.discuss-para {
    color: #444;
    font-size: 14px;
    line-height: 25px;
}
.dis-extra_options {
    padding: 12px 0px;
}
.discuss-new-btn {
    color: #d93fad;
    border: 1px solid #d93fad;
    font-size: 12px;
    font-weight: 300;
    background-color: #fff;
    border-radius: 45px;
    padding: 2px 10px;
}
.dis-option-wrapper {
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #cacaca;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    cursor: pointer;
}
.edit-pencil-icon {
    width: 13px;
}
.discuss-trash-icon {
    width: 13px;
}
.dis-reply-option-wrapper {
    border: 1px solid #cacaca;
    border-radius: 45px;
    padding: 8px 15px;
    display: flex;
    cursor: pointer;
}
.dis-reply-txt {
    font-size: 13px;
    font-weight: 300;
    color: #222;
    padding-left: 7px;
    text-transform: uppercase;
}
.dis-reply-icon {
    width: 13px;
}
.discuss-container {
    display: flex;
    padding: 18px 18px 0px 0px;
}
.discuss-container.reply-hide {
    opacity: 0;
    visibility: hidden;
    height: 0px;
    padding: 0px;
}
.dis-img-column {
    display: flex;
    width: 35px;
    min-width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
}
.dis-img-column-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.dis-reply-img-column {
    display: flex;
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
}
.view-more-discussions {
    color: #871fff;
    font-size: 13px;
    font-weight: 300;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding-right: 20px;
}
.view-more-discussions::after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    border-bottom: 2px solid #871fff;
    border-left: 2px solid #871fff;
    transform: rotate(-45deg);
    right: 0px;
    top: 3px;
}
.height-vt {
    min-height: 100vh;
}

/* css added on 22 april 2020 */
/* also css changed in class  .dis-option-wrapper and .dis-reply-option-wrapper */
.public-comment-btn-section {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.public-comment-block {
    display: flex;
    align-items: center;
    margin: 10px 0px;
    margin-top: 3rem;
}
.public-comment-container {
  width: 100%;
  margin-right: 18px;
  height: 60px;
  position: relative;
}
.public-comment-container .custom-textarea {
    border-width: 1px;
    border-color: transparent transparent #cacaca transparent;
    width: 100%;
    height: 100%;
    font-size: 12px;
    color: #7b7b7b;
    padding: 15px 65px 15px 0;
    resize: none;
}
.public-comment-container .custom-textarea::-webkit-scrollbar {
  width: 5px;
}
.public-comment-container .custom-textarea::-webkit-scrollbar-track {
  background: #f8f8f8;
  border-radius: 10px;
}
.public-comment-container .custom-textarea::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 10px;
  cursor: pointer;
}
.public-comment-container .custom-textarea:focus {
    padding: 15px 65px 15px 0 !important;
    border-color: transparent transparent #4fd3a5 transparent;
}
.public-comment-container .custom-textarea::placeholder {
  font-size: 14px;
  color: #7b7b7b;
}
.paperclip-share-wrapper {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}
.paperclip-share-container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff6d4;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.paperclip-icon {
  width: 18px;
}
.discuss-menu-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 30px 0 15px 0px;
}
.sort-label {
  font-size: 14px;
  font-weight: 400;
  color: #444;
  margin-right: 20px;
}
.total-disscussions-label {
  font-size: 14px;
  font-weight: 400;
  color: #7b7b7b;
}
.sort-custom-dropdown {
  border: 1px solid #cacaca;
  border-radius: 45px;
  padding: 8px 15px;
  display: flex;
  font-size: 13px;
  outline: none !important;
  box-shadow: none !important;
}
.save-discuss {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid #34dd97;
  cursor: pointer;
  position: relative;
  margin-right: 10px;
}
.save-discuss::after {
  content: "";
  width: 6px;
  height: 13px;
  margin-bottom: 3px;
  border-right: 2px solid #34dd97;
  border-bottom: 2px solid #34dd97;
  transform: rotate(45deg);
}
.discuss-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #fa5f3c;
  cursor: pointer;
  position: relative;
  margin-right: 10px;
  font-size: 24px;
  color: #fa5f3c;
  line-height: 25px;
}
.discuss-reply-actions {
  display: flex;
  align-items: center;
}
.public-reply-container {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    transition: all 0.3s ease-in-out;
}
.resource-list-table th {
    font-size: 13px;
    vertical-align: middle !important;
    white-space: nowrap;
    font-family: Poppins-Medium;
}
.resource-list-table td {
    font-size: 13px;
    vertical-align: middle !important;
}
.resource-list-table .resource-icon {
    display: inline-flex;
}
.resource-list-table .resource-icon > img {
    width: 50px;
}
.resource-list-table .resource-name-icon .resource-name {
    cursor: pointer;
    font-size: 13px;
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
}
.resource-view-status-section {
    display: flex;
    flex-direction: row;
    margin-top: 0.3rem;
}
.resource-view-status-icon {
    width: 15px;
    height: 15px;
    margin-right: 0.5rem;
}
.resource-view-status-text {
    text-transform: capitalize;
    font-size: 13px;
}

@media (max-width: 768px) {
  .login-block {
    min-height: unset;
    padding: 20px;
  }
  .login-wrapper {
    margin: 60px 0px;
  }
  .login-btn-wrapper {
    width: 100%;
  }
  .login-input-blk {
    width: 100%;
  }
  .btn-custom {
    min-width: 100%;
  }
}
@media (min-width: 769px) and (max-width: 1000px) {
  .login-input-blk {
    width: 100%;
  }
  .btn-custom {
    min-width: 100%;
  }
}
.view-more {
  margin-top: 40px;
  font-size: 14px;
  color: #34dd97;
  text-transform: uppercase;
}








   
.logout-dropdown{
    color: #fff;
    font-family: unset;
    font-size: 13px;
    border-radius: 4px;
    text-align: left;
    font-size:14px;
    cursor:pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.profile-icon{
    text-transform: uppercase;
    display: flex;
    border-radius: 20vw;
    color: #fff;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    font-family: Poppins-Medium;
}
.profile-icon > img {
    border-radius: 50%;
    object-fit: cover;
}
.profile-icon .avatar_initial_text {
    font-size: 15px;
}
.caret-icon{
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #cacaca;
    pointer-events: none;
    margin-left: 3px;
}
.caret-rotate{
    transform: rotate(180deg);
}
.Profilemenu-content {
    min-width: 300px !important;
    width: max-content !important;
    padding: 0px !important;
    cursor: default !important;
}
.profile-menu {
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
}
.profile-menu .profile-name-section {
    display: flex;
    flex-direction: row;
    padding: 20px;
    background-color: rgba(34,33,36,.5);
}
.profile-menu .profile-name-section .profile-icon-section {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 0.5rem;    
}
.profile-menu .profile-name-section .profile-icon-section > img {
    border-radius: 50%;    
}
.profile-menu .profile-name {
    font-size: 18px;    
    color: #FFF;
    /* font-family: Poppins-Medium; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.profile-menu .profile-logout-section {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 15px 25px;
    cursor: pointer;
}
.profile-menu .profile-logout-section .profile-logout-icon {
    width: 20px;
    height: 20px;
}
.profile-menu .profile-logout-section .profile-logout {
    font-size: 18px;
    padding: 10px;
    color: #676767;    
    transition: all 0.3s ease-in-out;
}
.invite-topic-participant-modal .modal_content .meeting-type-container .chk_blk.co-master-radio, .invite-topic-participant-modal .modal_content .meeting-type-container .chk_blk.observer-radio {
    padding-left: 3rem;
}
#moderator_invite .invite_btn_blk {
    justify-content: flex-end;
    display: flex;
}


   
/* new css on 23 July 2020 */
.avatar_initial.active{background-color: #871fff;}
.avatar_initial{background-color: #515151;}
.vdo-icon-wrap{
  width:26px;
  padding-right:8px;
  height: auto;
  position: relative;
  cursor:pointer;
}
.vdo-icon-wrap img{width:100%;}
.vdo-icon-wrap svg{
  width:100%;
  height: auto;
}
.mic-icon-wrap{
  width:25px;
  height: auto;
  padding-right:8px;
  position: relative;
  cursor:pointer;
}
.refresh-icon-wrapper:hover .custom-menu-tooltip{
  opacity: 1;
  visibility: visible;
  left:35%;
}
.vdo-icon-wrap:hover .custom-menu-tooltip{
  opacity: 1;
  visibility: visible;
  left:35%;
}
.mic-icon-wrap:hover .custom-menu-tooltip{
  opacity: 1;
  visibility: visible;
  left:35%;
}
.spek-icon-wrap:hover .custom-menu-tooltip{
  opacity: 1;
  visibility: visible;
}
.spek-icon-wrap .custom-menu-tooltip{
  left:unset;
  right: -47px;
}
.spek-icon-wrap .custom-menu-tooltip::after{left:70%;}
.mic-icon-wrap img{width: 100%;}
.mic-icon-wrap svg{width: 100%;height: auto;}
.action-icons-wrapper{display: flex;}
.meeting_settings_menu{display: none !important;}
.screensharearrow{display: none !important;}
.refresh-icon-wrapper{
  width:23px;
  height: auto;
  padding-right:8px;
  position: relative;
  cursor:pointer;
}
.refresh-icon-wrapper img{width:100%}
.refresh-icon-wrapper svg{
  width:100%;
  height: auto;
  fill:#fff;
}
.spek-icon-wrap{
  width:22px;
  height: auto;
  padding-right:6px;
  position: relative;
  cursor:pointer;
}
.spek-icon-wrap img{width:100%;}
.spek-icon-wrap svg{width:100%;height:auto;}
.participant-list-tile.inactive{opacity: 0.5;}
.vdo_actions_media{
  justify-content: space-between;
  background-color: #131415 !important;
  box-shadow: 0px -6px 4px 0px #0000001a;
}
.screen_share{
  height: calc(100vh - 84px) !important;
  min-height: calc(100vh - 84px) !important;
  max-height: calc(100vh - 84px) !important;
}
.info-section-right-icon .fa-chevron-up{color:#fff;}
#groupChatDiv{display: none;}
.group-chat-icon-section.close-chat {display: none;}
.vdo_actions_media .meeting_settings_section {
  background-color: rgba(128,134,139,0.122) !important;
  display: none !important;
}
.vdo_actions_media .bottom-left-side-section .info-section .info-section-text {color:#fff;}
.vdo_actions_media .bottom-right-side-section .presentation_section .presentation_section_text{color:#fff;}
.vdo_actions_media .bottom-left-side-section .participants-section .participants-section-text {color:#fff;}
.participants-section-right-icon .fa-chevron-up{color:#fff;font-size: 12px;}
/* .participants_info{background-color: #49494a !important;} */
.arrow-info::after{
  border-color: transparent transparent #333335 #333335 !important;
}
.vc-participants-list-count{display: none !important;}
.participants_info .vc-participants-list-menu .nav-item .nav-link .vc-participants-list-count{display: none !important;}
.vdo_actions_media .bottom-left-side-section .info-section {display: none !important;}
.participants_info{left:2% !important;min-width: 26% !important;}
#paticipants-tabContent .participant-list-tile {margin-bottom:0px !important;}
.participant-profile-icon-section .avatar_initial{font-size: 14px !important;}
.participant-name-section .participant-name{font-size: 14px !important;}
#paticipants-tabContent{margin-top:0px !important;}
.participants-nav{margin-right: 50px;}
.participants_info .vc-participants-list-menu{
  background: #333335;
  padding: 3px 20px;
}
.vc-participants-list-menu .nav-item .nav-link.active {background: #333335;}
.participants_info .vc-participants-list-menu .nav-item .nav-link.active {
  color: #fff !important;
  border-bottom: 1px solid #fff !important;
}
.participants_info .vc-participants-list-menu .nav-item .nav-link{
  color:#fff !important;
  font-size: 14px;
  font-family: Poppins;
}
.vdo_actions_media .bottom-right-side-section .presentation_section .presentation_section_icon{width:22px !important;}
.vdo_actions_media .bottom-right-side-section .presentation_section{align-items: center !important;}
.vdo_actions_media .bottom-right-side-section .presentation_section{margin-right:25px !important;}
/* #publish_sub{background-color: #333335 !important;} */
.avatar_initial.moderator {background-color: #871fff;}
.avatar_initial.interpreter{background-color: #c22364;}
.avatar_initial.viewer{background-color: #1a95ad;}
#paticipants-tabContent .participant-list-tile:last-child{border-bottom: 0;}
/* rafiky css starts here */
.d-flex {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important
}

.d-inline-flex {
  display: -webkit-inline-box!important;
  display: -ms-inline-flexbox!important;
  display: inline-flex!important
}

.flex-row {
  -webkit-box-orient: horizontal!important;
  -webkit-box-direction: normal!important;
  -ms-flex-direction: row!important;
  flex-direction: row!important
}

.flex-column {
  -webkit-box-orient: vertical!important;
  -webkit-box-direction: normal!important;
  -ms-flex-direction: column!important;
  flex-direction: column!important
}

.flex-row-reverse {
  -webkit-box-orient: horizontal!important;
  -webkit-box-direction: reverse!important;
  -ms-flex-direction: row-reverse!important;
  flex-direction: row-reverse!important
}

.flex-column-reverse {
  -webkit-box-orient: vertical!important;
  -webkit-box-direction: reverse!important;
  -ms-flex-direction: column-reverse!important;
  flex-direction: column-reverse!important
}

.flex-wrap {
  -ms-flex-wrap: wrap!important;
  flex-wrap: wrap!important
}

.flex-nowrap {
  -ms-flex-wrap: nowrap!important;
  flex-wrap: nowrap!important
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse!important;
  flex-wrap: wrap-reverse!important
}

.justify-content-start {
  -webkit-box-pack: start!important;
  -ms-flex-pack: start!important;
  justify-content: flex-start!important
}

.justify-content-end {
  -webkit-box-pack: end!important;
  -ms-flex-pack: end!important;
  justify-content: flex-end!important
}

.justify-content-center {
  -webkit-box-pack: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important
}

.justify-content-between {
  -webkit-box-pack: justify!important;
  -ms-flex-pack: justify!important;
  justify-content: space-between!important
}

.justify-content-around {
  -ms-flex-pack: distribute!important;
  justify-content: space-around!important
}

.align-items-start {
  -webkit-box-align: start!important;
  -ms-flex-align: start!important;
  align-items: flex-start!important
}

.align-items-end {
  -webkit-box-align: end!important;
  -ms-flex-align: end!important;
  align-items: flex-end!important
}

.align-items-center {
  -webkit-box-align: center!important;
  -ms-flex-align: center!important;
  align-items: center!important
}

.align-items-baseline {
  -webkit-box-align: baseline!important;
  -ms-flex-align: baseline!important;
  align-items: baseline!important
}

.align-items-stretch {
  -webkit-box-align: stretch!important;
  -ms-flex-align: stretch!important;
  align-items: stretch!important
}

.align-content-start {
  -ms-flex-line-pack: start!important;
  align-content: flex-start!important
}

.align-content-end {
  -ms-flex-line-pack: end!important;
  align-content: flex-end!important
}

.align-content-center {
  -ms-flex-line-pack: center!important;
  align-content: center!important
}

.align-content-between {
  -ms-flex-line-pack: justify!important;
  align-content: space-between!important
}

.align-content-around {
  -ms-flex-line-pack: distribute!important;
  align-content: space-around!important
}

.align-content-stretch {
  -ms-flex-line-pack: stretch!important;
  align-content: stretch!important
}

.align-self-auto {
  -ms-flex-item-align: auto!important;
  align-self: auto!important
}

.align-self-start {
  -ms-flex-item-align: start!important;
  align-self: flex-start!important
}

.align-self-end {
  -ms-flex-item-align: end!important;
  align-self: flex-end!important
}

.align-self-center {
  -ms-flex-item-align: center!important;
  align-self: center!important
}

.align-self-baseline {
  -ms-flex-item-align: baseline!important;
  align-self: baseline!important
}

.align-self-stretch {
  -ms-flex-item-align: stretch!important;
  align-self: stretch!important
}
.h-100{height:100%;}
.w-100{width:100%;}
.vc-session{height:100vh;overflow: hidden;max-height: -webkit-fill-available !important;min-height: -webkit-fill-available !important;}
.vdo-top-part{
display: flex;
padding:15px;
background-color: #131415;
position: relative;
/* box-shadow: 0px 4px 4px 0px #0000001a; */
}
.username{
font-size: 14px;
font-weight: 600;
color:#fff;
padding-left:10px;
}
.vdo-display-wrapper{
background-color: #1e1f20;
height: calc(100vh - 160px);
min-height: calc(100vh - 160px);
max-height: calc(100vh - 160px);
position: relative;
}
.vdo-display-area{
width:70%;
height: 100%;
margin:0 auto;
}
.vdo_container{
width:100%;
height: 100%;
overflow:hidden;
position:relative;
}
.vdo_container video{
width:100%;
height: 100%;
overflow:hidden;
object-fit: cover;
}
.vdo-menu-actions{ padding: 13px 30px 0px 30px;}
.vdo_bottom-part{
height:78px;
background-color: #131415;
/* box-shadow: 0px -6px 4px 0px #0000001a; */
}
.media-menu-wrapper{
width:50px;
height:50px;
background-color: #f73260;
border-radius: 50%;
}
.flag-avatar {
width: 25px;
height: 25px;
}
.object-cover{
width:100%;
height: 100%;
object-fit: cover;
}
.intersector-select,.filter-select{
border:1px solid #cacaca;
font-size: 13px;
font-weight: 500;
color:#7b7b7b;
padding:5px 10px;
border-radius: 6px;
cursor: pointer;
}
.filter-section{padding-left:20px;}
.filter-dropdown img{
width:20px;
height: auto;
}
.call-close{
position: relative;
cursor: pointer;
}
.call-close img{
width:20px;
height:auto;
transform:rotate(135deg)
}
/* .logoo img{
width:38px;
height: auto;
} */
.logoo img{
  width:23px;
  height: auto;
  }
.bandwidth-section,.refresh-section,.settings-section,.hand-over,.mic-control,.outcoming-voice-ctrl{
cursor: pointer;
position: relative;
}
.chat-icon-session{position: relative;}
.bandwidth-section .custom-menu-tooltip{
  bottom:unset;
  top: calc(100% + 1.2rem);
}
.refresh-section .custom-menu-tooltip{
  bottom:unset;
  top: calc(100% + 1.2rem);
}
.settings-section .custom-menu-tooltip{
  bottom:unset;
  top: calc(100% + 1.2rem);
}
.logout-section .custom-menu-tooltip{
  bottom:unset;
  top: calc(100% + 1.2rem);
}
.chat-icon-session .custom-menu-tooltip{
  bottom:unset;
  top: calc(100% + 1.2rem);
}
.bandwidth-section .custom-menu-tooltip::after{transform: translate(-50%, -170%) rotate(45deg);}
.refresh-section .custom-menu-tooltip::after{transform: translate(-50%, -170%) rotate(45deg);}
.settings-section .custom-menu-tooltip::after{transform: translate(-50%, -170%) rotate(45deg);}
.logout-section .custom-menu-tooltip::after{transform: translate(-50%, -170%) rotate(45deg);left:65%;}
.chat-icon-session .custom-menu-tooltip::after{transform: translate(-50%, -170%) rotate(45deg);}
.bandwidth-section:hover .custom-menu-tooltip{
  opacity: 1;
  visibility:visible;
}
.refresh-section:hover .custom-menu-tooltip{
  opacity: 1;
  visibility:visible;
}
.settings-section:hover .custom-menu-tooltip{
  opacity: 1;
  visibility:visible;
}
.logout-section:hover .custom-menu-tooltip{
  opacity: 1;
  visibility:visible;
}
.chat-icon-session:hover .custom-menu-tooltip{
  opacity: 1;
  visibility:visible;
}

.bandwidth-section img{
width:20px;
height:auto;
cursor:pointer;
}
.refresh-section img{
width:17px;
height:auto;
cursor:pointer;
}
.settings-section img{
width:20px;
height:auto;
cursor:pointer;
}
.logout-section{
  padding-left: 25px;
  position: relative;
}
.logout-section img{
width:25px;
height:auto;
cursor:pointer;
}
.vdo-top-right-part{
display: flex;
align-items: center;
}
.logout-section img{
width:22px;
height: auto;
}
.top-menu-wrapper.speaker{padding-left: 0%;}
.top-menu-wrapper .speaker-lang-blk:nth-child(1){margin-left: 0px}
.vdo-menu-blk{
border-radius: 45px;
background-color: #131415;
    padding: 8px 0px;
}
.vdo-menu-blk .vdo-menu-list:nth-child(1){margin-left: 0px}
.vdo-menu-blk .vdo-menu-list:last-child{margin-right: 0px}
.leave-call:hover{
background: #ad2323;
border-color: #ad2323;
}
.vdo-menu-list {
min-width: 50px;
width: 50px;
height: 50px;
border-radius: 50%;
border: 1px solid #fff;
background: transparent;
margin: 0 7px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
cursor:pointer;
}
/* .vdo-menu-list.video img{
width:18px;
height: auto;
}
.vdo-menu-list.mic img{
width:18px;
height: auto;
}
.vdo-menu-list.raisehand img{
width:23px;
height: auto;
}
.vdo-menu-list.leave-call img{
width:20px;
height: auto;
transform:rotate(135deg);
}
.vdo-menu-list.screenshare img{
width:18px;
height: auto;
}
.vdo-menu-list.message img{
width:18px;
height: auto;
} */
.vdo-menu-list:hover{
background-color: #57575a;
border: 1px solid #57575a;
}
.custom-menu-tooltip{
box-sizing: border-box;
position: absolute;
padding: .8rem .8rem .6rem;
max-width: 21.6rem;
z-index: 99999999;
border-radius: .4rem;
background-color: #fff;
color: rgba(20,23,33,.95);
font-size: .8rem;
line-height: 1.25;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s .2s,opacity .2s cubic-bezier(.645,.045,.355,1) 0s,-webkit-transform .2s cubic-bezier(.645,.045,.355,1) 0s;
transition: visibility 0s .2s,opacity .2s cubic-bezier(.645,.045,.355,1) 0s,-webkit-transform .2s cubic-bezier(.645,.045,.355,1) 0s;
transition: visibility 0s .2s,transform .2s cubic-bezier(.645,.045,.355,1) 0s,opacity .2s cubic-bezier(.645,.045,.355,1) 0s;
transition: visibility 0s .2s,transform .2s cubic-bezier(.645,.045,.355,1) 0s,opacity .2s cubic-bezier(.645,.045,.355,1) 0s,-webkit-transform .2s cubic-bezier(.645,.045,.355,1) 0s;
pointer-events: none;
bottom: calc(100% + 1.2rem);
width: unset;
white-space: nowrap;
left: 50%;
transform: translateX(-50%) !important;
}
.custom-menu-tooltip:after {
content: '';
position: absolute;
left: 50%;
transform: translate(-50%, 201%) rotate(45deg);
width: 10px;
height: 10px;
background: white;
z-index: -999;
}
.vdo-menu-list:hover .custom-menu-tooltip{
opacity: 1;
visibility: visible;
}
.call-close:hover .custom-menu-tooltip{
opacity: 1;
visibility: visible;
}
.flag-lang{
  font-size: 11px;
  font-weight: 200;
  color: #fff;
  padding-left: 16px;
  min-width: 80px;
}
.flag-avatar img{width:100%;}
.arrow-up{position: relative;}
.interpreter-lang::before{
content: '';
width: 6px;
height: 6px;
position: absolute;
top: 7px;
right: 5px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(-45deg) translateX(-53%);
}
.interpreter-section {
border: 1px solid #ffdede3b;
border-radius: 4px;
padding: 5px 10px;
display: flex;
}
.interpreter-popover{
position: absolute;
margin-top: 10px;
z-index: 9;
background-color: #333335;
/* padding: 0px 15px; */
left: 0px;
right: 0px;
width: 120px;
top: 100%;
box-shadow: 0px 7px 4px 0px #00000078;
}
.interpreter-container{
padding: 13px 0px;
border-bottom: 1px solid #0000002e;
}
.interpreter-container:last-child{border-bottom: 0;}
.filter-section{
padding: 5px;
cursor: pointer;
margin-left: 50px;
}
.floor-audio-settings{
cursor: pointer;
margin-left: 50px;
border: 1px solid #0000003b;
border-radius: 4px;
padding: 5px 10px;
display: flex;
align-items: center;
    color: #fff;
font-size: 14px;
}
.vdo-menu-list.disabled{
background-color:#464646;
border:1px solid #464646;
cursor:not-allowed;
}
.slowdown img{
width:28px;
height: auto;
}
.mic-control img{width: 16px;height: auto;}
.hand-over img{width:24px;height: auto;}
.incoming-voice-ctrl img{width:18px;height: auto;cursor: pointer}
.outcoming-voice-ctrl img{width:18px;height: auto;}
.incoming-txt,.outgoing-txt{
font-size: 12px;
font-weight: 500;
color:#fff;
padding-right: 10px;
}
.incoming-txt.active{color: #46a668}
.incoming-voice-ctrl{position: relative;}
.voice-control-popover {
position: absolute;
margin-top: 10px;
background-color: #252525;
z-index: 999;
min-width: 100px;
left: 0px;
right: 0px;
top: 100%;
border-radius: 4px;
overflow: hidden;
padding: 13px 30px;
box-shadow: 0px 0px 6px 5px #00000021;
}
.voice-slidecontainer {
width: 100%;
display: flex;
align-items: center;
height: 11px;
}
.voice-slider {
-webkit-appearance: none;
width: 100%;
height: 3px;
border-radius: 5px;
background: #871fff;
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
}
.voice-slider:hover {opacity: 1;}
.voice-slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 18px;
height: 18px;
border-radius: 50%;
background: #737373;
cursor: pointer;
}
.voice-slider::-moz-range-thumb {
width: 15px;
height: 15px;
border-radius: 50%;
background: #737373;
cursor: pointer;
}
.lang-container{position: relative;cursor: pointer;}
.audio-settings-holder{
width: 22px;
height: 22px;
margin-left: 15px;
cursor: pointer;
}
.navmenu-toggler{
  display: none;
  font-size: 20px;
  cursor: pointer;
  color:#fff;
}
/* video settings page starts here */
.vdo-sys-session{
  min-height:100vh;
  height:100vh;
  background-color: #131415;
}
.vdo-sys-check-wrapper{
  position: relative;
  width:400px;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  padding:25px 25px 3px;
  box-shadow:0px 6px 6px #00000012;
  border-radius: 10px;
  background-color: #1e1f20;
}
.vdo-in-sys{
  width:100%;
  height:205px;
  border-radius: 4px;
  overflow:hidden;
  position: relative;
}
.vdo-syschk-icons{
  position: absolute;
  bottom:2px;
  left:0px;
  right:0px;
  background: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-gradient(left bottom, left bottom, color-stop(25%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.89) 96%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.89) 96%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.89) 96%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.89) 96%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}
.vdo-in-icon-wrapper{padding:15px 0;}
.vdo-in-iconblk{
  width:30px;
  height:30px;
  border-radius: 50%;
  border:1px solid #fff;
  overflow: hidden;
  margin-right:15px;
  cursor: pointer;
}
.vdo-in-iconblk:hover{background:#69696957;}
.vdo-in-camicon{width:17px;}
.vdo-in-micicon{width:17px;}
.vdo-syschk-basic{margin-top:15px;}
.formgroup-sys{
  font-size: 13px;
  font-weight: 300;
  color:#a9a9a9;
  border-radius: 5px;
  margin-bottom:20px;
}
.sys-chk-up{position: relative;}
.sys-chk-up::after{
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  top: 7px;
  right: 10px;
  border-top: 2px solid #a9a9a9;
  border-right: 2px solid #a9a9a9;
  transform: rotate(-45deg) translateX(-53%);
}
.sys-chk-down{position: relative;}
.sys-chk-down::after{
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  top: 10px;
  right: 15px;
  border-top: 2px solid #a9a9a9;
  border-right: 2px solid #a9a9a9;
  transform: rotate(135deg) translateX(-53%);
}
.droplist-setting{
  padding:7px 15px;
  border: 1px solid #fff;
  cursor:pointer;
  color:#fff;
  border-radius:4px;
}
.droplist-setting-error {
  border-color: red !important;
}
.vdo-sys-leftpart{width:50%;}
.vdo-sys-rightpart{width:50%;padding-left:15px;}
.vdo-sys-button-wrapper{
  margin:30px 0 20px 0;
}
.vdo-sys-button{
  font-size: 12px;
  font-weight: 500;
  color:#fff;
  padding:10px 20px;
  text-transform: uppercase;
  background-color:transparent;
  border-radius: 5px;
  outline: none;
  border: 1px solid #871fff;
  cursor:pointer;
  background-size: 200% 200%;
  background-image: linear-gradient(to bottom,transparent 50%,#871fff 50%);
  transition: background-position .4s, color 300ms;
}
.vdo-sys-button:hover{
  color:#fff;
  background-position: 0 -100%;
}
.sys-ckk-label{
  font-size: 14px;
  font-weight: 500;
  color:#a9a9a9;
  margin-bottom:9px;
}
.audio-chker-blk{
  margin-left:6px;
  height: 1.625em;
  width: 1.625em;
  -webkit-box-align: center;
  box-align: center;
  align-items: center;
  box-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  color: #817fff;
  display: flex;
  font-size: 16px;
}
.audio-chker-blk .first-dot,.audio-chker-blk .second-dot,.audio-chker-blk .third-dot{
  background-color: currentColor;
  border-radius: 0.125em/0.125em;
  height: 0.25em;
  width: 0.25em;
  will-change: height,transform;
  z-index: 1;
  margin-left:3px;
}
.audio-chker-blk .first-dot{animation: jiggle1 .6s 0s infinite;}
.audio-chker-blk .second-dot{animation: jiggle2 .6s 0s infinite;}
.audio-chker-blk .third-dot{animation: jiggle3.6s 0s infinite;}
@keyframes jiggle1 { 50% {height: .425rem;}}
@keyframes jiggle2 {50% {height: .725rem;}}
@keyframes jiggle3 {50% {height: .425rem;}}
.vdo-chk-select{
  margin-right: 30px;
  position: relative;
}
.vdo-chk-select-open{
  display: none;
  position: absolute;
  margin-top: 5px;
  z-index: 9;
  background-color: #333335;
  padding: 0px 15px;
  left: 0px;
  right: 0px;
  top: 100%;
  box-shadow: 0px 2px 4px 0px #00000078;
}
.vdo-chk-select-container{
  padding: 13px 0px;
  border-bottom: 1px solid #0000002e;
}
/* video settings page ends here */
/* moderator all page starts  */
.moderator-view-page{
  width: auto;
  min-width: auto; 
  margin: 0px; 
  height: 100%;
}
.participants-section{border-color: rgb(208, 208, 208);}
.moderator-media{
  display: flex; 
  width: 100%;
  /* position: relative; */
  padding: 5px 0px;
  /* position: fixed;
  bottom: 0px;
  z-index: 99; */
}
.mod-meeting-section{flex-direction: column;}
.mod-parent-meet-session{
  width: 100%; 
  height: 100%; 
  min-height: 100%;
  max-height: 100%;
}
.meeting-display-section{display: block;}
.mod-participants_info{
  opacity: 1;
   visibility: visible; 
   bottom: 11%;
}
.slow-down-toast-blk{
  position: absolute;
  right: 15px;
  top:15px;
  padding:8px 15px 8px 15px;
  border-radius: 8px;
  background-color: #871fff;
}
.slow-down-user{
  width:30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
}
.slow-down-txt{
  font-size: 13px;
  font-weight: 500;
  color:#fff;
  margin-left:10px;
  margin-right: 10px;
  min-width: 150px;
}
.toast-close-btn{
  font-size: 22px;
  font-weight: 500;
  color:#fff;
  cursor: pointer;
}

.interpreter-arrow-down{position: relative;}
.interpreter-arrow-down::after{
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  top: 10px;
  right: 5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(135deg) translateX(-53%);
}
.floor-avatar{
  min-width: 25px;
  width:25px;
  height: 25px;
  border-radius: 50%;
  background-color: #871fff;
  color:#fff;
  font-size: 11px;
  font-weight: 500;
}
/* .speaker-floor-blk{margin-left:15px;} */
.floor-caption{
  font-size: 12px;
  font-weight: 500;
  color:#fff;
  padding:0 15px 0px 10px;
  white-space: nowrap;
}
.voice-controller{
  width:100px;
  padding-left:15px;
}
.speaker-lang-blk{
  display: flex;
  align-items: center;
  padding: 3px 9px;
  border-radius: 4px;
  margin-left:15px;
  border: 1px solid #4e4c4c;
}
.tot-participants{
  font-size: 12px;
  font-weight: 300;
  color: #fff;
  /* padding-left: 40px; */
}
.tot-participants span{
  color:#871fff;
  font-weight: 500;
}
.confern-time{
  font-size: 12px;
  font-weight: 300;
  color: #fff;
  padding-left: 40px;
  left: 140px;
}
.confern-time span{
  color:#871fff;
  padding-left:5px;
  font-weight: 500;
}

/* css on 6 aug 2020 */
/* .conf-time-part{margin-left:20px;} */
.interpre-label-air{
  font-size: 13px;
  font-weight: 300;
  color: #fff;
  padding-left: 40px;
}
.interpre-active-blk{
  margin-left:10px;
  padding:4px 7px 4px 5px;
  border-radius: 4px;
  border: 1px solid #5d5c5c;
}
.active-blink{
  display: inline-block;
  width:auto;
  height: 6px;
  border-radius: 50%;
  background-color: #ff437d;
  padding-right: 6px;
  animation: blink 2s ease infinite;

}
@keyframes blink{
  50%{opacity: 0;}
}
.active-intre-name{
  font-size: 11px;
  font-weight: 500;
  color:#fff;
  padding-left:4px;
}
.interpre-inactive-blk{
  margin-left:10px;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid #5d5c5c;
}
.inactive-intre-name{
  font-size: 10px;
  font-weight: 500;
  color:#fff;
}
.chat-icon-session img{
  width: 20px;
  height: auto;
  cursor: pointer;
}
.intrepre-languag-blk{
  height: 105px;
  width:fit-content;
}
.floor-interpre-blk{ 
   border: unset !important;
   height: unset;
  }
.intrepre-languag-blk .interpreter-section{
  height: 20px;
  border: 1px solid #4a4243;
}
.intrepre-languag-blk .interpreter-section.active{
  box-shadow:0px 0px 10px #00000012;
  border:2px solid #3b60e2;
}
.intrepre-languag-blk .flag-lang{
  padding-left:0px;
  padding-right: 15px;
}
.intrepre-languag-blk .interpreter-arrow-down::after{top:8px}
.handd-over img{width:24px;height: auto;}
/* .interpreter-menu-icons-wrapper{
  border-radius: 4px;
  border: 1px solid #fff;
  padding:10px;
} */
.interpreter-floor-menu-ctrl{
  border-radius: 4px;
  border: 1px solid #4e4c4c;
  padding:5px;
  margin-right: 15px;
  width:fit-content;
  width:-moz-fit-content;
  height:102px;
  position: relative;
}
.listening-audio img{
  width:23px;
  height: auto;
}
.listening-lang-blk{
  padding:0 10px;
}
.current-audio-lang{
  padding-left:5px;
  font-size: 12px;
  font-weight: 500;
  color:#fff;
}
.current-audio-lang span{color: #871fff;}
.comm-chat-blk{
  position: absolute;
  top:0px;
  bottom:0px;
  right:0px;
  width:350px;
  background-color: #fff;
  z-index: 9;
  transition: .3s;
}
.chat-close-btn{
  font-size: 25px !important;
  font-weight: 200;
  /* color: #484141 !important; */
  color:#fff !important;
  cursor: pointer;
}
.comm-chat-wrapper{
  max-height: calc(100vh - 330px);
  min-height: calc(100vh - 330px);
  overflow-y: auto;
  padding-right: 4px;
  padding:15px;
  padding-top:10px;
  /* background-color: #fff; */
}
.comm-chat-wrapper::-webkit-scrollbar {width: 4px;}
.comm-chat-wrapper::-webkit-scrollbar-track {
  background: #f8f8f8;
  border-radius: 10px;
}
.comm-chat-wrapper::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 10px;
  cursor: pointer;
}
.comm-chat-date{
  clear: both;
  font-size: 11px;
  font-weight: 600;
  color: #7b7b7b;
  padding: 15px 0;
  text-align: center;
  font-style: italic;
}
.comm-chat-avatar{
  min-width: 23px;
  width:23px;
  height: 23px;
  border-radius: 50%;
  overflow: hidden;
  margin-top:3px;
}
.msg-pointer {
  padding: 9px 9px 9px 15px;
  max-width: calc(100% - 13px);
  border-radius: 2px;
  position: relative;
  opacity: 1;
  font-size: 13px;
  font-weight: 400;
  border-radius: 6px;
  line-height: 18px;
  word-break: break-word;
  background: #fff;
  color: #444;
}
.msg-pointer.me{background-color:#fae2e6;color:#333;}
.msg-pointer.incoming{background-color:#f0f2f5;color:#333;}
.msg-pointer.to-organizers{
  background-color:#d8edfd;
  color:#333;
}
.msg-pointer.to-everyone{
  background-color:#fdedde;
  color:#333;
}
/* .msg-pointer.right::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 0;
  border-color: transparent #776e70 transparent transparent;
  position: absolute;
  top: 0;
  right: -6px;
  transform: rotate(-90deg);
} */
.msg-pointer.left {
  margin: 6px 25px 6px 0px;
  float: left;
  width: 100%;
}
.msg-pointer.right {
  margin: 8px 0px 8px 35px;
  float: right;
  width: 100%;
}
/* .msg-pointer.incoming::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 0;
  border-color: transparent #dfe4e6 transparent transparent;
  position: absolute;
  top: 0;
  left: -6px;
}
.msg-pointer.me::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  top: 0;
  left: -6px;
} */
.comm-chat-container.left{
  float: left;
  width: 100%;
}
.comm-chat-container.right{
  float: right;
  width: 100%;
}
.comm-chat-main{flex-direction: row-reverse;}
.call-hang-btnn{
  width: 50px !important;
  height: 50px !important;
  background-color: #f73260 !important;
  border-radius: 50% !important;
  border:0 !important;
}
.paper-clip-chat-icon img{
  width: 17px;
  height: auto;
}
.comm-chat-reply-row{
  position: relative;
  /* padding: 20px 15px 5px 5px; */
  width:100%;
  /* height:25px; */
}
.chat-reply-txtarea{
  width: 100%;
  /* height: 100%; */
  padding: 30px 15px 5px 5px !important;
  box-sizing: border-box;
  border: 1px solid red;
  overflow: hidden;
  font-size: 12px;
  font-weight: 500;
  color: #333;
}
.chat-reply-txtarea:focus{
  padding: 20px 15px 5px 5px !important;
}
.comm-chat-input-holder{
  padding: 20px 15px 5px 5px;
  width:100%;
  position: relative;
  box-sizing: border-box;
 border:2px solid transparent;
}
.comm-chat-input-holder.reply-input-focused{
  border:2px solid #6ea3f8;
}
.chat-inputt{
  border-left: none;
  border-top: none;
  border-right: none;
  border-radius: 0;
  background: unset !important;
  border-bottom: 0px;
  padding: 0px;
  height: unset;
  width: 100%;
  font-size: 14px;
  color:#333;
}
.chat-inputt::placeholder{color:#c3bfbf;}
.outer-left-blk-foot-rht{width:530px;}
.float-part-count{
  /* position: absolute;
  padding-left: 190px; */
}
.fixed-top-left{width:16%;}
.mod-userlisting-header{
  font-size: 14px;
  font-weight: 400;
  color:#fff;
  padding:16px;
  text-transform: capitalize;
}
.mod-userlisting-header.speaker{background-color: #871fff;}
.mod-userlisting-header.interpreter{background-color: #c22364;}
.mod-userlisting-header.viewer{background-color: #1a95ad;}
.interpre-active-rep-blk{margin-left:15px;}
.comm-chat-send{
  min-width: 30px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #871fff;
}
.comm-chat-send img{margin-left:3px;}
.comm-chat-time{
  font-size: 10px;
  font-weight: 400;
  color: #7b7b7b;
  text-align: end;
  padding-right: 37px;
}
.chat-mobile-view-wrapper{
  display: none;
  position: absolute;
  right: 30px;
  bottom: 20px;
  z-index: 9999;
}
.chat-mobile-icon-container{
  width:35px;
  height:35px;
  border-radius: 50%;
  background-color: #333335;
  border:1px solid #ffedf9;
}
.chat-mobile-icon{
  width:15px;
  height:auto;
}
/* .fixed-leave-call-wrapper{margin-left:65px;} */
.screen_share .meeting-section {
  position: relative;
  overflow:hidden;
}
.mod-comm-chat{min-width:260px;}



.sidenav-blk {
  display: none;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: #333335;
  overflow-x: hidden;
  transition: 0.5s;
}
.sidenav-blk.open{
  display:block;
  width:100%;
  transition: 0.5s;
}
.sidenav-blk a {
  text-decoration: none;
  font-size: 14px;
  color: #a9a9a9;
  display: block;
  transition: 0.3s;
}
.sidenav-blk span{
  font-size: 14px;
  font-weight: 500;
  color: #a9a9a9;
}
.sidenav-blk .closebtn {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 36px;
  margin-left: 50px;
}
.sidenav-menu-wrap{
  padding:8px 18px;
  max-height: 80%;
  overflow-y: scroll;
}
.sidenav-menu-wrap li{
  padding: 15px 0px;
  border-bottom: 1px solid #585555;
}
.sidenav-menu-wrap li:last-of-type{border-bottom:0;}
.sidebar-top-part{
  padding:15px;
  box-shadow: 0px 4px 4px 0px #0000001a;
}
.sidenav-blk .close{font-size: 36px;font-weight: 200;}
.sidebar-settings-txt{font-size:16px !important;}
.mobile-sidemenu-wrap{
  max-height: unset !important;
  overflow: unset !important;
}
.c-time{
  color:#871fff !important;
  padding-left:8px;
}
.c-time-txt{color:#fff !important;}
.mobile-voice-controller{padding: 20px 15px 0px 15px;}
.arrow-open{position: relative;}
.arrow-open::after{
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  top: 6px;
  right: -25px;
  border-top: 2px solid #a7a7a7;
  border-right: 2px solid #a7a7a7;
  transform: rotate(-45deg) translateX(-53%);
}
.Interpreters-lang{padding: 8px 18px 0px 18px;}
.Interpreters-lang li:last-of-type{
  border-bottom:0;
  padding-bottom:10px;
}
.menulst-active{color:#fff !important;}
.comm-chat-time.left{
  text-align: left;
  padding-left:45px;
}
.viewer-screen{overflow:hidden;}

.chat-header-blk{
  border-bottom:1px solid #f0f2f5;
  background-color: #fff;
  color:#333;
  padding:10px 15px;
}
.chat-group-name{
  font-size: 13px;
  font-weight: 500;
  color:#fff;
  padding-left:10px;
}

.chat-grp-icon{
  width:19px;
  height:auto;
  padding-top: 1px;
}
.chat-grp-icon img{width:100%;}
.current-chat-username 
{
  font-size:13px;
  font-weight:400;
  color:#333;
  padding-left:20px;
  padding-top:3px;
}


.chat-avatar.speaker{
  background-color: #871fff;
  color:#fff;
}
.chat-avatar{
  display:flex;
  align-items: center;
  justify-content: center;
  min-width: 25px;
  width:25px;
  height: 25px;
  border-radius: 50%;
  overflow: hidden;
  margin-top:3px;
  font-size:13px;
  font-weight: 500;
}
.chat-avatar.interpreter{
  background-color: #c22364;
  color:#fff;
}
.chat-avatar.viewer{
  background-color: #1a95ad;
  color:#fff;
}
.interpreter-menu-icons-wrapper{position: relative;}
.handover-remain-time{
  position: absolute;
  left:-95% !important;
  font-size:16px;
  font-weight: 500;
  color:#ff5b5b;
  padding:10px;
}
/* Handover popover starts here */
.hand-over-popover{
  width: 215px;
  background: #fff;
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 7px;
  box-shadow: 0px 0px 7px 7px #44444438;
  padding: 20px;
  box-sizing: border-box;
  z-index: 99999999;
  cursor: default;
}
.hand-over-popover:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  background: #fff;
  width: 13px;
  height: 13px;
  bottom: -4px;
}
.hand-over-popover .hand-over-option{
  width: 100%;
  background: #871fff;
  opacity:0.8;
  color: #fff;
  box-sizing: border-box;
  padding: 10px;
  border-radius: 5px;
  margin-top: 15px;
  font-size: 13px;
  cursor: pointer;
}
.hand-over-option:first-child{margin-top: 0px;}
.hand-over-option:hover {background-color: #871fff;opacity:1;}
.interpreter-menu-icons-wrapper{position: relative}
.hadover-notification{
  position: absolute;
  left: -150%;
  color: #ff5b5b;
}
.handover-timer-icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width:25px;
  height:25px;
  background-color:#fff;
  border-radius:50%;
}
.handover-timer-icon img{
  width:16px;
  height:auto;
}
/* Handover popover ends here */
.poll-icon-session{
  padding-right:26px;
  position: relative;
}
.poll-icon-session img{
  width: 16px;
  height: auto;
  cursor: pointer;
}
.poll-dropdown-wrapper{
  top:100%;
  width:220px;
  background-color: #fff;
  border-radius: 10px;
  right: 23px;
  margin-top: 15px;
  overflow:hidden;
  z-index: 9999999;
}
.poll-display-container{
  padding:10px 0px;
  border-bottom:1px solid #eaeaea;
  position:relative;
}
.poll-display-wrapper{
  padding:0px 10px 0 10px;
  max-height:160px;
  overflow:auto;
}
.poll-display-wrapper::-webkit-scrollbar {width: 5px;}
.poll-display-wrapper::-webkit-scrollbar-track {
  background: #f8f8f8;
  border-radius: 10px;
}
.poll-display-wrapper::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 10px;
  cursor: pointer;
}
.create-poll-session{
  text-align: center;
  padding:11px 0;
  color:#fff;
  font-size:12px;
  font-weight: 500;
  background-color: #871fff;
  cursor:pointer;
}
.create-poll-session::first-letter{text-transform: capitalize;}
.poll-display-title{
  white-space:nowrap;
  max-width: 200px;
  overflow:hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color:#444;
}
.no-polls{
  font-size:12px;
  font-weight: 500;
  color:#7b7b7b;
  font-style: italic;
  padding:5px 0 10px 0px;
  text-transform: capitalize;
  text-align: center;
}
.custom-poll-popup{
  position: fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:500px;
  background-color:#fff;
  border-radius: 8px;
  overflow: hidden;
}
.custom-poll-popup.mod{left:48.5%;}
.custom-poll-popup-header{
  background-color:#eee;
  padding:1rem;
}
.popup-poll-icon{
  width:15px;
  height: auto;
}
.poll-header-caption{
  font-size: 14px;
  font-weight: 600;
  color: #111;
  text-transform: capitalize;
  padding-left: 10px;
}
.poll-body{padding:1rem;}
.add-poll-blk {
  min-height: 260px;
  max-height:260px;
  overflow-y:auto;
}
.add-poll-blk::-webkit-scrollbar {width: 5px;}
.add-poll-blk::-webkit-scrollbar-track {
  background: #f8f8f8;
  border-radius: 10px;
}
.add-poll-blk::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 10px;
  cursor: pointer;
}

.add-poll-ques-choic {
  font-size: 15px;
  font-weight: 600;
  color: #871fff;
  white-space: nowrap;
}
.add-poll-ques-wrapper {
  padding-left: 15px;
  width: 94%;
}
.add-poll-ques-option-part {
  margin: 0px 0px 0px 35px;
  /* max-height: 193px;
  overflow-y: auto; */
  counter-reset: questn-choice;
}
.add-poll-ques-option-part .poll-option-wrapper {
  margin: 20px 0px;
  position: relative;
}
.add-poll-ques-option-part .poll-option-bubble {
  display:flex;
  align-items: center;
  justify-content: center;
  min-width: 19px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 500;
  color: #fff;
}
.add-poll-opt-wrapper {
  padding-left: 9px;
  width: 94%;
}
.poll-input{
  margin: 0;
    border: 0;
    padding: 5px 0;
    font-size: 12px;
    font-weight: 500;
    color: #444;
    width: 100%;
    background-color: transparent;
    border-bottom: 1px solid #cacaca;
}
.poll-input.view{border-bottom:unset;}
.poll-input:focus{border-bottom:1px solid #871fff;}
.poll-input::placeholder{
    text-transform: capitalize;
    color:#cacaca;
}
.poll-option-wrapper:nth-child(1) .poll-option-bubble{background-color: #c22364;}
.poll-option-wrapper:nth-child(2) .poll-option-bubble{background-color: #0089e9;}
.poll-option-wrapper:nth-child(3) .poll-option-bubble{background-color: #1a95ad;}
.poll-option-wrapper:nth-child(4) .poll-option-bubble{background-color: #a9a9a9;}
.add-poll-ques-option-part .poll-option-bubble:before{
  counter-increment: questn-choice;
  content:counter(questn-choice,upper-alpha);
}

.custom-poll-footer{
  padding:20px;
}
.poll-btn-blk{text-align: center;}
.poll-cancel-btn{
  outline: none;
  border: none;
  background: none;
  font-size: 12px;
  font-weight: 600;
  color: #333;
  margin-right: 20px;
  cursor:pointer;
}
.poll-launch-btn{
  outline: none;
  border: none;
  padding: 8px 26px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  text-transform: capitalize;
  color: #871fff;
  border:1px solid #871fff;
  cursor:pointer;
  background-color:#fff;
}
.poll-launch-btn:hover{background-color:#871fff;color:#fff;}
/* .poll-ques-wrapper{
  max-height:250px;
  overflow:auto;
} */
.more-option-polls{margin-left:16px;margin-top:15px;}
.poll-launch-btn span{
  font-size:18px;
  padding-right:5px;
}
.add-option {
  position: absolute;
  bottom: 5px;
  right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 15px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  background-color: #0089e9;
  cursor:pointer;
}
.poll-ques-view{
  max-height:291px;
  min-height:291px;
  overflow-y:auto;
}
.poll-ques-view::-webkit-scrollbar {width: 5px;}
.poll-ques-view::-webkit-scrollbar-track {
  background: #f8f8f8;
  border-radius: 10px;
}
.poll-ques-view::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 10px;
  cursor: pointer;
}
.dash-poll-ques {
  font-size: 16px;
  font-weight: 400;
  color: #333;
  padding-right: 15px;
  line-height: 23px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.dash-polls-choice-wrapper {
  padding: 10px 35px 0px 25px;
  counter-reset: bubbled-choice;
}
.dash-poll-ans-container {
  margin: 12px 0;
  padding: 15px 10px;
  border: 1px solid #d0cece;
  border-radius: 5px;
  position: relative;
}
.dash-polls-ans {
  font-size: 13px;
  font-weight: 400;
  color: #333;
  line-height: 16px;
}
.dash-polls-percen {
  font-size: 13px;
  font-weight: 500;
  color: #7b7b7b;
  font-style: italic;
}
.dash-polls-ans div {
  padding-left: 8px;
  text-transform: capitalize;
  max-width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.progress-indicator-color{
  position:absolute;
  bottom:0px;
  height:2px;
  left:0px;
  width:50%;
}
.dash-poll-ans-container:nth-child(1) .progress-indicator-color{background-color: #f74660;}
.dash-poll-ans-container:nth-child(2) .progress-indicator-color{background-color: #046eff;}
.dash-poll-ans-container:nth-child(3) .progress-indicator-color{background-color: #f70dfa;}
.dash-poll-ans-container:nth-child(4) .progress-indicator-color{background-color: #41d172;}
.dash-poll-ans-container:nth-child(5) .progress-indicator-color{background-color: #f74660;}
.dash-poll-ans-container:nth-child(6) .progress-indicator-color{background-color: #046eff;}
.dash-poll-ans-container:nth-child(7) .progress-indicator-color{background-color: #f70dfa;}
.dash-poll-ans-container:nth-child(8) .progress-indicator-color{background-color: #41d172;}
.dash-poll-ans-container:nth-child(9) .progress-indicator-color{background-color: #f74660;}
.dash-poll-ans-container:nth-child(10) .progress-indicator-color{background-color: #046eff;}
.dash-poll-ans-container:nth-child(11) .progress-indicator-color{background-color: #f70dfa;}
.dash-poll-ans-container:nth-child(12) .progress-indicator-color{background-color: #41d172;}
.dash-poll-ans-container:nth-child(13) .progress-indicator-color{background-color: #f74660;}
.dash-poll-ans-container:nth-child(14) .progress-indicator-color{background-color: #046eff;}
.dash-poll-ans-container:nth-child(15) .progress-indicator-color{background-color: #f70dfa;}
.dash-poll-ans-container:nth-child(16) .progress-indicator-color{background-color: #41d172;}
.dash-poll-ans-container:nth-child(17) .progress-indicator-color{background-color: #f74660;}
.dash-poll-ans-container:nth-child(18) .progress-indicator-color{background-color: #046eff;}
.dash-poll-ans-container:nth-child(19) .progress-indicator-color{background-color: #f70dfa;}
.dash-poll-ans-container:nth-child(20) .progress-indicator-color{background-color: #41d172;}

.dash-polls-choice-container{
  margin: 12px 0;
  padding: 10px;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
}
.dash-polls-bubble{
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 23px;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 400;
  color: #444;
  text-align: center;
  vertical-align: middle;
  background-color: #eee;
}
.dash-polls-options{
  padding-left: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  line-height: 16px;
  text-transform: capitalize;
  white-space: nowrap;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dash-polls-bubble::before{
  counter-increment: bubbled-choice;
  content:counter(bubbled-choice,upper-alpha);
}
.dash-polls-choice-container.selected{border:1px solid #871fff;}
.dash-polls-choice-container.selected .dash-polls-bubble{
  background-color: #871fff;
  color:#fff;
}
.edit-poll-icon{
  width: 19px;
  height: auto;
  cursor: pointer;
  padding: 3px;
  border-radius: 50%;
}
.edit-poll-icon:hover{background-color:#cacaca;}
.poll-header-ques-title{
  font-size: 14px;
  font-weight: 600;
  color: #111;
  text-transform: capitalize;
  padding-left: 10px;
  max-width:300px;
  white-space: nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height: 16px;
}
.poll-delete-icon{
  display:none;
  position: absolute;
  bottom:5px;
  right:10px;
}
.poll-delete-icon img{width:15px;cursor:pointer;}
.add-poll-ques-option-part .poll-option-wrapper:hover .poll-delete-icon{display:block;}

.add-poll-title-session{padding-bottom:12px;}

.poll-edit-icon img{
  width:12px;
}
.poll-btn-acn{
  position: absolute;
  right:9px;
}
.poll-ques-view-wrapper{
  margin-bottom: 28px;
  padding-bottom: 25px;
  border-bottom: 1px solid #ddd;
}
.add-poll-blk-container{
  margin-bottom: 28px;
  padding-bottom:24px;
  border-bottom: 1px solid #ddd;
}

/* interpreter screen on air toggle button */
.cust-checkbox {
  position: relative;
  display: inline-block;
}
.model-check .cust-checkbox {
  width: 104px;
  height: 25px;
  border: 1px solid #1b1a1a;
  background: #871fff;
  border-radius: 23px;
  overflow: hidden;
  /* box-shadow: 0px 2px 4px #bbb; */
}
.cust-checkbox:after, .cust-checkbox:before {
  font-family: FontAwesome;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  -webkit-font-language-override: normal;
  font-language-override: normal;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-weight: normal;
  text-rendering: auto;
}
.model-check .cust-checkbox:after, .model-check .cust-checkbox label:before {
  content: 'ON AIR';
  position: absolute;
  left: 11px;
  top: 8px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  transition: .3s;
  z-index: 1;
}
.cust-checkbox input[type='checkbox'] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
  padding: 0;
  margin: 0;
  margin-right: 5px;
  vertical-align: middle;
}
.cust-checkbox label {
  width: 90px;
  height: 42px;
  background: #ccc;
  position: relative;
  display: inline-block;
  border-radius: 46px;
  -webkit-transition: 0.2s;
  transition: 0.2s ease, 0.4s background ease;
}
.cust-checkbox  input:checked+label:after {
  background:url(../../img/mic-blue.svg) #383838 no-repeat;
  background-size: 14px 14px;
  background-position: 17px 6px;

}
.model-check .cust-checkbox label {
  background: #4a4646;
  width: 105px;
  height: 25px;
  border-radius: 3px;
}
.model-check .cust-checkbox input:checked+label {
  -webkit-transform: translateX(62px);
  transform: translateX(62px);
}
.model-check .cust-checkbox label:before {
  content: 'OFF AIR';
  left: auto;
  top: 8px;
  right: 9px;
  z-index: 1;

}
.cust-checkbox label:after {
  content: '';
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  top: -5px;
  z-index: 99999999;
  background-color: #383838;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background:url(../../img/mic-cross-blue.svg) #383838 no-repeat;
  background-size: 14px 14px;
  background-position: 20px 6px;
}
.model-check .cust-checkbox label:after {
  border-radius: 0px;
  box-shadow: none !important;
  top: 0;
  width: 50px;
  height: 32px;
}
.model-check .cust-checkbox input:checked+label:after {
  left: -9px;
}
/* .model-check .cust-checkbox label:before{
  content: '';
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  left: -9;
  top: -5px;
  z-index: 2;
  background:url(../../img/mic-black.svg);
  background-size: 15px 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.4s;
  transition: 0.4s;
} */
/* chat tab */
.dis-none{
  display:none !important;
}

.chat-tab-blk{
  padding:10px 15px;
  border-bottom:1px solid #cacaca;
}


.send-to-blk{
  position: relative;
  width:20px;
  font-size:12px;
  font-weight: 500;
  color:#333;
  margin-right: 21px;
  cursor:pointer;
}
.send-to-blk::after{
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  top: 21%;
  right: -9px;
  border-top: 2px solid #7b7b7b;
  border-right: 2px solid #7b7b7b;
  transform: rotate(-45deg) translateY(50%);
}
.send-to-blk::before{
  content: "";
  position: absolute;
  left: -8px;
  top: -4px;
  bottom: -6px;
  width: 1px;
  background-color: #d8d5d5;
}
.send-chat-popup{
  display: block;
  position: absolute;
  top: calc(-100% - 217px);
  min-width: 200px;
  background-color: #fff;
  border-radius: 10px;
  right: -7px;
  margin-top: 15px;
  z-index: 9999999;
  box-shadow: 0px 0px 10px #00000042;
  /* overflow:hidden; */
}
.send-chat-container{
  padding: 5px 0;
  border-bottom: 1px solid #eaeaea;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  color: #444;
}
.send-chat-container:last-child{border-bottom: 0;}
.send-chat-popup::before{
  /* content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  bottom: -6px;
  right: 1px;
  transform: rotate(0deg); */
}
.chat-classifier-name{
  font-size: 12px;
  font-weight: 400;
  color: #7b7b7b;
  padding-left: 20px;
  padding-top: 3px;
}
/* .chat-classifier-name span{color:#871fff;} */
.mod-chat-blk .comm-chat-wrapper{
  max-height: calc(100vh - 310px);
  min-height: calc(100vh - 310px);
}
.interpreter-chat-blk .comm-chat-wrapper{
  max-height: calc(100vh - 370px);
  min-height: calc(100vh - 370px);
}
.on-air-txt{
  font-size: 10px;
  font-weight: 500;
  color:#fff;
  padding-left:6px;
  text-transform: capitalize;
}
.active-on-air-blk{
  margin-left:6px;
  padding: 5px 6px;
  border: 1px solid #5d5c5c;
  border-radius: 4px;
}

/* video control for minimize and maximize */
.vdo-enlarge-blk{
  position: absolute;
  bottom: 15px;
  right: 50px;
  transform: translateY(45px);
  transition:.4s;
}
.vdo-enlarge-container{
  min-width: 30px;
  width:30px;
  height:30px;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
}
.vdo-enlarge-container img{
  width:13px;
  height:auto;

}
.vdo-enlarge-container:hover{background-color:#efebeb;}
.vdo_container.maximized{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #252323;
  z-index: 99;
}
.vdo_container:hover .vdo-enlarge-blk{transform: translateY(0px);}
.interpreter-section .custom-menu-tooltip{
  top: calc(100% + 1rem);
  padding:5px;
  transform: translateX(-30%) !important;
  min-height: 25px;
}
.interpreter-section .custom-menu-tooltip::after{
  transform: translate(-50%, 193%) rotate(45deg);
  left: 27%;
  top: -100%;
}
.interpreter-section:hover .custom-menu-tooltip{
  opacity: 1;
  visibility: visible;
}

.outgoing-audio-blk:hover .custom-menu-tooltip{
  transform: translateX(-65%) !important;
}
.outgoing-audio-blk .custom-menu-tooltip::after{
  transform: translate(-50%, 193%) rotate(45deg);
  left: 65% !important;
}
.outgoing-audio-blk:hover .custom-menu-tooltip{
  opacity: 1;
  visibility: visible;
}
.meeting-section.sess-not-started
{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px !important;
  padding-top:10px !important;
}
.inter-tot-part{font-size:14px;white-space: nowrap;}
.conf-time-part{font-size: 14px;}
.interpre-audio-label{
  font-size: 13px;
  font-weight: 500;
  color:#a9a9a9;
  padding-left:15px;
  padding-bottom:18px;
}
.partner-audio-blk{padding-right: 25px;}
.interpreter-bottom{height:130px;}
.interpreter-display-wrapper{
  height: calc(100vh - 200px);
  min-height: calc(100vh - 200px);
  max-height: calc(100vh - 200px);
}
.audio-spectrum-blk{
  margin:0 10px;
  width:140px;
}
.audio-spec-container{
  box-sizing: border-box;
  width:100%;
  height:40px;
  background-color: #051c3c;
  margin-bottom: 8px;
  /* border-radius: 12px; */
}
.audio-spec-txt-notify{
  font-size: 12px;
  font-weight: 500;
  color:#eee;
}
.audio-spec-row.audio-spec-active .vdo-menu-list{
  width:60px;
  min-width: 60px;
  height:60px;
  transition: .4s ease;
  background-color:#cf3f37;
  border:1px solid #cf3f37;
}
.audio-spec-row .vdo-menu-list img{width:22px;}
/* .audio-spec-row.audio-spec-active .audio-spectrum-blk {visibility: visible;} */
.interpre-outgoing-audio{
  border: 2px solid #ffdede3b;
  border-radius: 4px;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height:20px;
  font-size: 11px;
  font-weight: 200;
  color: #fff;
  min-width: 80px;
  cursor: pointer;
}
.mb-5{margin-bottom:5px;}
/* .audio-spec-row.audio-spec-active .vdo-menu-list:hover .custom-menu-tooltip{transform: scale(1) !important;} */
.interpre-outgoing-audio-blk{
  padding-top:25px;
}
.outgoing-lang-alert{
  position: absolute;
  top:5px;
  right:10px;
  font-size: 10px;
  font-weight: 400;
  color:#000;
  background-color: #fff;
  padding:5px;
  border-radius: 5px;
  animation: alert-blink 2s ease infinite;
}
@keyframes alert-blink{
  50%{opacity: 0;}
}
.interpre-outgoing-audio.active{
  box-shadow:0px 0px 10px #00000012;
  border:2px solid #3b60e2;
}
#waveform{
  width:100%;
  height: 100%;
  /* overflow: hidden; */
}
/* #waveform wave::-webkit-scrollbar {
  width: 0px;
}

#waveform wave::-webkit-scrollbar-track {
  background: #f8f8f8;
  border-radius: 10px;
}

#waveform wave::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 10px;
  cursor: pointer;
} */

.incoming-audio-blk{
  padding-left:40px;
  padding-right: 40px;
}
.outer-right-blk-foot-rht{
  width:530px;
  display: flex;
  justify-content: flex-end;
}
.vdo-user-avatar{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  width: 100px;
  max-width: 100px;
  height: 100px;
  min-height: 100px;
  max-height: 100px;
  border-radius: 50%;
  background-color: #871fff;
  color: #fff;
  font-size: 42px;
  border: 0;
}
.vdo-user-avatar-blk{
  position: absolute;
  top: 0px !important;
  color: white;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
  height: 100%;
  transition: transform .2s ease;
  background: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(25%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.79) 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.79) 100%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.79) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.79) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}



/* chat updated  */
.chat-caption{
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  padding-left:15px;
}
.chat-close-button{
  font-size: 24px;
  font-weight: 200;
  color: #111;
  line-height: 24px;
  cursor: pointer;
  /* background: #cacaca; */
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
}
.chat-close-button:hover {background-color: #fff;}
.chat-classifier{
  font-size: 11px;
  font-weight: 600;
}
.chat-classified-name{
  color:#046eff;
  padding-right: 5px;
}
.chat-time-disp{
  font-size: 9px;
  color:#7b7b7b;
  padding-left:20px;
}
.msg-blk{
  color:#444;
  font-size: 12px;
  font-weight: 500;
}
.chat-type-spec{
  font-size: 12px;
  font-weight: 600;
  color:#e23d68;
}
.chat-send-label{
  position: absolute;
  top: 6px;
  left: 5px;
  font-size: 11px;
  font-weight: 500;
  color: #7b7b7b;
}
.chat-send-blk{
  padding: 12px 12px 12px 22px;
}
.to-send{
  font-size: 12px;
  font-weight: 500;
  color:#111;
}
.chat-send-type-spec{
  margin:0 10px;
  width:100%;
  box-sizing: border-box;
  border:1px solid #cacaca;
  font-size: 11px;
  font-weight: 400;
  color:#333;
  border-radius: 6px;
  position: relative;
  min-height: 33px;
}
.chat-send-btn{
  font-size: 11px;
  font-weight: 500;
  color:#fff;
  padding: 11px 15px;
  background-color: #2484e4;
  border-radius: 4px;
  cursor:pointer;
}
.chat-send-btn:hover{opacity: .8;}
.chat-send-type-spec::before{
  content: '';
  width: 5px;
  height: 5px;
  position: absolute;
  top: 21%;
  right: 12px;
  border-top: 1px solid #7b7b7b;
  border-right: 1px solid #7b7b7b;
  transform: rotate(-45deg) translateY(50%);
  cursor: pointer;
}
.chat-send-type-spec::after{
  content: '';
  width: 5px;
  height: 5px;
  position: absolute;
  bottom: 15%;
  right: 8px;
  border-top: 1px solid #7b7b7b;
  border-right: 1px solid #7b7b7b;
  transform: rotate(135deg) translateY(50%);
  cursor: pointer;
}

.chat-type-select{
  font-size:12px;
  font-weight: 500;
  color:#333;
  -webkit-appearance: none;
  -moz-appearance: none;
  border:0;
  outline:none;
  width:100%;
  padding:10px 6px;
}
/* .logoo {
  width: 130px;
  height: 41px;
} */
.logoo img {
  max-width: 100%;
  width: auto;
  height: 100%;
}
/* .top-menu-wrapper{padding-left:150px;} */
.chat-custom-choose{
  font-size:12px;
  font-weight: 500;
  color:#333;
  -webkit-appearance: none;
  -moz-appearance: none;
  border:0;
  outline:none;
  width:100%;
  padding:10px 6px;
  cursor:pointer;
}
.send-chat-wrapper{
  padding:0 10px;
  min-height: 188px;
  max-height: 188px;
  overflow-y:auto;
}
.send-chat-wrapper::-webkit-scrollbar {width: 4px;}
.send-chat-wrapper::-webkit-scrollbar-track {
  background: #f8f8f8;
  border-radius: 10px;
}
.send-chat-wrapper::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 10px;
  cursor: pointer;
}
/* .send-chat-wrapper .send-chat-container:nth-child(even) {background-color: #eee;} */
.send-chat-tab{
  width: 50%;
  box-sizing: border-box;
  padding: 10px 15px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  cursor:pointer;
}
.send-chat-tab.active{
  border-bottom:1px solid #871fff;
  /* background: #e3d4f3; */
}
.send-chat-tab-selector{
  border-bottom: 1px solid #00000012;
  /* background: #f7f8f9; */
}
.thanktxt span{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin-top: -8px;

}
.bottom-right-side-section{opacity: 0;}
/* .confer-cover-img-blk{
  position:fixed;
  bottom:5px;
  right:0px;
} */
.confer-cover-wrapper{
  padding:5px 0;
  display: flex;
}
/* .confer-cover-container{
  width: 90px;
  min-width: 90px;
  height: 58px;
  min-height: 58px;
  max-height: 58px;
  border: 1px solid hsla(0,0%,100%,.17);
  border-radius: 5px;
  overflow: hidden;
  margin-right: 8px;
} */

.recordings-blk{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 377px;
  align-self: center;
}
.recordings-wrapper{
  padding: 8px;
  font-size: 13px;
  background-color: #333;
  border:1px solid #00000012;
  font-weight: 500;
  color:#871fff;
  border-radius: 5px;
}
.recordings-text{
  padding-left:10px;
  cursor: pointer;
}
.recordings-blk.records .recordings-wrapper {
  border:1px solid #817fff;
}

.recordings-blink{
  display: inline-block;
  width:10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ff437d;
}
.recordings-blk.records .recordings-blink{
   animation: recording 2s ease infinite;
}
@keyframes recording{
  50%{opacity: 0;}
}

/* media uploading starts here */
.fixed-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 999999;
}
.media-popup{
   position: relative;
    top: 50%;
    width: 350px;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 9px;
    box-shadow: 0px 2px 6px #00000012;
    overflow: hidden;
    padding: 30px;
    min-height: 280px;
}
.close-btn{
  font-size: 32px;
  font-weight: 200;
  color: #a5a5a5;
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 15px;
}
.media-caption{
  font-size: 17px;
  font-weight: 500;
  color: #333;
  padding: 15px 0;
  text-align: center;
}
.media-uploader{
  box-sizing: border-box;
  width: 100%;
  height: 120px;
  border-radius: 6px;
  border: 2px dashed #0000003b;
  position: relative;
}
.media-upload-btn{
  padding: 6px 18px;
  color: #333;
  font-size: 11px;
  font-weight: 600;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid #817fff;
  opacity: 0.8;
}
.media-upload-btn:hover{
  opacity: 1;
}
.d-none{display: none;}
.media-url-copier-blk{
  margin: 15px 0;
  display: flex;
  flex-direction: column;
  min-height: 20px;
}
.media-label{
  font-size: 13px;
  font-weight: 500;
  color: #046eff;
}
.media-url-input{
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 500;
  color: #333;
  border: 0;
  border-radius: 0px !important;
  border-bottom: 1px solid #0000003b;
  padding: 3px 14px 3px 0;
  outline: none;
  box-shadow: none;
  border-radius: 5px;
  line-height: 16px;
}
.media-url-input:focus{
  border-bottom: 1px solid #871fff;
}
.media-add-btn{
  font-size: 11px;
  font-weight: 500;
  color: #fff;
  background-color: #871efd;
  padding: 9px 18px;
  border-radius: 8px;
  border: none;
  outline: none;
  width: 100%;
  cursor: pointer;
  box-sizing: border-box;
  margin-top: 12px;
  text-align: center;
}
.media-add-btn:hover{background-color: #6018b1;}
.media-file-list-blk{
  padding-right: 3px;
  max-height: 165px;
  overflow-y: auto;
}
.media-file-list-blk::-webkit-scrollbar {
  width: 5px;
}
.media-file-list-blk::-webkit-scrollbar-track {
  background: #afadad;
  border-radius: 10px;
}
.media-file-list-blk::-webkit-scrollbar-thumb {
  background: #737070;
  border-radius: 10px;
  cursor: pointer;
}
.file-list-container {
  padding: 10px 0;
  position: relative;
  border-bottom: 1px solid #e0e0e0f7;
}
.filetype-icon-wrapper {
  width: 25px;
  max-height: 15px;
}
.filetype-icon-wrapper.filter-img {
  opacity: .5;
}
.file-list-container .filetype-desc {
  padding-left: 10px;
  width: 100%;
  padding-right: 25px;
}
.file-list-container .filetype-desc .filename-desc {
  font-size: 11px;
  font-weight: 600;
  color: #333;
  line-height: 14px;
  padding-bottom: 2px;
}
.file-list-container .filename {
  white-space: nowrap;
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-upload-progress {
  margin-top: 4px;
}
.file-upload-progress .progress {
  height: 2px;
  display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;
}
.file-upload-progress .progress-bar {
  background-color: #fa4554;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  transition: width .6s ease;
  width:70%;
}
.file-upload-close {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  font-weight: 400;
  color: #9b9b9b;
  cursor: pointer;
}
.file-delete-icon {
  display: none;
  position: absolute;
  right: 0px;
  top: 7px;
  cursor: pointer;
}
.file-list-container:hover .file-delete-icon{display:block;}
.file-delete-icon img{
  width:11px;
  height: auto;
}
.save-media-btn{
  padding: 9px 28px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #871fff;
  opacity: 0.8;
  background-color: #871fff;
  cursor: pointer;
  border-radius: 22px;
}
.cancel-media-btn{
  padding: 9px 28px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #dc143c;
  background-color: #dc143c;
  margin-right: 13px;
  cursor: pointer;
  border-radius: 22px;
}
.save-media-btn:hover{opacity:1;}
.cancel-media-btn:hover{ background-color: #b92946;}
.media-button-blk{padding-top:15px;}
/* media uploading ends here */

.vdo-file-upload img{
  width:23px;
  height:auto;
}
.doc-file-upload img{
  width:23px;
  height:auto;
}
.alert-popup{
  position: relative;
  top: 50%;
  width: 350px;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 9px;
  box-shadow: 0px 2px 6px #00000012;
  overflow: hidden;
  padding: 30px;
}
.alert-icon-blk{
  display: flex;
  align-items: center;
  justify-content: center;
  width:80px;
  height: 80px;
  border-radius: 50%;
  margin:15px 0;
  font-size: 3.75em;
  font-weight: 500;
  border:4px solid #facea8;
  color: #f8bb86;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.alert-caption{
  color: #595959;
  font-size: 1.875em;
  font-weight: 600;
  text-align: center;
  text-transform: capitalize;
}
.alert-subtitle{
  padding: 0 15px;
  color: #545454;
  font-size: 1.125em;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  margin-top:10px;
}
/*#docPlayer{
  height:100% !important;
}*/
.doc-index{
  overflow-y:unset !important;
}
#docPlayer::-webkit-scrollbar {width: 5px;}
#docPlayer::-webkit-scrollbar-track {
  background: #f8f8f8;
  border-radius: 10px;
}
#docPlayer::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 10px;
  cursor: pointer;
}
.chat-clear{position: relative;}
.chat-clear img{cursor: pointer;}
.chat-clear .custom-menu-tooltip{
  transform: translateX(-91%) !important;
}
.chat-clear .custom-menu-tooltip::after{
  left: 84%;
}
.chat-clear:hover .custom-menu-tooltip{
  opacity: 1;
  visibility: visible;
}
.doc-index-2{overflow-y:hidden;}
.google-trans-blk{
  margin:0 18px;
  height:24px;
  min-width: 80px;
}
.google-trans-blk .flag-lang {
  max-width: 80px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 15px;
  padding-left:0;
}
.interpreter-section.google-trans-blk .custom-menu-tooltip{
  transform: translateX(-75%) !important;
}
.interpreter-section.google-trans-blk .custom-menu-tooltip::after{left:90%;}
.interpreter-section.google-trans-blk:hover .custom-menu-tooltip{
  opacity: 1;
  visibility: visible;
}
.speaker-info-mod{
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px !important;
  color: white;
  display: flex;
  height: 11%;
  align-items: center;
  justify-content: space-between;
  transition: transform .2s ease;
  /* background: #871fff; */
  background-image: linear-gradient(to left,#871fff,#00000024);
  padding: 0 15px;
  line-height: 20px;
  font-size: 14px;
  width:unset !important;
  line-height: 28px;
}
.speaker-info-mod .speaker-info-desc-val{
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left:15px;
  color:#e2d4d4;
  width:unset !important;
  text-transform: uppercase;
}
.speaker-info-mod .speaker-info-desc-val:first-letter{text-transform: capitalize;}
.speaker-info-desc-val.speaker-name{
  font-size: 21px;
  color:#fff;
}
.speaker-mic-pos-icon{
  width:18px;
  height: auto;
  margin-right: 10px;
}
.speaker-mic-pos-icon img{
  width:18px;
  height: auto;
}

.interpreter-change-icon img{width:24px;height: auto;}
.speaker-desc-right-part{
  width: unset !important;
  height: unset !important;
  border-left:1.5px solid #3f265a;
  padding-left: 15px;
}
.user-info-name{
  display: none;
  color:#fff;
  min-width: 50px;
  justify-content: space-between;
  text-transform: capitalize;
  width:unset !important;
}
.speaker-info-col{
  display: flex;
  width: 100%;
  box-sizing: border-box;
  justify-content: flex-end;
}

/* moderator to speaker data */
.more-settings-blk{
  display: flex;
  background: #333;
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 7px;
  box-shadow: 0px 0px 7px 7px #44444438;
  padding: 15px;
  box-sizing: border-box;
  z-index: 999;
  cursor: default;
}
.more-settings-blk::after{
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  background: #333;
  width: 13px;
  height: 13px;
  bottom: -4px;
}
.more-settings-dots img{
  width:18px;
  height: auto;
}
.toggle-sm-screen{
  display:none;
}
.mod-speaker-info-popup{
  position: fixed;
  top: 50%;
  width: 350px;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 9px;
  box-shadow: 0px 2px 6px #00000012;
  overflow: hidden;
  padding: 30px;
  min-height: 200px;
}
.mod-custom-label{
  font-size: 13px;
  font-weight: 500;
  color: #444;
}
.mod-custom-input{
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 500;
  color: #333;
  border: 0;
  border-radius: 0px !important;
  border-bottom: 1px solid #0000003b;
  padding: 3px 14px 3px 0;
  outline: none;
  box-shadow: none;
  border-radius: 5px;
  line-height: 16px;
  width:100%;
}
.mod-custom-input:focus{
  border-bottom: 1px solid #871fff;
}
.mod-speaker-caption{
  font-size: 17px;
  font-weight: 500;
  color: #333;
  padding: 15px 0;
  text-align: center;
}
.mod-custom-input-holder{
  margin-bottom:15px;
  width:100%;
}
.mod-speaker-button-blk{padding-top:30px;}
.speaker-logo-blk{
  width: 71px !important;
  height: 43px !important;
  border-radius: 5px;
  overflow: hidden;
  background-color: #fff;
}
.speaker-desc-left-part{width: calc(100% - 100px) !important;height:unset !important;}

.speaker-vdo-info-bottom-wrap{
  width:16px;
  height: auto;
  position: relative;
  cursor:pointer;
}
.speaker-vdo-info-bottom-wrap img{width:100%;}
.speaker-vdo-info-bottom-wrap svg{width:100%;height:auto;}

.speaker-vdo-info-bottom-wrap .custom-menu-tooltip{
  left:unset;
  right: -81px;
}
.speaker-vdo-info-bottom-wrap .custom-menu-tooltip::after{left:92%;}
.speaker-vdo-info-bottom-wrap:hover .custom-menu-tooltip{
  opacity: 1;
  visibility: visible;
}
.speaker-info-general-popup{
  position: absolute;
  top: 100%;
  width: 250px;
  background-color: #fff;
  border-radius: 10px;
  right: 0px;
  margin-top: 15px;
  overflow: hidden;
  z-index: 9999999;
}
.speaker-caption-title{
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #444;
  cursor: auto;
}
.mod-spek-display-wrapper{
  padding: 0px 10px 0 10px;
  max-height: 160px;
  overflow-y: auto;
  overflow-x:hidden;
}
.mod-spek-display-wrapper::-webkit-scrollbar {
  width: 5px;
}
.mod-spek-display-wrapper::-webkit-scrollbar-track {
  background: #f8f8f8;
  border-radius: 10px;
}
.mod-spek-display-wrapper::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 10px;
  cursor: pointer;
}
.spek-caption-container{
  padding: 10px 0px;
  border-bottom: 1px solid #eaeaea;
  position: relative;
  display: flex;
  align-items: center;
}
.speaker-mod-actions{
  display: flex;
}
.spek-view-icon{
  width:15px;
  height: auto;
  cursor: pointer;
  margin:0 5px;
}
.spek-trash-icon{
  width:12px;
  height: auto;
  cursor: pointer;
}
.create-caption-btn{
  text-align: center;
  padding: 11px 0;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  background-color: #871fff;
  cursor: pointer;
  text-transform: capitalize;
}
.spek-edit-icon{
  width:13px;
  height: auto;
  cursor: pointer;
}

.custom-caption-pop-up{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 750px;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.custom-caption-header{
  font-size: 14px;
  font-weight: 600;
  color: #111;
  text-transform: capitalize;
}
.caption-holder{
  padding:1rem;
  width:50%;
}
.form-grp-caption{
  margin-bottom:12px;
}
.custom-choice-wrap{
  font-size: 15px;
  font-weight: 600;
  color: #871fff;
  white-space: nowrap;
  min-width: 100px;
  display: flex;
  justify-content: space-between;
}
.caption-input{
  margin: 0;
  border: 0;
  padding: 5px 0;
  font-size: 12px;
  font-weight: 500;
  color: #444;
  width: 100%;
  background-color: transparent;
  border-bottom: 1px solid #cacaca;
}
.caption-input:focus{border-bottom:1px solid #871fff;}
.caption-input::placeholder{
    text-transform: capitalize;
    color:#cacaca;
    font-style: italic;
}
.caption-logo-holder{
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px dashed #0000003b;
  margin-left:20px;
  width:100%;
  height:120px;
}
.caption-logo-container{
  width: 60px;
  height: 60px;
  border: 1px dashed #1e1f20;
  border-radius: 8px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  border-radius: unset;
  user-select: none;
}
.caption-logo-container img{
  width:100%;
  height: 100%;
  object-fit: contain;
}
.caption-input-holder{
  padding-left:20px;
  width:100%;
  position: relative;
}
.caption-dropdown-arrow{
  position: relative;
  top:-2px;
}
.caption-dropdown-arrow::after{
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  top: 0px;
  right: 5px;
  border-top: 2px solid #cacaca;
  border-right: 2px solid #cacaca;
  transform: rotate(135deg) translateX(-53%);
}
.cap-dropdown-txt{
  font-size: 12px;
  font-weight: 500;
  color: #444;
  padding-left: 0px;
  padding-right: 15px;
  min-width: 80px;
}
.cap-dropdown{
  display:flex;
  align-items: center;
  min-height: 50px;
  border:1px solid #cacaca;
  border-radius: 5px;
  padding:1rem;
}
.cap-btn-blk{
  padding-top:20px;
  text-align: center;
}
.cap-cancel-btn{
  outline: none;
  border: none;
  background: none;
  font-size: 12px;
  font-weight: 600;
  color: #333;
  margin-right: 20px;
  cursor: pointer;
}
.cap-launch-btn{
  font-size: 12px;
  font-weight: 500;
  color:#871fff;
  padding:10px 20px;
  text-transform: uppercase;
  background-color:transparent;
  border-radius: 5px;
  outline: none;
  border: 1px solid #871fff;
  cursor:pointer;
  background-size: 200% 200%;
  background-image: linear-gradient(to bottom,transparent 50%,#871fff 50%);
  transition: background-position .4s, color 300ms;
}
.cap-launch-btn:hover{
  color:#fff;
  background-position: 0 -100%;
}
.cap-view-input{
  padding: 5px 0;
  font-size: 12px;
  font-weight: 500;
  color: #444;
  width: 100%;
}
.cap-delete-blk{
  display: none;
  position: absolute;
  bottom: 5px;
  right: 10px;
}
.cap-delete-blk img{
  width: 15px;
  cursor: pointer;
}
.caption-input-holder:hover .cap-delete-blk{display:block;}
.edit-cap-icon {
  width: 19px;
  height: auto;
  cursor: pointer;
  padding: 3px;
  border-radius: 50%;
}
.edit-cap-icon:hover{background-color: #cacaca;}
.custom-popup-cap-header-blk{
  background-color: #eee;
  padding: 1rem;
}

/* .custom-menu-tooltip1{
  box-sizing: border-box;
  position: absolute;
  padding: .8rem .8rem .6rem;
  max-width: 21.6rem;
  z-index: 99999999;
  border-radius: .4rem;
  background-color: #fff;
  color: rgba(20,23,33,.95);
  font-size: .8rem;
  line-height: 1.25;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s .2s,opacity .2s cubic-bezier(.645,.045,.355,1) 0s,-webkit-transform .2s cubic-bezier(.645,.045,.355,1) 0s;
  transition: visibility 0s .2s,opacity .2s cubic-bezier(.645,.045,.355,1) 0s,-webkit-transform .2s cubic-bezier(.645,.045,.355,1) 0s;
  transition: visibility 0s .2s,transform .2s cubic-bezier(.645,.045,.355,1) 0s,opacity .2s cubic-bezier(.645,.045,.355,1) 0s;
  transition: visibility 0s .2s,transform .2s cubic-bezier(.645,.045,.355,1) 0s,opacity .2s cubic-bezier(.645,.045,.355,1) 0s,-webkit-transform .2s cubic-bezier(.645,.045,.355,1) 0s;
  pointer-events: none;
  bottom: calc(100% + 1.2rem);
  width: unset;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%) !important;
  }
  .custom-menu-tooltip1:after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translate(-50%, 201%) rotate(45deg);
  width: 10px;
  height: 10px;
  background: white;
  z-index: -999;
  } */

/* .custom-menu-tooltip1.child-tool1{display:none;} */
/* .vdo-menu-list:hover .custom-menu-tooltip1.child-tool1{opacity:1;visibility: visible;} */
/* .custom-menu-tooltip1.child-tool2{display:none;} */
/* .vdo-menu-list:hover .custom-menu-tooltip1.child-tool2{opacity:1;visibility: visible;} */
/* .custom-menu-tooltip1.child-tool3{display:none;} */
/* .vdo-menu-list:hover .custom-menu-tooltip1.child-tool3{opacity:1;visibility: visible;} */
.more-settings-dots{
  min-width: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #fff;
  background: transparent;
  margin: 0 7px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.hand-over-menu:first-child{margin-top:0px;}
.hand-over-menu{
  width: 100%;
  background: #871fff;
  color:#fff;
  opacity: 0.8;
  box-sizing: border-box;
  padding: 10px;
  border-radius: 5px;
  margin-top: 15px;
  font-size: 13px;
  cursor: pointer;
  text-align: center;
}
.hand-over-menu:hover{
  opacity: 1;
}
.handover-choice{
  position: relative;
  font-size: 12px;
  font-weight: 500;
  margin:15px 0;
  text-align: center;
}
.handover-choice::before{
  content:"";
  position: absolute;
  left:0px;
  height: 2px;
  width:50px;
  top:50%;
  transform:translateY(-50%);
  background:#7b7b7b;
}
.handover-choice::after{
  content:"";
  position: absolute;
  right:0px;
  height: 2px;
  width:50px;
  top:50%;
  transform:translateY(-50%);
  background:#7b7b7b;
}
.handover-time-selet{
  display: flex;
  align-items: center;
  border: 1px solid #cacaca;
  border-radius: 5px;
  padding: 1rem;
}
.number-arrow{
  position: absolute;
  right: 20px;
  display: flex;
  flex-direction: column;
  top:50%;
}
.number-up-arrow{
  position: absolute;
  top: -7px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
border-bottom: 5px solid #8d8d8d;
cursor: pointer;
}
.number-down-arrow{
  position: absolute;
  top: 2px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #8d8d8d;
  cursor:pointer;
}
.handover-time-input{
  font-size: 12px;
  font-weight: 500;
  color: #444;
  padding-left: 0px;
  padding-right: 15px;
  border:0;
  box-shadow: none;
  outline:none;
}
input[type="number"] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
}

.spek-edit-icon{position: relative;}
.spek-edit-icon:hover .custom-menu-tooltip{
  opacity: 1;
  visibility: visible;
}
.spek-view-icon:hover .custom-menu-tooltip{
  opacity: 1;
  visibility: visible;
}
.spek-trash-icon:hover .custom-menu-tooltip{
  opacity: 1;
  visibility: visible;
}

/* presets for speaker display */
.preset-speaker_2{
  position: absolute;
  left: 0px;
  right:0px;
  bottom: 0px !important;
  color: white;
  display: flex;
  height: 11%;
  align-items: center;
  justify-content: flex-end;
  transition: transform .2s ease;
  padding: 0 15px;
  line-height: 20px;
  font-size: 14px;
  width: unset !important;
  line-height: 28px;
}
.preset-speaker2-logo{
  width: unset !important;
  height: unset !important;
}
.speaker2-info-part{
  position: absolute;
  left: 5%;
  right: 15px;
  min-width: 250px;
  bottom: 100%;
  overflow: hidden;
  width: unset !important;
  height: unset !important;
}
.speaker2-name{
  font-size: 22px;
  font-weight: 500;
  color:#fff;
  text-transform: uppercase;
  background-color: #ea1849;
  font-style: italic;
  padding-left:20px;
  padding-right: 20px;
  white-space: nowrap;
  max-width: calc(100% - 40px);
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 120px;
  width:fit-content !important;
  width:-webkit-fit-content !important;
  width:-moz-fit-content !important;
}
.speaker2-role{
  font-size: 17px;
  font-weight: 500;
  color:#ea1849;
  text-transform: uppercase;
  background-color: #fff;
  font-style: italic;
  padding-left:20px;
  white-space: nowrap;
  max-width: calc(100% - 20px);
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 120px;
  padding-right: 20px;
  width:fit-content !important;
  width:-webkit-fit-content !important;
  width:-moz-fit-content !important;
}


.preset-speaker_3{
  display: flex;
  position: absolute;
  left:5%;
  right: 15px;
  bottom:4% !important;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  overflow: hidden;
}
.preset-speaker3-logo{
  width: unset !important;
  height: unset !important;
}
.speaker3-info-part{
  min-width: 200px;
  width: unset !important;
  height: unset !important;
}
.speaker3-name{
  font-size: 20px;
  font-weight: 500;
  color:#222;
  text-transform: uppercase;
  background-color: #fff;
  font-style: italic;
  padding:4px 20px 4px 20px;
  white-space: nowrap;
  /* max-width: 480px; */
  text-overflow: ellipsis;
  overflow: hidden;
  width: unset !important;
  height: unset !important;
}

.speaker3-role{
  font-size: 17px;
  font-weight: 500;
  color:#fff;
  text-transform: uppercase;
  background-color: #000000ab;
  font-style: italic;
  padding:4px 4px 4px 20px;
  white-space: nowrap;
  /* max-width: 350px; */
  text-overflow: ellipsis;
  overflow: hidden;
  width: unset !important;
  height: unset !important;
}
.preset-speaker_4{
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 5px !important;
  color: white;
  display: flex;
  flex-direction: row-reverse;
  height: 11%;
  align-items: center;
  justify-content: space-between;
  transition: transform .2s ease;
  /* background: #871fff; */
  background-image: linear-gradient(to right,#fff,#00000024);
  padding: 0 15px;
  line-height: 20px;
  font-size: 14px;
  width: unset !important;
  line-height: 28px;
}

.speaker4-desc-part{
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left:15px;
  color:#111;
  width:unset !important;
  text-transform: uppercase;
}
.speaker4-desc-part.speaker-name{font-size: 16px;font-weight: 600;}
.speaker4-logo-blk{
  width: unset !important;
  height: unset !important;
}
.speaker4-info-part{
  width: calc(100% - 100px) !important;
  height: unset !important;
}
.preset-speaker_5{
  position: absolute;
  left: 0px;
  right:0px;
  bottom: 0px !important;
  color: white;
  display: flex;
  height: 11%;
  align-items: center;
  justify-content: flex-end;
  transition: transform .2s ease;
  padding: 0 15px;
  line-height: 20px;
  font-size: 14px;
  width: unset !important;
  line-height: 28px;
}
.preset-speaker5-logo{
  width: unset !important;
  height: unset !important;
}
.speaker5-info-part{
  position: absolute;
  left: 5%;
  right: 120px;
  min-width: 250px;
  width: unset !important;
  bottom: 40%;
  overflow: hidden;
  width: unset !important;
  height: unset !important;
}
.speaker5-desc-part{
  width:auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left:15px;
  color:#111;
  /* width:unset !important; */
  width:fit-content !important;
  width:-webkit-fit-content !important;
  width:-moz-fit-content !important;
  text-transform: uppercase;
  padding-left:15px;
  padding-right: 15px;
}
.speaker5-desc-part.role{
  background-color: blue;
  color:#fff;
  font-size: 17px;
  margin-right: 30px;
  min-width: 130px;
  max-width: calc(100% - 50px);
}
.speaker5-desc-part.speaker-name{
  background-image: linear-gradient(to right,#fff,#ffffffab);
  color:blue;
  font-size: 30px;
  min-width: 130px;
  max-width: calc(100% - 50px);
}
.caption-holder-parent{
  display: flex;
  position: relative;
}
.caption-preset-holder{
  border-left:1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left:10px;
}
.caption-preset-wrapper{
  width:350px;
  height:198px;
  overflow:hidden;
}
.preview-caption-header{
  position: absolute;
  top: 20px;
  right: 20%;
  font-size: 13px;
  font-weight: 500;
  color: #333;
}
.radio-btn-holder{
  padding-left:20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 12px;
}
.preset-radiobtn{
  margin: 0px;
  margin-right: 5px;
  cursor: pointer;
}
.preset-radiobtn-parent{
  font-size: 12px;
  font-weight: 400;
  color:#444;
  margin-right: 8px;
  margin-bottom: 10px;
}

/* new css on 14 May 21 */
/* .vdo-menu-list.mic.audio{
  animation : flames-flow 2s ease infinite;
}
.vdo-menu-list.mic.audio img{
  animation : zoomen 2s ease infinite;
}
@keyframes flames-flow{
  50%{box-shadow: 0px 0px 10px 0 #871fff;}
}
@keyframes zoomen{
  50%{transform: scale(.8);}
} */


/*new css on 03 jun 21*/
.layout-grid4 .speaker-logo-blk{
  width: 55px !important;
  height: 34px !important;
}
.layout-grid4 .speaker-info-wrap{
  height: 16% !important;
  right: -4px;
  overflow: hidden;
}
.layout-grid4 .publisher-video{
  overflow: hidden;
}
.layout-grid4.speaker-desc-left-part{
  line-height: 20px;
  margin-top: 4px;
}
.layout-grid4 .speaker4-info-part{
  width: calc(100% - 60px) !important;
  line-height: 19px;
}
.layout-grid4 .speaker3-name{
  font-size: 15px;
  line-height: 15px;
}
.layout-grid4 .speaker3-role{
  line-height: 14px;
  font-size: 13px;
}
.layout-grid4 .speaker3-info-part{
  margin-top: -13px;
  margin-right: 3px;
}
.layout-grid4 .speaker2-info-part{
  right: 60px;
  bottom: 15%;
}
.layout-grid4 .speaker2-name{
  font-size: 17px;
}
.layout-grid4 .speaker2-role{
  font-size: 13px;
}
.interpret-wrapper{
  max-height: 400px;
  overflow-y: auto;
}
.interpret-wrapper::-webkit-scrollbar {
  width: 5px;
}
.interpret-wrapper::-webkit-scrollbar-track {
  background: #f8f8f8;
  border-radius: 10px;
}
.interpret-wrapper::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 10px;
  cursor: pointer;
}
.selectfloorlang .flag-lang{padding-left:15px;}








@media only screen and (max-width:767px){
.vdo-menu-list{
  min-width: 33px;
  width:33px;
  height:33px;
}
/* .vdo-menu-list.leave-call img {width: 16px;}
.vdo-menu-list.video img {width: 15px;}
.vdo-menu-list.mic img {width: 14px;}
.vdo-menu-list.screenshare img {width: 13px;}
.vdo-menu-list.raisehand img {width: 17px;}
.vdo-menu-list.message img {width: 13px;} */
.filter-section{ padding: 2px 24px 2px 4px;}
.bandwidth-section,.refresh-section,.settings-section,.hand-over,.mic-control,.outcoming-voice-ctrl{
padding-left: 6px;
}
/* .logoo{width:unset;height: 41px;}
.logoo img{width:20px;} */
.username{font-size: 13px;}
.flag-avatar {
width: 25px;
height: 25px;
}
.logout-section {padding-left: 6px;}
/* .float-part-count{padding-left:135px;} */
.navmenu-toggler{
  display: flex;
  align-items: center;
  width:20px;
  height: auto;
}
/* .vdo-top-right-part{display:none;} */
.vdo-display-wrapper{
  height: calc(100vh - 137px);
  min-height: calc(100vh - 137px);
  max-height: calc(100vh - 137px);
}

.top-menu-wrapper{display: none !important;}


/* participants mobile view starts here */
.header-top-partt{background-color: #333335 !important;}
#publish_sub{background-color: #333335 !important;}
.participants-navbar-session{background-color: #333335 !important;}
.vc-mobile-header-menu .nav-item .nav-link.active{
  border-bottom:3px solid #fff !important;
  background-color: #333335;
}
.participants-list-wrap{
  max-height: 100%;
  overflow:auto;
}
.participant-container{
  display: flex;
  align-items: center;
  flex-direction: row;
  padding: 10px 10px;
  width: 100%;
  border-bottom: 1px solid #5a5757;
}
.avatar_initial.resp{color:#fff;}
.participant-name-section .participant-name{
  color:#fff;
  padding-left:15px;
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-line-clamp: 1;
}
.participant-name-section .participant-name::first-letter{text-transform: capitalize;}
.participant-name-section.resp{
  display: flex;
  flex-direction: column;
  max-width: 75%;
  width: 75%;
  color: #fff;
  line-height: 20px;
}
.discussionmode.participant-lst .avatar_initial {
  width: 35px !important;
  height: 35px !important;
  font-size: 14px !important;
}
.vdo_user_actions{box-shadow: 0px -6px 4px 0px #0000001a; ;}
.spek-icon-wrap {width:20px;}
.mic-icon-wrap{width:26px;padding-right: 10px;}
.vdo-icon-wrap{
  width: 28px;
  padding-right: 10px;
}
.refresh-icon-wrapper{
  width: 25px;
  padding-right: 10px;
}
.tab-content.tabs-navv{background-color: unset !important;}

/* video initial system check starts here */
.vdo-sys-check-wrapper{
  width:unset;
  left:15px;
  flex-direction: column;
  transform: translate(-15px,-50%);
  margin-left: 15px;
  margin-right: 15px;
}
.vdo-sys-leftpart{width:100%;}
.vdo-sys-rightpart{width:100%;padding-left:0px;}
/* video initial system check starts here */
.mobile-mod-topblk{
  width: auto !important;
  min-width: auto !important; 
  margin: 0px !important; 
  height: 100% !important;
}
.mod-participants_info{
  display: none;
  right:15px;
}
.confern-time{display: none;}
.vc-mobile-header-section .vc-mobile-header-menu .nav-item .nav-link.active {color:#fff ;}
.vc-mobile-header-section .vc-mobile-header-menu .nav-item .nav-link{color:#fff;}
.participant-container:last-child{border-bottom: 0;}
.sidebar-closebtn{
  font-size: 25px !important;
  font-weight: 200;
  color: #a9a9a9 !important;
}
.arrow-close{position: relative;}
.arrow-close::after{
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  top: 8px;
  right: -18px;
  border-top: 2px solid #a7a7a7;
  border-right: 2px solid #a7a7a7;
  transform: rotate(135deg) translateX(-53%);
}
.meeting-display-section{height: unset;}

.vdo-display-area{
  width: unset;
  padding:0 15px;
}
.call-hang-btnn{
  width:33px !important;
  height: 33px !important;
}
.material-content-wrapper{max-height: unset;}
.mobile-participant-list{
  max-height: calc(100vh - 150px);
  overflow: auto;
}
.outer-left-blk-foot-rht{display:none;}
.interpreter-floor-menu-ctrl{display: none !important;}
.inter-tot-part{display:none;}
.conf-time-part{display:none;}
.interpreter-menu-icons-wrapper{
  width:100%;
  justify-content: center;
}
.interpre-label-air{padding-left:0px;display:none;}
/* .comm-chat-blk{width:unset;} */
.comm-chat-blk{width:100%;}
.chat-mobile-view-wrapper{display:block;}
/* .fixed-leave-call-wrapper{margin-left:18px;} */
.vdo-top-part {padding:7px;}
.mod-screenshare{
  height: calc(100vh - 55px) !important;
  min-height: calc(100vh - 55px) !important;
  max-height: calc(100vh - 55px) !important;
}
.comm-chat-wrapper{
  max-height: calc(100vh - 280px);
  min-height: calc(100vh - 280px);
}
.vdo_actions_media .bottom-left-side-section{display:none !important;}
.vdo_actions_media .bottom-right-side-section{display: none !important;}
.moderator-menu-ctrl{width:100%;}
.mod-screenshare .comm-chat-wrapper{
  /* max-height: calc(100vh - 350px);
  min-height: calc(100vh - 350px); */
}
.meeting-display-section{height: unset;}
.meeting-section.sess-not-started
{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px !important;
  padding:15px !important;
}
.model-check.resp{
  display: block;
  position: fixed;
  right: 15px;
  top: 50;
}
.vdo-sys-check-wrapper{
  top: 40% !important;
}
.handover-remain-time{
	left: 0% !important;
  font-size: 11px;
}
.inter-tot-part {
  font-size: 10px;
}
.thanktxt{font-size: 30px;}
.fixed-top-left{width:unset;}
.mobile-hide{display: none !important;}
/* .mod-screenshare .mod-meeting-section{z-index: 0;} */
.confer-cover-img-blk{display:none;}
.mod-meeting-section .vdo-sys-check-wrapper{
  top:35px !important;
  transform: translate(-15px,-15px);
}
.recordings-blk{left:5px;}
.media-popup{
  width: unset;
  top: 0;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border-radius: 0px;
  padding: 20px;
  min-height: 100vh;
  transform: translate(0, 0);
}
.doc-index{
  right:0px !important;
  height: 89%;
}
.doc-file-upload img{
  width:16px;
  height:auto;
}
.vdo-file-upload img{
  width:16px;
  height:auto;
}
.mod-mob-botton-tool{padding-left:25px;}
.mob-vdo-layout-screen{
  left:7px;
  right: 7px !important;
  z-index: 9;
}
.moderator-media{
  position: fixed;
  bottom: 0px;
}
.moderator-media{z-index: unset !important;}
#docPlayer{
  -webkit-overflow-scrolling: touch;
  display: block;
}
.custom-menu-tooltip{display: none !important;}
.doc-index-2 {
    overflow-y:auto;
    right: 0px !important;
    overflow-x: auto;
}
.more-settings-blk{
  left:unset;
  right: 0%;
  transform: translateX(0%);
}
.more-settings-blk::after{
  left: 90%;
}

.custom-caption-pop-up{
  width:100%;
  top:unset;
  left:unset;
  transform: unset;
  border-radius: unset;
  max-height: 100%;
  overflow-y: auto;
}
.caption-holder{width:100%;}
.caption-holder-parent{flex-direction: column;}
.caption-preset-wrapper{
  width:100%;
  margin-bottom: 20px;
  margin-top: 30px;
}
.caption-preset-holder{padding-right: 10px;}
.preview-caption-header{
  right: unset;
  bottom:230px;
  top:unset;
}
.more-settings-dots{
  min-width: 33px;
  width: 33px;
  height: 33px;
}
.sidenav-cms-blk
 {
    position: fixed;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%!important;
    z-index: 999;
    background: red;
    padding: 0;
    transform: translateX(-100%);
    transition: .6s ease;
    overflow-y: auto!important;
}
.sidenav-cms-blk.open{
  /*width: 285px;*/
  transform: translateX(0%);
  transition: 0.6s;
}
.sidenav-cms-mobile-toggler .bar1,.sidenav-cms-mobile-toggler .bar2,.sidenav-cms-mobile-toggler .bar3{
    width: 22px;
    height: 3px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
}
 .sidenav-cms-mobile-toggler{padding:15px;}
 .sidenav-cms-blk ul{
  margin:0;
  padding:0px;
 }
 .sidenav-cms-blk ul li{
    list-style-type: none;
    padding:0 15px;
    margin:15px 0;

 }
  .sidenav-cms-blk ul li a{
    font-size: 12px;
    font-weight: 500;
    color:#333;
    line-height: 22px!important;
  }

.vdo-user-avatar{
  min-width: 75px !important;
  width: 75px !important;
  max-width: 75px !important;
  max-height: 75px !important;
  min-height: 75px !important;
  height: 75px !important;
  font-size: 27px !important;
}

}
@media (max-width: 480px){
  #vc-mobile-tabContent {height: calc(100% - 78px) !important;}
  .alert-popup{
    box-sizing: border-box;
    width: unset;
    left: 15px;
    right: 15px;
    margin: 0 15px;
    transform: translate(-15px,-50%);
  }
  .alert-subtitle{font-size: 13px;}
  .alert-caption{font-size: 18px;}

}
@media (max-width: 500px){
  .custom-caption-pop-backdrop{width:95%;}
}
@media only screen and (min-width:1000px){
  .sidenav-blk.open{display: none;}
  .desktop-hide{display: none;}
}
@media only screen and (max-width:1000px){
  .mobile-hide{display: none;}
}
@media only screen and (min-width:1201px) and (max-width:1365px){
  .float-part-count{display: flex;}
  .vdo_actions_media .bottom-left-side-section .participants-section {display: flex;}
  .mod-screenshare{
    height: calc(100vh - 150px) !important;
    min-height: calc(100vh - 150px) !important;
    max-height: calc(100vh - 150px) !important;
  }
  /* .mod-screenshare .comm-chat-blk{bottom:20px;} */
  .mod-screenshare .comm-chat-wrapper {
    /* max-height: calc(100vh - 315px);
    min-height: calc(100vh - 315px); */
  }
  .mod-participants_info{bottom:15%;}
  .meeting-display-section{height:unset;}
  .moderator-media{
    position: fixed;
    bottom: 0px;
    z-index: 9999;
  }
}
@media only screen and (max-width:350px){
.vdo-menu-list{margin:0px 3px;}
.bandwidth-section img {width: 15px;}
.refresh-section img {width: 14px;}
.settings-section img {width: 15px;}
.logout-section img {width: 16px;}
.filter-dropdown img {width: 16px;}
.flag-lang {font-size: 11px;}
.username {font-size: 12px;}
.handover-remain-time{font-size: 10px;}
.settings-overl{
  top:33px;
  overflow-y:auto !important;
  height: 100% !important;
  padding-bottom: 83px;
}
.mod-meeting-section .vdo-sys-check-wrapper{
  margin-bottom:185px;
  overflow-y:auto;
}
.custom-menu-tooltip{display: none;}
.mod-screenshare .mod-meeting-section{z-index:unset !important;}
#docPlayer{
  -webkit-overflow-scrolling: touch;
  display: block;
}
.moderator-media{z-index:unset !important;}
.trouble{margin-right:0px;}
}
@media only screen and (min-width:768px) and (max-width:1000px){
  .bandwidth-section, .refresh-section, .settings-section, .hand-over, .mic-control, .outcoming-voice-ctrl {
    margin-left: 18px;
   }
   .confern-time{display:none;}
   .inter-tot-part{display:none;}
   .conf-time-part{display: none;}
   .interpreter-floor-menu-ctrl{display:none !important;}
   .outer-left-blk-foot-rht{display:none;}
   .interpreter-menu-icons-wrapper{
     width:100%;
     justify-content: center;
   }
   .screen_share {
    /* height: calc(100vh - 60px) !important;
    min-height: calc(100vh - 60px) !important;
    max-height: calc(100vh - 60px) !important; */
  }
  .settings-section.resp{display:none;}
  .navmenu-toggler.resp{
    display:block;
    padding-left:22px;
  }
  .ipad-hide{display:none;}
  .mod-screenshare{
    /* height: calc(100vh - 150px) !important;
    min-height: calc(100vh - 150px) !important;
    max-height: calc(100vh - 150px) !important; */
  }
  /* .mod-screenshare .comm-chat-blk{bottom:20px;} */
  .mod-screenshare .comm-chat-wrapper {
    /* max-height: calc(100vh - 309px);
    min-height: calc(100vh - 309px); */
  }
  .meeting-display-section{height: unset;}
  .vdo_actions_media .bottom-left-side-section .participants-section{display: flex;}
  .participants_info{width:40%;min-width: 40%;}
  .top-menu-wrapper{display: none !important;}
  .float-part-count{display: block;}
  .handover-remain-time{display: none;}
  .mobile-voice-controller{width:200px;}
  /* .confer-cover-img-blk{display:none;} */
  .recordings-blk{display: none;}
}
@media only screen and (min-width:1001px) and (max-width:1200px){
  .float-part-count{display: none !important;}
  .vdo_actions_media .bottom-left-side-section .participants-section {display: flex !important;}
  .participants_info{width:35%;min-width: 35%;}
  .mod-screenshare{
    /* height: calc(100vh - 150px) !important;
    min-height: calc(100vh - 150px) !important;
    max-height: calc(100vh - 150px) !important; */
  }
  /* .mod-screenshare .comm-chat-blk{bottom:20px;} */
  .mod-screenshare .comm-chat-wrapper {
      /* max-height: calc(100vh - 270px);
      min-height: calc(100vh - 270px); */
  }
  .meeting-display-section{height:unset;}
  .mod-participants_info{bottom:15%;}
  .handover-remain-time{display: none;}
  .tot-participants{padding-left:20px;}
  .inter-tot-part {
    font-size: 11px;
}
.conf-time-part {
  font-size: 11px;
}
.interpre-label-air{font-size: 11px;}
/* .confer-cover-img-blk{display:none;} */
.recordings-blk{display: none;}
}

@media only screen and (max-width:767px) and (orientation:landscape){
  .vdo-sys-check-wrapper{
    top: 15px !important;
    bottom: 15px;
    transform: translate(-15px,-15px);
  }
  .vdo-sys-session{
    padding:20px 0;
    height: unset;
  }
  .settings-overl {
    overflow-y: auto;
    height: 100% !important;
    padding-bottom: 83px;
  }
  .send-chat-popup{
    bottom:unset !important;
    top: calc(-100% - 210px) !important;
    max-height: unset !important;
  }
  .mobile-voice-controller{width:200px;}
  .media-popup{
    overflow-y: auto;
    max-height: 100%;
  }
  .media-button-blk{
    margin-bottom:40px;
  }
  .mod-meeting-section .vdo-sys-check-wrapper{
    margin-bottom:120px;
    overflow-y:auto;
  }
}
@media only screen and (min-width:767px) and (max-width:768px){
  .participants_info{
    width: 45% !important;
    min-width: 45% !important;
  }
  /* .float-part-count{ padding-left: 153px;} */
  .handover-remain-time{
    left: 100px !important;
    display: block !important;
  }
  .recordings-blk{
    display: block !important;
    left:120px;
  }
}
@media only screen and (min-width:767px) and (max-width:768px) and (orientation:landscape){
  .top-menu-wrapper{padding-left:0px;}
  .trouble{margin-right: 5px;}
  .mobile-voice-controller{width:200px;}
  /* .float-part-count{ padding-left: 153px;} */
}
@media only screen and (min-width:1023px) and (max-width:1024px){
  .bandwidth-section{margin-left:20px;}
  .top-menu-wrapper{padding-left:0px !important;}
  .recordings-blk{left:40px;}
}
@media only screen and (min-width:1023px) and (max-width:1024px) and (orientation:landscape){
  .bandwidth-section{margin-left:20px;}
  .top-menu-wrapper{padding-left:0px !important;}
  .recordings-blk{left:40px;}
}
@media only screen and (min-width:450px) and (max-width:650px){
  .settings-overl{
    top:33px;
    overflow-y:auto !important;
    height: 100% !important;
    padding-bottom: 63px;
  }
  .mod-meeting-section .vdo-sys-check-wrapper {
    margin-bottom: 185px;
    overflow-y: auto;
  }
  .moderator-media{z-index: unset !important;}
}
/* rafiky css ends here */

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){
.settings-overl {
    top: 33px !important;
    overflow-y: auto !important;
    height: 100% !important;
    padding-bottom: 63px;
  }
}
@media only screen and (min-width:1201px) and (max-width:1365px){
  .confer-cover-img-blk{display: none;}
}

/*iphone fix*/
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){
         @media (max-width:450px) {
            .vdo-sys-session{
              min-height: unset !important;
              height:100% !important;
            }
            .settings-overl{
              max-height: calc(667px - 55px);
              overflow-y:auto;
              padding-bottom:80px;
            }

        }
    }

    @media only screen and (min-width:1500px){
      .hide-xl-screen{
        display: none;
      }
      .toggle-sm-screen{
        display:flex;
      }
    }
    @media only screen and (max-width:400px){
      .speaker5-info-part{bottom:100%;}
      #google_translate_element{width: 80px !important;}
      .goog-te-gadget{white-space: normal;}
      .translate-viewer {margin-right: 35px !important;}
    }
    @media only screen and (min-width:1025px) and (max-width:1280px){
        .top-menu-wrapper{padding-left: 0px !important;}
        .moderator-view-page .top-menu-wrapper{padding-left: 150px !important;}
        .moderator-view-page .bandwidth-section, .moderator-view-page .refresh-section, .moderator-view-page .settings-section, .moderator-view-page .hand-over, .moderator-view-page .mic-control, .moderator-view-page .outcoming-voice-ctrl{margin-left:20px;}
    }
    .trbl_sht-section .custom-menu-tooltip{transform: translateX(-63%) !important;}
    .trbl_sht-section .custom-menu-tooltip::after{left: 67%;}



    @media only screen and (max-width: 1199px) {
      .vdo-menu-list {
          min-width: 30px;
          width: 30px;
          height: 30px;
      }
      .vdo-menu-list img {
        width: 14px;
        height: auto;
      }
      .confer-cover-container {
        width: 80px !important;
        min-width: 80px !important;
        height: 60px !important;
      }
  }



  @media only screen and (max-width: 991px) {
    .screen_share {
      height: calc(100vh - 62px) !important;
      min-height: calc(100vh - 62px) !important;
      max-height: calc(100vh - 62px) !important;
    }
    .navmenu-toggler{
      display: flex;
      align-items: center;
      width:20px;
      height: auto;
    }
}

@media only screen and (max-width: 767px) {
  .time-info {
    display: none;
  }
  .vdo-menu-list {
    margin: 0 5px !important;
  }
}