body{padding:0;margin:0;overflow: hidden;color:#333;font-family: Helvetica Neue, Helvetica, Arial, sans-serif;}
.attendees{float:left;position:absolute;left:0px;right:288px;overflow:hidden;}
.attendeeName{background: rgba(0,0,0,0.4) !important;-moz-transition-property: all;-webkit-transition-property: all;-o-transition-property: all;transition-property: all;-moz-transition-duration: 1s;
              -webkit-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s; position:absolute;bottom: 0px;left: 0px;min-width:5%;max-width:calc(100% - 90px);
              padding:2px 5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;z-index: 3;
              font-size: 12px;margin: 0px !important;letter-spacing: 0.5;}
.attendeeNameglow{background: rgba(0,0,0,0.4) !important;-webkit-box-shadow: 0px 0px 5px 2px rgba(11, 150, 0, 1);-moz-box-shadow: 0px 0px 5px 2px rgba(11, 150, 0, 1);box-shadow: 0px 0px 5px 2px rgba(11, 150, 0, 1);}
.attendee video{display:block;width:100%; -moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
.videoBlocked{opacity:-0.9;filter:alpha(opacity=10);}
.actionsNormal a.freeSwitchRedail_disabled,.actionsNormal a.freeSwitchRedail,.actionsNormal a.freeSwitchCall,.actionsNormal a.freeSwitchHangup,.actionsNormal a.close, .actionsNormal a.block, .actionsNormal a.unblock,.actionsNormal a.speakerMute, .actionsNormal a.speakerUnmute, .actionsNormal a.mute, .actionsNormal a.maintoFull, .actionsNormal a.fulltoMain, .actionsNormal a.maintoNormal, .actionsNormal a.normaltoMain, .actionsNormal a.unmute, .actionsNormal a.selfVideoBlock, .actionsNormal a.unmute, .actionsNormal a.self_block, .actionsNormal a.self_mute, .actionsNormal a.self_unmute, .actionsNormal a.self_unblock, .actionsNormal a.normaltoFull, .actionsNormal a.fulltoNormal,.actionsNormal a.chat,.actionsNormal a.giveControl,.actionsNormal a.takeControl{background:url( /images/video_conference/actions.png?t=13) no-repeat right -4px; background-size: 206px 36px; display:block;width:18px;height:18px;clear:both;margin:3px;}
.actionsNormal a.close{width: 20px;height: 20px;background: url(/images/connectme/cnme_overlay_icons/Close.svg?t=4) no-repeat 0px 0px;background-size: 20px;padding:1px;}
.actionsNormal a.block{background-position:-107px -32px}
.actionsNormal a.block:hover{background-position:-138px -32px}
.actionsNormal a.unblock{background-position:-107px -32px}
.actionsNormal a.unblock:hover{background-position:-138px -32px}
.actionsNormal a.mute{background-position:-107px -96px}
.actionsNormal a.mute:hover{background-position:-138px -96px}

.actionsNormal a.selfVideoBlock{background-position:-107px -288px}
.actionsNormal a.selfVideoUnBlock:hover{background-position:-138px -288px}

.recordConf{background-position:-197px -96px}
.recordConf:hover{background-position:-233px -96px}
.actionsNormal a.unmute{background-position:-107px -64px}
.actionsNormal a.unmute:hover{background-position:-138px -64px}

.actionsNormal a.maintoFull{background-position:-107px -128px}
.actionsNormal a.maintoFull:hover{background-position:-138px -128px}
.actionsNormal a.fulltoMain{background-position:-107px -160px}
.actionsNormal a.fulltoMain:hover{background-position:-138px -160px}
.actionsNormal a.maintoNormal{background-position:-188px 0px}
.actionsNormal a.normaltoMain{background-position:-169px 0px}
.actionsNormal a.speakerMute {width: 20px;height: 18px;background: url(/images/connectme/cnme_overlay_icons/SpeakerMuted.svg?t=4) no-repeat -2px -4px;background-size: 25px;}
.actionsNormal a.speakerUnmute {width: 20px;height: 18px;background: url(/images/connectme/cnme_overlay_icons/Speaker.svg?t=4) no-repeat -2px -5px; background-size: 25px;}
.actionsNormal a.freeSwitchCall {background-position:-107px -606px}
.actionsNormal a.freeSwitchCall:hover {background-position:-138px -606px}
.actionsNormal a.freeSwitchHangup {background-position:-107px -638px}
.actionsNormal a.freeSwitchHangup:hover {background-position:-138px -638px}
.actionsNormal a.freeSwitchRedail{background-position:-107px -670px}
.actionsNormal a.freeSwitchRedail:hover{background-position:-138px -670px}
.actionsNormal a.freeSwitchRedail_disabled {background-position:-107px -702px; pointer-events: none;}

.blockedUserIcon{width:44px;height:44px;background-position:0 -369px;margin:-50% 0 0 -50%;display:block;}
.blockedUserIcon:hover{text-decoration:none;}
.unMute{width:22px;height:22px;background-position:-70px -66px;float:right;position:absolute;right:3px;bottom:2px;}
.blockedUser{position:absolute;top:50%;left:50%;z-index:1;}

.actionsMain a.freeSwitchRedail_disabled,.actionsMain a.freeSwitchRedail,.actionsMain a.freeSwitchCall,.actionsMain a.freeSwitchHangup,.actionsMain a.close, .actionsMain a.block, .actionsMain a.self_unblock, .actionsMain a.self_block, .actionsMain a.unBlock, .actionsMain a.mute, a.self_mute, .actionsMain a.unmute, a.self_unmute, .actionsMain a.maintoFull, .actionsMain a.fulltoMain, .actionsMain a.maintoNormal, .actionsMain a.normaltoMain, .actionsMain a.normaltoFull, .actionsMain a.fulltoNormal, .actionsMain a.chat, .actionsMain a.speakerMute, .actionsMain a.speakerUnmute {background:url(/images/video_conference/actions.png?t=13) no-repeat right -4px;display:block;width:30px;height:30px;clear:both;margin:5px;}

.actionsMain a.close{background-position:0 0;}
.actionsMain a.close:hover{background-position:-40px 0;}
.actionsMain a.block{background-position:0px -40px}
.actionsMain a.block:hover{background-position:-40px -40px}
.actionsMain a.self_block{background-position:0px -40px}
.actionsMain a.self_block:hover{background-position:-40px -40px}
.actionsMain a.unBlock{background-position:0px -80px}
.actionsMain a.unBlock:hover{background-position:-40px -80px}
.actionsMain a.self_unblock{background-position:0px -80px}
.actionsMain a.self_unblock:hover{background-position:-40px -80px}
.actionsMain a.mute{background-position:0 -120px}
.actionsMain a.mute:hover{background-position:-40px -120px}
.actionsMain a.self_mute{background-position:0 -120px}
.actionsMain a.self_mute:hover{background-position:-40px -120px}
.actionsMain a.unmute{background-position:0 -160px}
.actionsMain a.unmute:hover{background-position:-40px -160px}
.actionsMain a.self_unmute{background-position:0 -160px}
.actionsMain a.self_unmute:hover{background-position:-40px -160px}
.actionsMain a.maintoFull{background-position:0 -200px}
.actionsMain a.maintoFull:hover{background-position:-40px -200px}
.actionsMain a.fulltoMain{background-position:0 -240px}
.actionsMain a.fulltoMain:hover{background-position:-40px -240px}
.actionsMain a.maintoNormal{background-position:0 -280px}
.actionsMain a.maintoNormal:hover{background-position:-40px -280px}
.actionsMain a.normaltoMain{background-position:0 -320px}
.actionsMain a.normaltoMain:hover{background-position:-40px -320px}
.actionsMain a.fulltoNormal{background-position:0 -400px}
.actionsMain a.fulltoNormal:hover{background-position:-40px -400px}
.actionsMain a.speakerMute {background-position:-0px  -560px}
.actionsMain a.speakerMute:hover {background-position:-40px -560px}
.actionsMain a.speakerUnmute {background-position:0px -600px}
.actionsMain a.speakerUnmute:hover {background-position:-40px -600px}

.actionsMain a.freeSwitchCall {background-position:0px -640px}
.actionsMain a.freeSwitchCall:hover {background-position:-40px -640px}
.actionsMain a.freeSwitchHangup {background-position:0px -680px}
.actionsMain a.freeSwitchHangup:hover {background-position:-40px -680px}
.actionsMain a.freeSwitchRedail{background-position:0px -720px}
.actionsMain a.freeSwitchRedail:hover{background-position:-40px -720px}
.actionsMain a.freeSwitchRedail_disabled {background-position:0px -760px; pointer-events: none;}



.self{width:277px;float:right;padding:5px 5px 5px 4px;margin-left:5px;display:table;}
.confContainer{display: table-row;height:100%;}
.conferenceChat h2{margin:0px;padding:4px;font-size:14px;}
.chatArea{font-size:11px;padding:5px 8px;overflow-x:hidden;height:255px;word-wrap:break-word;}
.chatArea p{margin:4px 0;}
.chatArea div{margin:4px 0;}
.chatArea span.green{color:green;}
.chatArea span.blue{color:blue;}
.chatArea span.gray{color:gray;}
.inputBox{position:absolute;bottom:0;width:263px;}
.inputBox textarea{width:250px;height:50px;}
.inputBox iframe{width:250px;height:50px;}
.inputBox a.send{width:45px;padding:0;margin:0 3px 0 0;vertical-align:bottom;height:38px}
.selfVideo{clear:both;float:left;width:71%;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;margin:0 3px 9px 0;position:relative;}
.selfVideo video{float:left;display:block;width:100%;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
.actions{clear:both;padding:6px;display:block;margin-bottom:4px;position:relative}

.topSection{clear:both;padding-bottom:7px;float:left;width:100%;display:table-row;}
.actions hr{display:block;height:1px;border:0;margin:3px 0;padding:0;}
.actions a:hover{text-decoration:none;}
.addAttendees, .autoFit, .closeConf, .recordConf, .autoFitGrayedOut, .stopConf{width:26px;height:26px;display:block;float:left;margin-right:7px;}
.addAttendees{background-position:-197px 0}
.addAttendees:hover{background-position:-233px 0}
.autoFit{background-position:-197px -32px}
.autoFitGrayedOut{background-position:-233px -32px}
.autoFit:hover{background-position:-233px -32px}
.closeConf{background-position:-197px -64px}
.closeConf:hover{background-position:-233px -64px}

.gap{line-height:3px;}

/* Invite Contact */
.w_23pr{width:23%;}
.grayLayer{position:absolute;top:0px;right:0px;left:0px;bottom:0px;background-color:#000;z-index:3;opacity:0.6;filter:alpha(opacity=60);}
.popupContainer{position:absolute;width: 100%;height: 100%;z-index:5;top: 0;}
.popupContainer div.popup{position:absolute;margin:auto;left: 0;right: 0;width: 290px}
.popupContainer div.popup div.popupTitle{padding:5px 10px;overflow:hidden}
.popupContainer div.popup div.popupTitle h2{float:left;font-size:14px;padding-top:5px;}
.popupContainer div.popup div.popupTitle a.close{display:block;float:right;background:url(/images/video_conference/actions.png?t=13) no-repeat -197px -64px;height:26px;width:26px;}
.popup h2{margin:0px;}
.contactsbg{padding:8px;position:relative;}
.contactsbg input.searchInput{padding:4px 30px 4px 4px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.closeButton{position:absolute;top:12px;right:12px;background:url(/images/video_conference/cleanBtn.gif) no-repeat 0px 0px;height:14px;width:14px;cursor:pointer;}
.contacts{overflow-y:auto;padding:2px 0 0 0;}
.contacts ul li{padding:3px 0 3px 8px}
.contacts ul li label{position:relative;top:-3px;padding-left:3px;}
.expandContacts{padding:7px 0 7px 25px;font-weight:bold;cursor:pointer;margin-bottom:1px;}
.contrastContacts{padding:7px 0 7px 25px;font-weight:bold;cursor:pointer}

.invite a.inviteButton{padding:5px 9px;display:block;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-weight:bold;float:left;margin:5px 5px 0px 10px;text-decoration:none;}
.invite a.inviteOtherLink{margin:10px 3px 0 6px;display:block;float:left;font-weight:bold;text-decoration:underline;}
.invite a.inviteOtherLink:hover{text-decoration:none;}

.inviteText {
    display: block;
    font-size: 14px;
    position: absolute;
    text-align: center;
    padding: 0px;
    margin: 0;
    border-radius: 5px;
    color: #000000 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    height: calc(100% - 0vh);
    justify-content: center;
}

.inviteText1{width: 80% !important;}

.recordConf{background-position:-197px -96px}
.recordConf:hover{background-position:-233px -96px}
.stopConf{background-position:-197px -128px}
.stopConf:hover{background-position:-233px -128px}

.actionsNormal a.self_block{width: 20px;height: 14px;background: url(/images/connectme/cnme_overlay_icons/MuteVideoActive.svg?t=4) no-repeat -3px -5px; background-size: 25px;padding:1px;}
.actionsNormal a.self_hide{width: 20px;height: 19px;background: url(/images/connectme/cnme_overlay_icons/SelfHideActive.svg?t=4) no-repeat -1px -4px;background-size: 25px;padding:1px;}
/*.actionsNormal a.self_block:hover{background-position:-138px -288px}*/
.actionsNormal a.self_mute{width: 20px;height: 20px;background: url(/images/connectme/cnme_overlay_icons/MuteAudioActive.svg?t=4) no-repeat -1px 0px; background-size: 20px;padding:1px;}
/*.actionsNormal a.self_mute:hover{background-position:-138px -352px}*/
.actionsNormal a.self_unmute{width: 20px;height: 20px;background: url(/images/connectme/cnme_overlay_icons/MuteAudio.svg?t=4) no-repeat -1px 0px; background-size: 20px;padding:1px;}
/*.actionsNormal a.self_unmute:hover{background-position:-138px -320px}*/
.actionsNormal a.self_unblock{width: 20px;height: 14px;background: url(/images/connectme/cnme_overlay_icons/MuteVideo.svg?t=4) no-repeat -3px -5px; background-size: 25px;padding:1px;}
.actionsNormal a.self_unhide{width: 20px;height: 19px;display: block; background: url(/images/connectme/cnme_overlay_icons/SelfHide.svg?t=4) no-repeat -1px -4px; background-size: 25px;padding:1px;}
/*.actionsNormal a.self_unblock:hover{background-position:-138px -384px}*/
.actionsNormal a.chat{background-position:-107px -256px}
.actionsNormal a.chat:hover{background-position:-138px -256px}

.actionsNormal a.normaltoFull{width: 20px;height: 20px;background: url(/images/connectme/cnme_overlay_icons/Fullscreen.svg?t=4) no-repeat -3px -2px; background-size: 25px;}
.actionsNormal a.fulltoNormal{width: 20px;height: 17px;background: url(/images/connectme/cnme_overlay_icons/ResizeFullScreen.svg?t=4) no-repeat -3px -4px;background-size: 25px;}
.actionsMain a.chat{background-position:0px -440px}
.actionsMain a.chat:hover{background-position:-40px -440px}
.show{clear:both;padding:3%;display:block;width:94%;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-weight:bold;}
.show:hover{text-decoration:none;}
.mvtowtCls{z-index: 10000;color: fff;white-space: nowrap;position: absolute;top: -28px;background: #333;padding: 2px 5px;border-radius: 0;right: 0px;cursor: pointer;font-size: 12px;}
.self_blocker{width: 20px;height: 20px;background: url(/images/connectme/cnme_overlay_icons/Video.png?t=4) no-repeat -3px -3px; background-size: 22px;padding:1px;}
.self_unblocker{width: 20px;height: 20px;background: url(/images/connectme/cnme_overlay_icons/MuteVideo.svg?t=4) no-repeat -3px -5px; background-size: 25px;padding:1px;}
.self_muter{width: 20px;height: 20px;background: url(/images/connectme/cnme_overlay_icons/Mute@2x.png?t=4) no-repeat -1px 0px; background-size: 20px;padding:1px;}
.self_unmuter{width: 20px;height: 20px;background: url(/images/connectme/cnme_overlay_icons/MuteAudio.svg?t=4) no-repeat -1px 0px; background-size: 20px;padding:1px;}

.blockedUserIcon{width:44px;height:44px;background-position:-407px -4px !important;margin:-50% 0 0 -50%;display:block;} 
.blockedUserIcon:hover{text-decoration:none;}
.chatSent {width: 44px;padding: 0 2px;margin: 0;height: 52px;overflow: hidden;}
.recordConf{background-position:-197px -96px}
.recordConf:hover{background-position:-233px -96px}
.stopConf{background-position:-197px -128px}
.stopConf:hover{background-position:-233px -128px}



header{
    width:96%;
    background-color: #fff;
    border-style: solid;
    border-width: 1px 1px 2px;
    -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;
    padding:12px 15px;
    float:left;
    clear:both;
    text-align: left;
}
.fl{float:left}
.fr{float:right;}
.logotext{display:inline-block; margin-left:12px; font:24px arial,sans-serif bold;}


/* Classes for NON-WORLDSMART URL Video Conference/Call Page */
.wrapper{width:100%;height:100%;box-sizing:border-box;-moz-box-sizing:border-box;-moz-box-sizing:border-box;font-size:13px;}
.alignCenter{margin:0 auto 0 auto;padding-top:25px;}
.alignCenter.pt_0px {padding-top: 0px;}
.headersection{clear:both;margin-bottom:26px;}
.headersection .leftpa{background-image: url(/images/video_conference/green/header_left.gif);background-repeat: no-repeat;background-position: left center;height: 68px;width: 4px;float:left;}
.headersection .rightpa{background-image: url(/images/video_conference/green/header_right.gif);background-repeat: no-repeat;background-position: left center;height: 68px;width: 4px;float:right;}
.headersection .centerline{background-image: url(/images/video_conference/green/header_line.gif);background-repeat: repeat-x;background-position: left center;	height: 68px;margin-right: 4px;	margin-left: 4px;}
.bodysection{padding:0 24px;}
.bodysection .twoparts{	margin:17px 0 0;clear:both;}
.browserHed{padding:0 24px;}
.browserHed h1.red{padding:0px;font-size:21px;}
.browserSupt{margin:13px 0 0;padding:18px;text-align:center;clear:both;}
.browserSupt table td{padding:5px 10px;font-size:14px;background-color:#f0f0f0;}
h2.heading_2{padding:14px 0;margin:0;font-size:14px;}
h1.heading_1{margin:0;font-size:21px;}
.cmTryagain{padding:14px 0;margin:0;font-size:18px;font-weight: normal;}
.cmTryagain a{margin-left:4px}
.clear{clear:both;}
.joinconference{width:340px;padding:10px 16px;height:auto;margin:0 auto;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
.joinconference table{padding:0 0 20px 0;margin:15px 0 20px 0;font-size:12px;line-height: 18px;}
.joinconference table td{padding:0;margin:0;}
.joinconference table td.divider{background-image: url(/images/video_conference/green/join_divider2.gif);background-repeat: repeat-x;background-position: center top;padding-top:10px;}
.joinconference input{width:275px;margin:0 0 15px 0;padding:4px;}
input.vidConBut{font-size:12px;padding:5px 18px;text-decoration:none;font-weight:bold;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;display:inline-block;width:100px;margin-top: 10px;cursor:pointer;}
.vidConBut:hover{-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;text-decoration:none;}
.w_95px{width:95px;}
.contactsOfWs{position:relative;top:-1px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:91%;display:inline-block}
.browserSu{clear:both;padding-top:5px;}


.actionMessage{border-radius: 0 0 10px 10px; font-size: 12px; left: 45%; margin: 0 auto; padding: 10px 26px; position: fixed; text-align: center; top: 0; z-index: 10;}
.actionsNormal a.giveControl{background-position:-107px -480px}
.actionsNormal a.giveControl:hover{background-position:-138px -480px}

.actionsMain a.giveControl{background-position:0px -480px}
.actionsMain a.giveControl:hover{background-position:-40px -480px}

.actionsNormal a.takeControl{background-position:-107px -512px}
.actionsNormal a.takeControl:hover{background-position:-138px -512px}

.actionsMain a.takeControl{background-position:0px -520px}
.actionsMain a.takeControl:hover{background-position:-40px -480px}

/* ConnectMe Landing Page  */
.connectMeLandingPage{font-size:18px; clear:both; padding:0 15px; width:96%;}
.connectMeLandingPage h1{font-size:20px; width:100%; padding:0; margin:10px 0;text-align: left;}
.connectMessage{text-align: left;margin-bottom: 15px;font-weight: normal;}
.w_65pr{width:65%;}
.w_25pr{width:25%;}
.pdL_5px{padding-left:5px;}

/* Invalid Landing URL */
.w_50pr{width:50%;}
.w_45pr{width:45%;}
header{overflow:hidden;margin:10px 0 10px 0;padding-bottom:5px;}


/* Added for Audio Only call or Peer to Peer Audio Call*/
.audioCallHeader {background-color: #f8ecd9; border-bottom: 1px solid #d4944c; height: 50px;}
.audioCallHeader h2{padding: 15px 0 0 10px; margin: 0; font-size: 16px; font-weight: normal;}
.callersImage{ height: 100px; width: 100px; float: left;}
.audioOptions {margin: 20px 0 0 20px; float: left;}
.audioOptionsmain{margin: 10px 0 0 0;}
.audioOptions button img {outline: none;}
.audioOptions button{outline: none;background: #ffffff; /* Old browsers */
                     background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6+ */
                     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
                     background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
                     background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
                     background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* IE10+ */
                     background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C */
                     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
                     -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
                     box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
                     border: solid 1px #cccccc; border-radius:5px; margin-right: 10px; height: 30px; width: 50px; text-align: center; cursor: pointer; display: block; float: left;
}
.unmuteAudioCall{height: 22px; width: 22px; margin: 3px; background-image: url(/images/video_conference/actions.png?t=13); background-position: -107px -320px}
.muteAudioCall{height: 22px; width: 22px; margin: 3px; background-image: url(/images/video_conference/actions.png?t=13); background-position: -107px -352px}
.endAudioCall {height: 100px; width: 100px; background-image: url(/images/ucc/green/HangUp.gif); background-repeat: no-repeat;float: left;}


.mainpartcnm {
    display: block;
    margin: 5px 0 0 0;
    width: 200px;
    padding: 3px 0 3px 0;
    position: absolute;
    z-index: 12;
    font-size: 13px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
    top: -75px;
    left: 7px;
    background: #fff;
    max-height: 180px;
    overflow-x: hidden;
    overflow-y: auto;
}
.ulmcontent ul {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0px;
}
.ulmcontent {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0px;
}
.ulmcontent ul li {
    width: auto;
    padding: 5px;
    margin: 2px 5px 2px 5px;
    display: block;
    display: flex;
    align-items: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 176px; */
    display: block;
}
.button_toaddress {
    /* width: 90px; */
    padding: 3px 5px 3px 5px;
    max-width: 128px;
    text-overflow: ellipsis;
    overflow: hidden;
    background: #8bc500;
    border: 1px solid #8bc500;
    border-radius: 15px;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    font-size: 12px;
}
.userid_private
{
    color: #8bc500;
    max-width: 125px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    margin: 0 0 0 2px;
}
.private_users
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* For ConnectMe New PRD Changes */

/*  Start changes for new connectme gui changes */


.showactions{background:url(/images/video_conference/menu-sprite.png) no-repeat right 6px;float:right;padding:0 20px 0 0;margin-top:4px;font-size:13px;}

.blockedUserIcon, .unMute, .addAttendees,  .closeConf, .recordConf, .stopConf{background:url(/images/video_conference/actions.png?t=13) no-repeat;}

.highlightUser{border: 4px solid #a7c71a; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.highlight_whisper{border: 3px solid #F00;}




.scrollonvideofarward{display: block; position: absolute; background:url(/images/video_conference/arrow-sprite.png) no-repeat -144px -136px; height: 45px; width: 22px; cursor: pointer; z-index: 1;right:4px;}
.scrollonvideofarward:hover{background-position: -144px -183px;}
.scrollonvideofarward:active{background-position: -144px -230px;}


.scrollonvideobackward{display: block; position: absolute;  left: 0px; background:url(/images/video_conference/arrow-sprite.png) no-repeat -116px -136px; height: 45px; width: 22px; cursor: pointer; z-index: 1;}
.scrollonvideobackward:hover{background-position: -116px -183px;}
.scrollonvideobackward:active{background-position: -116px -230px;}


.actionsNormalleft{position:absolute;left:0px;-moz-border-radius:0px 5px 0px 0px;-webkit-border-radius:0px 5px 0px 0px;border-radius:0px 5px 0px 0px;}


.scrollonvideobackwardmain{display: block;position: absolute; height: 50px; width: 30px;background:url(/images/connectme/cnme_recording_icons/left.svg?t=4) no-repeat -1px 10px;cursor: pointer; z-index: 4; background-color: rgba(0, 0, 0, 0.48); margin-left: 10px;}

.actionsMenuVideo{background:#000; position: absolute; bottom: 10px; right: 10px; height:32px; width:32px; border:solid 1px #000; border-radius:5px; cursor:pointer; opacity:0.5;z-index: 2}

.hamburgerIcon{ background:url(/images/video_conference/menu-sprite.png?a=1) no-repeat; height: 18px; width: 18px; position: relative; margin: 0 auto; top: 8px;}
.actionsMenuVideoMain{height: 22px;width: 22px;}
.hamburgerIconMain {background-position: -21px -4px;height: 12px;width: 18px; top: 5px;}
.actionsPopupMain{bottom: 35px;}

.connectMeWarningPage{font-size:21px; clear:both;padding: 10px 10px 16px 10px;text-align: center; width:96%}

.inputBoxConnectMe{position:absolute;bottom:0;width:100%;}
.ConnectMeconferenceChat{height: 73%; margin: 3px 3px 0 3px; border-width: 2px !important;}
.di_worksurfaceConnectMeConfChat{overflow: visible; margin-top: 1px;}
.conferenceChatContacts{display: block; margin: 3px; height: 100px; border-width: 2px !important;}
.ConnectMeChatWindowStatus{position: relative; top: 2px;}
.ConnectMeChatWindowName{padding-left: 2px;}
.ConnectMechatArea{padding: 5px 6px;}
.connectMeParticiapnts{padding:2px 5px; height: 65px; overflow: auto;}
.connectMeParticiapnts ul li{padding: 2px 0;}

/* Invite Contacts changes  Start related to new GUI */

.contactsContainer{clear:both;float:left; margin:5px 0px 5px 5px;width:97%;}
.contactsContainer h2{margin: 0px;padding: 4px 4px 4px 10px;font-size: 14px;}
.cancel_container_addUser{width:300px;margin:auto}


.conferenceChat{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:0 3px 3px 0;clear:both;position:relative;}


.actions a.actionDownArrow{background:url(/images/video_conference/menu-sprite.png) no-repeat right 6px;float:right;padding:0 20px 0 0;margin-top:4px;font-size:13px;}
.actionsPopup{bottom:47px;right:10px; display: flex;justify-content: flex-start;position: absolute;z-index: 2;font-size: 13px;height: auto;-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);background-color: #fff;border: solid 1px #ccc;max-height: calc(100% - 50px);overflow-y: auto;overflow-x: hidden;}
.actionsPopup ul li{display: flex;justify-content: flex-start;align-items: center;margin: 5px;min-width: 170px;height:32px; cursor:pointer; padding:0 5px;}
.actionsPopup ul li:last-child{border-bottom: none;}
.actionsPopup ul li lable{position:relative;top:-2px;}
.actionsPopup ul li input[type="checkbox"] {position:relative;top:2px;}

.productImageWidthHeightForSB{ height: 46px; width: 352px; float: right; }
.productImageWidthHeightForWS{ height: 40px; width: 186px; float: right;}

/* Invite Contacts changes  End related to new GUI */

/*  End changes for new connectme gui changes */



/*
     Start -- ConnectMe New GUI Changes ...
*/

/*.actionsNormal, .actionsMain{position:absolute;right:3px;-moz-border-radius:0px 5px 0px 0px;-webkit-border-radius:0px 5px 0px 0px;border-radius:5px; z-index: 5;top:3px;/*background-color:#373c3f;*//*background: rgba(0,0,0,0.4) !important; padding: 1px;}*/
.actionsNormalAftrwtrm{/*top:33px;*/}
.cnmebackgroundnone{background: none; }
.conferenceContainer{position:relative;overflow: hidden;text-align: center;width:100%;/*justify-content: space-between;display: flex;*/}
.attendee{margin :1px; display:inline-block;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;position:relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;/*border:1px solid #ffffff;*/}

.scrollonvideofarwardmain{display: block;position: absolute; height: 50px; width: 30px;right:0px;background:url(/images/connectme/cnme_recording_icons/right.svg?t=4) no-repeat -1px 10px;cursor: pointer; z-index: 4; background-color: rgba(0, 0, 0, 0.48);margin-right: 10px;}

.videoHighlightUser{position: absolute; z-index:1;height: 100%;width: 100%;top:0;}



/*  Related to PopUp Blocker Changes */
.popupblocker_text{padding-top: 10px;text-align:left;}
.popup_blocker_img{text-align: center;}/*Also used for ConnectMe Action bar*/
.manageMediaVideoConf{position:absolute;right:200px;bottom:-90px;z-index:1; width:  210px; background-color: #f5f4f4 !important; border: solid 1px #878686 !important; font-size: 11px;}
.manageMediaVideoConf ul li{padding:2px 5px; border-bottom:none; cursor: pointer;}
.manageMediaVideoConf ul li:hover{background-color: #ccc;}
.manageMediaVideoConf ul li lable{position:relative;top:-2px;}
.manageMediaVideoConf ul li input[type="checkbox"] {position:relative;top:2px;}
.manageMediaVideoConf ul li.manegeMediaAll {background: #bbbbbb;}
.manageMediaVideoConf .MMButtons {text-align: center;padding: 3px; }
.actionsPopup ul li.manageMedia {position: relative;}
.connectMeAddUser {border-radius: 5px;cursor: pointer; width:26px;height:26px;display:block;float:left;background:url(/images/video_conference/ConnectMeActionIcons.png) no-repeat; background-position: 0 0;background-color: #000;opacity: .5;}
.connectMeExitIcon {border-radius: 5px; cursor: pointer; width:26px;height:26px;display:block;float:right;background:url(/images/video_conference/ConnectMeActionIcons.png) no-repeat; background-position: 0 -28px;background-color: #000;opacity: .5;}

.manageMediaDropDownArrow {background-image:  url(/images/video_conference/ManageMediaOptions.png);height:5px;width:9px;float: right;margin:5px 0 0 5px;}
.manageMediaButton {padding:5px 5px 6px 5px;margin-right:5px;cursor: pointer;position: relative;}
.manageMediaButton:active{color: #000;}
.manageMediaButton:disabled{color:grey;}

.manageMediaIM{position:absolute;right:0px;top:25px;z-index:1; width: 210px;  font-size: 11px;text-align: left;}
.manageMediaIM ul li{padding:2px 5px; border-bottom:none; cursor: pointer;}
.manageMediaIM ul li lable{position:relative;top:-2px;}
.manageMediaIM ul li input[type="checkbox"] {position:relative;top:2px;}
.manageMediaIM .MMButtons {text-align: center;padding: 3px; }

.m_5px{margin: 5px;}

/* Added for ConnectMe Multimode added on 26th JUNE 2015 by Vidyasagar */
.videoLoader{position:absolute;left:0;right:0;top:0;bottom:0;margin: auto; height: 100px;width:100px;}
.defaultUser{position:absolute;left:0;right:0;top:0;bottom:0;margin: auto; height: 40%;text-align: center;max-height: 315px; z-index: 3;}
.defaultUseraud{display:flex;align-items: center;justify-content: center;position:absolute;left:0;right:0;top:0;bottom:0;margin: auto; height: 40%;text-align: center;max-height: 315px; z-index: 3;}
.defaultUser img{height: 100%}
/* Added for ConnectMe Multimode added on 26th JUNE 2015 by Vidyasagar */

span.audioText{padding: 4px 10px;width: 90px;text-align:center; background: #000000;}

/* Related to MultiMode DeskShare */

.actionsMenuVideo:hover{opacity:0.7;}
.actionsMenuVideo:active{opacity:0.8;}
.connectMeAddUser:hover, .connectMeExitIcon:hover {opacity: .7;}
.deskEmailInput {height: 31px;width:70%;padding-left:5px}
.deskShareInput{height: 31px;width:54%;padding-left:5px}
.deskShareMain {margin: 5px 20px;min-height: calc(100% - 35px);overflow-y:auto;overflow-x: hidden;}
.deskShareHeader {border-bottom: 1px solid #dadada;margin-bottom: 22px;}
.deskShareActions {position: absolute;right: 0;background-color: #ffffff;margin-top: -2px;padding: 2px 0;top:0;display:flex;align-items:center;}
.deskShareForm {position: relative;}
.IM_MyStatus.IMConfActions {display: inline-block;width: 100%;padding:0px;}
.deskShareFrame{border:none; margin: 0 auto; display: block;}
.deshShareHead{background-color: #ccc; height: 33px; padding: 5px 5px 0 5px; margin: 0 0 10px 0; box-shadow:0px 2px 5px #999; z-index: 1; position: relative;}
.deskShareActionsviewer{background: none !important;top:1px;right: 6px;}
.deshShareHead h2{padding: 0; margin: 0; line-height: 27px; font-weight: bold; font-size: 14px}
.deskShareMain h1{font-size:18px; margin:40px 0 20px 0px;}
.leftMargin{margin-left:5px;}
.inputMorph{display: inline-block; height: 26px; border-left: soldeskShareheading id 1px #ccc; border-right: solid 1px #fff;}
.deskShareheading {display: inline-block; vertical-align: bottom; }
.deskShareheading h2{font-size:16px;}
.deskShareIcon{margin-bottom: 10px;}
.deskshareSession{margin-bottom: 5px;}
.deskShareinputMain{
    padding-right: 20px;
    flex: 1;
}
.deskShareinputMain input{width:100%;}
.deskShareActionsMain{
    margin-top: -2px;
    padding: 2px 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
/*
*   Related to i18n chnage in connectMe video conference. Added on 14th July 2015 by Madhusmita
*/
/*Footer CSS */
.FRight {float: right;}
footer{text-align:center;padding:5px 0;margin:5px 0 0 0;float:right;width:100%;position: absolute; bottom: 0px; font-size: 11px !important; display: block;}
footer.footer_accountSettings{margin:0px;}
.langSelect {border-right:1px solid #C2C2C2; margin-right: 5px; margin-top:-2px;}

/*
*   Related to i18n chnage in connectMe video conference. Added on 14th July 2015 by Madhusmita
*/ 

.PosRel{position:relative;}
.w_20px{width:20px;}
.w_75px{width:75px;}
.w_60px{width:60px;} /* added 21 Feb*/
.w_90px{width:90px;}
.w_130px{width:130px;}
.w_175px{width:175px;} /* added for list view */
.w_185px{width:185px;} /* added for Global Action Menu */
.w_189px{width:189px;} /* added for communications icon&listview menu popup*/
.w_170px{width:170px;} /* added for Global Action SubMenu */
.w_150px{width:150px}
.w_Auto{width: auto!important}
.w_98pr {width:98%}
.w_2pr{width:2%;}
.w_24pr{width:24%;}
.w_220px{width:220px;}
.pd_3px{padding:3px}
.pd_135px{padding-left:135px}
.mrgL_30px{margin-left:30px;}
.mgT_4px{margin-top:4px;}

/*
   Related to Deskshare
*/
.expireMessage{width: 50%;display:none; margin: 0 auto;font-size: 22px; margin-top: 150px;position: relative; text-align: center;}
.expireMessage span{display: block; margin: 10px 0 0 0;}
/* Added below classes for ConnectMe MultiMode. */
.globalSubMenuArrow{float:right; margin-top:2px;}
.colorRed {color: red;}


/*
    Added inorder to disable the media's for viewer if 
    moderator not provided the option
*/

.disablemedia{opacity: 0.5;pointer-events: none;}

.popupImg{width: 100%;border: 1px; border-style: solid; border-color: #aaaaaa;}

.popupImgCentered{margin:10px;border: 1px; border-style: solid; border-color: #aaaaaa;}

.mb_10px{margin-bottom: 10px;}

.textAlignLeft{text-align: left;}

.popUpBlockerMain{ overflow: auto; padding-bottom: 20px;}
/* Bug Id: 28779*/
.mw_936px {min-width: 936px}
/* CSS changes related to Deskshare Moderator Control Feature.*/
.SBUCCAppAlert {background: #eeeeee;    padding: 10px;margin-top:20px; }
.SBUCCAppAlert h3 {margin: 5px 0px; padding: 0px;font-size:16px;}

.SBUCCAppAlert .alertHeading {color: #ff0000; }
.SBUCCAppAlert p{font-size:14px;line-height:22px} 
.alertTopBorder {border-top: 1px solid #cccccc;margin-top: 10px;padding-top: 10px;}
.mtb_5px {margin: 5px 0px;}
.controllsNotification {position: absolute;margin: 0 auto;top: 0;text-align: center;   left: 0; right: 0;z-index: 1; } 
.controllsNotificationContent {background: #4a4a4a; border-radius :5px;padding:5px 15px; color: #ffffff;display: inline-block;}
.mtb_15px {margin: 15px 0px;}
/* Written by Srikanth Bug id :32202  */
.selectParticipant {height: 35px;margin-right: 5px;}
.givecontrolText{margin-right: 5px;}
.ml_10px {margin-left: 10px;}
.ml_5px {margin-left: 5px;}
.controllsNotificationForViewer {position: absolute;margin: 0 auto;top: 0;text-align: center;   left: 0; right: 0;z-index: 1; pointer-events: none} 
.pl_50px  {padding-left: 50px;}
.fs_14px{font-size:14px}
.mtb_3px {margin: 3px 0;}
p.ptb_10px {padding: 10px 0;}
p.afterDoneMsg {padding:10px; font-size: 20px;text-align: center;}


/* Unable to load Audio/Video */
.unabletoload_VideoAudio {
    max-height: 100%;
    align-items: center;
    display: flex;
}

.deskshare_title_highlighter{background-color:#f0f0f0;display:inline-block;padding:0px 5px;border:solid 1px #b9b9b9;}

.disableBody{background-color: black;background-position: center top;background-repeat: repeat-x;height: 100%;left: 0; opacity: 0.6;position: fixed;top: 0;width: 100%;z-index: 51;}
.deskshare_title_highlighter{background-color:#f0f0f0;display:inline-block;padding:0px 5px;border:solid 1px #b9b9b9;}
.normal-button{ padding: 0 20px 0 20px;margin:0 10px 0 0;cursor:pointer;border:none;border-radius:4px;outline:none;font-size:14px; font-weight: bold; min-width: 100px; box-sizing: border-box; height: 35px;}
.normal-button:hover{box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.normal-button.reloadPageButton {font-size :20px;height:60px; padding:0 30px 0 30px;}
.secondary-button{padding: 0 20px 0 20px; cursor:pointer;border-radius:4px;outline:none; font-size:14px; font-weight: bold; min-width: 100px; box-sizing: border-box; height: 35px;}
.secondary-button:hover{box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}

.alertPopup{align-items:center; justify-content:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;z-index:200;}
.alertPopupMain{width:500px;height:auto;display:flex;margin:0;flex-direction:column;border-radius:10px;padding:10px; -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2);background-color:#fff;
                -moz-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2);}
.popuptext{margin:5px; text-align: left;}
.popuptext input{padding: 10px; width: 95%; font-size: 14px;}
.popuptext textarea{width:97.5%;padding: 10px 0 0 10px;line-height: 20px;font-size: 14px;}
.alertInfo{font-size:14px;padding:5px;line-height:21px;word-wrap:break-word;}
.alertHeading{font-size: 16px; padding: 5px 10px 5px 10px;font-weight: bold; display: flex; justify-content: space-between;}
.hrgray{width:100%;}
.confermationButtons{display:flex;justify-content:center;margin:20px 0 0px 0;}
.alertPopupMain_SFB{width:380px;-webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.5);
                    -moz-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.5);}
.alertPopupMain_session{width:380px;}
.disabled {opacity: 0.65; cursor: not-allowed; }
.imAdduser,.imExit,.imMore{background-image: url(/images/stream-icons-sprite.png?t=05112025); background-repeat: no-repeat;height: 32px;width: 32px;display: block;border: solid 1px rgba(255, 255, 255, 0);cursor:pointer;border-radius:5px;}
.imAdduser{background-position:-386px -64px;}
.imAdduser:hover,.imExit:hover,.imMore:hover {border: solid 1px #c2c2c2cc;background-color: #fff;}
_:-ms-lang(x), .imAdduser:hover,_:-ms-lang(x), .imExit:hover,_:-ms-lang(x), .imMore:hover {border: solid 1px #c2c2c2;}
.im_SFB:hover{border: 1px solid #c2c2c2 !important;}
.imExit{background-position:-557px -1046px}
.imMore{background-position: -65px -841px;}
.mt_30px{margin-top:30px}
.deskshareloader{position:absolute;left:0;right:0;top:0;bottom:0;margin: auto;text-align: center;z-index: 100;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.alertPopupMain_session{width:380px;}
.connectMeUrlCopied{display:flex;justify-content:flex-end;align-items:center;height:30px;width:96%;}
.connectMeUrlCopied input{background:#8bc500;color:#fff;padding:5px;width:110px;}
.searchUser{margin: 0;padding: 0;display: flex;height: 35px;align-items: center;padding: 10px;position:relative;}
.clearIcon_adduser{width: 20px;height: 20px;display: inline-block; position: absolute;background: url(/images/stream-icons-sprite.png) no-repeat;background-position: -142px -846px;right: 20px;top:18px;cursor: pointer;}
.searchUser input{font-size:14px}
.addUserMain{height:calc(100% - 170px);overflow-x:hidden;overflow-y:auto;border:1px solid #cccccc;}
.userDivMain{padding: 5px;}
.mr_10px{margin-right:10px;}
.checkbox_cm_unchecked, .checkbox_cm_checked {
    display: inline-block;
    height: 22px;
    width: 22px; cursor:pointer;
}

/** Sreenshare warning message **/

.warning {
    display: flex;
    justify-content: center;
    margin:  0 auto;
    margin-top: 25px;
    margin-bottom: 10px;
}
.warningMsg {
    display: flex;
    flex-direction: row;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    padding: 0 10px;
    align-items:center;
}
p.warningMsg {
    font-size: 14px;
    color: #333;
}
.warningIcon {
    background: url(/images/streams/stream-icons-sprite.png) no-repeat;
    height: 35px;
    width: 35px;
    min-width:35px;
    padding: 0 2px 0 0;
    background-position: -393px -246px;
}

.searchfield{
    width: 100%;
    height: 32px;
    padding-left: 5px;
    padding-right: 35px;
}
.m_10px{margin: 10px;}
.conferenceContainer.mainview_cc{display: flex;height: 100%;align-items: flex-end; justify-content : center;}
.attendee.mainview_attendee{position: absolute;left: 0;right: 0;top: 1px;margin: auto;}
.imContainer .chatActions textarea{padding-right:150px;}
.showSelfVideoMain{position: absolute; bottom:5px;right:10px;z-index:2000;}
.showSelfVideoMain .showSelfVideo {width:160;height:40px;}
.imMorepop{top: 35px;right: 5px;bottom: inherit;}
.screenpop{top: 38px;right: 0;bottom: inherit;height: auto;max-height: inherit;}
.screenpopvr{top: 35px;right: 7;bottom: inherit;height: auto;max-height: inherit;}


.callrecordingmain{
    /*background: #999;*/
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
}
.callrecording{
    position: absolute;
    top: 0;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: flex;
    align-items: center;
}

.callrecordinginside{
    background: #fff;
    margin: 0 auto;
    max-width: 700px;
    width: 100%;
    border-radius: 5px;
    overflow-y: auto;
}
.callrecordinginsidehead{
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    /*border-bottom: 1px solid #dbdbdb;*/
}
.callrecordingcontent{ padding:5px;}
.callrecordingcontentinside{ border:1px solid #dbdbdb; background:#f5f5f5; padding: 8px; overflow: auto; /*height: calc(100vh - 150px);*/ }
.callrecordingaudio{ border:1px solid #dbdbdb; padding:15px; background: #fff;}
.callrecordingcheckbox{ margin:0px; width:100%; display: flex; align-items: center; font-weight: bold;}
.checkboxinside{width: 20px; height:20px; background: url(/images/stream-icons-sprite.png) no-repeat -9px -760px; display:flex;}
.checkboxtext{ margin: 0px 0 0 5px;}
.callrecordingvideo{margin: 10px 0 0 0; width:100%; display: flex; align-items: center; font-weight: bold;}
.selecttext{font-weight: bold; color: #ccc; padding: 4px 0 0 25px;}
.videothumbnailmain{ margin:0px; width:100%; display: flex; overflow: hidden;}
.videothumbnail{margin:10px 0px 10px 20px; width: 190px;}
.videothumbnailtext{margin:8px; text-align: center; display: flex; align-items: center; justify-content: space-between;}
.thumbnailvideo{margin: 5px 0 0 0;border: 1px solid #dbdbdb;border-radius: 5px;height: 160px;padding: 10px;width: 180px; text-align: center;}
.activevideo{border: 2px solid #8bc500; padding: 10px;}
.activevideo + .videothumbnailtext{
font-weight: 600;
}
.font_12px{ font-size:12px;}
.saverecordmain{     margin: 3px 0 0 0; border: 1px solid #dbdbdb;padding: 15px; background: #fff;}
.headersave{margin: 5px 0 10px 0; font-size: 16px; font-weight: bold;}
.checkboxround{width: 20px; height: 20px; background: url(/images/streams/stream-icons-sprite.png) no-repeat -9px -800px; display: flex;}
.checkboxnotselect{width: 20px; height: 20px; background: url(/images/streams/stream-icons-sprite.png) no-repeat -32px -800px; display: flex;}
.recordingmainbuttons{ margin: 3px 0 0 0;  background: #fff; display: flex; justify-content: center; padding: 10px;}
.startrecording{padding: 10px; background-color: #8bc500; border: 1px solid #8bc500; border-radius: 5px; width: 130px; color: #fff; }

/*------------------ Start Recording Iconset-----------------------*/
.recordingmain{ margin:0px; padding:0px;    height: 30px; border: 1px solid #dbdbdb; border-radius: 5px; width: 150px; display: flex; align-items: center; justify-content: space-around;}
.recordingmain_vid{ margin:0px; padding:0px;    height: 30px; border-radius: 5px; display: flex; align-items: center; justify-content: space-around;}
.recording{width: 20px; height: 20px; background: url(/images/streams/stream-icons-sprite.png?t=05112025) no-repeat -353px -847px; display: flex; cursor: pointer;}
.recordingplay{width: 20px; height: 20px; background: url(/images/streams/stream-icons-sprite.png?t=05112025) no-repeat -319px -847px; display: flex; cursor: pointer;}
.recordingstop{width: 20px; height: 20px; background: url(/images/streams/stream-icons-sprite.png?t=05112025) no-repeat -286px -847px; display: flex; cursor: pointer;}
.recordingdiv{position: absolute; right:40px; z-index:2000;}
.recordingdiv, .recordingdiv_vid{top:5px; opacity:0.6; background: #000; padding: 0 10px 0 10px;right:38px;}

/*-- ConnectMe New UI Updates Starts--*/

.mdia_cntrl_container {display: flex; justify-content: space-between; align-items: center; height: 68px; background-color: #292929; color: #fff;position: absolute;bottom: 0;}/**width: 100%;overflow: auto;}*/
.mdia_btn {
    display: flex; 
    flex-direction: column; 
    align-items: center;
    text-align: center; 
    margin: 0px 6px;cursor: pointer; 
    font-size: 12px;
    justify-content: start;
    position:relative;
}
.mdia_btn div:first-child{margin-bottom:5px;}
.caroticon{width: 20px; height: 20px; background: url(/images/connectme/cnme_actions/Ic_uparrowbig.png?t=4) no-repeat 0px 0px;background-size: 10px;position: absolute;top:0px;right:-6px;display: inline-block;}
.warning_icon{width: 20px; height: 20px; background: url(/images/connectme/cnme_actions/warning.svg?t=4) no-repeat 0px 0px;background-size: 12px;position: absolute;top:8px;right:18px;display: inline-block;}
.audio_inactive {width: 20px; height: 20px; background: url(/images/connectme/cnme_actions/AudioCall.svg?t=4) no-repeat 2px 1px;background-size: 16px;}
.audio_active {width: 20px; height: 20px; background: url(/images/connectme/cnme_actions/AudioCallActive.svg?t=4) no-repeat 2px 1px;background-size: 16px;}
.video_inactive  {width: 20px; height: 20px; background: url(/images/connectme/cnme_actions/VideoInactive.svg?t=4) no-repeat 2px 4px;background-size: 16px;}
.video_active {width: 20px; height: 20px; background: url(/images/connectme/cnme_actions/VideoCall.svg?t=4) no-repeat 0px 0px;}
.screenshare_inactive {width: 20px; height: 20px; background: url(/images/connectme/cnme_actions/Screenshare.svg?t=4) no-repeat 2px 1px;background-size: 17px;}
.screenshare_active {width: 20px; height: 20px; background: url(/images/connectme/cnme_actions/ActiveScreenshare.svg?t=4) no-repeat 0px 0px;}
.im_inactive {width: 23px; height: 20px; background: url(/images/connectme/cnme_actions/IM.svg?t=4) no-repeat 4px 3px;background-size: 17px;}
.im_inactive_unread {width: 23px; height: 20px; background: url(/images/connectme/cnme_actions/IM_UNREAD.svg?t=4) no-repeat 4px 3px;background-size: 17px;}
.im_active {width: 23px; height: 20px; background: url(/images/connectme/cnme_actions/IMActive.svg?t=4) no-repeat 4px 3px;background-size: 17px;}
.exit_cntme {width: 20px;  height: 20px; background: url(/images/connectme/cnme_actions/ExitConnectMe.svg?t=4) no-repeat 2px 1px;background-size: 16px;}
.more_cntme {width: 32px;    height: 20px;    background: url(/images/connectme/cnme_actions/MORE.svg?t=4) no-repeat 7px 4px;background-size: 17px;}
.cpyurl_cntme {width: 20px;    height: 20px;    background: url(/images/connectme/cnme_actions/CopyUrl.svg?t=4) no-repeat 1px 2px;background-size: 17px;}
.add_cntme {width: 20px;    height: 20px;    background: url(/images/connectme/cnme_actions/AddUser.svg?t=4) no-repeat 1px 1px;background-size: 17px;}
.ask_fr_cntrl_inactive  {width: 20px;height: 20px;background:url(/images/connectme/cnme_actions/AskControl.svg?t=4) no-repeat 2px 2px;background-size: 15px;}
.ask_fr_cntrl_active  {width: 20px;height: 20px;background:url(/images/connectme/cnme_actions/AskControlActive.svg?t=4) no-repeat 0px 0px;}
.record_cntme {width: 22px;    height: 20px;    background: url(/images/connectme/cnme_actions/RecordSession.svg?t=4) no-repeat 3px 2px;background-size: 17px;}
.active_cntme {color: #8bc500;}
.remote_sshare_inactive {width: 20px;height: 20px;background:url(/images/connectme/cnme_actions/EnableRemoteScreenshareInActive.svg?t=4) no-repeat 0px 0px;}
.remote_sshare_active {width: 20px;height: 20px;background:url(/images/connectme/cnme_actions/DisableRemoteScreenshare.svg?t=4) no-repeat 0px 0px;}
.enable_bcast_inactive {width: 20px;height: 20px;background:url(/images/connectme/cnme_actions/broadcast.svg?t=4) no-repeat 0px 0px;}
.enable_bcast_active {width: 20px;height: 20px;background:url(/images/connectme/cnme_actions/broadcastActive.svg?t=4) no-repeat 0px 0px;}
.highlight_talking_inactive {width: 24px;height: 20px;background:url(/images/connectme/cnme_actions/HighlightTalkingUser.svg?t=4) no-repeat 3px 2px;background-size: 17px;}
.highlight_talking_active {width: 24px;height: 20px;background:url(/images/connectme/cnme_actions/HighlightTalkingUserActive.svg?t=4) no-repeat 3px 2px;background-size: 17px;}
.share_myscr_inactive {width: 34px;height: 20px;background:url(/images/connectme/cnme_actions/Screenshare.svg?t=4) no-repeat 8px 2px;background-size: 17px;}
/*.share_myscr_active {width: 20px;height: 20px;background:url(/images/connectme/cnme_actions/ScreenshareControls.svg?t=4) no-repeat 0px 0px;}*/
.share_myscr_active {width: 34px;height: 20px;background:url(/images/connectme/cnme_actions/ScreenshareControls.svg?t=4) no-repeat 8px 2px;background-size: 17px;}
.txt_center {text-align:center;max-width: 141px;}
.txt_center_active {text-align:center;max-width: 141px;color:#8bc500;}
.caption_icon{width: 22px;    height: 20px;    background: url(/images/connectme/cnme_actions/caption_icon.svg?t=4) no-repeat 3px 2px;background-size: 17px;}

/*-- ConnectMe 2.0 UI Updates Starts--*/

.participantcounterspan{height: 22px;
                        width: 30px;
                        display: block;
                        background-size: 18px !important;
                        background: url(/images/connectme/cnme_actions/ic_participants.png?t=4) no-repeat 5px 3px}
.remote_users{width: 20px;height: 20px;background: url(/images/connectme/cnme_actions/participant.svg?t=4) no-repeat 0px 0px;}
.cnme_views {width: 20px;height: 20px;background: url(/images/connectme/cnme_actions/Views.svg?t=4) no-repeat 1px 2px;background-size: 17px;}
.actv_screenshares {width: 20px;height: 20px;background: url(/images/connectme/cnme_actions/ActiveScreenshare.svg?t=4) no-repeat 1px 2px;background-size: 17px;}
.changesInputs {width: 20px;height: 20px;background: url(/images/connectme/cnme_actions/ChangeInputs.svg?t=4) no-repeat -1px -1px;}
.audioBdge_icon{width: 25px;height: 20px;background: url(/images/connectme/cnme_actions/AudioBridge.svg?t=4) no-repeat 2px 0px;background-size: 18px;}
.mutedUserAudio_icon{width: 20px;height: 20px;background: url(/images/connectme/cnme_overlay_icons/AudioMuted.svg?t=4) no-repeat 0px 0px;background-size: 20px !important;}
.mutedUserAudio_icon.mainview{width: 20px;height: 20px; background-size: 20px;}
.become_cnmoderator_icon {width: 30px;height: 20px;background: url(/images/connectme/cnme_actions/ic_becomeModerator.png?t=4) no-repeat 7px 0px; background-size: 21px;}
.unmutespkr_icon { width: 25px; height: 20px; background: url(/images/muteSpeaker-audiosymbol.png) no-repeat 2px 0px; background-size: 18px;}

.mutedUserAudioleftarrow_icon{
    width: 35px;
    height: 24px;
    background: url(/images/connectme/cnme_overlay_icons/audio_moderatorMuted.svg?t=4) no-repeat 0px 0px;   
    background-size: 34px;
    position: absolute;
}

.popup_cntme {
    background: #333;
    /*box-shadow: 0px 2px 6px #434343;*/
    position: absolute;
    top: -65px;
    z-index: 21;
    border: 1px solid #333;
}

.more_optn_cnme{
    overflow-y: auto;
    height: auto;
    max-height: calc(100% - 102px);
    z-index: 201;
}
.more_optn_cnme::-webkit-scrollbar {
    background: #ccc;
    width: 5px;
}
.more_optn_cnme::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 5px 6px #eee;
}
.more_optn_cnme::-webkit-scrollbar-thumb {
    background-color: #aaa;
    border-radius: 25px;
    outline: 0px solid slategrey;
}

.popup_cnme_dev_input{
    left: 62px !important;
    top: 1px !important;
    max-height: calc(100% - 71px) !important;
}

.popup_cnme_dev_input_mod{
    top: 1px !important;
    max-height: calc(100% - 71px) !important;
}

.popup_cnme_dev{
    overflow-y: auto;
    height: auto;
    max-height: calc(100% - 250px);
}
.popup_cnme_dev::-webkit-scrollbar {
    background: #ccc;
    width: 5px;
}
.popup_cnme_dev::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 5px 6px #eee;
}
.popup_cnme_dev::-webkit-scrollbar-thumb {
    background-color: #aaa;
    border-radius: 25px;
    outline: 0px solid slategrey;
}
.popup_cntme ul {
    text-decoration: none;
    padding: 8px 0px;
}

.popup_cntme ul li {
    text-decoration: none;
    list-style-type: none;
    color: #fff;
    padding: 3px 15px !important;
    white-space: nowrap;
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
}
.popup_cntme ul li:hover {
    /*background-color: #636363;*/
}

.dflex{display:flex;}
.cnme_im_only_header{ width: 100%;border: 1px solid #dbdbdb;padding: 0 0 10px 0;}

.cnme_video_maindiv{display: flex; justify-content: space-between;height: 100%;}
.cnmeDisabled{pointer-events: none; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);  -o-filter: grayscale(100%);  -ms-filter: grayscale(100%);filter: grayscale(100%);color: #f1f1f1; opacity: 0.6;}
.cnme_audio_video_div{width:100%;border-right: 1px solid #dbdbdb;position: relative;}
.cnme_audio_video_div_vr{width:100%;border-right: 1px solid #dbdbdb;position: relative;height: calc(100vh - 0px);}
.cnme_audio_video_scr_div_vr{width:100%;border-right: 1px solid #dbdbdb;position: relative;height: calc(100vh - 0px);}
.bckgrnd_black{background-color: #000;}
.newattendee{/*background-color: #666 !important;border: 1px solid #000000 !important;*/}
.cnmeuserimage{/*height: 250px !important;width: 250px !important;*/border-radius: 50%;}
.cnmeuserimage1{border-radius: 50%;padding: 0 0 10px 0;height:40%;}
.cnmeusername{color: #fff; font-size: calc(1vw + 1vh + 0.2vmin); display: flex;justify-content: center;margin: 3px 0 0 0px;width: 96%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 10px); display: inline-block;z-index: 3;}
.cnmeusername.mainview{font-size:12px;}
.notifySucess_cnme{border-radius: 10px; background-color: rgb(41 41 41) !important;}
.block_uname{
    font-weight: bold;
    width: 96%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0px 0rem;
    margin: 0px auto;
}
.block_udiv{display: flex;flex-direction: column;/*background: #3a3a3a;*/color: #fbfbfb !important;z-index: 4;}
.cnme_popupyarrowexpand{margin:0px; padding:0px; height:21px; width:21px; display:flex; background:url(/images/stream-icons-sprite.png?t=05112025) no-repeat;cursor: pointer;} 
.cnme_popupyarrowexpand{background-position:-428px -345px;}
.cnmerightmark{
    margin: 0px;
    padding: 0px;
    height: 21px;
    width: 21px;
    display: flex;
    background: url(/images/connectme/cnme_actions/tick.svg) no-repeat;
    cursor: pointer;
    background-position: 0px 6px;}
.cnmerightmark_private{margin:0px; padding:0px; height:21px; width:21px; display:flex; background:url(/images/connectme/cnme_actions/check.svg) no-repeat;cursor: pointer; background-position: 4px 6px; background-size: 12px; min-width: 21px;}
.cnme_dev_span{display: flex;align-items: center;}
.cnmeempty{ height:21px; width:21px; }
.fsize_12px{font-size: 12px}
.popup_cnme_dev ul li {padding: 8px 15px;}
.popup_cnme_optns ul li {padding: 8px 10px;}
.top_30px{top:-44px;}
.videoBlockTxt{width: 100%; display: inline-block; font-weight: 700;/*font-size: calc(1vh + 2vmin);*/}

.scrnshare_view_tooltip{background-color: #8bc500;height: auto;color: #fff;text-align: center;padding: 7px 14px;margin: 3px auto 0 auto;min-width:150px;}

.rotateimage {
    width: 60px;
    height: 60px;
    margin: 20px;
    -webkit-animation:spin 3s linear infinite;
    -moz-animation:spin 3s linear infinite;
    animation:spin 3s linear infinite;
}
.videoLoader-new {
    position: relative;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0;
    margin: auto;
    height: 40px;
    width: 40px;
}

.videoLoader-new .rotateimages {
    position: absolute;
    right: 0px;
    width: 40px;
    height: 40px;
    margin: 0;
    /*-webkit-animation: spin 3s linear infinite;
    -moz-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;*/
}
.ellipsis{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.mutedUserAudio{
    background: rgba(0,0,0,0.4) !important;
    height: 30px;
    width: 30px;
    position: absolute;
    z-index: 20;
    top: 5px;
    border-radius: 5px;
    left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.moderatormutedUserAudio {
    background: rgba(0,0,0,0.4) !important;
    height: 30px;
    width: 44px;
    position: absolute;
    z-index: 20;
    top: 5px;
    border-radius: 5px;
    left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.mutedUserAudioSpreview{
    background: rgba(0,0,0,0.4) !important;
    height: 30px;
    width: 30px;
    position: absolute;
    z-index: 20;
    top: 47px;
    border-radius: 5px;
    left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mutedUserAudio.mainview{
    /*height: 35px;
    width: 35px;*/
}

.filmstrip_main{
    display: flex;
    align-items: center;
    position: relative;
}
.rec_move_left{display: block;position: absolute; height: 45px; width: 22px;background:url(/images/connectme/cnme_recording_icons/left.svg?t=4) no-repeat -3px 7px;cursor: pointer; z-index: 2; background-color: rgba(0, 0, 0, 0.48);}
.rec_move_right{display: block;position: absolute; height: 45px; width: 22px;right:0px;background:url(/images/connectme/cnme_recording_icons/right.svg?t=4) no-repeat -3px 7px;cursor: pointer; z-index: 2; background-color: rgba(0, 0, 0, 0.48);}

.cnme_actions_slide_up {
    animation-name: slide-up;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: none;
    opacity: 1;
}

.cnme_actions_slide_down {
    animation-name: slide-down;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: reverse;
    animation-fill-mode: none;
    opacity: 0;
}

.cnme_video_maindiv_scr{
    display: flex;
    justify-content: space-between;
    height: 100%;
    flex-direction: column;
}

.vid_scr_parent{ width: 100%;position: relative; }
.vid_scr_parent_fullscreen{ width: 100%;position: relative; display: flex; justify-content: center;}

.conferenceContainer.singlewin_cc{align-items: flex-end; justify-content : center;}
.conferenceContainerfullscreen{overflow: hidden;align-items: flex-end; justify-content : center;}
.enterFullScr_im{display: flex; justify-content: flex-end; padding: 2px 8px 2px 0px; background: #f7f7f7;}
.enterFullScr_main_im{ height: 30px;background-color: #292929;display: flex;align-items: center;right: 10px;top: 4px;border-radius: 5px; z-index: 20; cursor: pointer;}
.enterFullScr_main{ position: absolute;height: 25px;background-color: #292929;display: flex;align-items: center;right: 10px;top: 4px;border-radius: 5px; z-index: 20; cursor: pointer;}
.enterFullScr_txt{ color: #fff;padding: 5px; font-size: 12px; }
.enterFullScr_iconarea{ height: 25px;width: 25px;display: flex; align-items: center; justify-content: center; }
.enterFullScr_icon{ width: 15px; height: 20px; background: url(/images/connectme/cnme_overlay_icons/Fullscreen.svg?t=4) no-repeat -3px 0px; background-size: 20px; }
.exitFullScr_main_im {  
    height: 30px;
    background-color: #292929;
    display: flex;
    align-items: center;
    right: 29vw;
    top: 4px;
    border-radius: 5px;
    z-index: 20;
    cursor: pointer;
    position: absolute;
}

.enterFullScr_main{ position: absolute;height: 25px;background-color: #292929;display: flex;align-items: center;right: 10px;top: 4px;border-radius: 5px; z-index: 20; cursor: pointer;}
.enterFullScr_txt{ color: #fff;padding: 5px; font-size: 12px; }
.enterFullScr_iconarea{ height: 25px;width: 25px;display: flex; align-items: center; justify-content: center; }
.enterFullScr_icon{ width: 15px; height: 20px; background: url(/images/connectme/cnme_overlay_icons/Fullscreen.svg?t=4) no-repeat -3px 0px; background-size: 20px; }

.sharingScr_txt_main{ background: #8bc500; display: inline-block; border-radius: 3px; }
.sharingScr_txt{ color: #fff; margin: 0px auto; display: flex; align-items: center; justify-content: center; border-radius: 2px; cursor: pointer; white-space: nowrap; padding: 5px 10px 5px 10px; font-size: 12px; }
.scr_share_succ{width: 100%; text-align: center;}
.scr_share_succ_fullScreen{top: 0px; position: absolute;}
.scr_loading_txt{font-size: 14px; color: rgb(255, 255, 255); position: absolute; left: 0px; right: 0px; bottom: 0px; top: 123px; display: flex; align-items: center; justify-content: center;}

/* Floating Audio/Video Container CSS */
.floatingCont{display: flex; align-items: center;justify-content: center;}
.floatingMain{display: inline-block;background: #323232;padding: 3px; border-radius: 5px;}
.floatingMain_minmized{display: inline-block;background: #323232;height: inherit;padding: 3px; border-radius: 5px; min-width: 209px; z-index: 100}
.floatingHeader{height: 11px; background: #323232; display: flex;align-items: center;padding: 5px;}
.floatingHeader_min{height: 15px; background: #8bc500; width: 20px; background: url(/images/connectme/cnme_actions/cnme_min_max.png?t=5) no-repeat -3px -1px;cursor: pointer; min-width: 20px;}
.floatingHeader_min_active{height: 15px; background: #8bc500; width: 20px; background: url(/images/connectme/cnme_actions/cnme_min_max.png?t=5) no-repeat -55px -1px;cursor: pointer; min-width: 20px;}

.floatingHeader_middle{height: 15px; background: #8bc500; width: 20px; background: url(/images/connectme/cnme_actions/cnme_min_max.png?t=5) no-repeat -103px -3px;cursor: pointer; min-width: 20px;}
.floatingHeader_middle_active{height: 15px; background: #8bc500; width: 20px; background: url(/images/connectme/cnme_actions/cnme_min_max.png?t=5) no-repeat -129px -3px;cursor: pointer; min-width: 20px;}

.floatingHeader_max{height: 15px; width: 20px; margin: 5px; background: url(/images/connectme/cnme_actions/cnme_min_max.png?t=5) no-repeat -80px -4px;cursor: pointer; min-width: 20px;}
.floatingHeader_max_active{height: 15px; width: 20px; margin: 5px; background: url(/images/connectme/cnme_actions/cnme_min_max.png?t=5) no-repeat -31px -4px;cursor: pointer; min-width: 20px;}
.talkingUserTxt{color: #fff; width: 200px; padding: 5px;text-align: left;}

/* Floating IM Container CSS */
.floatingCont_im{display: flex; align-items: center;justify-content: center;}
.floatingMain_im{display: inline-block;background: #f2f2f2; /*height:100%;*/ position: absolute; z-index: 50; top:0px;}
.floatingHeader_im{height: 29px; display: flex;align-items: center; justify-content: flex-end; }
.floatingHeader_min_im{height: 29px; width: 45px; min-width: 45px; background: url(/images/connectme/cnme_actions/cnme_im_min_max.png?t=4) no-repeat -6px -17px;}
.floatingHeader_min_im:hover{background-color:#e5e5e5;}
.floatingHeader_max_im{height: 29px; width: 45px; min-width: 45px; background: url(/images/connectme/cnme_actions/cnme_im_min_max.png?t=4) no-repeat -44px -15px;}
.floatingHeader_max_im:hover{background-color:#e5e5e5;}
.floatingHeader_restore_im{height: 29px; width: 45px; min-width: 45px; background: url(/images/connectme/cnme_actions/cnme_im_min_max.png?t=4) no-repeat -116px -15px;}
.floatingHeader_restore_im:hover{background-color:#e5e5e5;}
.floatingHeader_close_im{/*height: 29px;*/ width: 45px; min-width: 45px; background: url(/images/connectme/cnme_actions/cnme_im_min_max.png?t=4) no-repeat -80px -17px;}
.floatingHeader_close_im:hover{background-color:#ee0000;}

/* New CSS for Connect 1.0*/
.conferenceContainer.mainview_cc_horizontal{height: 100%; width: 100%;}
.conferenceContainer.mainview_cc_vertical{ display: flex;flex-direction: row-reverse;align-items: center;}

.smallvideos_main_horizontal{width: 100%;display: flex;align-items: center;justify-content: center;}
.smallvideos_main_vertical{display: flex;align-items: center;justify-content: center;flex-direction: column;}

.backward_button_main{width: 26px;display: flex;align-items: center;justify-content: flex-end;}
.forward_button_main{width: 26px;display: flex;align-items: center;}

.up_button_main{height: 26px; width: 237px; display: flex; align-items: flex-end; justify-content: center;}
.down_button_main{height: 26px; width: 237px; display: flex; align-items: flex-start; justify-content: center;}

.grid_left_right_arrow{width:30px;display: flex;align-items: center;}

.scroll_left_active{height: 30px; width: 30px; min-width: 30px; cursor: pointer; background: url(/images/connectme/scroll_left_active.png?t=4) no-repeat -7px -2px; background-size: 43px;}
.scroll_left_inactive{height: 30px; width: 30px; min-width: 30px; background: url(/images/connectme/scroll_left_inactive.png?t=4) no-repeat -7px -2px; background-size: 43px;}
.scroll_right_active{height: 30px; width: 30px; min-width: 30px; cursor: pointer; background: url(/images/connectme/scroll_right_active.png?t=4) no-repeat -7px -2px; background-size: 43px;}
.scroll_right_inactive{height: 30px; width: 30px; min-width: 30px; background: url(/images/connectme/scroll_right_inactive.png?t=4) no-repeat -7px -2px; background-size: 43px;}
.scroll_up_active{height: 30px; width: 30px; min-width: 30px; cursor: pointer; background: url(/images/connectme/scroll_up_active.png?t=4) no-repeat -7px -2px; background-size: 43px;}
.scroll_up_inactive{height: 30px; width: 30px; min-width: 30px; background: url(/images/connectme/scroll_up_inactive.png?t=4) no-repeat -7px -2px; background-size: 43px;}
.scroll_down_active{height: 30px; width: 30px; min-width: 30px; cursor: pointer; background: url(/images/connectme/scroll_down_active.png?t=4) no-repeat -7px -2px; background-size: 43px;}
.scroll_down_inactive{height: 30px; width: 30px; min-width: 30px; background: url(/images/connectme/scroll_down_inactive.png?t=4) no-repeat -7px -2px; background-size: 43px;}

.bigvideo_horizontal{width: 100%; height: 100%; display: flex; justify-content: center; }
.bigvideo_vertical{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.connect_supervisor_silent{ width: 23px; height: 20px; display: block; background: url(/images/connectme/connect_silent.svg?t=4) no-repeat 3px 2px; background-size: 17px;}
.connect_supervisor_whisper{width: 23px; height: 20px; display: block; background: url(/images/connectme/connect_whisper.svg?t=4) no-repeat 3px 2px; background-size: 17px;}
.connect_supervisor_bargin{width: 23px; height: 20px; display: block; background: url(/images/connectme/connect_bargin.svg?t=4) no-repeat 3px 2px; background-size: 17px;}

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

/* -- ConnectMe Action Bar Animation slide up & down*/
@keyframes slide-up {
    0%{
        -webkit-transform: translateZ(700px) translateY(300px);
        transform: translateZ(700px) translateY(300px);
        opacity: 0;
    }
    100%{
        -webkit-transform: translateZ(0) translateY(0);
        transform: translateZ(0) translateY(0);
        opacity: 1;
    }
}
@keyframes slide-down {
    0%{
        -webkit-transform: translateZ(700px) translateY(300px);
        transform: translateZ(700px) translateY(300px);
        opacity: 0;
    }
    100%{
        -webkit-transform: translateZ(0) translateY(0);
        transform: translateZ(0) translateY(0);
        opacity: 1;
    }
}

/*-- ConnectMe New UI Updates End--*/

.become_cnmoderator_spantxt{text-align: center;width: 100px;}
#assign_moderator_container  {

    display: none;
    background-color: white;
    width: 320px;
    /* height: 500px; */
    bottom: 313px;
    position: absolute;
    top: 10px;
    right: 0px;
    margin: 20px;
    height: calc(100vh - 130px);
    z-index: 42;
}
.modarator_container_main {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 10px;
}

.modarator_container_info{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0 0px 5px;
    /*    border-bottom: 1px solid #dbdbdb;*/
    margin: 0 0 10px 0;
}
#participant_container_info{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0 10px 5px;
    border-bottom: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    margin: 0 0 10px 0;
    background: #f2f2f2;
}

.participant_BodyContent {
    overflow-x: hidden;
    overflow: auto;
    overflow-y: auto;
    position: relative;
    height: calc(100vh - 400px);


}
#assignmoderator_buttons {
    border-top: 1px solid #dbdbdb;
    margin: 0px;
    padding: 15px 0 0 15px;
}

.multivrscreenbg{display: inline-block;background: rgba(0,0,0,0.5); border-radius: 5px; padding: 5px 10px;}
.multivrscreenbgin{ margin: 0px; opacity: 1;color: #fff;border-radius: 5px;display: flex;align-items: center;font-size: 12px;}
.multivrscreenbuttions{display: flex;}
.multivrscreenbuttionview{ background: #595959;padding: 5px;border-radius: 5px;margin: 0 0 0 20px;cursor: pointer;color: #fff;}
.multivrscreenbuttionsubmit{background: #8bc500;padding: 5px 10px;border-radius: 5px;margin: 0 0px 0 20px;cursor: pointer;color: #fff;border: 0px;}
.multi{justify-content: center;margin: 5px 0 0 0; display: flex;width: 100%;position:absolute; z-index: 10;}
.assignmoderatorButton-disable{ padding: 0 20px 0 20px;margin:0 10px 0 0;border-radius:4px; outline:none;font-size:14px;min-width: 100px; box-sizing: border-box; height: 35px;pointer-events: none; background: #ccc; }

.session_bkgr_popup  {
    display: none;
}
.session_bkgr_container{
    top: 0px;
    /* bottom: 0px;*/
    position: absolute;
    right: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.session_bkgr_popup_center {
    width: 700px;
    margin: 20px;   
    /*height: 480px;*/
    z-index: 10002;
    border-radius: 5px;
    background-color: white;
    overflow: auto; 
}
#session_bkgduplod_buttons {
    /*padding: 15px 0 0 15px;*/
}
.sesbkgd_images{
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #dbdbdb;
    margin: 7px;
    max-height: 124px;
    height: 200px;
    overflow: auto;
    background: #f2f2f2;
}
.select_sess_bkgd{
    font-size: 16px;font-weight: bold;margin: 0 0 5px 10px;
}
.session_bkgr_preview{
    width: 300px;height: 200px;background: #dbdbdb;
}
.session_bkgr_preview_img{
    width: 300px;height: 200px;
}
.sesbkgd_smallimg{
    width: 110px;
    height: 108px;
    background: #dbdbdb;
    margin: 1px;
}
.selected_bkgd {
    border: 3px solid #8bc500;
    margin: 4px;
}
.unselected_bkgd {
    border: 3px solid #f2f2f2;
    margin: 4px;
}
.sesbkgd_scroll_container {
    overflow: auto;min-height:60vh;height: 62vh;
}
.sesbkgd_images::-webkit-scrollbar {
    width: 11px; 
    background: #f3f0f0;
}
.sesbkgd_images::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px; 
}
.sesbkgd_images img.smallimage{
    width: 110px;height: 108px;
}
.sesbkgd_images::-webkit-scrollbar-thumb {
    background: #ccc; 
    border-radius: 10px; 
}

.sesbkgd_images::-webkit-scrollbar-thumb:hover {
    background: #c1c1c1;
}

.nosesbackground{
    color: #fff;font-size:12px;
}

.overlaymain ul{list-style-type: none; margin: 0px;padding: 0px;}
.overlaymain ul li{}
.overlaymain ul li a{color: #fff;font-size: 12px; cursor: pointer;text-decoration: none;}
.overlaContainer {display: flex;position: relative;}
.overlaymenu {
    background: #000000;
    border-radius: 2px;
}

.actionsNormal, .actionsMain {
    position: absolute;
    right: 3px;
    -moz-border-radius: 0px 5px 0px 0px;
    -webkit-border-radius: 0px 5px 0px 0px;
    border-radius: 5px;
    z-index: 5;
    top: 3px;
    /* background-color: #373c3f; */
    /* background: rgba(0,0,0,0.4) !important;*/
    background: transparent;
    padding: 1px;
}

.overlamute {
    color: #fff;
    background: transparent;
    /* width: 38px; */
    /* height: 19px; */
    padding: 2px 0px 0px 3px;
    border-radius: 4px;
    margin: 0 5px 0 0;
    font-size: 13px;
    cursor: pointer;
}
.overlamute a {
    text-decoration: none;
    color: #fff;
    margin: 0px 0px 0px 0px;
    padding: 2px 5px;
    font-size: 12px;
    background: #000;
}

.user_more_cnme {
    width: 25px;
    height: 17px;
    background: url(/images/connectme/cnme_actions/MORE.svg?t=4) no-repeat 3px 0px;
    background-size: 18px;
    display: block;
}

.overlaymain {
    background: #000;
    display: inline-block;
    padding: 5px;
    z-index: 100;
    position: absolute;
    top: 19px;
    min-width: 80px;
    text-align: left;
    right: 0px;
    max-width: 200px;
    white-space: nowrap;
}


.removepin{
    position: absolute;
    top: 0px;
    background: rgba(0,0,0,0.4) !important;
    color: #fff;
    padding: 5px 5px 4px 5px;
    font-size: 12px;
    left: 0px; 
    cursor:pointer;
    z-index: 10;
}

.streamOptionsMargin{margin: 0 8px 0 0px !important;}
.imcontainerDiv::-webkit-scrollbar { background: #ccc; width: 10px;}
.imcontainerDiv::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 5px 6px #eee;}
.imcontainerDiv::-webkit-scrollbar-thumb { background-color: #aaa; border-radius: 25px;outline: 0px solid slategrey;}
.pinVideo_icon{width: 20px;height: 20px;background: url(/images/connectme/cnme_overlay_icons/bt_PinVideoc.svg?t=4) no-repeat 0px 0px;background-size: 20px !important;}

.pinVideo{
    background: rgba(0,0,0,0.4) !important;
    height: 30px;
    width: 30px;
    position: absolute;
    z-index: 20;
    top: 5px;
    border-radius: 5px;
    left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.noTalkingUserMainDiv{
    color: #fff;
    position: absolute;
    width: 100%;
    top: 3px; 
    text-align: center;
    z-index:20;

}
.noTalkingUserDiv{
    background: #242424;
    display: inline-block;
    padding: 10px;
    border-radius: 11px;
}
.exitFullScr_icon{width: 20px;height: 17px;background: url(/images/connectme/cnme_overlay_icons/ResizeFullScreen.svg?t=4) no-repeat -3px -4px;background-size: 25px;}
.scr_container_main{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 10px;
    background:#f2f2f2;
}
#screenshare_request_container  {  
    display: none;
    background-color: white;
    width: 360px;
   
    margin: 20px;
   
    z-index: 51;
   }
.scr_req_main {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.scr_stscreen_bt_unchecked{
    width: 50%; 
    color: black;
    text-align: center;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
}
.scr_stscreen_bt_checked{
    width: 50%;
    background: #8bc500;
    color:#fff !important;
    text-align: center;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 2px solid #8bc500;
    font-weight: 600;
    
}
#screensSegments{
    width: 100%;
    display:flex;
    align-items: center;
    height: 40px;
    cursor: pointer;
    border-top: 1px solid #dbdbdb;
}

#scrnWinStream_thumbnail .videothumbnailtext {
    margin: 4px 0px 0 0px;
    text-align: center;
    display: block;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

.hide_profile {
    background-image: url(/images/connectme/cnme_actions/hide_eye_icon.svg?t=4);
    width: 30px;
    background-position: 3px -1px;
    height: 20px;
    display: block;
    background-repeat: no-repeat;
    background-size: 24px;
}

.show_profile {
    background-image: url(/images/connectme/cnme_actions/show_eye_icon.svg?t=4);
    width: 30px;
    background-position: 3px -1px;
    height: 20px;
    display: block;
    background-repeat: no-repeat;
    background-size: 24px;
}

.transcriptRefresh{width:32px;height:32px;display:block;background:url(/images/connectme/cnme_actions/Re-fresh.svg?t=4);}

.confermationButtonsRec{display:flex;justify-content:center;margin:20px 0 15px 0;}


.AVdevicesDrpDownImg{   
    position: absolute;
    top: 5px;
    right: 6px;
    background: url(/images/streams/stream-icons-sprite.png?t=05112025) no-repeat -227px -346px;
    width: 20px;
    height: 20px;
}

.cnmeCheckMark{
    margin: 0px;
    padding: 0px;
    height: 21px;
    width: 21px;
    display: flex;
    background: url(/images/checkmark.png) no-repeat;
    cursor: pointer;
    background-position: 0px 3px;}

.cnmeMainDropdown{    
    position: absolute;
    background: #fff;
    border: 1px solid #dbdbdb; 
    box-shadow: 1px 1px 8px #DBDBDD;
    max-height: 96px;
    width: 197px;
    overflow-y: auto;
    z-index: 1;
    border-radius: 5px;
}

.cnmebridgeInfo{max-height: 80px; overflow: auto; margin:5px 0 5px 0;}

.cnmeMain_imgclose{flex:1;display:flex;justify-content:flex-end;}

.cnmePopupactions{width:32px;height:32px;display:block;background:url(/images/streams/stream-icons-sprite.png?t=05112025) no-repeat;}

.cnmePopupClose{background-position:-65px -648px; opacity: 0.5;cursor: pointer;}

.cnmeInputFeild{
    width: 200px;
    height: 30px;
    margin-top: 10px;
    border-radius: 5px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    cursor: pointer;
    padding-right: 30px;
    font-size: 12px;
    
}

.cnmeMainDropdown li{
    list-style: none;
    cursor: pointer;
    color: #000;
    margin: 0 0 7px 0; 
}

.cnme_dev_span span:nth-child(2){
        white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    width: 90%;
}

.Select_Head{
    font-size: 14px;
    font-weight: bold;
}

.cnmevideo_nocam_msg{
    color: white; 
    font-size: 16px;
    display: flex; 
    align-items: center;
    justify-content: center; 
    flex-direction: column;
    z-index:100000;
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}
.cnmeMain_formReshare{
    display: flex;
    align-items: center;
    justify-content: space-between;
        
}

@media screen and (min-width: 991px) and (max-width: 1280px){
   #video_nocam_msg.cnmevideo_nocam_msg~h5 #video_stream{
            position: fixed !important;
            top: 61px !important;
            font-size: 16px !important;
            margin: 0px !important;
            padding: 10px !important;
            background: #fff !important;
	}
	.loginlink_content {
	    margin: 40px 0px !important; 
	    height: calc(100vh - 0px) !important;
	    overflow: auto !important;
	}
	#frm_vconf[name="frm_vconf"]{ 
	    flex-wrap: nowrap !important; 
	}
	.connectmmiddle { 
	    width: 300px !important; 
	}
	#audio_video_preview{
	    width: 620px !important;
            height: 330px !important;
	}
        .cnmeMainDropdown li {
            margin: 0 0 0px 0 !important;
        }
        .login_link_header {
            height: 60px !important;
        }
}

.cnmeAlert_icon{
    width: 20px; 
    height: 20px; 
    background: url(/images/connectme/cnme_actions/cnmeAlert.svg?t=4) no-repeat 0px 0px;
    background-size: 12px;
    position: absolute;
    top:8px;
    right:18px;
    display: inline-block;
}




/* Added BY Nagoor Sheik - AI Summary PRD */

.transcript_icon
{
    width: 22px;
    height: 20px;
    background: url(/images/connectme/cnme_actions/transcript_icon.svg?t=4) no-repeat 3px 2px;
    background-size: 17px;
}

.requestTranscriptMainDiv {
    width: 100%;
    padding: 10px;
}

.requestTranscriptTextDiv {
    width: 85%;
    padding: 5px 10px;
    border-radius: 3px;
}


.requestTransEmailActive {
    padding: 5px 10px;
    border-radius: 3px;
    background: #8bc500;
    color: #ffffff;
    border: none;
    cursor: pointer;
}


.requestTransEmailDisable {
    padding: 5px 10px;
    border-radius: 3px;
    background: #dbdbdb;
    color: #c8c8c8;
    border: none;
    pointer-events: none;
}


.requestTransEmailSucess {
    width: 330px;
    height: 45px;
    background-color: #999494;
    background: #333;
    color: white;
    padding: 11px 12px;
}



/* AI Summary PRD -End*/