@base: #212121;
@color: silver;
@accent: #27ae60;
@borderRadius: 4px;

.accordion {
    background: linear-gradient(to right, #3c641e, #5a9d28);
    color: #fff;
    cursor: pointer;
    padding: 10px 15px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 16px;
    font-weight: bold;
    transition: 0.4s;
}

.panel {
    display: none;
    background-color: white;
    overflow: hidden;
    border-radius: 0;
    border: none;
    margin-bottom: 0;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px;
    width: 100%;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.mob-live {
    background-color: #999;
}

.back_clr1 {
    background-color: #e0fbce;
}

.back_clr2 {
    background-color: #e3e9e7;
}

.back_clr3 {
    background-color: #e8ddc1;
}

.twoToneCenter {
    text-align: center;
    margin: 1em 0;
}

.twoToneButton {
    display: inline-block;
    border: 1px solid darken(@base, 50%);
    outline: none;
    padding: 10px;
    line-height: 1.4;
    background: #262626 !important;
    border-radius: 10px;
    color: #fff;
    text-shadow: darken(@color, 80%) -1px -1px 0px;
    position: relative;
    transition: padding-right .3s ease;
    font-weight: 400;
    box-shadow: 0 1px 0 lighten(@base, 30%) inset, 0px 1px 0 lighten(@base, 10%);

}

.twoToneButton:hover {
    box-shadow: 0 0 10px darken(@base, 10%) inset, 0px 1px 0 lighten(@base, 10%);
    color: lighten(@color, 20%);
}

.twoToneButton:active {
    box-shadow: 0 0 10px darken(@base, 10%) inset, 0px 1px 0 lighten(@base, 10%);
    color: lighten(@color, 30%);
    background: darken(@base, 10%);
    background: linear-gradient(to bottom, lighten(@base, 10%) 0%, lighten(@base, 5%) 50%, darken(@base, 5%) 51%, darken(@base, 10%) 100%);

}

.twoToneButton.spinning {
    background-color: #fff;
    padding-right: 40px;
}

.twoToneButton.spinning:after {
    content: '';
    position: absolute;
    right: 6px;
    top: 50%;
    width: 0;
    height: 0;
    box-shadow: 0px 0px 0 1px #fff;
    position: absolute;
    border-radius: 50%;
    animation: rotate360 .5s infinite linear, exist .1s forwards ease;
}

.twoToneButton.spinning:before {
    content: "";
    width: 0px;
    height: 0px;
    border-radius: 50%;
    right: 6px;
    top: 50%;
    position: absolute;
    border: 2px solid #fff;
    border-right: 3px solid #fff;
    animation: rotate360 .5s infinite linear, exist .1s forwards ease;

}



@keyframes rotate360 {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes exist {
    100% {
        width: 15px;
        height: 15px;
        margin: -8px 5px 0 0;
    }
}

.description-cnt {
    background-color: #fff;
    padding: 10px;
    color: #000 !important;
    border-radius: 0px;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.doc-btn {
    background-color: transparent !important;
    border: none !important;
    border-right: solid 1px lightgray;
}

.doc-btn:hover {
    color: #000;
}

.modal-body select {
    width: 100%;
    background-color: #fff;
    color: #000;
    padding: 5px;
    border-radius: 5px;
    border: solid 1px gray;
}

.modal {
    position: fixed;
    top: 5%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.mdl_btn {
    width: 100%;
    background-color: #4d8e1a;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    border: solid 1px gray;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.documentListItem small {
    color: #5cb85c;
}

.back-wht {
    background-color: #fff;
    min-height: 240px;
    padding: 20px !important;
    border-bottom: solid 4px #5cb85c !important;
}

.Permissions-back {
    background-color: #5cb85c;
    padding: 10px;
    margin: 5px 0;
    color: #fff;
}

.tb-icon tbody tr td i {
    color: #5cb85c;
    width: 20px;
}

.tb-icon thead {
    background-color: lightgray;
}

.logo {
    padding: 10px;
}

.mob-info {
    background-color: #777;
}

.mob-docs {
    background-color: #555;
}

.mob-chat {
    background-color: #404040;
}

.UserDocumentList p,
.documentList p {
    padding: 5px;
    background: #262626;
    margin-bottom: 10px;
    display: block;
    color: #fff;
}

.documentList {
    margin-bottom: 10px;
    border: solid 1px lightgray;
}

.documentList li,
.documentList ul {
    display: block;
    list-style: none;
    padding: 0;
}

.documentList li {
    padding: 10px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

.documentList li:last-child {
    border-bottom: 0px;
}

.main-title {
    font-size: 24px;
}

#meetingTitlet {
    position: absolute;
    top: 15px;
    left: 50%;
    z-index: 1000;
    color: #fff;
    transform: translate(-50%, 0);
}

.loadingNote {
    position: fixed;
    bottom: 0;
    padding: 30px;
    text-align: center;
    width: 100%;
    color: #fff;
    background: #7ea64e;
    font-size: 18px;
    font-weight: bold;
}

input[disabled],
button[disabled] {
    background: transparent !important;
    color: #dcd7d7 !important;
    border: 1px solid #dcd7d7 !important;
    cursor: not-allowed !important;
    text-shadow: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    outline: none !important;
}

.tooltip1 {
    display: inline;
    position: relative;
}

.tooltip1:hover:after {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    background: #444;
    border-radius: 8px;
    color: #fff;
    content: attr(title);
    margin: 2px auto 0;
    font-size: 16px;
    padding: 13px;
    width: 120px;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
    z-index: 1000;
}

.loadingText {
    padding: 20px;
    font-size: 18px;
    font-weight: bold;
}

#perNext {
    display: none;
}

#docDiv {
    display: none;
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../img/preloader.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}

.extra-controls {
    position: absolute;
    right: 21%;
}

#btn-comments {
    color: red;
    margin-top: 5px;
    font-size: 24px;
    text-shadow: 1px 1px white;
}

#other-videos {
    margin-top: 0px;
    background: transparent;
    border-top: 0px solid #cacaca;
    width: 100%;
    border: 1px solid #fff;
    border-radius: 5px;
    overflow-x: auto;
    align-items: center;
    justify-content: center;
    -webkit-transform: translate3d(0, 0, 0);
}

#other-videos video {
    width: 100%;
    margin: 0px;
    height: 97vh;
    border: 0px solid #c1c1c1;
    padding: 0px;
    max-width: 100%;
    max-height: 100%;
    background: #444;
    border-radius: 0px;
    display: flex;
}

.face-match-sec {
    position: relative;
    background: #4d8e1a;
    padding: 3px;
}

.message b {
    color: #000;
    font-weight: 400;
}

.message small {
    color: #000;
    position: absolute;
    bottom: -18px;
    left: 5px;
    width: 100%;
}

.sdvsd b {
    font-weight: 400;
    color: #000 !important;
}

.sdvsd small {
    position: absolute;
    bottom: -18px;
    right: 5px;
    width: 100%;
    font-weight: 400;
    color: #000 !important;
}

#txt-chat-message {
    width: 100%;
    resize: vertical;
    margin-right: 0;
    min-height: 30px;
}

#btn-chat-message {
    margin: 5px;
    color: #f5f5f5;
    font-size: 20px;
}

#other-videos .videoListItem {
    border-radius: 0px;
}

.documentListItem {
    align-items: center;
    display: flex;
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: solid 1px #dcdcdc;
}

.documentListItem:last-child {
    padding-bottom: 10px;
    display: flex;
    margin-bottom: 0px;
    border-bottom: none;
}
#other-videos .controlDiv{
    bottom: 0;
    left: 49%;
}
#conversation-panel {
    text-align: left;
    overflow: auto;
    border-top: 0px solid #E5E5E5;
    width: 100%;
}

#conversation-panel .message {
    position: relative;
    background-color: #fff;
    color: #000;
    border: solid 1px silver;
    padding: 5px 15px;
    border-radius: 5px 5px 5px 0px;
    margin: 20px 200px 20px 10px;
    font-size: 14px;

}

#conversation-panel .sdvsd {
    padding: 5px 15px;
    background-color: #cef6b0;
    color: #000;
    text-align: right;
    border: solid 1px silver;
    border-radius: 5px 5px 0px 5px;
    margin: 20px 10px 20px 150px;
    position: relative;
}

#conversation-panel .message img,
#conversation-panel .message video,
#conversation-panel .message iframe {
    max-width: 100%;
}

#main-video {
    width: 200px;
    margin-top: 0px;
    border: 1px solid #fff;
    display: none;
    border-radius: 5px;
    padding-bottom: 0px;
    height: 113px;
    margin-bottom: 0;
    background: #444;
}

.lmuLiveChatText {
    border-bottom: 60px solid #ddd;
}

hr {
    height: 1px;
    border: 0;
    background: transparent;
}

#btn-attach-file {
    width: 25px;
    vertical-align: middle;
    cursor: pointer;
    display: none;
}

.btn-recoding {
    width: 33px;
    height: 33px;
    vertical-align: middle;
    cursor: pointer;
    display: none;
}


#btn-share-screen {
    width: 33px;
    height: 33px;
    vertical-align: middle;
    cursor: pointer;
    display: none;
}

#btn-share-screen img {
    width: 25px;
}

.checkmark {
    display: none;
    width: 15px;
    vertical-align: middle;
}

#screen-viewer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999999999;
    display: none;
}

.witebord {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 999;
}

#show_div {
    display: none;
}

footer,
header,
.header-area {
    display: none;
}

.timer {
    position: absolute;
    top: 25px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    padding: 5px 15px;
    background: #00000050;
    z-index: 999;
    border-radius: 20px;
    width: auto;
    transform: translateX(-50%);
    left: 50%;
}

.lmumeetingPageArea {
    height: 100vh;
    width: 100%;
}

.lmuMeeting-Toolbar {
    position: fixed;
    bottom: 0;
    background-color: #fff;
    border-radius: 30px 30px 0 0;
    z-index: 999;
    padding: 15px;
    border-top: 0px solid #cacaca;
    width: 100%;
    text-align: center;
    left: 0;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

.lmuMeeting-ToolbarItem {
    display: inline-block;
    border-right: 0px solid #cacaca;
    padding: 0px;
    vertical-align: middle;
}

.lmuMeeting-Toolbar a {
    width: 35px;
    height: 35px;
    display: block;
    border: 2px solid #ccc;
    border-radius: 50px;
    text-align: center;
    line-height: 27px;
    text-decoration: none;
    font-size: 14px;
    margin-right: 5px;
    position: relative;
    background: #fff;
}

.lmuMeeting-Toolbar a i {
    line-height: 30px;
    color: #ccc;
    font-size: 16px;
}

.lmuMeeting-Toolbar a.btn-danger {
    background: red;
    width: auto;
    border: solid 2px red;
    text-transform: capitalize;
    color: #ffffff;
    padding: 3px 15px;
    display: inline-block;
}
.lmuMeeting-Toolbar a.btn-capture {
    background: var(--ion-color-primary);
    width: auto;
    text-transform: capitalize;
    color: #ffffff;
    padding: 3px 15px;
    display: inline-block;
}

.lmuMeeting-Toolbar a.btn-info {
    width: 80px;
    border-radius: 20px;
}

.lmuMeetingWidget {
    width: 100%;
    height: calc(100vh);
    overflow: auto;
}

div#lmuClSqr {
    display: none;
}

.lmuVideoPanel {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    background: #f5f5f5;
    margin-top: 0;
}

.info-sidebar {
    width: 25%;
    border-right: solid 1px #ececec;
    height: 100%;
    overflow: auto;
}

.info-sidebar .meeting-title {
    font-size: 18px;
    padding: 8px 15px;
    background: #262626;
    color: #fff;
    font-weight: bold;
}

.info-sidebar .description {
    padding: 5px;
    background: #4d8e1a;
}

.info-sidebar .description p {
    font-size: 13px;
    color: #000;
    padding: 0px;
    margin: 0px;
    font-weight: bold;
}

.info-sidebar .lat-lon {
    margin-top: 10px !important;
}

.info-sidebar .lat-lon .heading {
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
}

.info-sidebar .lat-lon span {
    font-size: 13px;
}

.info-sidebar .user-detail {
    width: 90%;
    margin: 5%;
    border: solid 1px #ccc;
    position: relative;
}

.info-sidebar .user-detail img {
    height: auto;
    width: 100%;
    background: #ccc;
    display: block;
}

.info-sidebar .user-detail .name {
    color: #fff;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 10px;
    background: #00000050;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
}

.face-match-sec .face-match-heading {
    justify-content: space-between;
    font-size: 16px;
    margin-top: 10px;
    padding: 8px 15px;
    color: #fff;
    font-weight: 200;
}

.face-match-sec .face-match-heading h5 {
    margin: 0px;
    padding: 0px;
    font-size: 20px !important;
    font-weight: bold;
}

.face-match-sec .face-match-heading a {
    text-decoration: none;
    color: #fff;
    padding: 10px 20px;

    border-radius: 50px;
    background-color: #262626;
    font-size: 14px;
    font-weight: normal;
}

.face-match-sec .content {
    padding: 5px;
    background-color: #fff;
}

.face-match-sec .detail-group {
    margin-bottom: 8px;
}

.face-match-sec .detail-group .label {
    font-size: 13px !important;
    color: #262626 !important;
    font-weight: normal !important;
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
    width: 100%;
    display: block;
    text-align: left;
}

.face-match-sec .detail-group .value {
    font-size: 14px;
    color: #262626;
    font-weight: bold;
    padding: 0;
    margin: 0px;
}

.face-match-sec .img-comparison {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.face-match-sec .img-comparison .img-thumb {
    width: 50%;
    text-align: center;
}

.face-match-sec .img-comparison .img-thumb img {
    height: 130px;
    width: 90%;
    border: solid 5px #ececec;
    margin-bottom: 5px;
}

.face-match-sec .img-comparison .img-thumb span {
    display: block;
    font-size: 12px;
    color: #262626;
    font-weight: bold;
}

.face-match-sec .score {
    margin-top: 8px;
    padding: 10px;
    border-top: solid 1px lightgray;
    border-bottom: solid 1px lightgray;
    margin-bottom: 50px;
}

.face-match-sec .score p {
    font-size: 13px;
    color: #797979;
    margin: 0px;
    margin-bottom: 10px;
}

.face-match-sec .score p span {
    color: #4d8e1a;
    font-weight: bold;
}

.info-sidebar .controlDiv {
    position: absolute;
    padding: 1px;
    color: #fff;
    bottom: 10px;
    font-size: 12px;
    transform: none;
    left: 10px;
}

.video_div {
    width: 55%;
    height: 100%;
    position: relative;
    background: #ededed;
}

.chat_div {
    width: 20%;
    border-left: 1px solid #5f5f5f;
    font-size: 12px;
    position: relative;
    background: #f7f7f7;
    color: #222;
}

.chatAreaTabs-link a {
    width: 50%;
    float: left;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    color: #262626;
    font-size: 14px;
    line-height: 1.2;
    background: #f7f7f7;
    border-bottom: 1px Solid #dedede !important;
}

.chatAreaTabs-link a.active {
    background: linear-gradient(to right, #3c641e, #5a9d28) !important;
    border-bottom: 1px Solid #7ea64e !important;
    color: #fff;
    padding: 10px;
    text-decoration: none;
}

#btn-attach-file {
    display: none !important;
}

.lmuLiveUserList {
    padding: 5px;
    height: calc(100vh - 40px);
    border-bottom: 0px solid #f7f7f7;
    overflow-y: auto;
    background: #f7f7f7;
}

.lmuLiveUserChat {
    margin-top: 10px;
    position: absolute;
    bottom: 0;
    top: 30px;
    padding: 0px;
    width: 100%;
    overflow: hidden;
}

.lmuLiveUserChat:before {
    content: "";
    display: block;
    width: 100%;
    height: 0vh;
}

.lmuMainVideo {
    position: relative;
    position: relative;
    width: 100%;
    border: solid 5px #ececec;
    height: 180px;
    background: #333;
}

.lmuMainVideoControl {
    position: absolute;
    bottom: 0;
    left: 50%;
    padding-bottom: 5px;
    transform: translateX(-50%);
}

.lmuMainVideoControl a {
    width: 30px;
    height: 30px;
    display: inline-block;
    overflow: hidden;
    line-height: 30px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    color: #999;
}

.chat_div.setNewChat {
    width: 0;
    display: none;
}

.video_div.setNewVideo {
    width: 100%;
}

.controlDiv {
    z-index: 1;
    position: absolute;
    padding: 1px;
    color: #fff;
    font-size: 10px;
    width: 96%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    left: 50%;
    transform: translateX(-50%);
    bottom: 5px;
}

span.videoUserName {
    background: var(--ion-color-primary);
    color: #fff;
    padding: 1px 3px;
    border-radius: 1px;
    float: left;
    max-width: 90%;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.controlDiv a {
    background: var(--ion-color-primary);
    color: #fff;
    text-align: center;
    padding: 6px;
    font-size: 16px;
    border-radius: 5px;
    height: 33px;
    width: 33px;
    float: left;
}

.documentListItem img {
    width: 70px;
    height: 70px;
    display: block;
    margin-right: 15px;
    border: solid 1px #ccc;
}

.documentListItem span {
    color: #262626;
    font-size: 14px;
    display: inline-block;
}

.documentListItem span.deleteDoc {
    width: auto;
    background: #dc3545;
    display: inline-block;
    padding: 0px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}


/*.modal-dialog{*/


/*    max-bottom-toph5px;   width-bottom:5px;etNewLOut #other-videos {*/


/*        max-bottom-toph5px;   width-bottom:5px;padding#other-videos {*/


/*            border-bottom:solid 1px #ccc;*/


/*    position: relative;*/


/*    .documentListItem img { width:50px; hei:last-child{ padding-bottom:0px; margin-bottom:0px; border-bottom:none; }*/


/*    flex-flow: row wrap;*/


/*    height: calc(100vh - 52px);*/


/*    overflow-y: auto;*/


/*    bottom: 0;*/


/*}*/

.setNewLOut #other-videos .videoListItem {
    height: calc(80vh);
    position: relative;
    margin: 0 0 0 45px;
    width: 90%;
    display: inline-block;
    vertical-align: middle;
}

.setNewLOut #other-videos .videoListItem .controlDiv {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 5px;
    color: #fff;
    z-index: 9;
}

.setNewLOut .videoListItem #other-videos video {
    width: 100%;
    height: 100%;
}

.setNewLOut #other-videos .videoListItem .controlDiv a.photoClick {
    background: #5e9022;
    color: #fff;
    display: inline-block;
    padding: 8px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 20px;
}

.lmumeetingPageArea.clientUser .videoListItem .controlDiv a.photoClick {
    display: none;
}

hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid #eee;
}

.lmuLiveChatTxtbtn {
    position: sticky;
    bottom: 60px;
    width: 10%;
    cursor: pointer;
    background: #739174;
    height: 42px;
    right: 0;
    padding: 5px 0;
    text-align: center;
}

.disableVIco {
    position: absolute;
    right: 14px;
    display: block;
    top: 0;
    font-size: 18px;
    text-shadow: -1px 0 1px #525252;
    transform: rotateX(9deg);
    color: #525252;
}

.mob-meeting-title {
    display: none;
    font-size: 18px;
    padding: 8px 10px;
    background: linear-gradient(to right, #3c641e, #5a9d28);
    color: #fff;
    font-weight: bold;
}

.sidebar-toggles-tabs {
    display: none;
}

a#lmuLiveUserChatClose,
a#lmuLiveUserListClose {
    display: none;
}

@media only screen and (max-width: 1024px) {
    #btn-share-screen {
        display: none !important;
    }
}

.mob-wrap {}

.close-strip {
    display: none;
}

@media only screen and (max-width: 767px) {
    .mob_btttn {
        width: 100%;
        margin-bottom: 10px;
    }

    .mob-wrap {
        position: fixed;
        width: 100%;
    }

    .sidebar-toggles-tabs {
        display: table;
        width: 100%;
    }

    .sidebar-toggles-tabs a {
        padding: 8px;
        display: table-cell;
        color: #fff;
        text-align: center;
        font-size: 13px;
    }

    .sidebar-toggles-tabs a:nth-child(2) {
        border-left: solid 2px #ffffff02;
        border-right: solid 2px #ffffff02;
    }

    .info-sidebar {
        width: 95vw;
        left: -100vw;
        position: absolute;
        top: 0px;
        height: 100vh;
        overflow: auto;
        z-index: 9999;
        background: #fff;
        border-right: none;
    }

    .chat_div {
        width: 95vw;
        right: -100vw;
        position: absolute;
        top: 0px;
        height: 100vh;
        overflow: auto;
        z-index: 9999;
        background: #fff;
    }

    .info-sidebar.mob-active {
        left: 0px;
        position: fixed;
        height: 100vh;
        overflow: auto;
        -webkit-box-shadow: 8px 3px 19px -2px rgba(0, 0, 0, 0.31);
        -moz-box-shadow: 8px 3px 19px -2px rgba(0, 0, 0, 0.31);
        box-shadow: 8px 3px 19px -2px rgba(0, 0, 0, 0.31);
        z-index: 99;
    }

    .chat_div.mob-active {
        right: 0px;
        position: fixed;
        height: 100vh;
        overflow: auto;
        -webkit-box-shadow: -8px 3px 19px -2px rgba(0, 0, 0, 0.31);
        -moz-box-shadow: -8px 3px 19px -2px rgba(0, 0, 0, 0.31);
        box-shadow: -8px 3px 19px -2px rgba(0, 0, 0, 0.31);
    }

    .lmuMeeting-Toolbar {
        background: rgb(0, 0, 0);
         position: fixed;
        bottom: 0px;
        z-index: 999;
        transform: none;
        left: 0%;
        border-radius: 0;
        right: 0%;
        text-align: center !important;
        border-top: 0px solid #cacaca;
        width: 100%;
    }

    .lmuMeeting-Toolbar a i {
        color: #fff;
    }

    .setNewLOut #other-videos .videoListItem .controlDiv {
        position: absolute;
        padding: 7px;
        color: #fff;
        bottom: auto;
        font-size: 14px;
        transform: none;
        left: 0px;
        top: 5px;
    }

    #lmuClSqr {
        height: 100vh;
        width: 100%;
    }

    .mob-meeting-title {
        display: block;
    }

    .video_div {
        width: 100%;
        height: 100vh;
    }

    .setNewLOut #other-videos {
        height: calc(100vh - 100px);
    }

    .setNewLOut #other-videos .videoListItem {
        max-height: calc(85vh - 96px);
        height: calc(85vh - 96px);
        width: calc(49%);
        max-width: calc(49%);
        position: relative;
        margin: 0px 0.5%;
        /*border: 5px solid #c1c1c1;*/
    }

    .close-strip {
        display: flex;
        justify-content: space-between;
        height: 45px;
        padding: 0 14px;
        border-bottom: solid 1px #fff;
        background: linear-gradient(to right, #3c641e, #5a9d28);
    }

    .close-strip span {
        margin-top: 05px;
        font-size: 20px;
        color: #fff;
    }

    .close-strip a {
        margin-top: 05px;
        height: 30px;
        width: 30px;
        background: #fff;
        color: #262626;
        border-radius: 20px;
        font-size: 22px;
        padding: 5px;
        font-size: 20px;
        text-align: center;
    }

    .lmuMainVideo {

        position: fixed;
        left: 5px;
        bottom: 60px;
        z-index: 0;
        max-width: 100px;
        height: auto !important;
        border: solid 2px #fff;
    }

    #main-video {
        max-width: fit-content;
        height: auto;
    }

    .info-sidebar .controlDiv {
        bottom: 1px;
        left: 1px;
        z-index: 1000;
    }

    .btn-endM span,
    .btn-end span {
        display: none;
    }

    .lmuLiveChatText {
        border-bottom: 108px solid #ddd;
    }

    .lmuLiveChatTxtbtn {
        bottom: 58px;
    }

    body.recording:after {
        top: 95px;
    }

}

.setNewLOut #other-videos .videoListItem.vdisbaled:after {
    display: block;
    content: "Video Disabled";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #444;
    color: #fff;
    line-height: 70vh;
    text-align: center;
    font-size: 18px;
}

.agentVideoDiv.videoListItem.vdisbaled:after {
    display: block;
    content: "Video Disabled";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #444;
    color: #fff;
    line-height: 100px;
    text-align: center;
    font-size: 12px;
}

.setNewLOut #other-videos .videoListItem.adisbaled .aDisIcon,
.agentVideoDiv.videoListItem.adisbaled .aDisIcon {
    display: block;
}

.lmuMeeting-Toolbar a i {
    color: #191919 !important;
}

span.aDisIcon {
    display: none;
    position: absolute;
    bottom: 8px;
    right: 8px;
    z-index: 999;
    width: 25px;
    height: 25px;
    color: #fff;
    background: #dc3545;
    text-align: center;
    padding: 3px;
    border-radius: 50%;
}

@media only screen and (max-width: 440px) {
    .setNewLOut #other-videos .videoListItem {
        max-height: calc(75vh - 96px);
        height: calc(75vh - 50px);
        width: 100%;
        max-width: 100%;
        position: relative;
        margin: 0px;
        margin-top: 10px;
    }

    .face-match-sec .content {
        padding: 5px;
        background-color: #fff;
    }
}


/*video::-webkit-media-controls {*/


/*  display: none;*/


/*}*/


/*      Wide Mobile Layout: 480px.        */


/*#lmuLiveUserListClose,#lmuLiveUserChatClose{*/


/*    display:none;*/


/*}*/


/*@media only screen and (max-width: 480px) {*/


/*    .chatAreaTabs-link {*/


/*        display:none;*/


/*    }*/


/*    .lmuMainVideo{*/


/*        height:125px;*/


/*    }*/


/*    #main-video{*/


/*        height:125px;*/


/*        width:auto;*/


/*    }*/


/*    .lmuLiveUserList{*/


/*        padding: 5px 10px;*/


/*        display: none;*/


/*        position: fixed;*/


/*        top: 50px;*/


/*        background: rgba(255,255,255,1);*/


/*        width: 100%;*/


/*        height: calc(100vh - 50px);*/


/*        z-index:999;*/


/*        overflow-y:auto;*/


/*    }*/


/*    .lmuLiveUserChat {*/


/*    background: #fff;*/


/*    top: 50px;*/


/* padding-bottom: 10px; */


/*    z-index: 999;*/


/*    height: calc(100vh - 51px);*/


/*    position: fixed;*/


/*    margin: 0;*/


/*    padding-top: 10px;*/


/*}*/


/*  a#lmuLiveUserChatClose,a#lmuLiveUserListClose {*/


/*    position: absolute;*/


/*    top: 5px;*/


/*    right: 5px;*/


/*    font-size: 20px;*/


/*    display: block;*/


/*    padding: 5px;*/


/*    background: #dc3545;*/


/*    color: #fff;*/


/*}*/


/*#conversation-panel {*/


/*    margin-bottom: 2px;*/


/*    max-height: calc(100vh - 100px);*/


/*    overflow: auto;*/


/*    height: calc(100vh - 100px);*/


/*}*/


/*  .chatAreaTabs-linkMobile {*/


/*        display: block !important;*/


/*        position: fixed;*/


/*        right: 0px;*/


/*        top: 100px;*/


/*        z-index: 999;*/


/*    }*/


/*    .chatAreaTabs-linkMobile a {*/


/*        display: block;*/


/*        width: 35px;*/


/*        height: 35px;*/


/*        background: #7ea64e;*/


/*        text-align: center;*/


/*        line-height: 35px;*/


/*        margin-bottom: 2px;*/


/*        color: #fff;*/


/*        font-size: 24px;*/


/*    }*/


/*    .chatAreaTabs-linkMobile a i {*/


/*        line-height: 35px;*/


/*    }*/


/*.setNewLOut #other-videos .videoListItem{*/


/*    max-height: 100vh ;*/


/*    height: 100vh ;*/


/*    width: calc(100%);*/


/*    max-width: calc(100%);*/


/*    position: relative;*/


/*    margin: 0px;*/


/*}*/


/*#meetingTitlet{*/


/*    width:calc(100% - 180px);*/


/*    top:auto;*/


/*    bottom:40px;*/


/*    transform:none;*/


/*    right:5px;*/


/*    left:auto;*/


/*    z-index:1;*/


/*        position: fixed;*/


/*}*/


/*}*/


/*span.chatNew {*/


/*    display: inline-block;*/


/*    background: #fb7600;*/


/*    font-size: 10px;*/


/*    padding: 1px 3px;*/


/*    border-radius: 3px;*/


/*    margin-left: 3px;*/


/*    color: #fff;*/


/*}*/

span.chatNew {
    background: #f5b700;
    padding: 2px;
    font-size: 12px;
    border-radius: 3px;
    margin-left: 3px;
}

#unmatchDiv p {
    text-align: center;
    font-size: 18px;
    color: #dc3545;
    font-weight: 800;
}

body.recording:after {
    content: "Recording is on ";
    position: absolute;
    left: 50%;
    top: 17px;
    background: red;
    /* z-index: 999; */
    /* width: 50px; */
    /* height: 20px; */
    padding: 2px 5px;
    border-radius: 5px;
    font-size: 12px;
    color: #fff;
    transform: translateX(-50%);
}