sortContactsPopoutol, ul{list-style:none;margin:0;padding:0}
form, blockquote, select, input, textarea, li, p, figure{margin:0;padding:2px;font-family: Helvetica Neue, Helvetica, Arial, sans-serif;}
/*select,input{padding:2px}*/
select, input, textarea, button{font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px;}
fieldset{border:none}
a{text-decoration:none;}
a:hover{text-decoration:underline} 
.mozSelect{-moz-user-select:transparent}
.waitingmessagecls{padding:5px 0;font-size:13px;text-align:left;overflow:hidden}
.waitingmessagecls img.loader{float:left;padding:5px}
.waitingmessagecls span{float:left;display:block;padding:5px 0 0 10px}
.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;}
.disableBody_transperent{background-color: rgba(0, 0, 0, 0);background-position: center top;background-repeat: repeat-x;height: 68px;left: 0; opacity: 0.6;position: fixed;bottom: 0;width: 100%;z-index: 44;}
.disableBody_transperent_vr{background-color: rgba(156, 137, 137, 0); background-position: center top; background-repeat: repeat-x; left: 0; opacity: 0.6; position: absolute; bottom: 0; width: 100%; z-index: 0; top: 0px; left: 0px; right: 0px; bottom: 0px;}

/* Framework */
.leftpanel{float:left;position:relative;width:219px}
.rightpanel{float:right;position:relative;width:219px}
.middlepart{margin:0 238px;position:relative;text-align:left}
.widget_total{width:219px;text-align:left}
.widget_titlesection{padding:15px 0 2px 4px;font-size:12px;font-weight:700;margin-right:45px}
.widget_topbgline{background:url(/images/ui_n.png) repeat-x left top;margin:0 14px}
.widget_headerpart{background:url(/images/ui_ne.png) no-repeat right top}
.widget_lefttop{background:url(/images/ui_wn.png) no-repeat left top;cursor:move}
.widget_bodypart{padding:2px 0 5px}
.widget_bodyrightbg{background:url(/images/ui_e.png) repeat-y right top;padding-right:9px}
.widget_bodyleftbg{background:url(/images/ui_w.png) repeat-y left top;padding-left:9px}
.widget_footersection{overflow:hidden}
.widget_bottomleft{background:url(/images/ui_ws.png) no-repeat left top;width:14px;float:left;height:14px}
.widget_bottomright{background:url(/images/ui_se.png) no-repeat right top;width:14px;float:right;height:14px}
.widget_bottombgline{background:url(/images/ui_s.png) repeat-x center top;margin:0 14px;height:14px}
.widget_loader{background:url(/images/diloader.gif) no-repeat center center;height:100px}
.widget_buttons{float:right;margin-top:10px}
.stickpart{padding:0 5px}
.sticktxt{font-size:10px}
.widget_stickin_icon,.widget_stickout_icon{cursor:pointer;display:inline-table;height:9px;margin-left:5px;overflow:hidden;width:11px;vertical-align:middle}
.widget_divider_btn{width:1px;height:14px;overflow:hidden;float:left}
.widget_refresh_btn,.widget_minimize_btn,.widget_maximize_btn,.widget_close_btn{height:14px;overflow:hidden;float:left;cursor:pointer}

/* Widgets Content */
.widget_feature_list ul{padding:0 6px;margin:2px 0 0}
.widget_feature_list li{margin:0 0 1px;padding:4px 0;background: url(/images/WidgetIcons1.gif) no-repeat}
.widget_feature_list li a{margin-right:4px;display:block;padding-left:27px}
.widget_feature_list .submenu_contacts{padding:2px 2px 2px 27px;display:block}
.widget_feature_list li.contact_email{background-position:-26px -120px}
.widget_feature_list li.contact_phone{background-position:0 -140px}
.widget_feature_list li.report_problem{background-position:-79px -80px}
.widget_feature_list li.end_user{background-position:-131px -40px}
.widget_feature_list li.helpdocs{background-position:-157px -20px}
.widget_feature_list li.knowledgebase{background:url(/images/knowledgebase.gif) no-repeat 2px 4px}
.widget_feature_list li.accessmydesk{background-position:-105px -60px}
.widget_feature_list li.referafriend{background-position:-53px -100px}
.widget_feature_list li.referanewworldsmartuser{background-position:-182px 0}
.widget_feature_list li.NobG{background:none}
.widget_autosummary{margin-top:2px}
.widget_user{margin:3px 13px 0}
.widget_user .profile{float:left}
.widget_userphoto_bg{padding:5px 7px 7px 5px;text-align:center;background:url(/images/UsePicBg.gif) no-repeat right top}
.widget_username{margin:0 13px}
.UsrListing{float:left}
.UsrListing ul{margin:0 5px;width:100%}
.UsrListing li{padding:4px 0}
.UsrListing li a{padding-left:5px;display:block}
.auto_summarybg{height:14px;width:145px;padding:3px;margin:3px 0 0 7px;overflow:hidden;float:left}
.storageinfo{height:8px;width:10px;float:left}
.HdrSrchTxtBox{margin-left:10px;padding-top:4px;overflow:hidden}
.MessSearchFieldNew{width:148px;padding:2px 4px 3px;margin:0;height:14px;float:left}
.MessSearchIconBtn{width:20px;float:left;height:21px;cursor:pointer}
.webcallback{text-align:left;width:164px}
.webcallback .s_arrow{background:url(/images/wcb_arrow.gif);height:16px;left:5px;position:relative;top:1px;width:25px}
.wcb_topbg{background:url(/images/wcd_topbg.gif) right top no-repeat;height:7px;width:164px}
.wcb_body{overflow:hidden;padding:0 5px}
.wcb_bottombg{background:url(/images/wcb_bottombg.gif) no-repeat right top;height:8px;width:164px}
.webcallback ul li.border{border-bottom:1px solid #f4f4f4;padding:1px 0}
.webcallback ul li a{background:url(/images/wcb_pointers.gif) no-repeat 5px center;display:block;line-height:18px;padding-left:20px;text-decoration:none !important}
.webcallback ul li a.cancel{background:none repeat scroll 0 0 transparent;display:block;padding:0 5px 0 0;text-align:right}
.AccessDeskContent{padding:0 5px}
.AccessDeskContent h1{margin:0;padding:2px 0;font-size:13px}
.AccessDeskContent .captionText{padding:3px 0}
.AccessDeskContent li{padding:2px 0}
.AccessDeskContent .cancelLnk{padding:3px;text-align:right}
ul.ImpInfo{margin:0 6px;text-align:left;line-height:15px}
ul.ImpInfo li{padding:3px 6px 3px 27px;background: url(/images/WidgetIcons2.gif) no-repeat}
ul.ImpInfo li.callForward_EnableIcon{background-position:-26px -60px}
ul.ImpInfo li.Newmail_EnableIcon{background-position:-104px 0}
ul.ImpInfo li.CurrentPlan_EnableIcon{background-position:-52px -40px}
ul.ImpInfo li.NewVoicemail_EnableIcon{background-position:0 -80px}
ul.ImpInfo li.ExtnNo_EnableIcon{background-position:-78px -20px}
span.LiSubLink a{padding:1px 5px}
ul.ImpInfo select.Listing{width:150px;margin:3px 0}
.ExpandEdit{padding:2px 0}
.changePictureInWlc{cursor:pointer;padding:2px;text-decoration:underline}
.new{margin:0 5px;padding:1px 4px;text-align:center;width:32px}

/* Child Widgets Framework */
.widget_total_childwndw{width:201px;text-align:left}
.widget_lefttop_childwndw{background:url(/images/childwndw_ui_wn.png) no-repeat left top;cursor:default}
.widget_headerpart_childwndw{text-align:left;background:url(/images/childwndw_ui_ne.png) no-repeat right top}
.widget_bottomleft_childwndw{background:url(/images/childwndw_ui_ws.png) no-repeat left top;width:6px;float:left;height:6px}
.widget_bottomright_childwndw{background:url(/images/childwndw_ui_se.png) no-repeat right top;width:14px;float:right;height:6px}
.widget_bottombgline_childwndw{background:url(/images/childwndw_ui_s.png) repeat-x center top;margin:0 5px;height:6px}
.widget_bodyrightbg_childwndw,.widget_bodyleftbg_childwndw{padding:0}
.widget_topbgline_childwndw{margin:auto 5px}

/* Footer Framework */
.navigation_container{position:absolute;bottom:0;width:100%;left:0}
.navigationbg{height:92px}
.mainfooter{height:33px;clear:both}
.mainfooter .provider_logo{float:left;height:33px;overflow:hidden;padding:0 5px;width:124px}
.mainfooter .provider_logo img{cursor:pointer;padding-top:5px;margin-right:3px}
.mainfooter .provider_logo .SHArrow{background:url(/images/startMenu.gif) no-repeat center; width:14px;margin-top:5px;height:25px;cursor:pointer}
.mainfooter .client_logo{width:125px;float:right;height:33px;overflow:hidden}
.mainfooter .mmize_windows{padding:2px 0 0;text-align:left}
.mainfooter .mmize_scroll_right{float:right;padding:11px 5px 0}
.mainfooter .mmize_scroll_left{float:left;padding:11px 5px 0}
.mainfooter .mmize_scrolls_windows{margin-top:3px;position:relative;overflow:hidden}
.window_minimize{height:27px;width:150px;overflow:hidden;float:left;margin:2px 2px 0}
div.start_menu{width:155px;text-align:left}
.start_menu_topline{margin-right:3px;height:26px}
.start_menu_imgindicator{height:26px;width:20px;margin:0 auto;cursor:pointer}
.start_menu_topright{float:right;height:26px;width:4px}
.start_menu_botright{height:3px;width:3px;float:right}
.start_menu_botleft{height:3px;width:3px;float:left}
.start_menu_bottomline{margin:6px;height:2px}
.start_menu_body ul{margin:0 4px;padding:2px 0}
.start_menu_body li.pop_divider{margin-bottom:3px;padding-bottom:3px;cursor:pointer}
.start_menu_body li a{text-decoration:none;display:block;padding-top:2px;padding-bottom:2px;border:1px solid transparent}
.start_menu_body li a:hover{text-decoration:none;padding:2px 0}
.start_menu_body img{padding:0 5px}
.start_menu div.show_arrow{width:10px;height:7px;position:relative;background:url(/images/popup_updown.gif) no-repeat center bottom;margin-left:2px;top:-1px;left:5px}
.groupBlock{width:auto;padding:2px;position:absolute;bottom:30px}
.groupBlock ul li a{font-size:12px;text-decoration:none;display:block;padding:5px 3px}
.groupBlock img{padding:0 5px}

/* Launchers */
.LauncherBGstrip1 .LauncherLeftMover{float:right;opacity:0;-moz-opacity:0}
.LauncherBGstrip1 .LauncherLeftMover img, .LauncherBGstrip1 .LauncherRightMover img{display:none}
.LauncherBGstrip1 .LauncherLeftMover:hover{opacity:0;-moz-opacity:0}
.LauncherBGstrip1 .LauncherRightMover{float:left;opacity:0;-moz-opacity:0}
.LauncherBGstrip1 .LauncherRightMover:hover{opacity:0;-moz-opacity:0}
.LauncherBGstrip{background:url(/images/launchers-backBG.png) repeat-x center top;padding-top:6px}
.LauncherPane{padding-top:5px;margin:0 50px}
.LauncherLeftClose{background:url(/images/launchers-leftPC.png) no-repeat left top;padding-left:6px;margin-bottom:5px}
.LauncherLeftClose .LauncherRightClose{background:url(/images/launchers-rightPC.png) no-repeat right top;padding-right:6px}
.LauncherBGstrip .LauncherRightMover{float:left;opacity:0.7;-moz-opacity:0.7}
.LauncherBGstrip .LauncherRightMover:hover{opacity:1;-moz-opacity:1}
.LauncherBGstrip .LauncherLeftMover{float:right;opacity:0.7;-moz-opacity:0.7}
.LauncherBGstrip .LauncherLeftMover:hover{opacity:1;-moz-opacity:1}
.LaunchersZone{margin:0;padding:0;text-align:center}
.LaunchersZone a{display:block;text-decoration:none;padding:10px 0 2px 10px}
.LaunchersZone a:hover{background:url(/images/effect-1.png) no-repeat left top}
.LaunchersZone div.LauncherSec:hover a{background:url(/images/effect-1.png) no-repeat left top;display:block;padding:10px 0 2px 10px}
.LaunchersZone div.LauncherSec{margin:0 5px;padding:0 10px 0 0;cursor:pointer}
.LaunchersZone div.LauncherSec:hover{background:url(/images/effect-2.png) no-repeat right top}
.LaunchersZone .title{padding:5px 3px 0}
.LaunchersZone li.Selected{background:url(/images/effect-1.png) no-repeat left top}
.LaunchersZone li.Selected a{background:url(/images/effect-2.png) no-repeat right top}
.LauncherLeftMover a,.LauncherLeftMover a,.LaunchersZone a{outline:none}
* html .LauncherLeftMover, * html .LauncherRightMover{display:block;filter:Alpha(opacity='25');height:expression(document.all['opacity'].clientHeight);
                                                      left:0;position:absolute;top:0;width:expression(document.all['opacity'].clientWidth);z-index:-1}

/* Chatwindows Stacking css code (Starting) */
.GroupingSection{position:absolute;bottom:30px;padding:1px;margin-left:3px;z-index:100001}
.GroupingSection .idle, .GroupingSection .activetab{padding:2px 0;cursor:pointer;margin:2px 0;border-left:1px solid transparent;float:none}
.GroupingSection .idle .tableft, .GroupingSection .activetab .tableft, .GroupingSection .Hlite .tableft{display:none}
.GroupingSection .idle .tabright, .GroupingSection .activetab .tabright, .GroupingSection .Hlite .tabright{display:none}
.GroupingSection .idle .tabsbground, .GroupingSection .activetab .tabsbground{background:none;padding:0}
.GroupingSection .Hlite .tabsbground{background-image:none;padding:0}
.GroupingSection .mmize_scrolls_windows{overflow:hidden;margin:0}
.GroupingSection .window_minimize{width:144px}
.tabsbground img.ShowGroup{float:right;padding:10px 6px 0 0}

/* DI Framework */
.middlebody_data{text-align:left;float:left;width:100%;margin:0}
/* below class writing for, to fix vertical scrollbars when Smartbox UCC window resizing  */
.middlebody_dataSmartboxUCC{text-align:left;float:left;min-width:370px;margin:0}
.di_total{margin:0}
.di_worksurface{margin:0 4px;overflow-x:auto; overflow-y: hidden; position:relative;}
/* below class writing for, to fix vertical scrollbars when Smartbox UCC window resizing  */
.di_worksurfaceSmartboxUCC{margin:0 4px;overflow:hidden;position:relative} 
.di_loader{background:url(/images/diloader.gif) no-repeat center center;height:200px}
.di_headerpart{padding-right:8px;overflow:hidden}
.di_lefttop{padding-left:8px}
.di_showicon{float:left;padding:0 4px;margin-top:4px}
.di_title{margin-top:10px;float:left;line-height:30px;overflow:hidden;font-size:13px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;width:100%}
.di_textBoundary {margin-right:70px}
.di_Desktop .di_textBoundary{margin-right:30px}
.di_topheader_bgline{margin:0 6px;height:40px;position:relative;cursor:move}

.di_topheader_bgline.noheader{height:6px;position:relative;cursor:move;line}
.di_topheader_bgline.noheader .di_showicon,
.di_topheader_bgline.noheader .di_title,
.di_topheader_bgline.noheader .di_buttons {display:none}


.di_topresizeCornerLeft{width:4px;height:30px;float:left;cursor:nw-resize;margin:10px 0 0 8px}
.di_topresizeCornerRight{width:4px;height:30px;float:right;cursor:ne-resize;margin:10px 0 0}
.di_resizeFromTop{height:2px;left:0;margin:0 auto;width:97%;position:absolute;right:0;top:8px;cursor:n-resize;z-index:1}
.di_bodyresizesLeft{position:absolute;width:2px;height:100%;left:8px;top:0;cursor:e-resize}
.di_bodyresizesRight{position:absolute;width:2px;height:100%;right:8px;top:0;cursor:w-resize}
.di_buttons{float:right;margin-top:10px}
.di_divider_btn{width:1px;height:15px;overflow:hidden;float:left}
.di_minimize_btn,.di_maximize_btn,.di_close_btn,.di_restore_btn{width:22px;height:15px;overflow:hidden;float:left;cursor:pointer}
.di_bodyrightbg{padding-right:8px;position:relative}
.di_bodyleftbg{padding-left:8px}
.di_bodypart{margin:0 1px}
.di_menubar{margin:0 4px;background:url(/images/di_menubarbg.gif) repeat-x;height:22px;clear:both}
.di_pagestatus_divider{padding:0 8px;float:left;background:url(/images/di_divider.gif) no-repeat right top}
.di_pageprevious_active,.di_pageprevious_inactive,.di_pagenext_active,.di_pagenext_inactive{width:20px;height:14px;float:left;margin:4px 0;background:url(/images/PageNavigation.png) no-repeat}
.di_pageprevious_active{background-position:0 0;cursor:pointer}
.di_pageprevious_inactive{background-position:0 -15px;cursor:default}
.di_pagenext_active{background-position:0 -30px;cursor:pointer}
.di_pagenext_inactive{background-position:0 -45px;cursor:default}
.di_footersection{height:14px;overflow:hidden}
.di_bottomleft{width:14px;float:left;height:14px}
.di_bottomright{width:14px;float:right;height:14px}
.di_bottombgline{margin:0 14px;height:14px}
.di_stickpart{padding:2px 5px 0;margin:0 1px}
.di_helpicon{background:url(/images/di_divider.gif) no-repeat left top;padding:0 10px;line-height:22px;float:right;display:block;position:relative;cursor:pointer}
.di_helpiconselected{background:#FFFCEB url(/images/di_divider.gif) no-repeat left top;padding:0 10px;line-height:22px;float:right;display:block;position:relative;cursor:pointer;z-index:10}
.di_helpcontent{position:absolute;padding:10px;right:0;top:23px;width:267px;overflow:auto;z-index:10;line-height:normal}
.di_helpicon a{font-size:13px;line-height:22px;font-weight:700;text-decoration:none;display:block}

/* DI Framework - No Borders */
.di_totalNBrds{}
.di_totalNBrds .di_headerpart {display:none}
.di_totalNBrds .di_menubar{display:none}
.di_totalNBrds .di_menubar.show{display:block;margin:0}
.di_totalNBrds .di_bodyrightbg{background:none;padding:0}
.di_totalNBrds .di_bodyleftbg{background:none;padding:0}
.di_totalNBrds .di_bodypart{background:none}
.di_totalNBrds .di_worksurface{margin:0}
.di_totalNBrds .di_footersection{display:none}

/* Taskbar Tabs */
.idle .tableft, .activetab .tableft, .Hlite .tableft{float:left;height:23px;width:3px}
.idle .tabright, .activetab .tabright, .Hlite .tabright{float:right;height:23px;width:3px}
.idle .tabsbground, .activetab .tabsbground, .Hlite .tabsbground{color:#fff;font-size:12px;     height:17px;margin:0 3px;padding:3px 0;text-align:left}
.idle img, .activetab img, .Hlite img{padding-bottom:3px}

div.page_control{width:115px;text-align:left}
.page_control_topleft, .page_control_botleft{height:3px;width:3px;float:left}
.page_control_topline, .page_control_bottomline{margin:0 3px;height:2px;overflow:hidden}
.page_control_topright, .page_control_botright{float:right;height:3px;width:3px}
.page_control_body{font-size:12px;text-align:left}
.page_control_body ul{margin:0 4px;padding:2px 0}
.page_control_body li.pop_divider{padding-top:1px;cursor:pointer}
.page_control_body li a{text-decoration:none;display:block;padding:2px 0 2px 26px}
.page_control_body li a:hover{text-decoration:none}
.page_control_body img{padding:0 3px}
.page_control_body .restore_ico, .page_control_body .open_ico, .page_control_body .maxim_ico, .page_control_body .minim_ico, .page_control_body .close_ico a{height:16px}
.page_control_body li.disable a.restore_ico,.page_control_body li.disable a.minim_ico,.page_control_body li.disable a.maxim_ico,.page_control_body li.disable a.open_ico{background-position:3px -16px}
.page_control_body li.disable a.restore_ico:hover, .page_control_body li.disable a.minim_ico:hover,.page_control_body li.disable a.maxim_ico:hover,.page_control_body li.disable a.open_ico:hover{cursor:default}
.BreadCrumb{padding:0 12px;float:left;line-height:22px}
.BreadCrumb span{cursor:pointer;font-weight:700}
.BreadCrumb span.nonLink{cursor:default;font-weight:400}

/* DI Content */
.classical_icons_part{padding:10px}
.classical_icon_single{width:82px;height:auto;text-align:center;cursor:pointer;margin:0 5px 20px;float:left;height:78px}
.classical_icon_single img{overflow:hidden;padding:3px 0}
.classical_icon_single .txtpart:hover{text-decoration:underline}
.v_mailcontent{margin:10px; overflow: auto;}
.v_mailcontent th{padding:5px;font-size:14px;}
.v_mailcontent td{padding:4px 5px;font-size:14px;}
.v_mailcontent .ritlinbold{font-weight:700;-moz-user-select:none}
form.di_form fieldset{padding:7px 5px 5px;margin:10px 7px 7px}
form.di_form legend{padding:10px 5px;font-weight:700;font-size:14px}
form.di_form input.inputbg, fieldset.SectionLegend input{padding:5px 5px 5px 2px;}
form.di_form select{padding:4px 3px}
form.di_form input.Disableinput{padding:5px 2px;background-color:#f2f2f2}
form.di_form label{display:inline-block;padding:4px 0;text-align:right;margin-right:5px;float:left}
span.DyanicArea{padding:4px;float:left}
span.DyanicArea2{padding:4px 0;float:left}
form.di_form fieldset li{padding:5px;list-style:none}
form.di_form fieldset li.nodots{background:none}
form.di_form em{font-weight:700;font-style:400;color:red}
form.di_form label{width:200px}
.FieldSubHead{background-color:#f6f6f6;padding:6px 5px;font-weight:700}
.SubOptions{padding:2px 0 2px 28px;cursor:pointer;background-color:#f9f9f9}
.AlertSounds{padding-right:40px}
.di_smallgrid_Recording{padding:0;margin-bottom:15px}
.di_smallgrid_Recording span.content{font-weight:700;padding-right:20px}
.di_smallgrid_Recording input, .di_smallgrid_Recording select{margin:0 10px}
.di_subparts h2{display:block;font-size:13px;font-weight:700;line-height:20px;margin:0;padding:0 9px}
.formBtnsStart{margin-left:209px;padding:5px 17px}

/* Privacy Policy */
.PPolicy{font-size:13px;text-align:justify;padding:0 40px}
.PPolicy h1{text-align:center;font-weight:700;font-size:18px;margin:0;padding:10px;padding-left:0}
.PPolicy p{padding-bottom:14px;font-weight:400;margin:0}
.PPolicy li{padding-left:30px;margin-top:5px}
.PPolicy ul p{padding-left:30px}
.PPolicy ol li{background:none;margin-left:20px;padding:3px 0}
.PPolicy li h2{font-size:13px;margin:0;padding:5px 0}

/* Mobile message setting */
.Open_AppPopup{bottom:0;position:absolute;right:23px;width:320px}
.Clk_AppPopup{cursor:pointer;position:relative;width:20px;border:1px solid transparent}
.Clk_AppPopupSelected{cursor:pointer;position:relative;width:20px}

/* Invite Conference */
.InvteContWebConfMain{width:100%;height:100%;position:relative}
.InvteContWebConfInner{padding:45px 10px 0 0;width:100%;box-sizing:border-box;-moz-box-sizing:border-box}
.InvteWebConftabs{margin:0 25px 0 5px;overflow:hidden}
.InvtWebConftabsLst{padding:7px 0 4px;margin:0 10px}
.InvtWebConftabsLstCont{float:left}
.schdleConfDrop{height:20px;width:130px;line-height:17px}
.InvtWebConfTabsContent{height:auto;overflow:auto;width:100%}
.InvtWebConfAddNcontBtnBlck{float:left;margin:0 5px}
.InvtWebConfTopHddnMen{width:100%;position:absolute;left:0;top:0}
.InvtWebConfTopHddnMenTxt{margin-left:56px;padding:3px 0}
.InvtWebConfTopHddnMenTxt .DI_Button{margin-bottom:5px}
.InvtWebConfTopHddnMenSbtTxt{font-weight:700;padding:5px 0 3px 8px;float:left;line-height:16px;width:90px}
.InvtWebConfTopHddnArrwClos1,.InvtWebConfTopHddnArrwClos2{height:16px;margin:5px 4px 0 0;position:absolute;right:10px;top:0;width:16px}
.InvtWebConfSearchSection{padding:6px 5px}
.InvtWebConfSearchSection .searchfield{padding:3px 2px}
.InvtWebConfTopHdnTextField{padding:3px;margin:0;width:82%}
.InvtWebConfTopHdnTextArea{padding:2px;overflow:auto;width:82%;height:100px}
.InvtWebConfSignature{padding:2px;overflow:auto;width:82%;height:50px}
.InvtWebConfFCenter{margin-left:100px;padding:2px 0 7px}
.InvtWebConfchkBoxBlck{padding:2px;float:left;width:100%}
.InvtWebConfchkLftBlck{float:left;width:40%}
.InvtWebConfchkRgtBlck{float:right;width:60%}

/* Chat History */
.MessArchveContNew{width:100%;height:100%;float:left}
.webUCCArchiveLeft{float:left;width:30%;height:85%;overflow:auto;padding:3px}
.webUCCArchiveRight{width:67%;height:85%;overflow:auto;float:left;padding:3px;margin-left:2px}
.webUCCArchiveSearchBtn{float:right;clear:both;cursor:pointer;margin:5px 15px 0 0}
.MessArchMdleContainer{padding:5px 0 5px 14px;height:97%}
.MessArchLftColUserNameHhligt{background:url(/images/ico_flderOpnMesArch.gif) no-repeat;padding:0 0 0 20px;margin:3px 0 0 10px;font-weight:700}
.MessArchLftColUserNameHhligt img{padding:4px 3px 0 0}
.MessArchLftColDateTxt{padding-left:35px;margin-top:3px}
.MessArchLftColUserNameNorm{padding-left:20px;margin:3px 0 0 10px}
.MessArchLftColUserNameNorm img{padding-right:3px}
.MessArchChat{margin-top:10px}
.MessArchChatrgt{padding:0 5px;text-align:left;line-height:20px}
.DateHilightClass{font-weight:700;padding-left:35px;width:80%;margin-top:3px;text-decoration:none}
.MessArchSrchCentrlN{float:right;padding-top:2px;margin-right:10px;width:69%}
.MessArchChatOrng{float:left;line-height:20px;padding:0 5px;text-align:left}
.MessArchChatLft{float:left;line-height:20px;text-align:left;padding:0 5px}
.MessArchIcoBtn{float:left;margin:3px 0 5px;padding-bottom:4px}
.MessArchIcoBtn .save{background:url(/images/MessArcIcoSave.gif) no-repeat}
.MessArchIcoBtn .IcoClose{background:url(/images/MessArcIco_Close.gif) no-repeat}
.MessArchIcoBtn .reply{background:url(/images/MessArchIco_reply.gif) no-repeat}
.MessArchIcoBtn .refresh{background:url(/images/MessArcIco_refresh.gif) no-repeat}
.MessArchIcoBtn .save,.MessArchIcoBtn .IcoClose,.MessArchIcoBtn .reply,.MessArchIcoBtn .refresh{float:left;height:18px;width:21px;margin-right:4px}
.MessArchIcoBtn .save:hover,.MessArchIcoBtn .IcoClose:hover,.MessArchIcoBtn .reply:hover,.MessArchIcoBtn .refresh:hover{height:16px}
.MessArchIcoBtn a{background-position:left center;background-repeat:no-repeat;display:block;margin:0;outline-style:none}
.MessArchSrchFieldNMain{position:relative;margin-right:2px;padding-left:5px;z-index:1;width:200px}
.MessArchSrchFieldNClearBtn{position:absolute;top:3px;right:5px;cursor:pointer}
.PleaseWaitChatHistroy{float:left;width:93px;padding:3px 0 0 10px}
.MessArchSrchFieldN{float:left;height:18px;margin-left:10px;padding:1px 2px;width:92%}
.MessArchSrchCentBtn{float:left;height:18px;margin:0;line-height:15px;font-weight:700;text-align:left}
.MessArchSrchChatTxtMesg{font-size:12px;font-weight:400;margin:0}
.MessArchSrchBcgrndDrk{padding:4px 0;cursor:pointer;border-bottom:1px solid transparent}
.MessArchSrchDatTxt{margin-left:4px;float:left}
.MessArchSrchEmail{padding:2px 3px 2px 0;float:right}
.MessArchSrchBcgrndLgt{padding:4px 0}
.atagBlackColortext{text-decoration:none}

/* Popup Menus */
.PopMenuSection{width:174px;text-align:left;margin-top:-35px}
.PopMenuSection .PopMenu{background:url(/images/popWindow_LeftArrow.png) repeat-y left center;padding:0 0 0 9px}
.PopMenuSection .bottomshadow{background:url(/images/bottom_ucc.png) repeat-x left bottom;height:4px;margin:0 4px 0 7px}
.PopMenuSection .RightShadow{background:url(/images/right_ucc.png) repeat-y right center;padding-right:3px}
.PopMenuSection .thisBody{position:relative;border-left:none;padding:0 5px}
.PopMenuSection .bottomRightCurve{background:url(/images/cornerucc.png) no-repeat center top;height:4px;width:4px;float:right;margin-top:-1px;overflow:hidden}
.PopMenuSection .TitleSection{padding:5px 0}
.PopMenuSection .CloseDetails{float:right;cursor:pointer}
ul.PhoneDevices{margin:0 0 5px}
ul.PhoneDevices li{background:url(/images/Phones_Small.gif) no-repeat;word-wrap:break-word}
ul.PhoneDevices li.Softphone{background-position:0 2px;padding:4px 2px 4px 22px;cursor:pointer}
ul.PhoneDevices li.iPPhone1{background-position:0 -66px;padding:4px 2px 4px 22px;cursor:pointer}
ul.PhoneDevices li.iPPhone2{background-position:0 -134px;padding:4px 2px 4px 22px;cursor:pointer}
ul.PhoneDevices li.PSTN{background-position:0 -202px;padding:4px 2px 4px 22px}
ul.PhoneDevices input.EntrNumber{width:92px;height:16px}
.PopMenuSectionReverse{width:174px;text-align:left;margin:-30px 0 0 -200px}
.PopMenuSectionReverse .PopMenu{padding:0 0 0 3px}
.PopMenuSectionReverse .bottomshadow{background:url(/images/bottom_ucc.png) repeat-x left bottom;height:4px;margin:0 7px 0 3px}
.PopMenuSectionReverse .RightShadow{background:url(/images/right_uccReverse.png) repeat-y right center;padding-right:9px}
.PopMenuSectionReverse .thisBody{position:relative;border-right:none;padding:0 5px}
.PopMenuSectionReverse .bottomRightCurve{background:url(/images/ucc/green/cornerucc.png) no-repeat center top;height:4px;width:4px;float:right;overflow:hidden;margin:-1px 5px 0 0}
.PopMenuSectionReverse .TitleSection, .PopMenuSection .TitleSection{padding:5px 0}
.PopMenuSectionReverse .CloseDetails{float:right;right:2px}

/*  Default Button  */
.DI_Button,.WidgetBtns{cursor:pointer;padding:2px 5px;width:auto;overflow:visible;font-weight:700}
.DI_Button:hover,.WidgetBtns:hover{background-position:0 -21px}
.DI_Button:active,.WidgetBtns:active{background-position:0 -42px}
.DI_Button_disable{padding:2px 5px;font-weight:700}

/* WorldSmart Alert Message */
.cancel_container{width:380px;margin:auto}
.alt_topsection{height:31px;overflow:hidden}
.alt_topleft{float:left;height:31px;width:9px}
.alt_topright{-moz-user-select:none;float:right;height:31px;width:9px}
.alt_topbgline{-moz-user-select:none;height:31px;margin:0 9px;position:relative;text-align:left}
.alt_topbgline h2{font-size:14px;font-weight:700;padding-top:8px;margin:0}
.alt_topbgline img{position:absolute;top:7px;right:-1px}
.alt_content{padding:10px 20px}
.alt_bottomleft{float:left;height:10px;width:10px}
.alt_bottomright{-moz-user-select:none;float:right;height:10px;width:10px}
.alt_bottombgline{-moz-user-select:none;height:9px;margin:0 10px}
.alt_content .Download_ali{padding:10px 2px 15px;line-height:20px;text-align:left;font-size:12px}
.alt_content .Download_ali img{margin:0 6px -9px 0}
.alt_button{text-align:center}
.alt_java_button{text-align:left;margin-left:36px;padding:6px 0 13px}
.alt_flash_button{text-align:left;margin-left:36px;padding:6px 0 0}
.alt_bottom{line-height:0px}
.alt_spacer{margin-left:7px}
.alt_messageTxt{margin:2px 0 0 36px}
.alt_fadeout{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8}

/* DI for Desktop */
.di_Desktop .sticktxt{background:none}
.di_Desktop .di_headerpart{margin:0;padding-right:0;text-align:left;overflow:hidden}
.di_Desktop .di_lefttop{height:auto;padding-left:0}
.di_Desktop .di_showicon{float:left;margin:0 0 0 5px;text-align:center;padding:2px 4px}
.di_Desktop .di_showicon img{width:20px;height:20px}
.di_Desktop .di_title{float:left;margin:0;line-height:24px;font-size:13px;font-weight:700}
.di_Desktop .di_topheader_bgline{margin:0;height:24px;position:relative;cursor:default}
.di_Desktop .di_resizeFromTop{display:none}
.di_Desktop .di_topresizeCornerLeft{display:none}
.di_Desktop .di_topresizeCornerRight{display:none}
.di_Desktop .di_bodyresizesLeft{display:none}
.di_Desktop .di_bodyresizesRight{display:none}
.di_Desktop .di_bodyleftbg{padding-left:0}
.di_Desktop .di_bodyrightbg{padding-right:0;position:relative}
.di_Desktop .di_bottomleft{width:14px;float:left;height:6px}
.di_Desktop .di_bottombgline{margin:0;height:6px}
.di_Desktop .di_footersection{height:6px;overflow:hidden}
.di_Desktop .di_bottomright{width:14px;float:right;height:6px}

/* Basement */
.clear,.LRClear,div.LFClear{clear:both}
.FLeft{float:left}
.FRight{float:right}
.NoFLeft,li.NoFRight{float:none}

/* combined */
.example{color:#666}
.greenclr_txt{color:#89a800}
.boldText{font-weight:700}
.webchat{width:100%}
.smalltxt{font-size:0.8em}
.di_worksurface .NoteTxt{padding:6px 0}
.more{text-decoration:underline}

/* -------------------------------------------------------------------------------------------------Apps----------------------- */
ul.TabsBgs{padding:4px 0;margin:12px 8px 0 9px}
ul.TabsBgs li{display:inline;margin:1px 0 0}
ul.TabsBgs li a{padding:4px 8px;text-decoration:none;border-bottom:none;-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px;-webkit-border-top-right-radius:5px;-webkit-border-top-left-radius:5px;margin-left:-1px}
ul.TabsBgs li.active{margin-top:0}
ul.TabsBgs li.active a{padding:4px 15px;font-weight:700;cursor:default}
.TabsContentSection{padding:10px 0;border-top:none;margin:0 8px 10px}
.SectionSearch{padding:4px 8px;margin:0 6px}
.SectionSearch input[type="text"]{padding:4px 2px 3px;margin-right:10px}
.SectionSearch select,.SectionSearch input{margin:0 3px}
.SectionSearch .SectionStatus{padding:5px 0}
.ContentSectionInfo{margin:10px 6px}
.ContentSectionInfo .ContentTable th{padding:6px 5px}
.ContentSectionInfo .ContentTable tr td{padding:6px 5px}
.ContentSectionInfo .ContentTable tr td a:hover{text-decoration:underline}
.UserOptionsIcons{background:url(/images/UserTools.gif) repeat}
.UserOptionsIcons.editIcon{background-position:0 -16px;cursor:pointer}
.UserOptionsIcons.editIcon_disable{background-position:-34px -16px;cursor:default}
.UserOptionsIcons.delIcon{background-position:0 -48px;cursor:pointer}
.UserOptionsIcons.delIcon_disable{background-position:-34px -48px;cursor:default}
.UserOptionsIcons.editIcon,     .UserOptionsIcons.editIcon_disable, .UserOptionsIcons.delIcon, .UserOptionsIcons.delIcon_disable{width:17px;height:16px;margin:0 4px;float:left}
.centerIcons{width:54px;margin:auto;overflow:hidden}
.SectionPaging{margin:5px 0 0 0;padding:3px 6px;display:flex;width: 100%;border-bottom: solid 1px #ccc;}
.pagingOptions{display: flex; margin: 0 auto; min-width: 250px;}
.SectionPaging select,.SectionPaging input{margin:0 2px}
.SectionPaging .CenterNavigation{width:300px;margin:auto;padding:3px ;text-align:center}
.SectionPaging .CenterNavigation a{padding:1px 5px;text-decoration:none;margin:0 1px}
.SectionPaging .CenterNavigation span.selected{font-weight:700;padding:1px 5px}
.SectionPaging .NavigationArrows.GoNext{background-position:-10px 1px;height:10px;width:10px;padding:0 3px;margin:0 5px;cursor:pointer}
.SectionPaging .NavigationArrows.GoPrev{background-position:-30px 1px;height:10px;padding-left:10px;margin:0 5px;cursor:pointer}
.SectionPaging .NavigationArrows.GoNext_disable{background-position:-70px 1px;height:10px;width:10px;padding:0 3px;margin:0 5px}
.SectionPaging .NavigationArrows.GoPrev_disable{background-position:-50px 1px;height:10px;width:10px;padding:0 3px;margin:0 5px}
fieldset.SectionLegend{padding:20px 0;margin:0}
fieldset.SectionLegend legend{padding-left:10px}
fieldset.SectionLegend label, label.ButtonsMrgn{width:200px;display:block;float:left;text-align:right;padding:4px 10px 4px 0}
fieldset.SectionLegend textarea{margin-left:2px}
fieldset.SectionLegend select{margin:0 4px}
fieldset.SectionLegend input.Chkbox{border:none;background:transparent;padding:4px;margin:4px}
fieldset.SectionLegend p{margin:0;padding:3px 0;border-top:1px solid transparent;border-bottom:1px solid transparent}
fieldset.SectionLegend p:hover{padding:3px 0}
fieldset.SectionLegend p.dividerBtns, p.dividerBtns{margin-top:10px;padding-top:10px}
fieldset.SectionLegend p.dividerBtns:hover, p.dividerBtns:hover{background:none;border-bottom:none}
/*.DividerLine{height:20px;margin:2px 6px}*/
.dmNote{font-size:14px;}
.stream-left .SectionPaging {
    padding: 3px 0;
}
.stream-left .pagingOptions {
    width: 100%;
    align-items:center;
}
.stream-left .SectionPaging .CenterNavigation span.selected {
    font-weight: 700;
    padding: 1px 0;
}
.stream-left .SectionPaging .CenterNavigation a {
    border: 1px solid #ebebeb;
    background-color: #fff;
    color: #333;
}
.stream-left .SectionPaging .CenterNavigation a {
    padding: 1px 4px;
    text-decoration: none;
    margin: 0 1px;
}
.stream-left .SectionPaging .NavigationArrows.GoNext {
    background-position: -10px 1px;
    height: 10px;
    width: 10px;
    padding: 0 3px;
    margin: 0 2px;
    cursor: pointer;
}
.stream-left .SectionPaging .NavigationArrows.GoPrev{margin:0px;cursor:pointer}

/*  CTC Settings  */
.SectionPopup_Contacts{-moz-border-radius:4px;width:418px;position:absolute;padding:2px;right:0;top:20px;text-align:left;z-index:2}
.SectionPopup_Contacts h1{font-size:13px;margin:0;padding:6px}
.SectionPopup_Contacts .ContentBody{padding-top:5px}
.SectionPopup_Contacts .ChoosePhone{padding:3px 10px;vertical-align:middle;overflow:hidden}
.SectionPopup_Contacts .ChoosePhone .inputbg{padding:2px}
.SectionPopup_Contacts .ChoosePhone .FieldTitle{padding:3px 0}
.SectionPopup_Contacts .SuccessAlert{background-color:#eff7cd;padding:3px 0;text-align:center;margin-bottom:2px}
.SectionPopup_Contacts .WarningAlert{color:#da3a3a;padding:3px 0;text-align:center;margin-bottom:2px}
.PopupCloseBtns.CloseBtn{width:19px;height:19px;background-position:0 0;margin:4px;cursor:pointer}
.PopupCloseBtns.CloseBtn:hover{background-position:-19px 0}
.RedAlertText{color:#da3a3a}
.GreenAlertText{color:#89a800;padding:3px 0}
.Nofeature{font-size:12px;padding-top:80px}

/* Table Classes */
.di_datagrid_content{padding:20px}
.di_datagrid th{font-size:14px;padding:5px}
.di_datagrid td{padding:4px 5px;font-size:14px;text-align:center;}
.di_datagrid td a:hover{text-decoration:underline}
.di_datagrid .inputLabelName{padding:3px 0;font-weight:700}

/* Call Forwarding */
table.routplan_header{margin-bottom:4px}
table.routplan_header a{float:left;margin-right:4px;text-decoration:none}
table.routplan_header span a{text-decoration:underline}
table.routplan_header td{padding:5px}
table.routplan_header span.heading{font-size:13px;cursor:pointer;font-weight:700}
table.routplan_header span.clikcablebtn{padding-right:5px;cursor:pointer}
.add_routing_popup{width:150px;clear:both;position:absolute;left:0;top:14px}
.add_routing_popup div.add_bodycontent{padding:3px}
.add_routing_popup ul li{padding:4px 2px 4px 19px;display:block}
.add_routing_popup ul li{background:url(/images/show_addplanoptions.gif) no-repeat 5px center}
table.popup_timepicker{position:absolute;left:0;top:16px;width:154px}
div.timefieldset{width:38px;margin:0 3px;float:left}
table.popup_timepicker td.buttons_bgclr{padding:2px}
.choosetime_leftbg{background:url(/images/choosetime_leftbg.gif) no-repeat center center;height:17px;width:3px;float:left}
.choosetime_textbg{background:url(/images/choosetime_textbg.gif) repeat-x center center;height:17px;width:20px;float:left;text-align:left;padding:0}
.choosetime_textbg input{width:20px;background:transparent;border:none;padding:2px 0 !important;margin:0 }
.choosetime_buttonsbg{background:url(/images/choosetime_buttonsbg.gif) no-repeat center center;height:17px;width:15px;float:left}
img.press_uparrow{padding:1px 1px 2px 2px;cursor:pointer}
img.press_downarrow{padding:0 1px 1px 2px;cursor:pointer}
.routing_popup, .AppLoadingStatus{width:314px;text-align:left}
.CenterLoader{position:absolute;top:35%;left:0;width:100%}
.AppLoadingStatus{margin:auto}
.AppLoadingStatus .BdyContent{font-size:12px}
.AppLoadingStatus .SectionOne{padding-top:8px}
.AppLoadingStatus .SectionTwo{padding:16px 0 0;margin:0 12px}
.routing_popup .leftop_round,.AppLoadingStatus .leftop_round{background:url(/images/framework/popup_rounders.gif) no-repeat left top;height:5px;width:5px;float:left;overflow:hidden}
.routing_popup .leftbot_round,.AppLoadingStatus .leftbot_round{background:url(/images/framework/popup_rounders.gif) no-repeat left bottom;height:5px;width:5px;float:left}
.routing_popup .rightop_round,.AppLoadingStatus .rightop_round{background:url(/images/framework/popup_rounders.gif) no-repeat right top;height:5px;width:5px;float:right;overflow:hidden}
.routing_popup .rightbot_round, .AppLoadingStatus .rightbot_round{background:url(/images/framework/popup_rounders.gif) no-repeat right bottom;  height:5px;width:5px;float:right}
.routing_popup .top_line, .AppLoadingStatus .top_line{background:url(/images/framework/popup_topbotlines.gif) repeat-x center top;height:5px;margin:0 5px}
.routing_popup .bottom_line, .AppLoadingStatus .bottom_line{background:url(/images/framework/popup_topbotlines.gif) repeat-x center bottom;height:5px;margin:0 5px}
.routing_popup .bodycontent, .AppLoadingStatus .bodycontent{background:#fff url(/images/framework/popup_leftline.gif) repeat-y left center;clear:both;padding-left:15px}
.routing_popup .bodyrightbg, .AppLoadingStatus .bodyrightbg{background:url(/images/framework/popup_rightline.gif) repeat-y right center;padding:0 15px 5px 0}
.routing_popup div.labelname{padding:4px 0;text-align:left}
.routing_popup div.labelnameerr{padding:4px 0;text-align:left;color:red}
.routing_popupInput{width:172px;padding:2px 0;margin:0;float:left}
.routing_popup span.addplan{float:left;padding:0 0 2px 10px}
.CFrw_Section{padding:0}
.CFrw_Section th{padding:5px}
.CFrw_Section tr td{padding:3px 5px}
span.NrmlSmallTxt{font-size:10px}
.CFrw_Section input{padding:3px 2px}
.EndUserOptions{background:url(/images/EndUserOptions.gif) repeat}
.EndUserOptions.MainDelete{background-position:2px -80px;width:20px;height:20px;cursor:pointer}
.EndUserOptions.MainDelete_False{background-position:0 0;width:20px;height:20px;cursor:pointer}
.EndUserOptions.Delete{background-position:0 0;width:20px;height:20px;cursor:pointer}
.EndUserOptions.Delete_False{background-position:0 -40px;width:20px;height:20px;cursor:pointer}
.EndUserOptions.CollapseCont{background-position:0 -161px;width:20px;height:20px;cursor:pointer}
.EndUserOptions.ExpandCont{background-position:0 -200px;width:20px;height:20px;cursor:pointer}
.routingAddBtn{height:15px;width:67px;cursor:pointer}

/* Calendar */
.dpTable{text-align:center;padding:1px;empty-cells:hide;width:160px}
.dpTable td{padding:0;width:18px;height:18px;font-size: 11px;}
.dpDayTD{font-weight:700;font-size:10px}
.dpTitleText{font-weight:700;line-height:22px; font-size: 11px;}
.dpButton{font-weight:700;padding:1px;border:0;cursor:pointer}
.dpTodayButton{font-weight:700;margin:5px 1px;cursor:pointer;padding:1px 9px}
.dpTodayButton:hover,.dpTodayButtonTD a.dpTodayButton:hover{text-decoration:none}
.dpNextBtn{float:left;margin:5px 2px 0 6px}
.dpPrevBtn{float:right;margin:5px 6px 0 2px}
.dpNextBtn .dpButton{background:url(/images/dpArrows.png) no-repeat left top;width:15px;height:15px;color:transparent}
.dpPrevBtn .dpButton{background:url(/images/dpArrows.png) no-repeat right top;width:15px;height:15px;color:transparent}
img#fdate, img#tdate{cursor:pointer}
.DSFieldsPadRht{padding-right:8px}

/* For Flash Objects */
.flashobj_new{margin:5px auto;text-align:center}
.flashobj{margin:20px auto;text-align:center}
.flashobjVoicemailonly{margin:10px auto;text-align:center}

/* Call Recording */
.di_smallgrid_Recording{padding:0;margin-bottom:15px}
.di_smallgrid_Recording span.content{font-weight:700;padding-right:20px}

/* Offline Messages */
.OfflineMessages{margin:0 11px 2px;clear:both;position:relative}
.OfflineMessages h1{margin:0;padding:5px 0 5px 5px;font-size:inherit}
.OfflineMessages .DI_Button{right:25px;top:8px;position:absolute}
.Offlinedate{width:20%;float:left;text-align:center}
.Offlinetime{width:20%;float:right;text-align:right;padding-right:25px}
.Offlinedata{margin:0 22%}
.DataSet{padding:5px 0}
.alertmessOfflMess{font-size:16px;font-weight:700;text-align:center;margin-top:65px}
.ReplyBtn{float:right;margin-right:5px;cursor:pointer}
.di_subparts{margin:7px 0 3px;padding-bottom:2px}
.SMesg{padding:4px 0;font-weight:400}

/* Buddy Status Slider */
.SliderElement{background:#fff url(/images/sliderbg.gif) repeat-x center top;padding:0 6px 5px 10px;font-size:13px;border:1px solid #f8a02a;margin-bottom:5px;cursor:pointer;text-align:left}
.SliderElement h1{font-size:13px;margin:0;position:relative;padding:5px 0}
.SliderElement span{top:5px;right:0;position:absolute}
.SliderPlace{position:absolute;bottom:0;right:0;z-index:10;margin-right:5px;margin-bottom:0}

/* Getting Call */
.ReceiveCall{width:400px;padding:8px;font-size:12px;margin:0 5px 5px 0;background-color:#fff}
.CallIncomingIcon{background:url(/images/calling.gif) no-repeat center;height:55px;width:57px;float:left}
.CallAcceptRnot{float:left;margin-left:4px}
.CallingName{padding:3px 0}
.CallAnswerOptions{padding-top:6px}
.CallAnswerOptions p{float:left;margin:0;padding:0}
.CallAnswerOptions input{padding:2px}
a.acceptBtn{background:url(/images/CallButtons.gif) center top;height:24px;width:71px;outline:none;margin-right:7px;display:block}
a.rejectBtn{background:url(/images/CallButtons.gif) center -24px;height:24px;width:63px;display:block;outline:none;margin-right:7px}
a.forwardBtn{background:url(/images/CallButtons.gif) center -48px;height:24px;width:63px;display:block;outline:none;margin-right:7px}
.okBtn{background:url(/images/CallButtons.gif) center -72px;height:22px;width:37px;outline:none;border:none;margin-left:5px}

/* Refer a friend */
.addbuddyReferafriend{cursor:pointer;margin:0;padding:2px;text-decoration:underline}
.refer_a_friend table tr td input{width:121px;margin:2px 7px 8px 0;padding:2px 0}
.addmore_friend a{text-align:right;font-weight:700;margin-right:8px;position:relative;top:-11px}
.comments_on_product{width:378px;height:60px;margin:6px 0;padding:4px}
.mandatory_fields{color:#666;line-height:25px}
.firendsstar{color:red}
.fridn_name{width:111px}
.fridn_last{width:112px}
.fridn_email{width:108px}
.image_raf{cursor:pointer;position:relative;top:-3px}
.raf_preview{padding:0 10px}
.raf_preview span{padding-left:15px}

/* UCC */
.IM_Total{width:100%}
.horizontal_loader{background:url(/images/horizontal_loader.gif) center center no-repeat;height:42px}
.IM_MenuBarStarts{background:url(/images/MenuBarBG.gif) repeat-x center bottom #fff;border-bottom:1px solid #ccc}
.IM_MenuBarStarts img{cursor:pointer}

/* UCC Menu Section */
ul.IM_MenuBar li{float:left}
ul.IM_MenuBar li span{padding:4px 10px 5px;display:block;cursor:pointer}
ul.IM_MenuBar li.Divider{background:url(/images/MenuBarDivider.gif) no-repeat center top;width:1px;overflow:hidden;height:22px}
.IM_MenuBarContent{height:125px;padding:5px;overflow:auto}
.IM_MenuBarContent .InviteList{margin:5px;padding:5px;height:47px;overflow-x:hidden;overflow-y:auto}
.IM_MenuBarContent .InviteList input{margin-top:2px}
.IM_MenuBarContent .InviteList input[type='checkbox']{padding:0;margin:0 5px 0 0;vertical-align:middle}
.IM_MenuBarContent .InviteList p{margin:0;border:none}
div.ForIM label{width:98px;float:left;text-align:right;margin-right:5px;display:block;padding-top:2px}
div.ForIM input.SubmitBtn{margin-left:103px}
div.ForIM input,div.ForIM textarea{padding:3px 2px;margin:0}
div.ForIM select.selField{padding:3px 2px;margin:0}
div.ForIM p{margin:0;padding:2px 0}
div.ForIM .DisplyWebUrl{padding:4px;margin:4px 6px;overflow:hidden;white-space:nowrap}
div.ForIM input.EnterFields{width:142px}
div.ForIM input.EnterFieldSmall{width:115px}
div.dividerForm{height:1px;margin:5px 0}
div.BtnAlign{margin-left:103px}
a.UniqueBtn{display:block;margin-right:6px;padding-right:9px;text-decoration:none;background:transparent url(/images/btn-part2.gif) no-repeat right top;color:#333}
a.UniqueBtn span{display:block;background:url(/images/btn-part1.gif) no-repeat;text-align:center;padding:3px 0 5px 9px}
a.UniqueBtn:active{background-position:bottom right;color:#000}
a.UniqueBtn:active span{background-position:bottom left;text-align:center;padding:4px 0 4px 9px}
.BtnClear{overflow:hidden;margin:auto}

/* UCC User Section */
.IM_MyStatus{padding:4px}
.IM_MyStatus .PhotoSection{float:left;padding:0 7px}
.IM_MyStatus .DetailSection{padding:0 0 0 1px}
.IM_MyStatus .CompactDetailSection{padding:0 0 0 5px}
.IM_MyStatus .MyName{padding:2px 5px 4px;float:left}
.IM_MyStatus .CompactMyName{padding:3px 5px 0 0}
.IM_MyStatus .StatusTxt{padding:3px;width:173px;display:block;float:left;cursor:pointer;margin-top:2px; font-size: 12px;}
.connectMeStatus{color: #999;}
.connectRecent{display:flex; align-items:center; margin:2px 0 0 0; font-size:14px;}
.IM_MyStatus img.MyPic{padding:2px}
.IM_MyStatus img.SelectStatus{padding:7px 6px 6px;cursor:pointer}
.IM_MyStatus img.AddContactIcon{padding:0 2px 0 6px;cursor:pointer;border-bottom:1px solid transparent;border-right:1px solid transparent;margin-top:2px}
.IM_MyStatus .addContactPosition{position:absolute;top:22px;right:0;z-index:3}
.StatusSelector{width:173px;padding:2px}
.StatusSelector ul li{text-indent:3px;cursor:pointer; position: relative; padding: 4px 0 4px 0; display: flex; align-items: center;}
.StatusSelector ul li:hover{background-color: #ccc;}
.StatusSelector ul li img{padding-right:2px}
.StatusSelector .editOptions{margin-top:-3px}
.StatusSelector .sectionTitle{font-weight: 700;padding:6px 5px;margin-top:5px}
input.CustomMessageField{width:150px;margin:5px 0 0;padding:5px;color:#333}
.StatusSelector div.CustomMessageField{padding:5px 2px 2px;margin-top:2px;display: flex;}
.StatusSelector input.editStatus{width:90px;margin:0}
.StatusSelector div.CustomMessageField ul li:hover{background:none;cursor:default}
.ContactsView{width:182px;padding-top:20px;top:0 !important}

.ContactsView li{padding:5px 5px 5px 18px;display:block;}
.ContactsView li img{margin-left:-14px;padding-right:2px}
.IM_Search{padding:3px 6px 3px 5px}
.IM_Search .SearchSort{padding:1px 0}
.IM_Search .SearchSort img{padding:0 5px}
.IM_BodyContent{overflow-x:hidden;overflow-y:auto;position:relative}
.recentInteractions_headerBar{cursor:pointer;margin:0 2px 2px;position:relative;z-index:0;padding:2px 0}
.IM_BodyContent .HeaderBar{padding:8px 0;margin:0;cursor:pointer;position:relative;display: flex; justify-content: flex-start; align-items: center; overflow: visible;}

.IM_BodyContent .HeaderBarActive{overflow: visible;}
.IM_BodyContent span.HeaderIcon{padding:5px 6px}
.IM_BodyContent span.HeaderTitle{font-weight:700;margin-left:5px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 330px;}
.IM_BodyContent span.IndicationIcon{padding:4px 6px}
.IM_BodyContent img.HeaderIcon{padding:2px 3px}
.IM_BodyContent .UserOptions{background:url(/images/UserOptions.png) repeat 0 0 transparent;cursor:pointer}
.IM_BodyContent .UserOptions.MessageAlert{background-position:-9px -353px;width:20px;height:15px;margin:0 2px;float:left}
.IM_BodyContent .UserOptions.MessageAlert:hover{background-position:-9px -353px}
.IM_BodyContent .StatusLine{padding:4px 0 0 0; position: relative; display: flex; align-items: center;}
.IM_BodyContent .StatusLine .BuddyStatusIcon{padding: 0 1px 0 0;}
.IM_BodyContent .ShowArea{padding-bottom:2px}
.IM_BodyContent .imagewrapper{margin:0 12px 0 8px;position:relative;}
.stream-right .IM_BodyContent .imagewrapper{align-self:flex-start;}
.IM_BodyContent .imagewrapperRP{margin:0 0 0 8px;position:relative;}
.profilePic-circle{border-radius:50%; width: 40px; height: 40px; float: left;min-width: 40px;}
.UCC_Search{position:relative}
.UCC_Search input{padding:3px 18px 3px 3px;width:206px}
.UCC_Search .ClearBtn{top:4px}

/* Common MicroChat Window */
.IM_OpenOptions .BodySection{padding:2px 2px 0 0;margin-top:0;height:100%;position:relative;flex:1;}
.IM_OpenOptions .MoreOptionsBottom{padding:2px}

/* UCC Chat Window */
.IM_OpenOptions .BodySection .ChatBoard{height:auto;display: flex;flex-direction: column;justify-content: flex-end;}
.IM_Popout .BodySection .ChatBoard{height:125px;overflow:auto;padding-left:5px;margin-right:2px}
.IM_OpenOptions .TypingStatus{font-style:italic;color:#a9a9a9;padding:2px 5px;height:13px}
.IM_Popout .TypingStatus{font-style:italic;color:#a9a9a9;padding:2px 10px;height:13px}
.IM_OpenOptions .ChatWindowOptions{padding:1px 3px 1px}
.IM_Popout .ChatWindowOptions{padding:2px 3px 2px 6px}
.ToolbarOptions.TextLetter,.ToolbarOptions.BuzzSign,.ToolbarOptions.italic,.ToolbarOptions.bold,.ToolbarOptions.underline{width:19px; height:18px;margin-right:1px}
.ToolbarOptions.SmileSign{width:23px; height:18px;margin-right:1px}
/*.IM_OpenOptions .MessageSendingArea{overflow:hidden}*/
.IM_OpenOptions .MessageSendingArea iframe.TextField{overflow:auto;text-align:left;padding:2px 2px 0;background:url(/images/inputBG.gif) repeat-x center top;width:auto;margin:0;height:34px}
.IM_OpenOptions .MessageSendingArea textarea.TextField{float:left;overflow:auto;text-align:left;border:1px solid #f6d08e;border-left:none;border-bottom:none;padding:2px;background:url(/images/inputBG.gif) repeat-x center top;width:100%;margin:0;height:22px}
.IM_OpenOptions .MessageSendingArea input.submit{width:38px;padding:0 2px;margin:0;height:36px;overflow:hidden}
.IM_Popout .MessageSendingArea{padding:0 0 4px 4px;overflow:hidden}
.IM_Popout .MessageSendingArea iframe.TextField{border:1px solid #d0d0d0;padding:1px 2px;height:34px;background:#fff url(/images/inputBG.gif) repeat-x center top;width:100%}
.IM_Popout .MessageSendingArea textarea.TextField{border:1px solid #d0d0d0;padding:2px;height:33px;background:#fff url(/images/inputBG.gif) repeat-x center top;width:100%}
.IM_Popout .MessageSendingArea input.submit{width:45px;padding:0;margin:0 3px 0 0;vertical-align:bottom;height:38px}
.ArrowMenu{padding:2px 5px}
.ArrowMenu select.FontSelectBox{padding:1px;margin:2px;width:60px}
.ArrowMenu select.FontSizeSelectBox{padding:1px;margin:2px}
.ArrowMenu .InputAreas{margin:5px}
.ArrowMenu .ColorCodes{padding:0;width:65px;margin:5px}
.ArrowMenu .ShowArrowMagic{height:6px;margin-bottom:-8px}
.SelectColor1{float:left;margin:1px;background-color:#000}
.SelectColor2{background-color:maroon}
.SelectColor3{background-color:green}
.SelectColor4{background-color:olive}
.SelectColor5{background-color:navy}
.SelectColor6{background-color:purple}
.SelectColor7{background-color:teal}
.SelectColor8{background-color:gray}
.SelectColor9{background-color:silver}
.SelectColor10{background-color:red}
.SelectColor11{background-color:#0f0}
.SelectColor12{background-color:#ff0}
.SelectColor13{background-color:#00f}
.SelectColor14{background-color:#f0f}
.SelectColor15{background-color:#0ff}
.SelectColor16{background-color:#fff}
.SelectColor1, .SelectColor2, .SelectColor3, .SelectColor4, .SelectColor5, .SelectColor6, .SelectColor7, .SelectColor8, .SelectColor9, .SelectColor10, .SelectColor11, .SelectColor12, .SelectColor13, .SelectColor14, .SelectColor15, .SelectColor16{width:10px;height:7px;float:left;margin:1px;cursor:pointer}
.SmiliesDisplay{padding:0 0 2px}
.SmileyIcons{padding:2px;border:1px solid transparent}
.SmileyIcons img{width:14px;height:16px}
.Lastmessagestamp{padding-left:4px}

/* UCC Voicemail Window */
.IM_OpenOptions .BodySection .VMailsList{height:74px;overflow:auto}
.IM_Popout .VoicemailContent{margin:0 5px 5px}
.IM_Popout .VoicemailContent .PlayerHolder{text-align:center;padding:10px}
.IM_Popout .VoicemailContent .VMailsList{margin-top:5px;overflow:auto}
.IM_OpenOptions .VoicemailContent .PlayerHolder embed{width:100%}
.Playicons{background:url(/images/PlaybackBtns.gif) repeat 0 0}
.Playicons.playbtn{background-position:0 -0px;height:15px;width:21px;cursor:pointer}
.Playicons.playbtn:hover{background-position:0 -15px;height:15px;width:21px;cursor:pointer}
.Playicons.pausebtn{background-position:0 -30px;height:15px;width:21px;cursor:pointer}
.Playicons.pausebtn:hover{background-position:0 -45px;height:15px;width:21px;cursor:pointer}

/* UCC ChatHistory Window */
.IM_OpenOptions .ChatHistoryContent{margin:0}
.IM_Popout .ChatHistoryContent{margin:0;height:auto}
.IM_OpenOptions .HistoryHeaderline{padding:0 5px}
.IM_OpenOptions .HistoryHeaderline a{text-decoration:none}
.IM_OpenOptions .HistoryHeaderline a:hover{text-decoration:underline}
.IM_Popout .HistoryHeaderline{padding:0 5px}
.IM_Popout .HistoryHeaderline a{text-decoration:none}
.IM_Popout .HistoryHeaderline a:hover{text-decoration:underline}
.IM_OpenOptions .ChatDateColumns{margin:4px 2px 2px;height:115px}
.IM_Popout .ChatDateColumns{margin:4px 2px 2px;height:100%}
.IM_OpenOptions .DatesList{width:70px;height:100%}
.IM_Popout .DatesList{width:70px;height:100%}
.IM_OpenOptions .DatesChat,.IM_Popout .DatesChat{margin-left:62px;padding:4px;height:100%;overflow:auto;box-sizing:border-box;-moz-box-sizing:border-box}
ul.DatesSelect{margin:2px}
ul.DatesSelect li{padding:1px}
ul.DatesSelect li a{cursor:pointer;text-decoration:none;padding:2px;display:block}
.IM_OpenOptions .ChatUsrNameType{font-weight:700;padding-right:3px}
.IM_OpenOptions .ChatContentType{padding:0 3px}
.IM_OpenOptions .ChatContentType p, .IM_Popout .ChatContentType p{display:inline}
.ChatOppNameType{font-weight:700;padding-right:3px}
.IM_OpenOptions .DisplayTyping,.IM_Popout .DisplayTyping{padding:1px 4px;word-wrap:break-word}
.IM_Popout .ChatUsrNameType, .IM_Popout .ChatHistoryContent .ChatUsrNameType{font-weight:700;padding-right:3px}
.IM_Popout .ChatContentType, .IM_Popout .ChatOppNameType .ChatContentType{padding-right:3px}
.MessArchLftColCont{font-weight:700; background-color:#f6f6f6; padding:2px}
.MessArchSrchBcgrndLgtdetails{padding:4px 0}
.MessArchSrchEmail, #dummyClass a{color:#333}
.MessArchChatLft a:hover, .MessArchChatOrng a:hover{text-decoration:none}
#dummyClass .highlightedbackground{font-weight:700;padding:0 2px;background-color:#666;color:#fff}
#dummyClass a:hover{text-decoration:none}
.MessArchLftColContNorHdg{padding:2px}
.MessArchLftColContNorHdg:hover{background-color:#f6f6f6}
.MessArchLftColContNorHdg img, .MessArchLftColCont img{padding:0 3px}

/* UCC Mail Window */
.IM_OpenOptions .EmailContent{margin:0 2px}
.IM_Popout .EmailContent{margin:0 3px 3px}
.IM_OpenOptions .EmailContent .MailsList{overflow:auto;margin-top:2px;height:100%}
.IM_Popout .EmailContent .MailsList{overflow:auto;margin-top:2px;height:100%}
.emailOptions ul li{float:left;margin:0 2px -1px 0}
.EmailContent ul li.SectedTab{float:left;margin-right:2px}
.EmailContent ul li a{display:block;padding:3px 10px;text-decoration:none}
.ChatWindowInboxScroll{overflow:auto;height:170px}
.EmailContent .ReadmailHeader{padding:8px 8px 2px;line-height:16px}
.EmailContent .ReadmailOptions{right:0;width:80px}
.EmailContent .ReadmailOptionsIcons{cursor:pointer;margin-top:6px}
.IM_OpenOptions .ReadmailOptionsIcons.forwardIcon{background-position:-8px -9px;width:16px;height:15px;margin-right:10px}
.IM_Popout .ReadmailOptionsIcons.forwardIcon{background-position:-8px -9px;width:16px;height:15px;margin-right:10px}
.IM_OpenOptions .ReadmailOptionsIcons.replyIcon{background-position:-44px -9px;width:18px;height:14px;margin-right:6px}
.IM_Popout .ReadmailOptionsIcons.replyIcon{background-position:-44px -9px;width:18px;height:14px;margin-right:6px}
.IM_OpenOptions .ReadmailOptionsIcons.backIcon{background-position:-78px -10px;width:12px;height:14px;margin-right:10px}
.IM_Popout .ReadmailOptionsIcons.backIcon{background-position:-78px -10px;width:12px;height:14px;margin-right:10px}
form.composeMail{margin:10px 10px 2px;padding-bottom:5px}
form.composeMail label{width:60px;float:left;padding-top:3px}
form.composeMail input{border:1px solid #ccc;padding:2px;margin:0}
form.composeMail p{margin:0;padding:2px 5px;clear:both}
form.composeMail a:hover{text-decoration:underline}
form.composeMail iframe{width:95%;height:82px;margin:5px}
form.composeMail .dividerForm{height:1px;margin:7px 0}
form.composeMail .UniqueBtn:hover{text-decoration:none}
.MailRecords tr.Unread td{font-weight:700;cursor:pointer}
.IM_OpenOptions .ReadmailContent,.IM_Popout .ReadmailContent{padding:0}
.EmailContent .ReadmailAttachment{margin-top:5px;overflow:hidden;padding-top:2px}
.EmailContent .ReadmailAttachment div.individual{line-height:16px;cursor:pointer;border:1px solid transparent;margin:0 1px;padding-right:3px}
.EmailContent .AttachmentsList{padding:2px;vertical-align:middle;margin:4px 0;overflow:hidden}
.EmailContent .AttachmentsList div.individual{cursor:pointer;border:1px solid transparent;margin:0 5px 0 0;line-height:16px}
.ChatWndMailSendMessg{padding:20px 5px;text-align:center;display:block;margin:10px 0}
p.MsoNormal, li.MsoNormal, div.MsoNormal{text-indent:0 !important;font-size:11px;margin:0;font:100% tahoma,sans-serif}

/* UCC FileTransfer Window */
.IM_OpenOptions .TabsTitleDisplay,.IM_Popout .TabsTitleDisplay{padding:5px 10px;font-weight:700}
.IM_OpenOptions .BrowseFileSection{margin:5px;padding:5px}
.IM_OpenOptions .BrowseFileSection span.TextAlign{padding:0 5px}
.IM_OpenOptions .BrowseFileSection input.BrowseFile{padding:3px;margin:0 5px}
.IM_Popout .BrowseFileSection{margin:5px;padding:5px}
.IM_Popout .BrowseFileSection input.BrowseFile{padding:3px;margin:0 5px}
.IM_OpenOptions .BrowseFileArea,.IM_Popout .BrowseFileArea{margin:10px 0}
.BrowseFilesList{margin:5px;padding:5px}
.FTFileLine{padding:4px 0;overflow:hidden}
.SelctedFile{width:164px;padding:0 4px}
.FileUploadStatus{padding:0 5px 0 10px}
.FileUploadStatus .FTStatusBar{width:92px;height:4px;padding:4px}
.FileUploadStatus .Rejtd{width:90px;padding:0 5px}
.FileUploadStatus .Acpted{width:90px;padding:0 5px}
.FTStatusPercent{padding:0 3px;font-size:10px}

/* SMS Window */
.IM_OpenOptions .SMSChatBoard{overflow:auto;margin:0 0 2px;height:96px}
.IM_Popout .BodySection .SMSChatBoard{overflow:auto;padding:3px;margin:0 5px 5px}

/* Sharedesk Window */
.IM_OpenOptions .ShareDeskSection{padding:2px}
.IM_Popout .ShareDeskSection{position:absolute;top:20%;left:8%;right:8%;padding:2px}
.IM_OpenOptions .ShareDeskSection .ActionsPoint, .IM_Popout .ShareDeskSection .ActionsPoint{margin:30px;text-align:center}
.IM_OpenOptions .ShareDeskSection input.FeatureBtn, .IM_Popout .ShareDeskSection input.FeatureBtn{padding:2px 10px;font-weight:700;cursor:pointer;margin:2px 0}
.IM_OpenOptions .ShareDeskSection .Loading, .IM_Popout .ShareDeskSection .Loading{background:url(/images/AccessingLoader.gif) no-repeat center center;height:30px}
.Sd_functions{position:absolute;bottom:0;left:0;width:inherit;-moz-box-sizing:border-box;padding:2px}
.Sd_functions .Note{padding:2px}
.IM_Popout .SysError{height:38px;padding:2px 4px;overflow:auto;margin-top:4px}
.Sd_UnsupportedErroMsg{padding:2px 0;font-weight:700}
.IM_Popout .DoubleWindow_Sharedesk{padding:0 5px;height:99%}
.IM_Popout .DoubleWindow_Sharedesk .WindowOne{height:100%;padding:0;overflow:auto;position:relative}
.IM_Popout .DoubleWindow_Sharedesk .WindowOne .JoinedAndLeftMessage{padding:4px}
.IM_Popout .DoubleWindow_Sharedesk .WindowTwo{height:100%;width:175px;padding:0;overflow:auto;float:right;margin-left:6px}

/* UCC ActionMenu Section */
a.MoreOptions{background:url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat; width: 30px; height: 30px;font-size: 10px; text-decoration: none; display: block; background-position: -67px -342px}
a.MoreOptions:hover{ opacity: 0.6;}
a.MoreOptionsActive{background-position: -92px 0}

.IM_Popout a.MoreOptions{font-size:10px;text-decoration:none;padd.IM_BodyContent .HeaderBaring:0 9px 0 4px;margin-right:3px}
.TabsPopout .ActionMenu{position:absolute;right:-1px;top:0}
.IM_BodyContent .HeaderBar .ActionMenu{position:absolute;right:-8px;top:-11px}
.ActionsParentSpn{float:right;padding-top:2px;margin-right:2px}
.ActionsIconPos{position:relative;}
.ActionMenu{width:183px;}
.ActionMenu.ActionMenu_New{width:165px;}
.IM_Popout .ActionMenu{right:-1px;top:-5px;z-index:1}
.DialOptions .ActionsParentSpn{float:left;margin-top:4px;margin-right:8px}
.DialOptions .ActionsIconPos{z-index:1;position:relative}
.DialOptions .ActionMenu{position:absolute;right:-6px;top:-10px}
.recentInteractions_headerBar .ActionMenu{position:absolute;right:-8px;top:-8px}
.RI_ActionsParentSpn{margin-right:12px; display: flex; flex: 1; justify-content: flex-end;}

.RI_ActionsParentSpn .ActionsIconPos{}
.uccrightshadow{background:url(/images/right_ucc.png) no-repeat right top;padding-right:3px;margin:3px 0 0 2px}
.maindropdown{font-size:11px;padding:4px 4px 4px;text-align:left;overflow:visible}
.maindropdown ul li{background:none}
.maindropdown ul li a{display:block;font-size:11px;text-decoration:none;background:none;padding:3px 4px 2px;cursor:pointer;word-wrap:break-word;}
.inputelement ul li{padding:3px 4px 2px;}
.maindropdown ul li a:hover{font-weight:400!important}
.cornerucc{background:url(/images/cornerucc.png) no-repeat bottom right;float:left;position:absolute;bottom:0;right:0;width:3px;height:4px}
.uccbottomshadow{background:url(/images/bottom_ucc.png) no-repeat bottom left;height:4px;margin:0 3px}
.maindropdown .subMenu{left:0px;top:-6px!important;position: absolute;width:100px;z-index:2}
.TabsPopout .maindropdown li{float:none;margin:0;background:none}
.TabsPopout .maindropdown li a{padding:3px 4px 2px;background:none;float:none}
.TabsPopout .maindropdown li a, .TabsPopout .maindropdown li span{color:#333}
.CallOptions .ActionMenu{position:absolute;right:-3px;top:17px;width:195px;z-index: 1;}
.UCCoptions .ActionMenu{position:absolute;top:-5px;right:-4px}
.subMenuArrow{float:right; margin-top:2px;}

/* UCC Options */
.UCCoptions img{margin:0 3px}

.UCCoptions .ActionsParentSpn{float:left;margin-right:10px}

/* UCC Tabs Navigation */
.TabsPopout{margin:3px;padding:0 5px}
.TabsPopout ul li{float:left;margin:2px 14px 0 0;padding:0}
.TabsPopout ul li a, .TabsPopout ul li span{float:left;text-decoration:none;padding:4px 11px;display:block;margin-right:-10px}
.IM_OpenOptions{padding:0;margin:0;cursor:default; position: relative;}
.IM_OpenOptions ul.TabsOptions li,.InvteWebConftabs li{float:left;margin:2px 13px 0 0}
.IM_OpenOptions ul.TabsOptions li a,.InvteWebConftabs li a{float:left;text-decoration:none;padding:4px 11px;display:block;margin-right:-10px}

/* UCC PopOut */
.IM_Popout .BodySection{padding:3px 0 0;position:relative}
.IM_Popout .windowHeader{padding:8px 3px 8px 8px;margin:0 2px;box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);}
.IM_Popout .UserInfo{padding:1px 5px}
.IM_Popout .UserInfo div{padding:2px}
.IM_Popout .UserInfo span:hover{text-decoration:underline}
.IM_Popout .Dividersection{margin:5px 2px}

/* UCC IM_Conference */
.IM_Popout .DoubleWindow{padding:0 5px;height:180px}
.IM_Popout .DoubleWindow .WindowOne{height:100%;padding:0;margin-right:4px;overflow:auto}
.IM_Popout .DoubleWindow .WindowOne .JoinedAndLeftMessage{padding:4px}
.IM_Popout .DoubleWindow .WindowTwo{height:100%;width:175px;padding:0;overflow:auto;float:right;margin-left:6px}
ul.InviteMembers li{padding:2px 4px;display:block;cursor:pointer;text-decoration:none}
.IM_Popout .InviteList{margin:5px 0;padding:5px;overflow-x:hidden;overflow-y:auto}
.IM_Popout .InviteList input{margin-top:2px}
.IM_Popout .InviteList input[type='checkbox']{padding:0;margin:0 5px 0 0;vertical-align:middle}
.IM_Popout .InviteList p{margin:0;border:none}
.IM_Popout .dividerForm{height:1px;margin:5px}
.IM_Popout .InviteList{margin:5px 0;padding:5px;overflow-x:hidden;overflow-y:auto}
.IM_Popout .InviteUsersSection{padding:2px 5px}
.FieldLHeight{padding:4px 0}
.SearchFld{width:100px;padding:3px;border:none}
.InviteUsersSection .searchBoarder{width:123px;margin:0 0 0 5px}

/* UCC ADD a Contact */
.Messaddcontactcont{width:196px;text-align:left;position:absolute;top:22px;right:20px}
.Messaddcontactcont .dividerForm{height:1px;margin:5px 0}
.MessaddcontctHdr{height:23px}
.MessaddcontctHdrTxt{float:left;font-weight:700;margin:5px 0 0 8px}
.MessaddcontctHdrClose{float:right;margin:4px 6px 0 0;font-weight:700}
.MessaddcontctInnrcont{padding:5px 10px}
.MessaddconctTxtField{padding:3px 2px;margin:4px 0;width:139px}
.MessaddconctSelField{padding:2px;margin:4px 0;width:150px}
.ABuddyImg{margin:6px 0 0 4px;cursor:pointer}

/* SMS Enabled Buddies */
.SelectBuddy{width:20px;height:21px;cursor:pointer;position:relative}
.SelectBuddy:hover{background-position:0}
.SmsenbldBuddCont{width:162px;position:absolute}
.SmsenbldBuddHdrBg{height:23px}
.SmsenbldBuddHdrTxt{float:left;font-weight:700;margin:5px 0 0 8px}
.SmsenbldBuddHdrClose{float:right;padding:2px}
.SmsenbldBuddInnrCont{width:166px}
.SmsenbldBuddInrLstCont{width:155px;height:90px;overflow:auto;text-align:left;padding:6px}

/* To Desktop/To Browser Options */
.UCC_PopoutOptions{padding:2px 16px 2px 6px;cursor:pointer;border:1px solid transparent;position:relative;background:url(../images/popout_arrow.gif) no-repeat right center;position:relative;cursor:pointer;display:inline-block}
.UCC_PopoutOptions_Active{padding:2px 16px 2px 6px;cursor:pointer;position:relative;background:url(../images/popout_arrow.gif) no-repeat right center;display:inline-block}
ul.PopoutOptions_UCC{width:80px;position:absolute;left:-1px;top:18px}
ul.PopoutOptions_UCC li{padding:3px 5px;cursor:pointer}

/* ViewDetails */
.ViewDetails{width:315px;height:122px;background:url(/images/ViewDetails_Set.png) no-repeat left top;position:absolute;overflow:hidden;cursor:default;margin:-40px 0 0 30px;z-index:90;top:-3px;}
.ViewDetails a:hover{text-decoration:underline}
.ViewDetails .Name{font-weight:700;padding:6px 0 6px 4px;width:285px;margin-left:11px}
.ViewDetails .MemberPic{width:70px;height:70px;float:left;margin:6px 9px 0 14px}
.ViewDetails .Details{float:left;text-align:left;font-weight:400; width: 222px;}
.ViewDetails div.FieldSection{margin:2px 0;overflow:hidden}
.ViewDetails .CloseDetails{position:absolute;top:6px;right:16px;cursor:pointer}
.ViewDetails div.FieldSection .Titles{width:auto;float:left;margin-right:5px}
.ViewDetails div.FieldSection .NoData{width:96px;float:left}
.ViewDetails div.FieldSection .Data{width:96px;float:left;cursor:pointer}
.ViewDetails div.FieldSection .Data:hover{text-decoration:underline}
.Reverse{background-position:left bottom}

/* Download Components */
.download_components .cancel_buttons{text-decoration:none}
.download_components .cancel_buttons_download:hover, .download_components .cancel_buttons_cancellall:hover, .download_components .cancel_buttons_completed:hover, .download_components .cancel_buttons:hover{text-decoration:underline}
/* .IM_BodyContent .MemberSection:hover{float:left} */
.IM_BodyContent .MemberSection,.IM_BodyContent .MemberSectionActive,.IM_BodyContent .DragSectionActive{position:relative; margin:0;padding:0;cursor:pointer; height: 70px;
                                                                                                       display: flex;
                                                                                                       justify-content: flex-start;
                                                                                                       align-items: center;
                                                                                                       width: 100%;
}
.MemberSectionActive{border-bottom: 1px solid #ececec;}
.GrpFaxSelAll{display: flex;align-items: center; padding: 5px 0 5px 0;border-bottom: 1px solid #e9e9e9;}

.maindropdownfax{position: absolute;
    background: #fff;
    border: 1px solid #dbdbdb;
    width: 139px;
    box-shadow: 1px 1px 8px #DBDBDD;
    max-height: 64px;
    overflow: auto;}
.faxlist{padding: 2px;cursor: pointer;}

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

.checkMark{
        background: url(/images/checkmark.png) no-repeat;
        height: 15px;
        width: 15px;
        display: block;

}
.space_15px{
    height: 15px;
    width: 15px;
}

.name_elipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 220px;
}
    
.fax_name_elipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 220px;
}
    
.IM_BodyContent .editMsg .MemberSection:hover{background-color:transparent;}
.MemberSection.recentVoicemailSection {height:auto;padding:5px 0px;}
.voicemailPlayerMain.voicemailPlayer {width:270px;}
.voicemailCloseIcon {width:20px;height:20px;background-image:url(/images/streams/stream-icons-sprite.png?t=14052019); background-repeat:no-repeat; display: flex;position:absolute;top:0;right:0;bacground-position:200px 10px}
.MemberSectionComment{height:auto !important;/*min-height:70px;*/padding: 10px 0 10px 0 !important;}
.MemberSectionLike{height:auto !important;padding: 10px 0 10px 0 !important;}

.buddyMain{display: flex;}

.liveStreamBuddy{background-color: #f9d295;}
.liveStreamBuddy:hover{background-color: #f9d295 !important;}
/* Compact View */
.IM_BodyContent .compactView .MemberSection{border:1px solid transparent}
.compactView .MemberSection:hover{float:left}
.compactView .MemberSection,.compactView .MemberSectionActive,.compactView .DragSectionActive{padding:0 5px 0 2px;float:left;margin-bottom:0;cursor:pointer;}
.singleLineUCC{padding-left:2px}
.singleLineUCCBuddyIcon{padding:3px}

/* ACE Feature */
.ACE_Options{position:absolute;right:10px;top:23px;overflow:hidden;z-index:1}
.ACE_Options a{background:url(/images/ACE_Btn2.gif) no-repeat right top;text-decoration:none;display:block;padding-right:2px;float:left;margin:0 2px;outline:none}
.ACE_Options span{position:relative;font-weight:400;background:url(/images/ACE_Btn1.gif?a=1) no-repeat left top;display:block;padding:2px 3px 3px 6px}
.ACE_Options span:hover{background-position:left -18px}
.ACE_Options a:hover{background-position:right -18px}
.ACE_Options span:active{background-position:left top}
.ACE_Options a:active{background-position:right top}
.ACE_Options a.Red{background-position:right -36px}
.ACE_Options a.Red span{background-position:0 -36px}
.ACE_Options a.Red:hover{background-position:right -54px}
.ACE_Options a.Red span:hover{background-position:0 -54px}
.DialOptions{padding:3px 6px 3px 0;margin-bottom:2px}
.DialField{position:relative;margin-right:2px;padding-left:5px;z-index:1}
.DialField input.NotRegistered{width:131px;padding:3px}
.DialField input.Registered{width:131px;padding:3px}
.DialField .softphone,
.DialField .SoftPhoneType2{left:0;top:24px;position:absolute;margin-left:4px}
.CallOptions{background:url(/images/CallOptions.png?a=4);cursor:pointer}
.CallOptions.DialIcon{background-position:0 0;width:24px;height:21px;margin:0 1px 0 2px}
.CallOptions.DialIcon:hover{background-position:-34px 0}
.CallOptions.DialIcon_Disable{background-position:-68px 0;width:24px;height:21px;margin:0 1px 0 2px;cursor:default}
.CallOptions.DialpadIcon{background-position:0 -31px;width:24px;height:21px;margin:0 1px 0 2px}
.CallOptions.DialpadIcon:hover{background-position:-34px -31px}
.CallOptions.DialpadIcon_Disable{background-position:-68px -31px;width:24px;height:21px;margin:0 1px 0 2px;cursor:default}
.CallOptions.RedialIcon{background-position:0 -124px;width:24px;height:21px;margin:0 1px 0 2px;z-index:3}
.CallOptions.RedialIcon:hover{background-position:-34px -124px}
.CallOptions.RedialIcon_Disable{background-position:-68px -124px;width:24px;height:21px;margin:0 1px 0 2px;cursor:default}
.CallOptions.TransferIcon{background-position:0 -62px;width:24px;height:21px;margin:0 1px 0 2px}
.CallOptions.TransferIcon:hover{background-position:-34px -62px}
.CallOptions.TransferIcon_Disable{background-position:-68px -62px;width:24px;height:21px;margin:0 1px 0 2px;cursor:default}
.CallOptions.VM{background-position:0 -93px;width:24px;height:21px;margin:0 1px 0 2px}
.CallOptions.VM:hover{background-position:-34px -93px}
.CallOptions.VM_Disable{background-position:-68px -93px;width:24px;height:21px;margin:0 1px 0 2px;cursor:default}
.CallOptions.VM_Inbox{background-position:-102px -93px;width:24px;height:21px;margin:0 1px 0 2px}
.CallOptions .maindropdown{background-color:#FFF;border:1px solid #D1D1D1}
.CallOptions .maindropdown ul li a.OutBound{background:url(/images/OutgoingCall.png?a=1) no-repeat 3px center; padding-left:18px}
.CallOptions .maindropdown ul li a.InBound{background:url(/images/IncomingCall.png?b=2) no-repeat 3px center; padding-left:18px}
.CallOptions.dndBtn {background-position: 0 -155px;height: 21px;margin: 0 1px 0 2px;width: 40px}
.CallOptions.dndBtn:hover {background-position: -50px -155px}
.CallOptions.dnd_Disable {background-position: -150px -155px;cursor: default;height: 21px;margin: 0 1px 0 2px;width: 40px}
.CallOptions.dnd_Enable {background-position: -100px -155px;height: 21px;margin: 0 1px 0 2px;width: 40px}        


/* For Dialpad */
.Dialpad{width:179px}
.DialpadArea{padding:4px}
ul.SPhone{overflow:hidden}
ul.SPhone .NrmlTxt{font-weight:400}
ul.SPhone li{float:left;margin:2px;padding:0 0 0 2px}
ul.SPhone li a{width:49px;display:block;text-align:center;padding:2px 2px 2px 0;font-weight:700;text-decoration:none;outline:none}
ul.SPhone li a.TFBtn{width:106px}
ul.SPhone .Alphabets{font-size:10px;font-weight:400;line-height:12px}
ul.SPhone .Digit{line-height:10px}
ul.SPhone .SingleDigit{line-height:22px}
ul.SPhone li.Volume{background:none;padding-top:2px}
.SPhoneBtnOpen{background:url(/images/SoftphoneBtns.png?a=1) left top}
.SPhoneBtnOpen:hover{background-position:left bottom}
.SPhoneBtnOpen .CloseCrve{background-position:right top}
.SPhoneBtnOpen .CloseCrve:hover{background-position:right bottom}
.SPhoneBtnOpen.Active{background-position:left -26px}
.SPhoneBtnOpen.Active .CloseCrve{background-position:right -26px}
.AudioSetup{background-image:url(/images/AudioSetup.png)}
.AudioSetup.VolumeEnable{background-position:-10px -5px;width:14px;height:11px;margin:auto;cursor:pointer}
.AudioSetup.VolumeDisable{background-position:-32px -5px;width:14px;height:11px;margin:auto;cursor:pointer}
.AudioSetup.MicEnable{background-position:-8px -23px;width:14px;height:13px;margin:auto;cursor:pointer}
.AudioSetup.MicDisable{background-position:-31px -23px;width:14px;height:13px;margin:auto;cursor:pointer}
.AudioSetup.AdjustBar{background-position:-2px -44px;cursor:pointer;height:2px;margin-top:2px;overflow:hidden;padding:2px;width:46px;text-align:left}

/* For Softphone */
.SoftPhoneType2{width:175px}
.SoftPhoneType2 .EnterDial{padding:3px 4px;position:relative}
.SoftPhoneType2 .DialpadArea{padding:2px}
.SoftPhoneType2 input.DialNumber{padding:3px 22px 3px 3px;width:140px;font-weight:700}
.SoftPhoneType2 .ClearBtn{position:absolute;right:8px;top:6px;cursor:pointer}

/* Standalone UCC Headers */
.SLHeader{font-weight:700;font-size:12px;padding:5px 0 3px 10px}

/* Add buddy pending request */
.pendingRequest{width:100%;margin-left:5px}
.forAllLinkText{font-weight:700;text-align:right;text-decoration:none}
.contentRequest{width:100%;clear:both;margin-top:10px}

/* What do you want to do? */
.whatDoUlli{clear:both}
.whatDoUlli ul li{padding:9px 0 0 10px;clear:both}
.whatDoUlli ul li label, .whatDoUlli ul li input{line-height:1.7em;display:block;float:left}

/* Add Buddy in Chat Window */
.exclamation{float:left;margin:1px 10px 0 0}
.addbuddy_content{margin:5px;padding:6px 10px 0;width:auto;height:auto}
.addbuddy_content p{padding-left:28px;line-height:14px;text-align:left;margin:6px 0}
.addbuddy_content h2{font-size:11px;font-weight:700;margin:0}
.addbuddy_button{margin:1px 0 0 5px;float:left}
.clear{clear:both;height:0;width:0}
.alert_buddy_message{clear:both}
.emphasize{font-weight:700}

/* Drag n Drop */
.MovableGroupHeader{padding-left:28px;font-weight:700;line-height:27px;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;cursor:move;text-align:left;width:242px;margin:2px}
.DragMember{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;cursor:move;padding:3px 2px 2px;margin-bottom:2px;width:260px;overflow:hidden;font-size:11px;font-weight:700;text-align:left}
.DropGroup_Indication{margin:3px 0;padding:1px 5px}

/* For All */
.ClearBtn{width:20px; height:20px;background-image:url(/images/streams/stream-icons-sprite.png?t=14052019);background-position:-473px -5px;display: inline-block;position:absolute;top:8px;right:5px;cursor:pointer;}
.microphoneBlock{width:20px; height:20px;background-image:url(/images/streams/stream-icons-sprite.png?t=14052019);background-position: -518px -3543px;display: inline-block;position:absolute;top:8px;right:5px;cursor:pointer;}

/* miscellaneous */
.AlertMessageChatPop{text-align:center;}
.IM_Search input.softphoneTextField{font-size:11px;float:left;width:125px;margin:0;vertical-align:middle;height:22px;padding-left:4px}
.DO_Field{border:1px solid red}
.CallRecordinBorderBottom{margin-left:5px}
.ftStatusBarBGColor{height:4px}
.changePassowrdPopup{display:inline; position:relative;}
.settingHintContentPopup{z-index:10;padding:8px 5px;text-align:left;width:205px;position:absolute;left:0;top:-10px;background-color:#ffffe1;border:solid 1px #ccc}
.settingHintContentPopup h2{margin:0;padding:0;font-size:12px;font-weight:normal;padding-bottom:6px}
.settingHintContentPopup ul{margin:0 0 0 20px;padding:0px;font-size:11px}
.settingHintContentPopup ul li{list-style:disc!important;background-image: none!important}
.fontSize{font-size:16px}
.textUpperCase{text-transform:uppercase}
.PaddLRone{padding:0 10px}
.PaddTRBLone{padding:10px}

/* SelectGroup */
.selectGroupIn{width:500px;clear:both;padding:20px 0 0 15px}
.selectGroupFrom{text-align:left}
.messAddConctSelField,.messAddConctTxtField{margin:4px 0;padding:2px;width:145px}
.messAddConctTxtField{width:140px}

/* "Img" tags form JSP pages */
.chtWndowSmsBudClos{height:12px;width:13px;margin:3px 3px 0 0}
.ChtSmsenbldBuddGropIco{padding:2px 0 2px 18px;clear:both;float:left}
.ChtWndwEnbledBuddyBdy{padding:2px 0 2px 18px;clear:both;margin-left:5px;float:left}

/* JCrop */
.jcrop-holder{text-align:left}
.jcrop-vline,.jcrop-hline{font-size:0;position:absolute;background:#fff url('Jcrop.gif') top left repeat}
.jcrop-vline{height:100%;width:1px !important}
.jcrop-hline{width:100%;height:1px !important}
.jcrop-handle{font-size:1px;width:7px !important;height:7px !important;*width:9px;*height:9px}
.jcrop-tracker{width:100%;height:100%}
.custom .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px}

/* Migration Popup */
.migrationMainPop{left:0;position:absolute;top:35%;width:100%}
.migrationPopup{margin:auto;text-align:left;width:312px;border:solid 1px #373734; background-color:#fcfff4!important;font-size:12px;background:url(/images/migrationcontentbg.gif) repeat-x left top}
.migrationPopup h2{background:url(/images/migrationhederbg.gif) repeat-x left top;width:300px;font-size:14px;line-height:37px; height:37px;padding-left:12px;position:relative;margin:0}
.migrationCloseButton{background:url(/images/close.png) repeat-x left top;width:18px;height:19px;display:block;position:absolute;top:8px;right:8px;cursor:pointer}
.contentMigra{padding:10px 0 0 85px}
.contentMigra input{position:relative;top:2px;border:none!important}
.buttonSubmitAlign{text-align:center; padding:15px 0;margin:0}

/* ToolTip */
a.tt{position:relative;z-index:0;text-decoration:none;color:#333;cursor:pointer}
a.tt span{display:none}
a.tt:hover{z-index:9}
a.tt:hover span.tooltip{display:block;position:absolute;left:20px!important;padding: 1px 0 0 0;width:200px;text-align:left;top:-13px;top:0}
a.tt:hover span.top{display:block;padding: 20px 0 0 8px;background: url(/images/bubble.png) no-repeat right top}
a.tt:hover span.middle{display:block;padding: 0 15px 0 20px;background: url(/images/bubble_filler.png) repeat-y right top;position:relative;font-size:11px}
a.tt:hover span.middleToolContent{position:relative;top:-10px;display:block}
a.tt:hover span.bottom{display: block;padding:3px 8px 10px;background: url(/images/bubble.png) no-repeat right bottom;position:relative}
.questionIcon{position:relative;top:-4px;border:none;padding:3px 5px}

/* AlertMessages */
.sucess{background-color:#eaf8e4;border:3px solid #8dc478;color:#3e642f;font-size:12px;font-weight:700;margin:6px;overflow:hidden;padding:7px}
.error{background-color:#fff2f2;border:3px solid #cc0000;color:#5F3939;font-size:12px;font-weight:700;margin:6px;overflow:hidden;padding:7px}
.redColor{color:red}

/* TryUC */
.tryucUpgradeButton{background:url(/images/upgradenow_button.png) no-repeat scroll 0 0 transparent;display:block;height:30px;width:127px}

/* Webconf in chatwindow */
.OutlookWebConf{padding:4px}
.OutlookWebConf .InvtWebConfTopHddnMenSbtTxt{float:none;padding:0;width:auto;line-height:inherit}
.OutlookWebConf .InvtWebConfTopHddnMenTxt{margin:0;padding:3px 0 5px;word-wrap:break-word}
.OutlookWebConf .InvtWebConfTopHdnTextArea{width:92%;height:53px}
.OutlookWebConf .InvtWebConfFCenter{margin:0}
.OutlookWebConf .InvtWebConfSignature{width:92%}


.PagingBuddies div{margin:0 2px}
.PBuddiesPrevNext, .PBuddiesSelectedNav, .PBuddiesChosPg, .PBuddiesSelectedPg{border:1px solid #dedede;padding:0px 4px}


.FlashTxt .di_worksurface{overflow:hidden}
.BorderOne {border:1px solid #ccc}
.FlashTxt .di_worksurface object {width:100%;height:100%;}

.RI_Section .DragSectionActive .StatusTxt,.RI_Section .DragSectionActive:hover .StatusTxt{color:#333}

.IM_BodyContent .CallTimer{font-weight:400;position:absolute;right:5px;top:6px;}
.IM_BodyContent .compactView .CallTimer{font-weight:400;position:absolute;right:5;top:0;z-index:1}

.SliderBase {background:url(/images/slidebarHorBg.gif) no-repeat center top;width:153px;height:2px;margin:7px 0 0;position:relative;padding:2px 4px}
.SliderBase .SliderBar {background-color:#666;height:3px}
.SliderBase .AdjustBar {cursor:pointer;height:9px;overflow:hidden;position:absolute;top:-2px;text-align:left;width:16px;background:url(/images/adjustbar.png) no-repeat}
.PadCent{padding:3px}
.Playbtn{padding:3px 6px}



/* Outlook Contacts Page wise display */
/*
.AlPhaOrder{padding:4px 2px 2px}
.Alphabets{margin:0 12px;white-space:nowrap;overflow:hidden;padding:2px 0;}
.Alphabets span.Clickable{color:#7B9701;cursor:pointer;padding: 0 2px 0 1px}
.Alphabets span.Clickable:hover{text-decoration:underline}
.Alphabets span.Selected{font-weight:700;color:#7B9701;border:1px solid #d8e0b5; background-color:#fff;padding:0 3px;margin:0}
.Alphabets .MSpace{margin-right:3px}
.AlphabetActions{background-image: url(/images/AlphabetActions.gif);margin-top:3px}
.AlphabetActions.PrevDisable{width:7px; height:11px; background-position:0 0}
.AlphabetActions.PrevAction{width:7px; height:11px; background-position:0 -11px; cursor:pointer}
.AlphabetActions.NextDisable{width:7px; height:11px; background-position:-7px -11px}
.AlphabetActions.NextAction{width:7px; height:11px; background-position:-7px 0; cursor:pointer}
*/

.AlPhaOrder{padding:2px;background:url(/images/AlphaPipeBg.gif) repeat-x left center;border-bottom:1px solid #dbdbdb}
.AlphabetLtrs{margin:0 12px;white-space:nowrap;overflow:hidden;padding:2px 0;font-size:9px}
.AlphabetLtrs span.Clickable{cursor:pointer;margin:0 2px 0 1px}
.AlphabetLtrs span.Clickable:hover{text-decoration:underline}
.AlphabetLtrs span.Selected{font-weight:700;padding:0 3px;margin:0}
.AlphabetLtrs .MSpace{margin-right:3px}
.AlphabetActions{background-image: url(/images/AlphabetActions.gif);margin-top:2px}
.AlphabetActions.PrevDisable{width:7px; height:11px; background-position:0 0}
.AlphabetActions.PrevAction{width:7px; height:11px; background-position:0 -11px; cursor:pointer}
.AlphabetActions.NextDisable{width:7px; height:11px; background-position:-7px -11px}
.AlphabetActions.NextAction{width:7px;height:11px;background-position:-7px 0;cursor:pointer}

.PagingBuddies div{margin:0 2px}
.PBuddiesPrevNext, .PBuddiesSelectedNav, .PBuddiesChosPg, .PBuddiesSelectedPg{border:1px solid #dedede;padding:0px 4px}
.PBuddiesChosPg:hover,.PBuddiesPrevNext:hover{border:1px solid #d98500;cursor:pointer;background-color:#fff9f0}
.PBuddiesSelectedPg{border:none;font-weight:700;color:#c06606}
.outlookiconOnPic{position:absolute;bottom:0;right:0}

/* Social Media */
.socialMediaIcons{overflow:hidden;top:6px;right:-5px;position: absolute;margin-right: 20px;}
.socialMedia{background:url(/images/socialMedia.gif) no-repeat;width:16px;height:16px;margin:0 2px 0 3px;cursor:pointer}
.socialMedia.faceBookIco{background-position:0 0}
.socialMedia.twitterIco{background-position:-19px 0}
.socialMedia.linkedinIco{background-position:-38px 0}
.socialMedia.linkIcon{background-position:-57px 0}
.PaddBone {padding-bottom: 7px}

.IM_OpenOptions fieldset.SectionLegend, .IM_Popout fieldset.SectionLegend{padding:6px 0;border:none}
.IM_OpenOptions fieldset.SectionLegend select, .IM_Popout fieldset.SectionLegend select{margin:0}

/*  Added for fax */
.PaddTone{padding-top:5px}
.PaddLRtwo{padding:0 5px}

.ForIM .ActionMenu{position: absolute;left:0;top:0;width:182px;}
.ForIM .uccrightshadow{margin:0}
.ForIM .maindropdown{background-color:#fff;border:1px solid #d1d1d1}
.ForIM .maindropdown li{cursor:pointer;padding: 2px 4px 2px}

.RI_Section .FaxSplChg .ACE_Options{right:20px}

.sucess_SubSec{background-color: #EAF8E4;border: 2px solid #8DC478;color: #3E642F;margin: 3px;overflow: hidden;padding: 2px 7px}
.error_SubSec{background-color: #FFF2F2;border: 2px solid #CC0000;color: #5F3939;margin: 3px;overflow: hidden;padding: 2px 7px}


.IM_OpenOptions fieldset.SectionLegend textarea,
.IM_Popout fieldset.SectionLegend textarea{margin: 0}
/*.IM_OpenOptions fieldset.SectionLegend legend,
.IM_Popout fieldset.SectionLegend legend{padding:0;width:100%;background-color:#f7f7f7;line-height:24px}
.IM_OpenOptions fieldset.SectionLegend legend span,
.IM_Popout fieldset.SectionLegend span{padding-left:10px;font-weight:700} */

.CallMark {background:url(/images/RiArrow.gif) no-repeat center center;height:18px;width:12px;display:block;margin-left:8px}
.HndCursr{cursor:pointer}


.IM_OpenOptions fieldset.SectionLegend legend.TitleSec,
.IM_Popout fieldset.SectionLegend legend.TitleSec{padding:0;width:100%;background-color:#f7f7f7;line-height:24px}

.IM_OpenOptions fieldset.SectionLegend legend.TitleSec span,
.IM_Popout fieldset.SectionLegend legend.TitleSec span{padding-left:10px;font-weight:700}



.IM_OpenOptions .LblWidth{width:74px}
.IM_Popout .LblWidth{width:100px}

.IM_OpenOptions .txtareaSpl{width:160px}
.IM_Popout .txtareaSpl{width:256px}

.IM_OpenOptions .txtareaAlon{width:100%}
.IM_Popout .txtareaAlon{width:100%;height:200px}

.contactRequest {padding:10px 0;clear:both;}
.contactUpate {padding:10px 0 0 0;clear:both;}
.contactData {overflow-x: hidden;overflow-y: auto;height: 200px;border-bottom:1px solid #CCCCCC;clear:both;}
.clearDevLine{clear:both;line-height:1px;}


.ScrolPrntSav{right:4px;position: absolute;top:2px}
.PaddTRBLone{padding:5px}

.SectionPaging .CenterNavigation.OlookPagng{width:auto;text-align:center}
.mozNoSelect {-moz-user-select:none;}

.MobTextField{
    float:left;
    overflow:auto;
    text-align:left;
    border:1px solid #f6d08e;border-left:none;border-bottom:none;padding:0px;background:url(/images/inputBG.gif) repeat-x center top;width:100%;margin:0;height:36px}

.NoWrap {white-space: nowrap;}
.IM_Popout .socialMediaIcons{right: 26px;top: 9px;z-index: 0;position:relative}

/* videochat */
/*.IM_OpenOptions .BodySection video { border: 1px solid #ccc; position: absolute; right: 0; top: 0; padding: 2px; width:33%}*/
.IM_OpenOptions .BodySection .videoscroll { border: 1px solid #ccc; position: absolute; right: 20px; top: 0; padding: 2px; width:33%}
.IM_OpenOptions .BodySection .ChatBoard.videotag{padding-right: 30%;}




/* ULM Styles */
/*
.TreeVerticalLines{background:url(/images/TreeVeticalLines.gif) repeat-y left top}
.TwoColumnDots{background-position:-6px top}
.SingleColmnDots{background-position:-25px top}
.ShowAreaSingleColmnDots{background:url(/images/SingleVLine.gif) repeat-y 30px top}
.TreeRoutes{background:url(/images/TreeRoutes.gif) no-repeat left top}
.TreeViewSpace{background-position:-13px -60px}
.LvlOneSubHdrs{background-position:28px -210px}
.LvlOneSubLastHdrs{background-position:28px -263px}
.SubGrpLvlOne .TreeViewSpace{padding-left:18px;background-color:#9FC4DC}
.EndTreeLvlOneHdr{background-position:-8px -15px}
.EndTreeLvlTwoHdr{background-position:11px -15px}
.TreeHdrDirection{background-position:-8px -60px}
.SubGrpLvlTwo .TreeHdrDirection{background-position:11px -60px}
.SubGrpLvlOne span.HeaderTitle{color:#333}
.SubGrpLvlTwo .HeaderBar{padding-left:38px;background-color:#eef6fd}
.SubGrpLvlTwo span.HeaderTitle{color:#333}
.SubGrpLvlOne .ShowArea,.SubGrpLvlTwo .ShowArea {padding-left:38px}
.IM_BodyContent .CallTimer{right:22px;color:#8b8b8b}
.CallTimer .IdleDuration{padding-top:3px;text-align:right}
*/

.SubGrpLvlOne span.HeaderTitle{color:#333}
.SubGrpLvlTwo span.HeaderTitle{color:#333}
.SubGrpLvlOne .ShowArea,.SubGrpLvlTwo .ShowArea {padding-left:38px}

.headerMore{position: relative; display: flex; justify-content: flex-end;}

.CallTimer .IdleDuration{padding-top:3px;text-align:right}
.ulm .OpenLvlOneChild{background:url(/images/Tree_LvlOneOpen.gif) no-repeat 10px center transparent}
.ulm .CallTimer{right:22px}
.ulm .OpenLvlOneChild_NoGrps,
.ulm .CloseLvlOneChild{background:url(/images/Tree_LvlOneOpen_noGrps.gif) no-repeat 10px center transparent}
.ulm .OpenLvlTwoChild{background:url(/images/Tree_LvlTwoOpen.gif) no-repeat 10px center transparent}
.ulm .CloseLvlTwoChild{background:url() no-repeat 10px center transparent}
.ulm .LvlOneLastChild{background:url(/images/LvlOneLastChild.gif) no-repeat 10px center transparent}
.ulm .LvlTwoLastChild{background:url(/images/LvlTwoLastChild.gif) no-repeat 10px center transparent}
.ulm .Tree_SingleLine_1{background:url(/images/SingleVLine.gif) repeat-y 12px top}
.ulm .Tree_doubleLine{background:url(/images/TreeVeticalLines.gif) repeat-y -7px top}
.ulm .SubGrpLvlOne .HeaderBar{padding-left:18px}
.ulm .SubGrpLvlTwo .HeaderBar{padding-left:38px}
.outlookiconOnPic,.iconOnPic {
    bottom: 0;
    position: absolute;
    right: 0;
}



/* 3rd Oct Omprakash ULM Styles */
.acdStaticCallRec{float:left; font-family:helvetica; font-size:11px;width:250px;}
.acdStaticCallRec .calndrPosition{position:relative;padding-right:22px;}
.acdStaticCallRec .calndrPosition img{position:absolute;right:0}
.smallInput{width:50px;}
.acdStaticTitle{position:relative; text-align:left;}
.acdStaticTitle a{position:absolute;top:9px; right:7px;}
.acdStaticTitle, .selectGroups{padding:10px 26px 10px 10px;font-weight:bold;}
.startTime, .endTime{padding:8px 10px;}
.scrolling{max-height:200px;overflow:auto}
.groupsList span{clear:both;display:block;padding:4px 10px;background-color:#f6f6f6;margin-bottom:3px;}
.groupsListspan{padding:3px 10px;background-color:#f6f6f6;margin-bottom:3px;margin-top:3px;}
.whiteBg{background-color:#fff!important;}
.padLeftTen{padding-left:10px;}
.padleftFive{padding-left:5px}
.NoWrap {white-space: nowrap;}

.IM_Popout .socialMediaIcons{right: 26px;top: 9px;z-index: 0;position:relative}


.MobTextField{float:left;overflow:auto;text-align:left;border:1px solid #f6d08e;padding:0px;background:url(/images/inputBG.gif) repeat-x center top;width:99%;margin:0;height:36px;}.NoWrap{white-space:nowrap;}.IM_Popout .socialMediaIcons{right:26px;top:9px;z-index:0;position:relative;}





/*webrtc related*/
.WSvideoPlace {
    border:3px solid #e7e7e7;
    padding:1px;
    margin:10px 0 10px 10px;
    position:relative
}
.WSvideoTwoPlaceholder {
    border:3px solid transparent;
    padding:1px;
    margin:10px 0 10px 10px;
    width:182px;
}
.WSvideoOnesize{margin-right:265px}
.WSvideoClose {
    background:url(/images/close_wsvideoOptions.png) no-repeat;
    width:17px;
    height:17px;
    position:absolute;
    right:5px;
    top:5px;
    cursor:pointer;
    z-index:1
}
.WSvideoOptionsPlace {
    border:3px solid #f6f6f6;
    background-color:#fafafa;
    padding:5px 3px;
    margin:10px 10px 0 10px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    width:32px
}
.WSvideoOptions {
    background:url(/images/videoOptions.png) no-repeat
}
.WSvideoOptions.BlockIcon {
    background-position:0 0;
    width:20px;
    height:20px;
    margin:auto
}
.WSvideoOptions.UnBlockIcon {
    background-position:-30px 0;
    width:20px;
    height:20px;
    margin:auto
}
.WSvideoOptions.mySelfIcon {
    background-position:-60px 0;
    width:20px;
    height:20px;
    margin:auto;
    cursor:pointer
}
.WSvideoOptionsIconName {
    font-size:10px;
}
.WSvideoOptionsAligns {
    text-align:center;
    cursor:pointer
}
.WSvideoOptionsDvdLine {
    background-color:#e1e1e1;
    height:2px;
    margin:5px 0
}
.close_di_desktop{background:url(/images/close_di_desktopWindow.png) no-repeat; width:17px;height:17px;position:absolute;right:10px;top:3px;cursor:pointer}


/* Added by Pavan for video Call */
.CompleteVideoSection{margin:10px}
.WSvideoPlace{border:3px solid #e7e7e7;padding:1px;position:relative;background-color:#fff}
.WSvideoPlace2{border:3px solid #e7e7e7;padding:1px;position:relative;background-color:#fff;width:130px;height:100px}
.WSvideoOnesize,
.BottomVideosContainer{margin-right:138px}
.WSvideoClose {background:url(/images/close_wsvideoOptions.png) no-repeat;width:17px;height:17px;position:absolute;right:5px;top:5px;cursor:pointer}
.close_di_desktop{background:url(/images/close_di_desktopWindow.png) no-repeat; width:17px;height:17px;position:absolute;right:10px;top:3px;cursor:pointer}
.videoAlrtPosition{position:absolute;left:1px;right:1px;top:1px;bottom:1px;background-color:#bababa;z-index:4;}


/* common------------------------ */
.CRadius_3px{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.CRadius_5px{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}

/* Main Video Loading------------------------ */
.loadingVideoAlert{position:absolute;top:40%;left:25%;right:25%}
.loadingVideoAlert .popupBglayer{background-color:#ebebeb;padding:2px}
.loadingVideoAlert .popupDatalayer{background-color:#fff;border:1px solid #ebebeb;padding:7px}
.loadingVideoAlert .RelatedIcon{background:url(/images/framework/loading.gif) no-repeat center center;width:40px;height:34px;}
.loadingVideoAlert .RelatedData{margin-left:45px;font-size:12px;line-height:16px}

/* Main Video Pending Alert------------------------ */
.RequestVideoElements{position:absolute;top:40%;left:25%;right:25%}
.RequestVideoElements .popupBglayer{background-color:#f8e1e1;padding:2px}
.RequestVideoElements .popupDatalayer{background-color:#fff2f2;border:1px solid #e5baba;padding:7px}
.RequestVideoElements .RelatedIcon{background:url(/images/requestIcon.png) no-repeat center center;width:40px;height:30px;}
.RequestVideoElements .RelatedData{margin-left:45px;color:#6a4949;font-size:12px;line-height:16px}

/* Small Videos Loading------------------------ */
.smallVideoAlert{position:absolute;top:19%;left:36%;right:25%}
.smallVideoAlert .popupBglayer{background-color:#ebebeb;padding:2px}
.smallVideoAlert .popupDatalayer{background-color:#fff;border:1px solid #ebebeb;padding:2px 5px}
.smallVideoAlert .RelatedIcon{background:url(/images/loading_small.gif) no-repeat center center; width:16px;height:16px}
.smallVideoAlert .RelatedData{margin-left:22px;line-height:16px}

/* Video Action Buttons------------------------ */
.videoActions{position:absolute;bottom:10px;right:10px}
.BtnBlock{border:2px solid #8c9e39;font-weight:700;padding:0 10px;text-align:center;background:url(/images/transparentB.png) repeat-x top left #9daf24;line-height:42px;font-size:13px;cursor:pointer}
.BtnMyself{border:2px solid #e88626;font-weight:700;margin-left:4px;text-align:center;background:url(/images/transparentB.png) repeat-x top left #f18114;padding:5px 10px;font-size:13px;cursor:pointer}
.BtnMyself:hover,.BtnBlock:hover{background-position:0 -5px}

/* Temporary------------------------ */
.smapleSize{width:130px;position:absolute;z-index:2}
.rightVideoColumn{width:138px}

/* Added by omprakash for audio call */
a.audPlayBtn{background:url(/images/CallButtons.gif) center -126px;height:24px;width:63px;display:block;outline:none;margin-right:7px}
a.resumeBtn{background:url(/images/CallButtons.gif) center -102px;height:24px;width:63px;display:block;outline:none;margin-right:7px}
a.pauseBtn{background:url(/images/CallButtons.gif) center -150px;height:24px;width:63px;display:block;outline:none;margin-right:7px}
a.muteBtn{background:url(/images/CallButtons.gif) center -198px;height:24px;width:63px;display:block;outline:none;margin-right:7px}
a.unmuteBtn{background:url(/images/CallButtons.gif) center -221px;height:24px;width:63px;display:block;outline:none;margin-right:7px}
a.closeBtn{background:url(/images/CallButtons.gif) center -173px;height:24px;width:63px;display:block;outline:none;margin-right:7px}
a.hangupBtn{background:url(/images/CallButtons.gif) center -245px;height:24px;width:63px;display:block;outline:none;margin-right:7px}

.NotificationWindow{border:8px solid transparent}
.NotificationWindow td.columnClr{background:#fff}
.NotificationWindow h1.error{color:#CB3608;font-size:22px;background:none;border:none;margin:0;padding:5px 0 10px 0}
.NotificationWindow h1.sucess{color:#7b9701;font-size:22px;background:none;border:none;margin:0;padding:5px 0 10px 0}

/*  16th Feb 2012  */
.TableContentCommon{background-color:#ccc;margin:5px}
.TableContentCommon table td{background-color:#fff}
.TableContentCommon table th{background-color:#f0f0f0}
.TableContentCommon .groupsListspan{display:none}

.IM_BodyContent .CallPushSection{background-color:#e8ddc9;border:1px solid #c9bea9;}
.IM_BodyContent .CallPullSection{background-color:#fee067;border:1px solid #fece67;}

.maindropdown li.grayedOut:hover{background:none}
.maindropdown li.grayedOut a{cursor:default}


/*  05/May/2012  */
.closeWindow{background:url(../images/close_di_desktopWindow.png) no-repeat center;width:20px;height:20px;cursor:pointer;padding:1px 8px}
.UCC_Search .ClearBtn,
.DialField .ClearBtn{background:url(../images/framework/cleanBtn.gif) no-repeat center;width:14px;height:14px;cursor:pointer}
.BuddyStatusIcon .offlineIcon{width:10px;height:10px;background:url(../images/MessStatsBudInvsble.gif) no-repeat top center}
.BuddyStatusIcon .onlineIcon{width:10px;height:10px;background:url(../images/MessStatsOnline.gif) no-repeat top center}
.BuddyStatusIcon .idleIcon{width:10px;height:10px;background:url(../images/MessStatsOnline.gif) no-repeat top center}
.BuddyStatusIcon .idleIcon{width:10px;height:10px;background:url(../images/MessStsBuddyBusy.gif) no-repeat top center}

.PopMenuSectionReverse .CloseDetails,
.PopMenuSection .CloseDetails{background:url(../images/close_details.gif) no-repeat left center;width:13px;height:13px;cursor:pointer}
ul.PhoneDevices li.PSTN span{background:url(../images/app/wcb_inputarrow_1.gif) no-repeat left center;width:22px;height:18px;cursor:pointer}
.typingDisplayArea{margin-right:45px}
.mainGroupCollapseIcon{background:url(/images/ucc/green/HeaderCollapseBtn.png) no-repeat left center;width:16px;height:16px;}
.mainGroupCollapseIcon{background:url(/images/ucc/green/HeaderExpandView.png) no-repeat left center;width:16px;height:16px;}

.availableIcon{background:url(/images/MessStatsOnline.gif) no-repeat top left;width:10px;height:10px}
.offlineIcon{background:url(/images/MessStatsBudInvsble.gif) no-repeat top left;width:10px;height:10px}
.idleIcon{background:url(/images/MessStatsIdle.gif) no-repeat top left;width:10px;height:10px}
.busyIcon{background:url(/images/MessStsBuddyBusy.gif) no-repeat top left;width:10px;height:10px}



/* Call Options of UCC Softphone Start */
.CallOptions.callRoute {background-position: 0 -186px;height: 21px;margin: 0 1px 0 2px;width: 27px;z-index:2}
.CallOptions.callRoute:hover {background-position: -37px -186px}
.CallOptions.callRoute_Disable {background-position: -74px -186px; cursor:default;height: 21px;margin: 0 1px 0 2px;width: 27px}

.removeBgImg{padding:0px!important;background:none!important;}
.pdTB_2px{padding:6px 0;}
.pd_8px{padding:8px;}
.w_108px{width:108px!important;}
.w_160px{width:160px;}
.posOfPopup{position:absolute;z-index:5;margin-top:0px;top:21px;right:-3px;}
.posOfPopup div.PopMenu{background-image:none;padding:0px;border-left:solid 1px #ccc;}

.CallOptions .callForwardPanel .ActionMenu{right:auto;left:0}
/* Call Options of UCC Softphone End */

/* UCC Main action menu */
.UCCoptions{background:url(../images/uccOptionsMenu.png) no-repeat left top;width:24px;height:23px;border:1px solid transparent;border-radius:3px;cursor:pointer;margin-right:1px;z-index:7}
.UCCoptions:hover{background-position:left bottom}

.chatMsgIcon {padding-right:20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(/images/chatPingIcon.png) no-repeat right center}
.smsMsgIcon {padding-right:20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(/images/smsPingIcon.png) no-repeat right center}
.chatAndSMSMsgIcon {padding-right:40px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(/images/chatsmsPingIcon.png) no-repeat right center}
.PlayerHolder audio {max-width: 100%}

/* ACE2.0 CSS code*/
.RI_Section .CallTimer{right:22px}
.maindropdown ul li.menuSeparator{margin:3px 0}
.hardphoneRecordIconOnPic {
    bottom: 0;
    position: absolute;
    right: 0;
    left: 0;
}


/* ConnectMe Scheduling Start Here */

.urlTitle{font-weight:bold;clear:both;padding:5px 0 0;font-size:12px;}
.recurrenceLabel{padding:7px;margin-top:20px;font-weight:bold;}
.conMeContainer{float:left;padding-left:10px;}
.conMeContainer .conMeHed{font-size:15px;margin:0px;padding-bottom:5px;}
.conMeContainer .conSettings{float:left;margin-right:15px;width:398px;}
.conMeContainer .conSettings .conMeName{clear:both;}
.conMeContainer .conSettings .conMeName input{width:380px;padding:8px;margin-bottom:5px;}
.conMeContainer .conSettings .urlLinkType{border:solid 1px #d1d1d1;padding:4px;margin:5px 0;}
.conMeContainer .conSettings .urlLinkType ul li{padding:3px 0;display:inline-block;margin-right:16px;}
.recuPattBox{clear:both;margin:0px 0 0 0;padding:5px 10px;}
.m_top5px{margin-top:5px;}
.rangeOfRecuBox{margin-top:3px;padding:5px 10px;}
.rangeOfRecuBox label, .recuPattLeft label{display:inline-block;padding:6px 0;}
.rangeOfRec li{display:block!important;clear:both;padding:0px!important;}
.rangeOfRecuBox select{max-width:270px}

.recuPattLeft{margin-bottom:10px;}
.recuPattRight{float:left;}
.w_30px{width:30px;}
.w_88px {/*width:88px;*/}

.availableHead{margin-bottom:4px;padding:7px;font-weight:bold;}

.availableCon{padding:8px;position:relative;width:240px;}
.availableCon input.searchInput{padding:4px 30px 4px 4px;width:85%;}
.closeButton{position:absolute;top:12px;right:15px;background:url(/images/framework/cleanBtn.gif) no-repeat 0px 0px;height:14px;width:14px;cursor:pointer;}

.contacts{position:relative;top:-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;margin-bottom:2px;}

.textAreaEmail{height: 84px;margin-top: 5px;width: 256px;}

.conMeUrl{clear:both;padding-bottom:14px;}
.conMeUrl input[type="text"]{padding:4px;width:254px;margin-top:4px;float: left;}

.conMeShowUrl {padding:4px;width:151px;margin-top:4px;}

.conMeContainer .addUsers{float:left;padding-left:10px;padding:5px;margin-left:5px;}
.conMeButtons{clear:both;width:100%;margin-top:20px;margin-bottom:14px;text-align:center;float:left;padding-top:10px;}

.addRemoveBtn {float: left;padding: 152px 6px 0;text-align: center;}

.addBtn {background: url("/images/video_conference/arrow_right.png") no-repeat scroll center bottom, -moz-linear-gradient(center top , #F9D295, #F1A32B) repeat scroll 0 0 transparent; border: 1px solid #B9770C; color:#000000;}
.addBtn {border-radius: 5px 5px 5px 5px;cursor: pointer;font-size: 10px;margin-bottom: 5px;padding: 1px 7px 11px;text-decoration: none;width: 100%;}


.removeBtn{background: url("/images/video_conference/arrow_left.png") no-repeat scroll center bottom, -moz-linear-gradient(center top , #F5F5F5, #E6E6E6) repeat scroll 0 0 transparent;border: 1px solid #AFAFAF;color: #000000;}
.removeBtn{border-radius:5px 5px 5px 5px;cursor:pointer;font-size:10px;margin-bottom:5px;padding: 1px 7px 11px;text-decoration:none;width:100%}

.weekPatterns label{padding:4px 2px;display:block;float:left;width: 75px}
.weekPatterns label input[type=checkbox]{vertical-align: initial !important;}

.pdT_8px{padding-top:8px !important;}

.contactsOfWs{position:relative;top:-1px;}

.grayLayerSchedule{position:fixed;top:0px;right:0px;left:0px;bottom:0px;background-color:#000;z-index:3;opacity:0.6;filter:alpha(opacity=60);}
.calendarAlign{position:relative;top:-3px;}
.bridgeInfo{height: 90px; overflow: auto; margin:5px 0 5px 0;}
.IM_OpenOptions .BodySection .ChatBoardConnectMe{display: block; overflow: auto;}
.chatwidthConnectMe{
    position: relative;
    width: auto;
    height: auto;
    padding: 5px 10px 5px 10px;
    margin-top: 10px;
    font-size: 16px;
    clear: both;
    display: flex;
}

/* Inviting Contacts */
.w_490px{width:490px;}
.mgT_10px{margin-top:10px;}
.mgL_4px{margin-left:4px!important;}
.mgL_0px{margin-left:0px!important;}

.selectPeople{margin-bottom:3px;float:left;width:302px;}
.selectPeople h3{margin:0 0 5px 0;padding:4px;font-size:12px;font-weight:bold;}
.selectPeople input[type=text]{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:2px;}
.selectPeople input[type=checkbox]{margin:0 8px}
.accountBuddies{min-height:15px;max-height:125px;overflow:auto;}
.selectPeople .accountUCCBuddies{height:230px;overflow:auto;margin-top:5px}
.selectPeople .nonaccountBuddies{overflow:auto;margin-top:1px;padding:2px;min-height:27px;max-height:125px;}
.selectPeople .nonaccountBuddies span{margin:2px;padding:3px 20px 3px 0;display:inline-block;position:relative}
.selectPeople .nonaccountBuddies span.invalidEmail{border:1px solid #fd8080;background-color:#fff7f7;}
.selectPeople ul li{overflow:hidden;}


.fromAccounts, .fromNonAccounts{padding:5px;width:100%;clear:both;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:6px;border: 1px solid #ccc;background-color: #fff;}
.IM_BodyContent .sharedPeople {background-color: #C6CDA0;border-bottom: 1px solid #A3A984;}
.readandWrite{float:right; padding:2px 7px;width:77px;}
.readandWrite:hover{background-color:#ccc !important;}

.normalButton{ padding: 4px 10px; margin: 0 5px; cursor: pointer; border: none; border-radius: 4px; outline: none; font-size: 14px;}
.normalButton:disabled{cursor:default}

.secondaryButton{ padding: 5px 10px; background-color: #ddd; cursor: pointer; border: 1px solid #ccc; border-radius: 4px; outline: none; font-size: 14px;}

.secondaryBtn{ padding: 5px 10px; margin: 0 5px; cursor: pointer; border: none; border-radius: 4px; outline: none; font-size: 14px;}
.secondaryBtn:disabled{cursor:default; background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ccc));background: -moz-linear-gradient(top,  #ccc,  #ccc);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#ccc');background-color:#ccc;color:#666;border:1px solid #afafaf;}

.nonaccountBuddies{margin-top:5px;overflow:auto;padding:2px;}
.nonaccountBuddies span{display:inline-block;margin:2px;padding:3px 20px 3px 3px;position:relative;}

.setShareOther{position:relative;float:right;cursor:pointer;font-size:11px;background: url('../../images/cloudbox/sort_arrow.png') no-repeat right 6px;color:#333;border-left: 1px solid #B0D652; margin-left: 10px;padding-left: 10px;padding-right: 13px;}
.setShareOther span{padding-top:5px;}

.setSharePopup{position:absolute;z-index:1;font-size:11px;font-weight:normal;padding:5px;width:75px;background-color:#fff;border:solid 1px #ccc;box-shadow:4px 4px 2px -2px #7E7E7E;}
.setSharePopup span{display:block;padding:5px;}
.setSharePopup span:hover{cursor:pointer;background-color:#ccc;}
.setSharePopup a{display:block;padding:5px;text-decoration:none;color:#333;}
.setSharePopup a:hover{cursor:pointer;background-color:#E2E5BD;}

.otherinput{position:relative;top:1px;}

.tableActionsDel{padding:5px;position:relative;}

.emailIdCon{display:block;margin:1px 0;overflow:hidden;padding-left:3px;position:relative;text-overflow:ellipsis;width:88%; white-space:nowrap;top:-2px;}

.alignGroupCheckbox{position:relative;top:3px;}

.connectMeInvalid{padding:6px 0px;border-top: solid 1px #d1d1d1;border-bottom: solid 1px #d1d1d1;}
.conMeEditUrl{clear:both;border:solid 1px #ccc; padding:5px;}
.conMeEditUrl input{padding:4px;width:386px;margin-top:4px;}

.w_225px{width:225px;}
.savingLoader{z-index:45;display: none;position:fixed}
.startDate{position: relative;padding:2px 0; margin-right:10px}
.startDate input[type=radio]{vertical-align: middle;}
.endDate{position: relative;padding:2px 0; margin-right:10px;display:inline-block;}

.showHideIcon{position:relative;top:2px;left:-2px;}
.inputEmail{margin:5px 0 0 8px}


.todayLabelAlign tr td label{position:relative;top:-2px}
/*.labelAlign{position:relative;top:-2px}*/

.noRecordScheduling{padding:10px;font-weight:bold;text-align:center}

.w_Auto{width:auto!important;}
.w_98pr{width:98%!important;}

.messeageOfConnectMe{width:99%;display:inline-block}
.messeageOfConnectMe textarea{height:45px;width:100%;}

.privateMessage {padding:2px 6px 3px 0px;clear: both;float: left;width:99%;}
.personalMesgColor {margin: 0 0 4px;padding-left:2px;float: left;background-position: 127px -7px;}
.personalMesgColor:hover {text-decoration: underline;}
.invalidUrl {margin: 0;padding-left:2px;float: left;background-position: 127px -7px;}
.invalidUrl:hover {text-decoration: underline;}
.PersonalMesgSortUp {padding:2px 14px 3px 0px;background: url('../images/sort_arrow_sprite.png') no-repeat right 7px;cursor: pointer;}
.PersonalMesgSortDown {padding:2px 14px 3px 0px;background: url('../images/sort_arrow_sprite.png') no-repeat right -8px;cursor: pointer;}




.resetPreviewalign{padding:2px 5px!important;}
.recuPattRight input[type="checkbox"]{position:relative;top:2px;}
.dailyRecPat input[type="radio"], .monthlyRecPat input[type="radio"], .yearlyRecPat input[type="radio"], .rangeOfRec input[type="radio"],
.recuPattBox input[type="radio"], .recuPattLeft input[type="radio"]{position:relative;top:2px;}

/* ConnectMe Scheduling End Here */

/* For ACE2 Enabled Transfer & Call Options Start */

/* For ACE2 Enabled Transfer & Call Options Start */
.buddy_CallOptions {position: absolute;z-index: 10;right:26px;top:0;bottom: 0; display: flex; justify-content: flex-start; align-items: center;}
.compactView .buddy_CallOptions {margin: 1px 0;position: absolute;z-index: 1;right:26px;top:0;}
.buddy_CallOptions .CallOptions.buddyCallIcon {background-position: 0 -217px;height: 28px;width: 47px;float:left;position:static;top:auto;margin:0;right:auto}
.buddy_CallOptions .CallOptions.buddyCallIcon:hover {background-position:-57px -217px} 
.buddy_CallOptions .CallOptions.buddyVedioCallIcon {background-position: 0 -341px;height: 28px;width: 47px;float:left;position:static;top:auto;margin:0;right:auto}
.buddy_CallOptions .CallOptions.buddyVedioCallIcon:hover {background-position:-57px -341px}
.buddy_CallOptions .CallOptions.buddyTransferIcon {background-position: 0 -279px;height: 28px;width: 47px;float:left;}
.buddy_CallOptions .CallOptions.buddyTransferIcon:hover {background-position:-57px -279px}
.compactView .buddy_CallOptions .CallOptions.buddyCallIcon {background-position: 0 -255px;height: 14px;margin:0 2px;width: 35px;osition:static;}
.compactView .buddy_CallOptions .CallOptions.buddyCallIcon:hover {background-position:-45px -255px}
.compactView .buddy_CallOptions .CallOptions.buddyVedioCallIcon {background-position: 0 -779px;height: 14px;margin:0 2px;width: 35px;osition:static;}
.compactView .buddy_CallOptions .CallOptions.buddyVedioCallIcon:hover {background-position:-45px -779px}
.compactView .buddy_CallOptions .CallOptions.buddyTransferIcon {background-position: 0 -317px;height: 14px;width: 35px;position:static;}
.compactView .buddy_CallOptions .CallOptions.buddyTransferIcon:hover {background-position:-45px -317px}
.buddy_CallOptions .CallOptions.buddyCallIcon,.buddy_CallOptions .CallOptions.buddyVedioCallIcon, .buddy_CallOptions .CallOptions.buddyTransferIcon, .compactView .buddy_CallOptions .CallOptions.buddyCallIcon,.compactView .buddy_CallOptions .CallOptions.buddyCallIcon , .compactView .buddy_CallOptions .CallOptions.buddyTransferIcon {margin:0 2px}
/* For ACE2 Enabled Transfer & Call Options End */

/* For ACE2 Enabled Transfer & Call Options End */

/*.collapseUCCIcon{background:url(../images/expand_collapse.png) no-repeat left top;width:30px;height:30px;border:1px solid transparent;border-radius:3px;cursor:pointer;z-index:7; background-position:-2px -15px;margin: 0;float:left;}
.collapseUCCIcon:hover{background-position:-2px -65px;}

.expandUCCIcon{background:url(../images/expandicon.png) no-repeat left top;width:30px;height:30px;border:1px solid transparent;border-radius:3px;z-index:7; background-position:-2px -15px;margin: 0;float:right;}
*/

/*.collapseUCCIcon{background:url(../images/collapseicon_small_window.png) no-repeat left top;width:30px;height:30px;border:1px solid transparent;border-radius:3px;cursor:pointer;z-index:7; background-position:-2px -15px;margin: 0;float:left;}
.collapseUCCIcon:hover{background-position:-2px -65px;}
.expandUCC_Max_Icon {background:url(../images/expandicon.png) no-repeat left top;width:30px;height:30px;border:1px solid transparent;border-radius:3px;cursor:pointer;z-index:7; background-position:-2px -15px;margin: 0;float:left;}
.expandUCC_Max_Icon:hover {background-position:-2px -65px;}


.expandUCCIcon{background:url(../images/expandicon_small_window.png) no-repeat left top;width:30px;height:30px;border:1px solid transparent;border-radius:3px;z-index:7; background-position:-2px -15px;margin: 0;}
.expandUCCIcon:hover {background-position:-2px -65px;}

.collapseUCC_Max_Icon{background:url(../images/expand_collapse.png) no-repeat left top;width:30px;height:30px;border:1px solid transparent;border-radius:3px;cursor:pointer;z-index:7; background-position:-2px -15px;margin: 0;float:left;}
.collapseUCC_Max_Icon:hover {background-position:-2px -65px;}*/


.collapseUCCIcon{background:url(../images/collapseicon_small_window.png?a=1) no-repeat left top;width:30px;height:26px;border:1px solid transparent;border-radius:3px;cursor:pointer;z-index:7; background-position:-2px -15px;margin: 0;float:left;}
.collapseUCCIcon:hover{background-position:-2px -65px;}
.expandUCC_Max_Icon {background:url(../images/expandicon.png?b=1) no-repeat left top;width:30px;height:26px;border:1px solid transparent;border-radius:3px;cursor:pointer;z-index:7; background-position:-2px -15px;margin: 0;float:left;}
.expandUCC_Max_Icon:hover {background-position:-2px -65px;}


.expandUCCIcon{background:url(../images/expandicon_small_window.png?c=1) no-repeat left top;width:30px;height:26px;border:1px solid transparent;border-radius:3px;z-index:7; background-position:-2px -15px;margin: 0;}
.expandUCCIcon:hover {background-position:-2px -65px;}

.collapseUCC_Max_Icon{background:url(../images/expand_collapse.png) no-repeat left top;width:30px;height:26px;border:1px solid transparent;border-radius:3px;cursor:pointer;z-index:7; background-position:-2px -15px;margin: 0;float:left;}
.collapseUCC_Max_Icon:hover {background-position:-2px -65px;}
.expandDivUCC.onlyUCC {width: 70px;float: left;-moz-opacity: 1;-webkit-opacity: 1;ms-opacity: 1;background-color: transparent;margin-left: -3px;padding-left:5px;border-radius: 0px 7px 7px 0px;margin-right: 5px;}



.w_135px{width:135px;}





/*Add new group and contacts class */
.otherConUCC{font-style: normal;margin-left:2px;max-width: 155px;overflow: hidden;float: right; text-overflow: ellipsis;}
.addContact{width:260px; background-color:#ffffff}
.addContact input[type='text']{padding:5px; width:215px;outline: none}
.addContact input[type='button']{padding:5px; }
.w_150{width:150px; display:inline-block;}
.la{text-align:left;}
.ra{font-weight:bold; text-align:left;display: block;margin:0 auto; width:225px;}
.ca{text-align:center;padding:5px;font-size: 14px;margin:0;}
.addcontactulli{ list-style:none; padding:5px; text-align: center}
.addgroupsuggestion{padding: 5px;text-align: left; overflow: hidden; text-overflow :ellipsis;}
/*.addgroupsuggestion:hover{background-color:  #f2f2f2;padding: 5px;text-align: left; cursor:default}*/
.addgroupsuggestionHover{background-color:  #f2f2f2;padding: 5px;text-align: left; text-overflow :ellipsis;overflow: hidden}
.addgroupsuggestionMouseHover{background-color:  #f2f2f2;padding: 5px;text-align: left; cursor: pointer;text-overflow :ellipsis;overflow: hidden}
.addContactList{max-height:225px; overflow-y:auto;}
.nonaccountBuddies {margin-top: 5px;overflow: auto;padding: 2px;text-align:left;}
/*.nonaccountBuddies span {border: 1px solid #B0D652;display: inline-block;margin: 2px;padding: 3px 20px 3px 3px;position: relative;background-color: #F5F9E5;}*/
.suggestionsList {background: #fff; margin:0 auto;border:1px solid #ccc; border-top:none; width:225px; position: absolute; top:0px; left:12px;z-index: 5}
.nonaccountBuddies.addedContactsDiv {margin:0 auto;border:1px solid #ccc; padding:5px;width:215px;max-height: 190px; overflow-x:hidden; }
.addContactsButtons {text-align:center;padding:5px;font-size: 14px;margin:0;}
/*END*/
.sucessEmailAlert {background: url(/images/success_icon.png)no-repeat; display: inline-block;line-height: 15px;}
.sucessEmailAlertMessage {padding-left:15px; line-height: 21px;}
.cautionEmailAlert {margin-top:2px;background: url(/images/alert.png)no-repeat; display: block; background-size:15px;}
.cautionEmailAlertMessage {padding-left:16px; line-height: 17px;}

/* new add contact css */
.clear{clear:both;}

.addnewgroup{margin:2px 0 0 5px; font-size:11px; font-weight:bold;position:relative;}
.addnewgroup input[type="text"]{width:70%; border:solid 1px #ccc;margin:4px 0 0 0; float:left;}
.addnewgroup a {float:left; margin:4px 0 0 5px; position:relative;}
.existinggroups{clear:both; margin:10px 0 0 0px;}
.existinggroups b{margin:0 0 0 5px; position: relative; bottom: 2px;}
.existinggroups ul{padding:0; margin:2px 0 0 0; height:auto;list-style-type:none; overflow-y:scroll;}
.existinggroups ul li{margin:5px 0 0 5px; list-style-type:none;}
.groupcheck{float:left; margin:7px 0 0 2px;}
.headingsmain {background:#fff; padding:0 0 0 3px; height: 100px; overflow-x:hidden;}
.headings { margin:2px 0 0px 0; display:block; height:auto; clear:both;list-style-type:none;}
.headings:last-child { margin:2px 0 20px 0;}
.giopen { width:200px; padding-bottom : 0px; margin:0px 0 0 0;}
.gihidden { width:96%; margin:10px 0 0 21px; display: none; clear:both; }
.gihidden ul{padding:0; margin-left:1px; overflow:hidden; border:none;position:relative;}
.gihidden ul li{padding:0; margin:0 20px 0 0; width:195px; height:22px;float:left; font-size:11px; position:relative;}
.icon {cursor:pointer;margin:0;}
.text{font-size: 11px; font-weight: bold; position:relative; right:4px;top:7px;}
.removebtn{text-align:center; margin:5px 0 0 0;}
.existcont{clear:both;}
.existcont ul{padding:5px 0 10px 5px; margin:0 0 5px 0; height:150px; background: #fff;}
.existcont ul li{width:210px; padding:5px; margin:3px 0 0 0; float:left;font-size:11px; position:relative;}
.addnewuserthumb{display: inline-block; float: left; margin: 0 5px 0 0;}
.addcontact_displayarea{display: block; overflow: hidden;text-overflow:ellipsis; white-space:nowrap;}
.contactflds{display: block; margin: 5px 0 0 0; padding: 5px 0 0 0;}
.MessaddconctTxtField1{margin: 0;}
.contactfldsmain{margin: 5px 0 0 0;}
.addcontact_status_icon{position: relative; top: 1px;}
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none; cursor: pointer;}
a.tooltip span {z-index:10;display:none; padding:14px 20px;margin:0px auto; top:30px; right:-120px;width:220px; line-height:16px;}
a.tooltip:hover span{display:inline-block; position:absolute;border:2px solid #b9b9b9; color:#000;background:#f5f6e6;}
.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}

a.tooltip span{border-radius:2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;-moz-box-shadow: 0px 0px 8px 2px #ccc;-webkit-box-shadow: 0px 0px 8px 2px #ccc;
               box-shadow: 0px 0px 8px 2px #ccc;opacity: 1;}
.searchfilter{margin: 5px 0 0 0; text-align: left;}
.searchfilter input[type="radio"]{display: inline-block; margin: 0 0px 0 10px;}
.searchfilter input[type="radio"]:first-child{margin: 0 0px 0 0px;}
.searchfilter label{position: relative; display: inline-block; top:-3px;padding: 0; margin: 0;}
.fromAccountsnew{padding:5px;width:100%;clear:both;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:6px;}


.existcontcompact ul li{width:450px; padding:0; margin:3px 0 0 0; float:left;font-size:11px; position:relative;}
.useridcompact{display:inline-block; position:relative; text-overflow:ellipsis; width:400px; overflow:hidden; top:2px; left:0px;white-space: nowrap;}

a.tooltiptop {outline:none; }
a.tooltiptop strong {line-height:30px;}
a.tooltiptop:hover {text-decoration:none;}
a.tooltiptop span {z-index:10;display:none; padding:5px 10px;  margin:0px auto; bottom:30px; right:-80px; width:150px; height:auto;}
a.tooltiptop:hover span{ display:inline-block; position:absolute; border:2px solid #b9b9b9;  color:#000;background:#f5f6e6;}
.callouttop_emailid {z-index:20;position:absolute;border:0;top:49px;left:68px;} 
.callouttop_userid {z-index:20;position:absolute;border:0;top:23px;left:68px;}
a.tooltiptop span{ border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 0px 0px 8px 2px #ccc;-webkit-box-shadow: 0px 0px 8px 2px #ccc;
                   box-shadow: 0px 0px 8px 2px #ccc; opacity: 1;}
/* new add contact css */
/* New Tooltip */
a.toolTipAnc{position:relative;font-weight:normal;}
a.toolTipAnc:hover span.tooltipMain{display:block;}
a.toolTipAnc:hover span.tooltipArrow{display:block;background:url('/images/arrow-left.png') no-repeat 0 0;position:absolute;top:5px;left:-10px;width:20px;height:20px;}
.tooltipMain{display:none;position:absolute;padding:3px;left:27px;top:-7px;min-width:219px;max-width:400px;text-align: left;z-index:1;}

/* Left Tooltip */
a.toolTipAnc{position:relative;font-weight:normal;}
a.toolTipAnc:hover span.leftTooltipMain{display:block;}
a.toolTipAnc:hover span.leftTooltipArrow{display:block;background:url('/images/arrow-left.png') no-repeat 0 0;position:absolute;top:-9px;left:197px;width:20px;height:20px;-moz-transform:rotate(90deg);}
.leftTooltipMain{display:none;position:absolute;padding:10px;right:-4px;top:25px;min-width:200px;max-width:400px;text-align:left;}
.tooltipArrow{position:absolute;top:-80px;left:4px;width:17px;height:9px;display:block;z-index:1}

/* Smartbox Notification settings table css */
.settingsContent {border-left:1px solid #ccc; padding:0px 0 0 20px;min-height: 320px;}
.settingsContent h1 { font-size:16px; font-weight:bold; margin-bottom:16px;}
.settingsContent h2 { font-size:12px; font-weight:bold; margin-bottom:16px;}
.settingsContent .container_tableNotifications{ margin-bottom:10px; width:100%;padding:1px}
.tableNotifications {border-collapse:collapse;}
.tableNotifications th {font-weight:bold;  padding:10px 10px;border-left:1px solid #C2C2C2; background-color: #ccc;}
.tableNotifications th:first-child,
.tableNotifications td:first-child{border-left:none}
.tableNotifications td {border-left:1px solid #C2C2C2;border-top:solid 1px #fff; border-bottom:solid 1px #fff; padding:10px 10px;}
.tableNotifications tr:last-child td {border-bottom: none;}
.folderNotificationsTable{ border: 1px solid #ccc;}
.marginTop_10px {margin-top:10px;}

.centerAlignedText{text-align:center}

/* End */


/* CSS Related to UCC display options menu  */
.ContactsViewHeader{cursor:default; border: none; font-weight:bold; }
.ContactsView li.ContactsViewHeader { color: #fff !important;padding: 3px 5px 3px 13px;}
/*.WorldSmart collaboration plug-in*/
.WSCDevice-plugin h1{color:#f00; font-size:13px; font-weight:bold; margin: 0;}

.WSCDevice-plugin p{font-size:12px;}

.WSCDevice-plugin p a:link{color:#7b9701; text-decoration:none;}

.WSCDevice-plugin p a:hover{text-decoration:underline;}


/* Action menu changes */
.maindropdown ul li a.viewDetails,.maindropdown ul li a.clickToCall,.maindropdown ul li a.ConnectMeAudio, .maindropdown ul li
a.ConnectMeVido,.maindropdown ul li a.ConnectMeDeskshare,.maindropdown ul li a.SBFileAttach, .maindropdown ul li
a.composeEmail,.maindropdown ul li a.SMS,.maindropdown ul li a.delete,.maindropdown ul li a.block, .maindropdown ul li a.editProfile, .maindropdown ul li a.webConference,.maindropdown ul li a.IMConference, .maindropdown ul li a.videoConference {background-image:url('/images/actions_onContacts.png');background-repeat:no-repeat;padding:4px 4px 4px 25px;}

.maindropdown ul li a.viewDetails {background-position:-3px -2px;}
.maindropdown ul li a.clickToCall {background-position:-3px -27px;}
.maindropdown ul li a.ConnectMeAudio {background-position:-3px -27px;}
.maindropdown ul li a.ConnectMeVido {background-position:-3px -51px;}
.maindropdown ul li a.ConnectMeDeskshare {background-position:-3px -76px;}
.maindropdown ul li a.SBFileAttach {background-position:-3px -102px;}
.maindropdown ul li a.composeEmail {background-position:-3px -126px;}
.maindropdown ul li a.SMS {background-position:-3px -151px;}
.maindropdown ul li a.delete {background-position:-3px -177px;}
.maindropdown ul li a.block {background-position:-3px -201px;}
.maindropdown ul li a.editProfile {background-position:-3px -226px;}
.maindropdown ul li a.webConference {background-position:-3px -251px;}
.maindropdown ul li a.IMConference {background-position:-3px -276px;}
.maindropdown ul li a.videoConference {background-position:-3px -301px;}
.maindropdown ul li a.persistanceMonitor { background-image: url('/images/Persistent-Monitor-Icon.png'); background-repeat: no-repeat; padding:4px 4px 4px 25px; background-position: 4px 4px;}
.maindropdown ul li a.persistanceDisable{pointer-events: none; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);  -o-filter: grayscale(100%);  -ms-filter: grayscale(100%);filter: grayscale(100%);color: #666; opacity: 0.6;}

.detail_close{display: inline-block; position: absolute; cursor: pointer; width: 15px; height: 15px;  background:url('/images/detail_close.png'); right: 13px; top: 6px;}
.w_150px{width: 150px;}

.slakpi_alarm_status{background-color: #ff0000; color: #ffffff;}


/* Added for Dashboard Settings */
.pluginModule{margin:-5px 10px 0;}

/*CSS for Copy to clipboard feature */
/* changeing .connectMeURLCopy width = 70% for Bug Id: 28892*/
.connectMeURLCopy {float: left; width:70%; margin-right: 3px;}
.MT4px {margin-top: 4px;}
.w_200px {width:200px}
.connectMeCopyMesssage{position:absolute;right:485px; color: #000000;margin-left:10px;background: #99c332; padding: 5px;top:4px; width:100px; text-align: center;}
.connectMeNewSessionCopyMesssage{width: 110px;display: flex;justify-content: center;align-self: flex-end;align-items: center;color: #333;margin-left:10px;background: #99c332; padding: 8px; margin:5px 15px 5px 0;text-align: center;font-size:12px;}
.webConStatusMsg {padding:5px;color:#333333}
.webConCopyMesssage {background: none repeat scroll 0 0 #99c332;color: #000000;padding: 5px;position: absolute;right: 12px;text-align:center; top: 91px;width: 100px;}

/* Added for WS Softphone IE Plugin Microphone Popup */
.set-microphone{background:#fff; margin:0 auto; width:98%; margin-top:35px; height:76px; overflow:hidden; padding:10px;}
.set-microphone p{margin:0 0 20px 0; text-align:left;}
.boxShadow-SetMicroPhone{margin:auto;z-index:45;overflow:hidden;width:310px;-khtml-border-radius: 5px;border-radius:10px;-webkit-border-radius:10px;box-shadow:0px 0px 10px #636363;-webkit-box-shadow:0px 0px 10px #636363;filter: progid:DXImageTransform.Microsoft.Shadow(Color=#636363, Direction=135, Strength=3);z-index:45;background-color:#fff;}

/* Adding for IM Custom messages  */
.ToolbarOptions.preDefineTextIcon{width:26px; height:18px;margin-right:1px}
.ToolbarOptions.preDefineTextIcon{background-position:0 -114px}
.ToolbarOptions.preDefineTextIcon:hover{background-position:-27px -114px}
.ToolbarOptions.preDefineTextIcon.Active{background-position:-54px -114px}

.preDefineTextPointer {background-image: url('/images/predefinedtext_pointer.png'); background-repeat: no-repeat; width:12px;height:6px;position: absolute;bottom:-5px; right: 55px; }
.preDefineTextPointerDown {background-image: url('/images/predefinedtext_pointer.png'); background-repeat: no-repeat; width:12px;height:6px;position: absolute;bottom: -5px; left: 130px; }
.preDefineTextDelete {background: url('/images/clouddrive/DeleteIcons.png')no-repeat; background-position:-4px -8px;width:18px;height:18px; border:none; outline:none; position:absolute; display:inline-block; top:8px; right:5px; z-index:1;}
.preDefineTextDelete:hover {background-position:--29px -8px;}
.preDefineTextDelete:active {background-position:-54px -8px;}
.preDefinedIMTextOverFlow {display: inline-block;-moz-word-break: break-word;word-break: break-all;word-break: break-word;word-wrap:break-word; text-indent: 0px; padding: 5px 30px 5px 5px;-ms-word-break: break-all;}

.customNew{width: 35px; height: 35px;}
.customTextField {width: 270px; margin:0;padding:5px;}

.CustomMessageContainer {width: 400px;border-radius: 5px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);padding: 5px;}
.PopupTextField{overflow:auto;text-align:left; width:auto;margin:0 10px 0 0; width:87%;resize:none; padding: 2px 0 0 3px; font-size: 14px; height: 35px;}
.CustomMessageContainerIM{max-width: 345px;border-radius: 5px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);padding: 5px;width:86vw !important;border: 1px solid #929292;background-color: #fff;}

/* End of Adding for IM Custom messages  */

/* Added for Call Details Report Download link by M VaraPrasad on 17th April 2015*/

a.callReportDownload{padding: 6px; display: block; background-position: 0 -43px;}
a.callReportDownload:hover{background-position: 0 -43px !important; text-decoration: none !important;}
a.callReportDownload img{position:relative; top:1px; right:2px;}
a.not-active{pointer-events: none;cursor: default;background:#eee;border:solid 1px#ccc;color:#666;}
/* End of Call Details Report Download link */

/* Added to ConnectMe multimode feature... Added 25th JUNE 2015 by Sowjanya */
.multimodeAudioCallIcon {background:url(/images/actions_onContacts.png);background-position: -3px -27px;background-repeat: no-repeat;padding: 18px 4px 4px 15px; vertical-align: middle; display: inline-block;}
.multimodeVideoCallIcon {background:url(/images/actions_onContacts.png);background-position: -3px -51px;background-repeat: no-repeat; padding: 18px 4px 4px 15px; vertical-align: middle; display: inline-block;}
.multimodeScreenShareIcon {background:url(/images/actions_onContacts.png);background-position: -3px -76px;background-repeat: no-repeat; padding: 18px 4px 4px 15px; vertical-align: middle; display: inline-block;}
.multimodeIMIcon {background:url(/images/video_conference/connetMeChatIcon.png);background-repeat: no-repeat; background-position: 0px 5px; margin-left: 2px; padding: 18px 4px 4px 15px; vertical-align: middle; display: inline-block;}
.recuPattBox div {padding: 1px 0 1px 0;}
.recuPattBox div:first-child{padding: 3px 0 3px 0;} 
.recuPattBox div input[type=checkbox] {margin-right: 0px; vertical-align: middle;}
.recuPattBox div:first-child input[type=checkbox]{margin-right: 3px;}

/* Changed Related to MultiMode */
.PRelative{position:relative;}
.PRelative .ClearBtn{top:4px;}
.mrgntop{margin-top: 5px;}

/* connectMe IM chatwindow participants*/
.participantChat{height: 190px !important; overflow: auto; padding-bottom: 3px;}
.participant{margin: 10px 0 0 10px;}
.participantName{position: relative; top: 7px; margin: 0px 0 0 33px;}
.participantName span{left: 3px; position: relative; top: -2px;}

/* ACD Selective queue login changes start */
.ActionMenu.ActionMenu_ULM{width:126px;}  
/* ACD Selective queue login changes end */

/* Invitaion of ConnectMe Conference page changes */
.callInvitationMsg {padding: 15px 0; margin: 0px;}

/* Added for the connectme Menu pop up in UCC.*/
.connectMePopMenu{width:174px;text-align:left;margin:0 0 0 0; }
.connectMePopMenu:first-child{margin:5px 0 3px 0; }
.connectMePopMenu input{vertical-align: middle;}
.connectMePopMenu strong{vertical-align: middle;}
.connectMePopMenu a{vertical-align: middle;}
.MMButtons{margin: 10px 0 10px 0; text-align: center;}
/* Added for the connectme Menu pop up in UCC.*/
.maindropdown ul li a.ConnectMeTo {background:url('/images/ConnectMe-Icon.png') no-repeat; padding-left:25px; display:inline-block;}

/* For ConnectMe Active URLS Page */

.invite-email{ position: absolute;margin-top: 8px;margin-left: 4px;}
.w_100px{width:100px;}
.w_95px{width:95px;}
/*Added for name column in ConnectMe Active URLS Page */
.wordWrap {word-wrap:break-word}
/*Added for copyURL action*/
.invite .inviteButton.copyURLButton {margin-left: 0px}
.w_96pr {width: 96%}
.mt_15px {margin-top: 15px}
.alt_messageTxt.connectMeCopyURLMsgTxt {margin-left:0px; position: relative;}
.alt_content.connectMeCopyURLalt_content{padding: 5px}

.PopMenuSectionReverse .RightShadow.multiSelectPointer {margin-top: -45px;background-position-y: 33px;}
.PopMenu.multiSelectLeftPointer { margin-top: -45px;background-position-y: 63px;}
.mt_5px {margin-top: 5px}
.mt_10px{margin-top:10px;}
.w_170px {width: 170px}
/* Added for the hepl tip in call routing window. */
.calRoutingTipsMain{background:#f2f2f2;padding:10px;margin:5px;}
.m_0px {margin:0px}
.listStyleCircle {list-style-type:circle;}
.calRoutingTipsMain ul { margin: 0; list-style-type: disc;padding-left:20px }

/*Added new class for the popup that appears after inviting both online and offline contacts*/
.cancel_container.successEmailPopup {width:290px;}
.relPosition {position: relative;}
.invitePopupCopyMessage {top: -20px;right:0;font-size:11px;}

/* 'ConnectMe to DID' - Gaurav - 23-Jul-2015 - Start */
.selDid {display:inline-block;}
.selDid label {display:inline-block; padding-bottom: 3px;}
.SelectDID {display:block;}
.ph-no {display:inline-block;}
.m_15px {margin:15px;}
.phExt {width:20px;}
.phNum {width:140px;}
.disCallerID {display:block; margin-top:10px;}
.linktoDID{margin: 5px 0 0 0;}
.linktoDID input{float: none !important;}
.callerID {width:244px;}
.ClProfilePic {display:block; margin-top:10px;}
.radLeft {margin-left:5px;}
.radLeft {margin-left:10px;}
/* 'ConnectMe to DID' - Gaurav - 23-Jul-2015 - End */

/*'To display message on top of  Audio Bridge User image in audio or vedio conference'*/
.audioBridgeTitle { text-align: center; margin: 10px;font-weight: bold;font-size: 13px;position: absolute;top: 90px;left: 0;right: 0;z-index: 1;} 
.audioBridgeTitleNew { text-align: center;
                       /*margin: 12px;*/
                       font-weight: bold;
                       font-size: calc(1vw + 1vh + 0.2vmin);
                       color: #fff;
                       /**   position: absolute;
                          top: -50px;**/
                       left: 0px;
                       right: 0px;
                       bottom: 0px;
                       top: -30px;
                       position: absolute;
                       height: 20px;
                       display: flex;
                       align-items: center;
                       justify-content: center;
}
.audioBridgeTitleNew1 { text-align: center;
                       /*margin: 12px;*/
                       font-weight: bold;
                       font-size: calc(1vw + 1vh + 0.2vmin);
                       color: #fff;
                       /**   position: absolute;
                          top: -50px;**/
                       left: 0px;
                       right: 0px;
                       bottom: 0px;
                       top: -30px;
                       display: flex;
                       align-items: center;
                       justify-content: center;
}
.audioBridgeTitleNew.normalview{
    top: -44px;
}
.userDefaultMainDiv { position: relative; } 

/*Start===== Adding for Selective queue login/login from microchat window */
.queueMain{margin:5px 0 0 5px; height:75px; width: 102%; overflow: auto;}
.queueHead{ width:65px; display:inline-block; font-weight:bold;}
.queueRow{width:65px; display:inline-block; vertical-align: middle; text-align: center;}
.queueRow:first-child{text-align: left; word-break: break-word;word-wrap:break-word;}
.queueRow:nth-child(2){width: 65px;}
.queueRow:nth-child(3){width: 100px;}
.queueBtn{padding:5px 5px 5px 0px; background:#ebebeb; text-align:center;position: absolute; bottom: -2px; left: 0; width:103%;}
.queueInput{width:100%; margin:3px 0 0 4px; display:block;}
/*End===== Adding for Selective queue login/login from microchat window */
.ulmfeedback_processing{margin-bottom: -3px;margin-left: 5px;}





/*Start ===== CSS for New UCC contacts - GroupChat related */
/* Chat bubble CSS start*/

a.activeLink{cursor: pointer;}

.bubbleMain{width:100%; clear:both;}


.chatMessage{
    position: relative;
    width: auto;
    min-width: 100px;
    height: auto;
    padding: 10px 10px 13px 10px;
    margin-top: 10px;
    font-size: 16px;
    clear: both;
    display: flex;
    position: relative;
}
.chatContentMain {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 10px;
    width:92%;
}
.chatContentMain_fax {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 10px;
    width:87%;
}
.stream-right .chatContentMain {
    width:calc(100% - 50px);
}
.chatUserIDMain{
    display: flex;
    align-items: center;
    height: 51px;
    min-height: 51px;
    border-bottom: solid 1px #ccc;
    align-content: flex-start;
    justify-content:space-between;
    padding: 0 0 0 10px;
}
.chatUserIDTop{ width: calc(100% - 290px); display: flex;flex-direction: column;}
.chatUserID{
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0 0 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.liveStreamUserID{
    font-size: 16px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.chatUserImage{ 
    border-radius:20px;
    height:40px;
    width:40px;
}
.chatUserImage img {
    margin:-2px 0 0 0;
    border-radius:20px;
    height:40px;
    width:40px;
}
.outerChatUserID{
    float: left;
    margin: 15px 0 0 10px;
    vertical-align: middle;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
}
.chatMembers{
    font-size: 14px;
    margin: 4px 0 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor:pointer;
}
.descriptionMain{display: flex; align-items: center; position: relative;}
.description{margin: 0; color: #666; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left;font-size: 13px}
.descriptionRightMain{height: auto; position: relative;}
.descriptionRight{margin: 0 auto; margin-top: 5px; margin-bottom: 10px; color: #666; width: 300px; overflow: hidden; height: auto; position: relative; text-align:center; font-size: 13px; word-wrap: break-word;line-height: 18px;}
.descriptionShow{max-height: initial;}
.descriptionMore{position: absolute; right: 10px; font-size: 13px; color: #4f9f05; text-decoration: none; cursor: pointer;}
.topDescription{display: flex; align-items: center; margin: 5px 0 0 20px; cursor: pointer;border: solid 1px rgba(255, 255, 255, 0); border-radius: 3px;
                padding: 1px 1px 1px 5px; height: 20px; position: absolute; top: -5px; left: 66px; z-index: 9;}
/*.topDescription:hover{cursor:default;} */
.topDescription:hover { border: solid 1px #ccc;box-shadow: 1px 1px 2px 0 #ccc;}
.editDescription{ position: relative; background-image:url(/images/streams/stream-icons-sprite.png?t=14052019); background-repeat:no-repeat; background-position: -682px -72px; height:16px; width:20px; display:inline-block; margin: 0 0 0 5px; cursor: pointer; top: 2px;}
.editDesRight{ position: relative; background-image:url(/images/streams/stream-icons-sprite.png?t=14052019); background-repeat:no-repeat;background-position: -438px -6px; height:20px; width:20px;display:inline-block; margin: 0 0 0 2px; cursor: pointer; top:6px;}

.form-createTeam textarea{width:98%; padding: 5px; font-size: 14px; line-height: 20px;}
.form-reshare textarea{width:98%; padding: 5px; font-size: 14px; line-height: 20px;}
.form-createTeam_contpp textarea{width:98%; padding: 5px; font-size: 14px; line-height: 20px;}
.userID{font-weight:bold;font-size:14px;display: flex; align-items: center;word-wrap: break-word; word-break:break-word;}
.userID_fax{font-weight:bold;font-size:14px;display: flex; align-items: center;word-wrap: break-word; word-break:break-word;justify-content: space-between;}
.userID_SR{margin: 0 0 3px 0; width:98%;}
.userIDRP{display: inline-block; white-space: nowrap; text-align: left; overflow: hidden; text-overflow: ellipsis; max-width: 180px;}
.sruserwidth{max-width: 50%; word-wrap: break-word ;}
.chatTime{
    margin-left: 10px;
    font-size: 13px;
    font-weight: normal;
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 70px;
}
.stream-right .chatTime{min-width: inherit;white-space: nowrap;margin-left: 5px;}
.chatTime_width{justify-content: flex-end; display: flex; flex: 1; align-self: flex-start;min-width: 40px; margin-right: 10px;}
.chatInfo{ margin:0 0 10px 0; font-size:16px;}
.chatInfo a{text-decoration:none;}
.otherAccUser{font-size:13px;color:#999;font-weight:normal;}
.chatContent {
    padding: 0;
    margin: 0;
    line-height: 22px;
    position: relative;
    font-size: 14px;
    word-wrap: break-word;
    text-align:left;
    word-break: break-word;
    width: 95%;
}
.cmteditemoji{ 
    right:17px !important;
}
.editcaption{
   padding: 10px 60px 8px 5px !important;
    width: 77% !important;
    outline: none;
}

.captionmaintextarea{ 
    width: 100%;
    border: 1px solid #dbdbdb;
    background: #fff;
    border-radius: 5px;
    position: relative;
}
.editcaptionarea{
    border: 0;
    margin: 0px !important;
    padding: 10px 60px 8px 5px !important;
    width: 100% !important;
    outline: none;
    resize: none;
}


.profile_align{
    text-overflow: ellipsis;
    max-width: 120px;
    overflow: hidden;
    white-space:nowrap !important;
}
.msgEventBroadCast {
    background-image:url(/images/streams/stream-icons-sprite.png?t=14052019);
    background-position: -320px  -259px;
    background-repeat: no-repeat;
    padding-left: 25px;
    width:20px;
    height:20px;
}

.chatComment{font-size: 14px; padding: 0 0 2px 0;}
.chatComment a{cursor: pointer;}
.chatMain{ margin:5px 0 0 0; display: flex; justify-content: center;}
.slideCount{
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom:0;
    margin:auto;
    text-align: center;
    z-index:1;
}

.slideCountInner  { 
    background: rgba(0, 0, 0, 0.5);
    border-radius: 100px;
    margin:auto;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    display: inline-block;
    cursor:pointer;}

.slideCountInner span {padding: 0 10px;}

.searchIncomingMsgIndicator  { 
    height: 40px;
    width: 180px;
    background: #f0f0f0;
    position: absolute;
    top: -45px;
    right: 30px;
    border-radius: 2px;
    font-size: 14px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #333;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
}
.searchRecentNotification{
    position: relative;
    top: 0;
    left:0;
    border-radius: 20px;
    padding: 3px 5px 7px 5px;
    width: auto;
    min-width:12px;
    height: 12px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    background: red;
    color:#fff;
    margin: 0 5px 0 0;
}

.counterBlinkingAnim
{background: #ff0000;
 -webkit-animation: AnimationName 1s ease-in infinite;-moz-animation: AnimationName 1s ease-in infinite;animation: AnimationName 1s ease-in infinite;}
div.hangUpOptions{width:120px;}
div.hangUpOptions li{margin: 0;}
@-webkit-keyframes AnimationName {
    0%{background:#f5c1c1}

    100%{background:#ff0000}
}
@-moz-keyframes AnimationName {
    0%{background:#f5c1c1}

    100%{background:#ff0000}
}
@keyframes AnimationName {
    0%{background:#f5c1c1}

    100%{background:#ff0000}
}

.IndicatorArrow{background-image:url(/images/streams/stream-icons-sprite.png?t=14052019); background-repeat:no-repeat;height:20px; width:30px;display:inline-block;background-position:-1px -345px; position: relative; right: -3; top:0;}

/* Chat Action Icons CSS start*/
.stream-middle .chatActions textarea{padding: 10px 0 10px 10px;padding-right: 206px;}
.chatBuzz, .chatEmoticons, .chatEmoticonsemoji, .customMessage, .chatUpload, .sendIcon{height:38px; width:35px;display:block;}
.chatActions{ position: relative;
              display: flex;
              align-items: center;
              width: 98%; background: #fff;
}
.chatActionsMain{ width: 200px;}
.chatTextMain{flex:1; width: 100%}
.chatActions textarea{ 
    width: 100%;
    height:auto;
    min-height: 20px;
    max-height: 100px;
    font-size: 14px;
    border: none;
    outline: none;
    resize: none;
    padding: 10px 0 10px 10px;
    line-height: 18px;
    display: flex;
    box-sizing: content-box;
    overflow: auto;
    padding-right: 140px;
}
.chatActions ul{ position:absolute; top:0; right:5px;display: flex;flex:1;justify-content: flex-end;padding: 0;}
.chatActions ul li{display:inline-block; float:left; width:36px;}
.chatActions ul li a:hover{ opacity:0.8;
}
.chatActions ul li a:active{ opacity:0.8;
} 
.chatBuzz{background-position:-6px -591px;}
.chatEmoticons{background-position:-55px -591px;

}
.chatEmoticonsemoji{background-position:-55px -591px;

}
.emojmaindiv{
    
    position: absolute;
    top: 12px;
    right: 44px;
}

.ComentEditEmojmaindiv{
    
    position: absolute;
    top: 12px !important;
    right: 2px !important;
   
}

.emoji_AddCaptioneditdiv{
    position: absolute;
    top: 10px;
    right: 20px;
    
    
}
.maindivRelative{
  position: relative;  
    
}

.uploadTextAreaEmoji{
    position: absolute;
    top: 33px;
    right: 65px;
}
.customMessage{background-position:-104px -591px;}
.chatUpload{background-position:-150px -591px;}
.sendIcon{background-position:-201px -591px;}
.customMessagePopup{z-index:7;position:absolute;right:15px;bottom:42px;}
/* Chat Action Icons CSS End*/



/* Tabs CSS */
.tabBar{width:auto; height:30px; background:#ededed; border: solid 1px #789b28;}
.tabBar ul{ list-style-type:none; padding:4px 0 0 0; margin:0 0 0 0;}
.tabBar ul li{ list-style-type:none; display:inline-block; width:100px; margin:0 0px 0 5px; padding: 6px 0 7px 0; text-align:center; cursor:pointer; vertical-align:middle; font-weight: bold;}
.activeTab{
    width:100px;
    border:solid 1px #afb97e; border-bottom:none; border-radius:10px 10px 0 0; border-bottom:solid 1px #f7fae7;

    background: #f0fab9; /* Old browsers */
    background: -moz-linear-gradient(top,  #f0fab9 0%, #f7fae7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f0fab9 0%,#f7fae7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f0fab9 0%,#f7fae7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0fab9', endColorstr='#f7fae7',GradientType=0 ); /* IE6-9 */
}

.groupProfilePic{ border-radius:50%;}
.messageTime{display: inline-block; position: absolute;top: 4px; right: 25px;}
.ToolbarOptions.FileAttachIcon{width: 20px; height: 18px; margin-right: 1px;}
.groupBackIcon{vertical-align: middle; display: inline-block; margin:0 8px 0 8px; position: relative; top:-11px;}
.groupBackIcon:hover{background: #ccc;}
.startStream{background:url('/images/chatIcon.png') no-repeat; height:16px; width: 20px; display:inline-block; float: right; position: relative; top: 2px; right: 20px;}

.audiochat{position:relative !important;width:220px !important}
.videochat{position:relative !important;width:220px !important}
.imgchat{position:relative !important;width:220px !important}


/* Streams CSS start*/
.stream-containerSkype{min-width: 420px !important;}
.stream-leftSkype{width:100% !important;}
.stream-leftSPh{width:420px !important;}
.gfax_middle_container{display: flex;min-height: calc(100vh - 107px);max-height: calc(100vh - 107px);}
.gfax_middle_container_sphone{display: flex;min-height: calc(100vh - 7px);max-height: calc(100vh - 7px);}
.gfax_container{min-height: calc(100vh - 186px);max-height: calc(100vh - 186px);}
.gfax_container_sphone{min-height: calc(100vh - 79px);max-height: calc(100vh - 79px);}
.resend_fax{cursor: pointer;display: flex;}
.no_fax_msg{padding: 15px;text-align: center;color: #929292}

.stream-container{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    width:100%;
    min-width: 900px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto

}
.streamMiddleMain{display: flex; width: 100%; flex-direction: column;}
.streamMiddleContainer{display: flex; width: 100%;}
.stream-left{
    width:420px;
    min-width:420px;
    margin: 1px 0px 0px;
    display: flex;
    justify-content: flex-start;
    align-self: flex-start;
    flex-direction: column;
}
.stream-middle{
    width:100%;
    padding: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: column;
    overflow:hidden;
    position:relative;
    border-left: 1px solid rgb(204, 204, 204);
    min-width: 300px;
}
.stream-right{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    text-align:left;
}

.td_file{border: none !important; cursor: pointer;display: flex; align-items: center; width: 100%;
}

.checkboxMain{
    display: table;
    vertical-align: middle;
    height: 74px;
    margin:0 0 0 5px;
    float:left;
}
.checkboxFile{
    display: table-cell;
    vertical-align: middle;
}

/* Stream Tabs CSS start*/

.streamTabs{height: 44px; width: 100%;clear: both;}
.streamTabs ul{padding: 0; margin: 0; display: flex; flex-direction: row; align-items: center; width:420px;}
.streamTabs ul li{ padding:0; margin:0 4px 0 0; cursor:pointer; display: flex; flex:1; height:40px; justify-content: center; align-items: center;position:relative;}
.leftTabs{width:420px;}
/* CSS Hack for Tabs start */

.streamTabs ul li:hover a.recentTab{ background-position:0 -127px;}
.streamTabs ul li:hover a.contactsTab{ background-position:-33px -127px;}
.streamTabs ul li:hover a.ULMTab{ background-position:-67px -127px;}
.streamTabs ul li:hover a.activityTab{ background-position:-98px -127px;}
.streamTabs ul li:hover a.smartboxTab{ background-position:-132px -127px;}
.streamTabs ul li:hover a.connectMeTab{ background-position:-166px -128px;}
.streamTabs ul li:hover a.dialpadTab{  background-position:-197px -125px;}
.streamTabs ul li:hover a.settingsTab{  background-position: -229px -125px;}

.streamTabs ul.sfbTabs{width:100%;}

/* CSS Hack for Tabs End */

.recentTab, .contactsTab, .ULMTab, .activityTab, .smartboxTab, .connectMeTab, .recentTabActive, .contactsTabActive, .smartboxTabActive, .zendeskContainer .dialpadTab, .zendeskContainer .dialpadTabActive, .zendeskContainer .settingsTab, .zendeskContainer .settingsTabActive{background-repeat:no-repeat; display: flex; width: 32px; height: 32px;}

.recentTab{background-position:0 -94px;}
.recentTab:hover{ background-position:0 -127px;}
.recentTabActive{ background-position:0 -127px;}

.contactsTab{background-position:-33px -94px;}
.contactsTab:hover{ background-position:-33px -127px;}
.contactsTabActive{ background-position:-33px -127px;}

.ULMTab{background-position:-67px -94px;}
.ULMTab:hover{ background-position:-67px -127px;}
.ULMTabActive{ background-position:-67px -127px;}

.activityTab{ background-position:-98px -94px;}
.activityTab:hover{ background-position:-98px -127px;}
.activityTabActive{ background-position:-98px -127px;}

.smartboxTab{ background-position:-132px -94px;}
.smartboxTab:hover{ background-position:-132px -127px;}
.smartboxTabActive{ background-position:-132px -127px;}

.connectMeTab{ background-position:-166px -94px;}
.connectMeTab:hover{ background-position:-166px -128px;}
.connectMeTabActive{ background-position:-166px -128px;}

/* Stream Icons CSS Start */

/* List view File/Folder Icons CSS Start */

.communicationMain{overflow-x: hidden !important; overflow-y: auto !important;}
.communicationMain div{height: auto !important; min-height: 50px;}

.fileInfo { padding: 0; margin: 0 0 0 5px; font-size: 13px; color: #333; width: calc(100% - 100px);
}
.renameButtons {display: inline-block;}

.fileInfo.fileInfo_expanded{ width: calc(100% - 90px);}

.fileInfo.fileInfo_expanded span.SBFileName {max-width:initial;}

.expandedDetailViewMenuMain {position: absolute; top: 0; bottom: 0;right: 0;display: flex;align-items: center;padding-right: 5px;}

.fileInfo span.fileInfoName{display: flex;}
.fileInfo span{ display:block; margin:0; color:#999; padding-bottom:3px;word-break:break-word;white-space: inherit;font-size: 14px; font-weight: normal;
}
.fileInfo span.SBFileName{ color:#333; font-size:14px; font-weight:bold;max-width:270px;
}
.fileInfo span.communicationName{ color:#333; font-size:14px; font-weight:bold;
}
.fileInfo span.faxNameListVw{ color:#333; font-size:14px;}
.fileInfo span.faxName{ color:#333; font-size:14px; font-weight:bold;width: 340px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
.fileInfo span.fileModified{ color:#333; padding-bottom:0px;
}
.ml_10px {margin-left:10px;}
.fontNormal{font-weight: normal;}
.folderIconEmpty,.folderIcon,.communicationFolderIcon,.zipIcon,.pdfIcon,.pptIcon,.docIcon,.imgIcon,.xlsIcon,.audioIcon,.videoIcon,.xmlIcon,.textIcon,.officeDbaseIcon,.officeCalcIcon,.officeDrawIcon,.officeImpressIcon,.officeMathIcon,.officeWriterIcon,.uknIcon,.trashIcon,.nonemptytrashIcon,.crACDInboundIcon,.crInboundIcon,.crOutboundIcon,.confIcon,.vmailIcon,.faxIcon,.vmailIconMp3,.AccessIcon,.ProjectIcon,.PublisherIcon,.InfopathIcon,.OutlookIcon,.OnenoteIcon,.SharepointIcon,.VisioIcon {background:url('/images/file-folders-sprite.png?1')no-repeat;}

.usersColumn.folderIconEmpty {background-position:-10px 0px;}
.communicationFolderIcon {background-position:0 -100px;}
.communicationText{margin: 17px 0 0 65px; padding: 0 0 0 0;}
.folderIcon {background-position:0 -31px;}
.pptIcon {background-position:0 -169px;}
.xlsIcon {background-position:0 -244px;}
.textIcon {background-position:0 -319px;}
.pdfIcon {background-position:0 -394px;}
.audioIcon {background-position:0 -469px;}
.videoIcon {background-position:0 -544px;}
.imgIcon {background-position:0 -619px;}
.docIcon {background-position:0 -694px;}
.vmailIcon {background-position:0 -769px;}
.vmailIconMp3 {background-position:0 -769px;}
.AccessIcon{background-position:0 -844px;}
.ProjectIcon{background-position:0 -919px;}
.PublisherIcon{background-position:0 -994px;}
.InfopathIcon{background-position:0 -1069px;}
.OutlookIcon{background-position:0 -1144px;}
.OnenoteIcon{background-position:0 -1219px;}
.SharepointIcon{background-position:0 -1294px;}
.VisioIcon{background-position:0 -1369px;}

.officeImpressIcon {background-position:0 -1444px;}
.officeDbaseIcon{background-position:0 -1519px;}
.officeMathIcon {background-position:0 -1594px;}
.officeCalcIcon {background-position:0 -1669px;}
.officeWriterIcon {background-position:0 -1744px;}  
.officeDrawIcon {background-position:0 -1819px;}
.xmlIcon{background-position:0 -1894px;}
.uknIcon {background-position:0 -1969px;}
.zipIcon {background-position:0 -2041px;}
.faxIcon {background-position:0 -2119px;}
.nonemptytrashIcon{background-position:0 -2194px;}
.trashIcon {background-position:0 -2194px;}

.crOutboundIcon{background-position:0 -2408px;}
.crInboundIcon{background-position:0 -2336px;}
.crACDInboundIcon{background-position:0 -2264px;}
.confIcon{background-position:0 -2481px;}

 .crOutboundIconwav {background:url('/images/OutboundIconwav.png?xyz=1')no-repeat; background-size: 36px;background-position: 3px 0px;}
 .crInboundIconwav {background:url('/images/InboundIconwav.png?xyz=1')no-repeat; background-size: 36px;background-position: 3px 0px;}
 .crACDInboundIconwav {background:url('/images/ACDInboundIconwav.png?xyz=1')no-repeat; background-size: 36px;background-position: 3px 0px;}
 .confIconwav {background:url('/images/confIconwav.png?xyz=1')no-repeat; background-size: 36px;background-position: 3px 0px;}

/* List view File/Folder Icons CSS End */

/* Recent filters CSS start*/

.recentFilters{width:100%;clear:both; position: relative;
}	
.callFilter, .chatFilter, .likeFilter, .commentFilter, .shareFilter, .otherFilter, .sortingFilter,.voicemailFilter,.faxFilter{background-image:url(/images/streams/stream-icons-sprite.png?t=14052019); background-repeat:no-repeat; height:32px; width:32px; }
.callFilter:hover, .chatFilter:hover, .likeFilter:hover, .commentFilter:hover, .shareFilter:hover, .otherFilter:hover, .sortingFilter:hover{}
.callFilterActive, .chatFilterActive, .likeFilterActive, .commentFilterActive, .shareFilterActive, .otherFilterActive, .faxFilterActive,.voicemailFilterActive,.groupFilterActive{margin:0 !important;}

.recentFilters ul{ padding:0; margin:0;display: flex; align-items: center; flex-direction: row; width: 100%;}
.recentFiltersExpandMode{width:420px!important;}
.recentFilters ul li{ padding:0; margin:0; cursor:pointer;display:flex; flex:1; justify-content: center; align-items: center;}
.recentFilters ul li:last-child{border:none;}
.leftFilters{width: 420px;}

.callFilter{background-position:0 -227px;}
.callFilterActive, .callFilterActive a.callFilter{background-position:0 -194px !important;}

.chatFilter{background-position:-33px -227px;}  
.chatFilterActive, .chatFilterActive a.chatFilter{background-position:-33px -194px;}

.voicemailFilter{ background-position:-264px -227px;}
.voicemailFilterActive, .voicemailFilterActive a.voicemailFilter{ background-position:-264px -194px;}

.groupFilterActive{ background-position:-100px}
.groupFilterActive, .groupFilterActive a.groupFilter{background-image:url(/images/streams/groupsms_active.svg); background-repeat:no-repeat; height:32px; width:32px; }

.faxFilter{ background-position:-231px -227px;}
.faxFilterActive, .faxFilterActive a.faxFilter{ background-position:-231px -194px;}

.emptyStates {text-align: center; margin: 30px 0 0 0;font-size: 16px; color: #999;}
.emptyCalls{background:url(/images/streams/recent-call.png) no-repeat center; height:80px; width:auto; margin: 0 0 20px 0;}
.emptyChats{background:url(/images/streams/recent-chat.png) no-repeat center; height:80px; width:auto;margin: 0 0 20px 0;}
.emptyVmails{background:url(/images/streams/recent-vmail.png) no-repeat center; height:80px; width:auto;margin: 0 0 20px 0;}
.emptyFaxes{background:url(/images/streams/recent-fax.png) no-repeat center; height:80px; width:auto;margin: 0 0 20px 0;}
.faxInbound, .faxOutbound{background-image: url(/images/streams/stream-icons-sprite.png?t=14052019); background-repeat: no-repeat; height: 16px; width: 16px; position: absolute;bottom: 8px;right: 7px;}
.faxInbound{background-position:-310px -234px;}
.faxOutbound{background-position:-340px -234px;}
.SBFaxName{display: flex;text-decoration: none;}
.uccOpts{ margin:5px 0 0 -141px !important;}
.share_loader{padding:10px;width:505px; height: 120px; text-align: center; padding: 70px 0 0 0;}
/* Streams Softphone start */
div.topBarRight .sPhoneuccOpts{left :inherit;right: 0;}
div.customAlert .sPhone_share_loader{padding:10px;width:calc(100% - 30px); height: 120px; text-align: center; padding: 70px 0 0 0;}
div.disableBody_SSphone{z-index:105;}
div.newusercontent_SSphone{margin-top: 30px;}


/* Streams Softphone end */
/*.likeFilter{background-position:-66px 0;}
.likeFilter:hover{ background-position:-66px -34px;}
.likeFilterActive, .likeFilterActive a{ background-position:-65px -34px; background-color:#fff !important;}
*/
/*.commentFilter{ background-position:-99px 0;}
.commentFilter:hover{ background-position:-99px -34px;}
.commentFilterActive, .commentFilterActive a{ background-position:-99px -34px; background-color:#fff !important;}

.shareFilter{ background-position:-132px 0;}
.shareFilter:hover{ background-position:-132px -34px;}
.shareFilterActive, .shareFilterActive a{ background-position:-132px -34px; background-color:#fff !important;}

.otherFilter{ background-position:-164px 0;}
.otherFilter:hover{ background-position:-164px -34px;}
.otherFilterActive, .otherFilterActive a{ background-position:-164px -34px; background-color:#fff !important;}

.sortingFilter{background-position:-198px 0; margin:0;}
.sortingFilter:hover{ 
    background-position: -198px -34px;
}
.sortingFilterActive{
    background-color:#8bc500;
    background-position:-198px -34px;
}

.recentFilters ul li:hover a.callFilter{ background-position:0 -34px;}
.recentFilters ul li:hover a.chatFilter{ background-position:-33px -34px;}
.recentFilters ul li:hover a.likeFilter{ background-position:-66px -34px;}
.recentFilters ul li:hover a.commentFilter{ background-position:-99px -34px;}
.recentFilters ul li:hover a.shareFilter{ background-position:-132px -34px;}
.recentFilters ul li:hover a.otherFilter{ background-position:-164px -34px;}
*/
/* Recent filters CSS end */

/* Icon view File/Folder Icons CSS Start */

.folderIconEmpty,.folderIconICView,.communicationFolderIconICView,.zipIconICView,.pdfIconICView,.pptIconICView,.docIconICView,.imgIconICView,.xlsIconICView,.audioIconICView,.videoIconICView,.xmlIconICView,.textIconICView,.officeDbaseIconICView,.officeCalcIconICView,.officeDrawIconICView,.officeImpressIconICView,.officeMathIconICView,.officeWriterIconICView,.uknIconICView,.trashIconICView,.nonemptytrashIconICView,.crACDInboundIconICView,.crInboundIconICView,.crOutboundIconICView,.confIconICView,.vmailIconICView,.faxIconICView,.vmailIconMp3ICView {background:url('/images/file-folders-sprite-large.png')no-repeat;}

.usersColumn.folderIconEmpty {background-position:-10px 0px;}
.communicationFolderIconICView {background-position:14px -5px;height: 45px;}
.communicationText{margin: 17px 0 0 65px; padding: 0 0 0 0;}
.folderIconICView {background-position:14px -75px;}
.pptIconICView {background-position:14px -155px;}
.xlsIconICView {background-position:14px -237px;}
.textIconICView {background-position:14px -317px;}
.pdfIconICView {background-position:14px -399px;}
.audioIconICView {background-position:14px -480px;}
.videoIconICView {background-position:14px -561px;}
.imgIconICView {background-position:14px -642px;}
.docIconICView {background-position:14px -723px;}
.vmailIconICView {background-position:14px -804px;}
.AccessIconICView{background-position:14px -885px;}
.ProjectIconICView{background-position:14px -966px;}
.PublisherIconICView{background-position:14px -1047px;}
.InfopathIconICView{background-position:14px -1127px;}
.OutlookIconICView{background-position:14px -1209px;}
.OnenoteIconICView{background-position:14px -1290px;}
.SharepointIconICView{background-position:14px -1371px;}
.VisioIconICView{background-position:14px -1452px;}

.officeImpressIconICView {background-position:14px -1533px;}
.officeDbaseIconICView{background-position:14px -1613px;}
.officeMathIconICView {background-position:14px -1695px;}
.officeCalcIconICView {background-position:14px -1776px;}
.officeWriterIconICView {background-position:14px -1856px;}  
.officeDrawIconICView {background-position:14px -1937px;}
.xmlIconICView{background-position:14px -2019px;}
.uknIconICView {background-position:14px -2100px;}
.zipIconICView {background-position:14px -2181px;}
.faxIconICView {background-position:14px -2261px;}
.trashIconICView {background-position:14px -2342px;}

/* Icon view File/Folder Icons CSS End */


/* Detailed view File/Folder Icons CSS Start */

.folderIconEmptyDview,.folderIconDview,.communicationFolderIconDview,.zipIconDview,.pdfIconDview,.pptIconDview,.docIconDview,.imgIconDview,.xlsIconDview,.audioIconDview,.videoIconDview,.xmlIconDview,.textIconDview,.officeDbaseIconDview,.officeCalcIconDview,.officeDrawIconDview,.officeImpressIconDview,.officeMathIconDview,.officeWriterIconDview,.uknIconDview,.trashIconDview,.nonemptytrashIconDview,.crACDInboundIconDview,.crInboundIconDview,.crOutboundIconDview,.confIconDview,.vmailIconDview,.faxIconDview,.vmailIconMp3Dview {background:url('/images/file-folders-sprite-medium.png?xyz=1')no-repeat;}
.usersColumnDview.folderIconEmptyDview {background-position:-10px 0px;}
.communicationFolderIconDview {background-position:0 -4px; height: 45px;}
.communicationTextDview{margin: 17px 0 0 50px; padding: 0 0 0 0;}
.folderIconDview {background-position:0 -80px;}
.pptIconDview {background-position:0 -155px;}
.xlsIconDview {background-position:0 -231px;}
.textIconDview {background-position:0 -307px;}
.pdfIconDview {background-position:0 -383px;}
.audioIconDview {background-position:0 -459px;}
.videoIconDview {background-position:0 -534px;}
.imgIconDview {background-position:0 -610px;}
.docIconDview {background-position:0 -686px;}
.vmailIconDview {background-position:0 -762px;}
.AccessIconDview{background-position:0 -837px;}
.ProjectIconDview{background-position:0 -913px;}
.PublisherIconDview{background-position:0 -989px;}
.InfopathIconDview{background-position:0 -1065px;}
.OutlookIconDview{background-position:0 -1140px;}
.OnenoteIconDview{background-position:0 -1216px;}
.SharepointIconDview{background-position:0 -1292px;}
.VisioIconDview{background-position:0 -1367px;}

.officeImpressIconDview {background-position:0 -1443px;}
.officeDbaseIconDview{background-position:0 -1519px;}
.officeMathIconDview {background-position:0 -1595px;}
.officeCalcIconDview {background-position:0 -1671px;}
.officeWriterIconDview {background-position:0 -1746px;}  
.officeDrawIconDview {background-position:0 -1822px;}
.xmlIconDview{background-position:0 -1898px;}
.uknIconDview {background-position:0 -1947px;}
.zipIconDview {background-position:0 -2049px;}
.faxIconDview {background-position:0 -2125px;}
.trashIconDview {background-position:0 -2201px;}


/* Detailed view File/Folder Icons CSS End */



/* Call Action Icons CSS start*/

.call, .sdialpad, .redial, .voicemail, .dnd, .callTranfer, .moreCallActions,.addContact_stream, .showUsers, .hideUsers, .exit_stream, .streamDetails, .topbarCall, .topbarVideocall, .topbarDeskshare,.callSetting, .ulmAction,.connetMeIcon,.PMIcon,.streamDetails_left, .deleteContactIcon,.archiveIcon,.unArchiveIcon,.hideIcon,.unHideIcon,.showArchievedTeams,.hideArchievedTeams,.createTemTeam,.sendSMS,.sendSMSGreen,.callIconGrey{background-image:url(/images/streams/stream-icons-sprite.png?t=14052019); background-repeat:no-repeat;height:32px; width:32px;display:block;border:solid 1px rgba(255, 255, 255, 0);}
.callActions{height: 50px; width: 100%; background: #fff;display: flex; justify-content: flex-start; align-items: center; flex-direction: row; position: relative;}
.callActionsRight{display: flex; align-items: center; justify-content: flex-start; flex-direction: row; margin: 0 10px 0 0;}
.callActionsRight ul{display: flex; position: relative;}
.callActionsRight ul li{display:inline-block; cursor:pointer; width:32px; margin:0 10px 0 0; position: relative;}
.callActions ul li a:hover{border-radius: 5px; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
                           -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2)}
.callActionsRight ul li:last-child{margin:0;}
.callActionsRight ul li[title~="views"]{margin: 0 10px 0 28px;}
/*
.callActionsRight ul li a:hover{ 
    border: solid 1px #c2c2c2;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
} */

.callActions ul li a:active{-webkit-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.1);
                            box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.1);

}
.leftCallMore{display: flex; flex:1; margin: 0 5px 0 0;position: relative;}
.leftCallMore ul li{cursor: pointer;}
.recentTopRight{}
.recentTopRight ul{}
.recentTopRight ul li{ margin: 0 8px 0 0 !important;}

.callMoreOptions{display: flex;flex: 1; justify-content: flex-end; margin: 0 5px 0 0; position: relative;}
.callMoreOptions ul li{position: relative;}

.dialNumber{width: 220px; margin:0px 3px 0 5px; display: flex; position: relative;}
.dialNumber input{width:100%; max-width: 220px; height:40px; margin: 0; font-size:12px;padding-left:5px;}
.sdialpad{background-position:-63px -64px;}
.call{background-position:-1px -309px;}
.redial{background-position:-116px -64px;}
.voicemail{background-position:-169px -64px;}
.dnd{background-position:-222px -64px;}
.dndActive{background-position:-222px -34px;}
.vmailActive{background-position:-169px -34px;}
.callTranfer{background-position:-271px -64px;width:40px;height:32px;}
.callSetting{background-position:-590px -63px;}
.ulmAction{background-position:-67px -94px;}
.moreCallActions{background-position:-329px -63px;}
.addContact_stream{background-position: -387px -64px;}
.exit_stream{background-position: -889px -63px;}
.showUsers{background-position: -925px -63px;}
.hideUsers{background-position: -957px -63px;}
.topbarCall{background-position: -10px -64px;}
.topbarVideocall{background-position: -439px -64px;}
.topbarDeskshare{background-position: -498px -63px;}
.streamDetails{background-position: -548px -63px;}
.streamDetails_left{background-position: -547px -63px;transform: rotateY(180deg);margin-right: 5px;}
.streamDetails_left:hover{border-radius: 5px;-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);}
.streamDetails_left:hover{border:1px solid #c2c2c2cc;}
_:-ms-lang(x), .streamDetails_left:hover{border:1px solid #c2c2c2;}
.disableAction, .disableAction:hover, .disableAction:active{ opacity:0.4; border: none !important; box-shadow: none !important;background-color:inherit !important; cursor: not-allowed !important;} 
.redialPopout{top:42px; left: 0;}
.redialPopout ul{ padding: 0; margin: 0;}
.connetMeIcon{background-position: -35px -274px;}
.PMIcon{background-position: -148px -274px;}
.deleteContactIcon{background-position:-110px -274px;}
.archiveIcon{background-position: -34px -397px;}
.unArchiveIcon{background-position: -74px -397px;}
.hideIcon {
    background-position: -114px -397px;
}
.unHideIcon{
    background-position: -154px -397px;
}

.showArchievedTeams{
    background-position: -194px -397px;
}
.hideArchievedTeams{
    background-position: -234px -397px;
}
.createTemTeam{background-position: -39px  -1px;border-radius: 5px !important;}
.sendSMS{ background-position: -473px -251px;}
.sendSMS_rightPanel_margin{margin: -10px 0 0 7px;}
.sendSMS_rightPanel_margin a:hover{cursor:pointer;border: solid 1px #c2c2c2cc;background-color: #fff;    border-radius: 5px; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);}
_:-ms-lang(x), .sendSMS_rightPanel_margin a:hover{border: solid 1px #c2c2c2;}
.sendSMSGreen{background-position: -512px -251px;}
.callIconGrey{background-position: -1px -275px;}


/* Call Action Icons CSS End*/ 



.uploadDetails{text-align: left; padding: 20px 20px 5px 20px;position: relative;}
.uploadDetails label{font-size: 14px;
                     width: 100px;
                     display: inline-block;
                     padding: 0 10px 0 0;
                     text-align: right;
}
.uploadDetails label:nth-child[2]{
    vertical-align:top;
}
.uploadDetails span{font-size: 14px; color: #999;}
.addCaption{color: #999; display: inline-block; padding: 5px 0 0 0;}
.uploadDetails input{
    width: 78%;
    height: 30px;
    border-radius: 5px;
    font-size:14px;
    padding: 0 0 0 5px;
}
.uploadDetails textarea{
    width: 78%;
    height: 70px;
    border-radius: 5px;
    font-size:14px;
    vertical-align:top;
    resize: none;
   padding: 5px 95px 5px 5px;
}
.nameTip{
    font-size: 13px;
    margin: 5px 0 0 114px;
    display: inline-block;
}
.thumbsMain{clear: both;
            overflow: hidden;
            padding: 10px 10px 10px 0px;display: flex; align-items: center;
}
.uploadThumbs{text-align: left; margin:0; padding:10px 0 0 0; width:540px; height:120px;overflow-y: hidden; display: flex; justify-content: flex-start;
              overflow-x: auto; white-space: nowrap;}
.uploadThumbs img{cursor:pointer;border:1px solid #ccc;}
.uploadThumbs img:hover{border: solid 1px #aeaeae;}
.uploadDelete{ background-image: url(/images/streams/stream-icons-sprite.png?t=14052019); background-repeat: no-repeat;position: absolute; 
               background-position: -133px -342px; width: 28px; height: 28px; top: -10px; right: -10px; background-color: #fff;
               border-radius: 50px; transform: scale(0.7); box-shadow: 0 0 10px rgba(0,0,0,.4); cursor: pointer; border: solid 1px #ccc;
}
.addMore{ background:url(/images/add-more.png) no-repeat; float:right; width:63px; height:63px;}
.addMore:hover{ opacity:0.7;}
.addMore:active{ opacity:1;}
.buttonsMain{ text-align:center; margin: 30px 10px 0 0;}

.uploadThumbsMain{margin-right:10px; position: relative;}
.selectedThumb{border: solid 2px #99c332 !important;}
.uploadFileMsg{display: flex;align-self:center;font-size: 16px;color:#999;font-weight: bold;padding:10px;width: 100%; justify-content: center;}
.uploadFilepopupMain{display:flex;justify-content:center;width:100%;align-items:center;}
.uploadFilepopup{display: flex;align-self:center;font-size: 14px;color:#fff;padding:10px 15px;background-color: #000;border-radius: 15px;opacity: 0.8;width:200px;justify-content: center;}

/*  Upload Progress bar CSS Start*/
.uploadBarMain{background:#fefefe;border:1px solid #dbdbdb;padding:15px;height:32px;z-index: 9;
               top: 2px;
               width: calc(100% - 70px);
               margin:0 20px;
               position: absolute;
               border-radius: 5px;
               box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.progressCount{text-align: center;
               font-size: 16px;
               color: #666;
               position: absolute;
               z-index: 2;
               width: 100%;
               line-height: 19px;
               font-weight:bold;
}
.progressCount span.uploadStatus{ position: absolute; left: 10px; top: 4px;}
.progressCount a.cancelUpload{cursor: pointer; display: inline-block; position: absolute; right: 10px; top:4px;}
.uploadProgressBar {

    height: 12px;
    width:98%;
    margin: 0 auto;
    margin-top: 10px;
    overflow: hidden;
    border-radius: 5px;
    /*    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
        box-shadow: inset 0 1px 2px rgba(0,0,0,.1);*/
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9;
    top:28px;

}
.uploadFilename{display:inline-block;width:85%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.uploadCancel{    width: 24px;
                  height: 24px;
                  background: url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat;
                  background-position: -65px -648px;
                  opacity: 0.5;
                  position: absolute;
                  top:-5px;
                  right:1px;
                  cursor: pointer;
}
.uploadCancel:hover{opacity: 1;}
.uploadProgressBarMidChat {

    width:93%;

}
.uploadProgressBar > span {
    display: block;
    height: 100%;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}
.uploadProgressBar > span:after, .animate > span > span {
    content: "";
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    /*    background-image: 
            -webkit-linear-gradient(
            -45deg, 
            rgba(255, 255, 255, .4) 25%, 
            transparent 25%, 
            transparent 50%, 
            rgba(255, 255, 255, .4) 50%, 
            rgba(255, 255, 255, .4) 75%, 
            transparent 75%, 
            transparent
            );
        background-image: 
            -moz-linear-gradient(
            -45deg, 
            rgba(255, 255, 255, .4) 25%, 
            transparent 25%, 
            transparent 50%, 
            rgba(255, 255, 255, .4) 50%, 
            rgba(255, 255, 255, .4) 75%, 
            transparent 75%, 
            transparent
            );*/
    z-index: 1;
    -border-radius: 5px;
    overflow: hidden;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    animation: move 2s linear infinite;
}

@-webkit-keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}
@keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}

/*  Upload Progress bar CSS End */


/* Stream Image preview Popup CSS Start*/

.imagePreviewContainer{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top:  0px;
    z-index:99;

}

.imagePreviewMain{
    position:relative;
    /* background: #000;*/
    width:70%;
    height:90%;
    margin: 0 auto;
    z-index: 10;
    top:5%;
}
.imagePreviewPopup{
    position:relative;
    top:0px;
    right:0px;
    left:0px;
    display: flex;
    height: 100%;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}
.imagePreviewPopup img{
    display: inline-block;
    height: auto;
    width: auto;
    vertical-align: middle;
    top: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
    right: 0px;     
}
.imagePreviewPopup .previewImage{
    position: absolute;
    top: 5px;
    bottom: 0px;
    left: 0px;
    margin: auto;
    max-width: calc(100% - 44px);
    max-height: calc(100% - 44px);
    right: 0px;      
}
.imagePreviewPopup .previewVideo{
   position: relative;
    top: 5px;
    bottom: 0px;
    left: 0px;
    margin: auto;
    height: calc(100vh - 140px);
    width: 99%;
    right: 0px;   
    
}
.previewLoader{
    width:100px !important; 
    height:100px !important;
    top: 50%;
    position: fixed;
}
.imagePreviewPopup .scaledImage{
    max-width: calc(100% - 210px);
    max-height: calc(100% - 210px);
    position: absolute;
    top: 50%;
    bottom: 50%;
    left: 0px;
    margin: auto;
    right: 0px;
    margin-bottom: -130px;
}

.imagePreviewPopup video{
    display: inline-block;
    height: auto;
    width: auto;
    image-rendering: optimizeQuality;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
    right: 0px;    
}
.imagePreviewPopup audio{
    display: inline-block;
    image-rendering: optimizeQuality;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
    right: 0px;    
}
.zoom img{ 
    bottom: 0; 
    display: block; 
    left: 0; 
    margin: auto; 
    max-height: 100%; 
    max-width: 100%; 
    position: absolute; 
    right: 0; 
    top: 0;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
     -ms-transform-origin: center center;
      -o-transform-origin: center center;
       transform-origin: center center;
   -webkit-transform: scale(1);
    -moz-transform: scale(1);
     -m-transform: scale(1);
      -o-transform: scale(1);
   transform: scale(1);
   -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
}
.zoom-transition{
   -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
     -ms-transform: scale(1.15);
      -o-transform: scale(1.15);
       transform: scale(1.15);
   -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
}

.closePreview{
    background:url(/images/close-preview.png) no-repeat;
    display:block;
    height:30px;
    width:30px;
    line-height: normal;
    position: absolute;
    opacity:0.7;
    right: 0;
    top: 20px;
    transition: opacity 1s cubic-bezier(.23, 1, .32, 1);
    z-index: 99;
}
.scrShareClosePreview{
    background:url(/images/scrShareCloseIcon.png) no-repeat;
    display:block;
    height:30px;
    width:30px;
    background-position: 10px 8px;   
}
.closePreview:hover{opacity:1;
                    transition: opacity 1s cubic-bezier(.23, 1, .32, 1);
}
.downloadPreview{
    background:url(/images/download-preview.png) no-repeat;
    display:block;
    height:30px;
    width:30px;
    line-height: normal;
    position: absolute;
    opacity:0.7;
    right: 45px;
    top: 18px;
    transition: opacity 1s cubic-bezier(.23, 1, .32, 1);
    z-index: 99;
}
.downloadPreview:hover{opacity:1;
                       transition: opacity 1s cubic-bezier(.23, 1, .32, 1);
}

.slidePrevious {
    background: url(/images/slider-arrows.png) 0 0 no-repeat;
    margin-top: -23px;
    position: fixed;
    transition: opacity 1s cubic-bezier(.23, 1, .32, 1);
    left: 3vw;
    height: 40px;
    opacity: 0.5;
    top: calc(50vh - 14px);
    width: 21px;
    z-index: 1;
    padding: 6px;
    background-color: #141414;
    border-radius: 4px;
}

.slideNext {
    background: url(/images/slider-arrows.png) -47px 0 no-repeat;
    height: 40px;
    opacity: 0.5;
    top: calc(50vh - 40px);
    width: 21px;
    right: 3vw;
    z-index: 1;
    padding: 6px;
    background-color: #141414;
    border-radius: 4px;
    position: fixed;
}
.slidePrevious:hover, .slideNext:hover{opacity:1;
                                       transition: opacity 1s cubic-bezier(.23, 1, .32, 1);
}
/* Stream preview Popup CSS End*/

/* Top Bar Action Icons CSS start*/

.activeStatus{-webkit-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.1);
              box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.1);
              border-radius: 5px;
}
.sortContacts, .addUser, .ExpandLeftArrow, .ExpandRightArrow{background-image:url(/images/streams/stream-icons-sprite.png?t=14052019); background-repeat:no-repeat;height:32px; width:32px;display:block;}
.topBarActions{ height:50px; width:100%;display: flex; justify-content: flex-start; align-items: center;}
/*.topBarActions ul li{display:inline-block; cursor:pointer; float:left; width:44px; margin:0 5px 0 0; position: relative;}
.topBarActions ul li a:hover{ border:solid 1px #c2c2c2; border-radius:5px;
-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);
}
.topBarActions ul li a:active{-webkit-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.1);
    background-color: #e1e1e1;
    border-color: #c2c2c2;
} */
.topBarRight{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
}
.topBarRight ul{
    display: flex;
    flex-direction: row;
    margin: 0;
}
.topBarRight ul li{
    display: flex;
    cursor: pointer;
    width: 32px;
    height: 32px;
    align-items: center;
    margin: 0 5px 0 0;
    position: relative;
}
.topBarRight ul li a:hover{ 
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.topBarRight ul li a:active{-webkit-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.1);
                            box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.1);

}
div.topBarMoreActions{right: 0; top: 30px;}
div.topBarMoreActions ul li{margin: 0 !important; width: 110px;}
div.topBarMoreActions ul li a{padding: 0 5px; color: #333;}

div.pinMoreActions{right: 0; top: 20px; width: 160px !important; margin-left: -30px;}
div.pinMoreActions ul li{height: 32px;}
div.pinMoreActions ul li a{padding: 0 0 0 7px;}
div.pinMoreActions ul li span{padding-right: 0 !important;}

.userStatus{width: auto;  margin: 0px 0 0 10px; font-size: 14px;  position: relative;  cursor: pointer; display: flex; align-items: center;}
.statusOnline, .statusBusy, .statusOffline, .statusMobile,.statusOnPhone{background-image: url(/images/streams/left-panel-icons-sprite.png); display: inline-block; height: 20px; width: 20px; min-width: 20px; padding: 0;}
.statusOnline{background-position: -165px -6px;}
.statusBusy{background-position: -200px -6px;}
.statusOffline{background-position: -235px -6px;}
.statusMobile{background-position: -270px -6px;min-width: 15px;width: 15px;}
.statusOnPhone{background-position: -798px -1052px}
.statusOnPhone_offline{background-image: url(/images/streams/stream-icons-sprite.png?t=14052019); display: inline-block; height: 20px; width: 20px; min-width: 20px; padding: 0;}
.statusOnPhone_offline{background-position: -756px -1144px;}
.statusMsg{overflow: hidden; text-overflow: ellipsis; max-width:220px; white-space: nowrap;}
.statusLoading{background-image: url(/images/streams/Connecting.gif); display: inline-block; height: 19px; width: 19px;background-repeat:no-repeat;margin-right:4px;}
.sortContacts{background-position:-2px 0;}
.addUser{background-position:-40px 0;}
.ExpandLeftArrow{background-position:-77px 0;}
.ExpandRightArrow{background-position:-113px 0;}
.userStatusPopup{
    display: block;
    margin:5px 0 0 0;
    width: 250px;
    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:20px;
    left:7px;
}
.userStatusPopup ul {
    display: flex;
    flex-direction: column;
    margin: 0;
}
.userStatusPopup ul li {
    width: auto;
    padding: 5px;
    margin: 2px 5px 2px 5px;
    display: block;
    display: flex;
    align-items: center;
}
.customStatusMessage{
    padding: 6px 0 0 0;
    font-weight: bold;
}
.customStatusMessage h4{
    padding:0 0 5px 5px;
    margin:0;
}
.ststusOptions{
    padding:10px 5px;
    margin:1px 4px;
}
.ststusOptions span{
    margin-right:20px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.statusMessage{ max-width: 200px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ststusOptions input[type="text"]{
    width: 97%;
    height: 30px;
    margin: 0 0 10px 0;
    font-size: 14px;
}
.customStatus{margin: 0 0 0 10px; display: flex; align-items: center}
.customMesEdit, .customMesDelete, .customMesSave, .customMesCancel{background-image: url(/images/streams/stream-icons-sprite.png?t=14052019); display: inline-block; height: 20px; width: 20px; margin: 0 0 0 5px}
.customMesEdit{background-position: -305px -6px;}
.customMesDelete{background-position: -342px -6px;}
.editCustomMes{display: flex; align-items: center}
.editCustomMes input[type=text]{width:150px;}
.customMesSave{background-position: -405px -6px;}
.customMesCancel{background-position: -374px -6px;}

.sortContactsPopout{ right:0 !important; top:26px;z-index:200}
.sortContactsPopout ul{ display: flex; flex-direction: column;}
.sortContactsPopout ul li{ display: flex; align-items: center; padding: 0px 5px 0px 5px; margin: 0px 5px 0px 5px;}
.usrStatus{padding: 8px 5px;border: 1px solid transparent;margin-left: 6px;}
.usrStatus:hover{border: solid 1px #c2c2c2;background-color: #fff;border-radius: 5px;-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);}
.usrStatusPopup{top:160px;margin-left: 7px;}
.usrStatusPopup:hover{cursor: pointer;}
/* Top Bar Action Icons CSS End*/

/* Top Bar Action Icons CSS start*/

/*.sortContacts, .addUser{background-image:url(/images/ucc-topbar-icons.png); background-repeat:no-repeat;height:32px; width:40px;display:block;border:solid 1px #fff;}
.topBarActions{ height:43px; width:530px; background:#fff; border-bottom:solid 1px #ccc;}
.topBarActions ul{ margin:4px 0 0 0; float:right;}
.topBarActions ul li{display:inline-block; cursor:pointer; float:left; width:36px; margin:0 15px 0 0;}
.topBarActions ul li a:hover{ border:solid 1px #c2c2c2; border-radius:5px;
-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);
}
.topBarActions ul li a:active{-webkit-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.1);
    background-color: #e1e1e1;
    border-color: #c2c2c2;
} 
.userStatus{width:auto;float: left; margin: 13px 0 0 10px; font-size:14px; position:relative;}
.userStatus img{ vertical-align:top;}
.sortContacts{background-position:0 -6px;}
.addUser{background-position:-51px -6px;}
.userStatusPopup{
        display: block;
    margin:5px 0 0 0;
    border: solid 1px #ccc;
    width: 250px;
    background: #fbfbfb;
    padding: 3px 0 3px 0;
    position: absolute;
    z-index: 1;
        font-size:14px;
        -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);
}
.userStatusPopup ul {
        float:none;
}
.userStatusPopup ul li {
    width: auto;
    padding: 5px;
    margin: 2px 5px 2px 5px;
    display: block;
    float: none;
}
.userStatusPopup ul li:hover {
    background: #ccc;
}
.customStatusMessage{
        border-top: solid 1px #ccc;
    padding: 6px 0 0 0;
    font-weight: bold;
}
.customStatusMessage h4{
        padding:0 0 5px 5px;
        margin:0;
}
.ststusOptions{background: #f0f0f0;
    padding:10px 5px;
        margin:1px 4px;
}
.ststusOptions span{
        margin-right:20px;
        display:inline-block;
}
.ststusOptions input[type="text"]{width: 97%;
    height: 20px;
    margin: 6px 0 0 0;
}*/
/* Top Bar Action Icons CSS End*/



/* Top Search CSS start */
.productLogo{min-width:420px; width:420px; display: flex; align-items: flex-start; justify-content: flex-start;}
.streamsHeaderMain{height:66px;width:100%;min-width: 900px;}
.streamsHeader{
    position:relative;
    display:flex;
    flex-direction: row;
    align-items:center;
    justify-content: flex-start;
}
.searchMain {	
    margin: 0;
    display: flex;
    width: 100%;
    position: relative;
    /*margin-right: 10px;*/
    min-width: 200px;
}
.searchMain input{
    height: 35px;
    width: 100%;
    display:block;
    padding:0 65px 0 10px;
    font-size:14px;
}
.searchOptions{
    border: solid 1px #999;
    border-right: 0;
    height: 13px;
    min-width: 100px;
    padding: 10px;
    font-size: 14px;
    line-height: 14px;
    position:relative;
    display:block;

}
.searchOptions ul{
    display: block;
    margin: 10px 0 0 -11px;
    border: solid 1px #ccc;
    min-width: 120px;
    background: #fff;
    padding:5px 0 5px 0;
    box-shadow:1px 1px 2px #ccc;
    position:relative;
    z-index:10;
}
.searchOptions ul li{
    cursor:pointer;
    color:#666;
    padding:0 0 0 10px;
    line-height:30px;
}
.searchOptions ul li:hover{
    color:#000;
    background: #e5ecd3;
}

.optionArrow:hover{
    opacity:1;
}
.optionArrow {
    background: url(/images/streams/stream-icons-sprite.png?t=14052019);
    display: inline-block;
    height: 35px;
    width: 35px;
    position: absolute;
    right: 0;
    top: 0;
    background-position: -853px -63px;
    transform: rotate(90deg);
    opacity: 0.5;
}
.streamSearchIcon{

    display: inline-block;
    height: 35px;
    width: 35px;
    min-width:35px;
    position:absolute;
    margin:0 0 0 15px;
    top:0;
    right: 0;
    background-position: -10px -840px;
}

.chatMessage_Sr{
    position: relative;
    width: auto;
    min-width: 100px;
    height: auto;
    padding: 10px 10px 13px 10px;
    margin-top: 10px;
    font-size: 16px;
    clear: both;
    display: flex;
}


div.chatMessage_Sr:last-child div.pinMoreActions {top: -65px;}


.streamSearchIcon:hover{
    opacity:0.7;
}
.streamSearchIcon:active{
    opacity:1;
}
.clearIcon{width:20px;height:20px;display:inline-block;position:absolute; background:url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat;  background-position: -142px -846px;right:40px;top:7px;cursor:pointer;}

.streamsMenuMain{
    margin:0 0 0 20px; display: flex; justify-content: flex-end; align-items: center; width: 390px; min-width: 390px; flex:1;	
}
.userProfileMain{
    padding: 0px;
    display: flex;
    align-items: center;
    position: relative;
}
/*.userProfileImage{
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}
.userProfileImage img{
    border-radius:40px;
    height:40px;
    width:40px;        
    border: solid 1px #cfcfcf;
}*/
.userProfileName{display: inline-block;
                 vertical-align: middle;
                 font-size: 16px;
                 margin: 0;
                 font-weight:bold;
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
                 max-width: 280px;
}
.streamsMenu{
    height: 32px;
    width: 32px;
    margin: 0px 5px 0px 10px;
    background:url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat;
    cursor:pointer;
    position: relative;
    background-position: -65px -841px;
}
.streamsMenu:hover{
    border-radius:5px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.streamsMenu:active{-webkit-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.1);
                    box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.1);

}

/* Top Search CSS End */



/*Styles for new Dialpad*/
.dialpadNew {z-index: 5;position:absolute;width:206px; border:1px solid #ccc;background-color:#fff;display:flex;box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);top:41px;left:0px;}
.dialpadButtonsMain {margin:8px;display:flex;flex-direction:column;align-items:center;}
.dialpadButtonsMain ul { width:190px; padding:0; margin:0;display:flex;justify-content:center;flex-wrap:wrap;}
.dialpadButtonsMain ul li {border-radius:50%; width:45px; height:45px;margin:5px;float:left;font-size:10px;cursor:pointer;list-style-type:none;-webkit-user-select: none;-moz-user-select: none; -ms-user-select: none;  user-select: none;}
.dailpadButton  {text-align:center;}
.dailpadButtonNumber {font-size:20px;margin-top:2px;}
.mt_8px {margin-top:8px;}
/*End === new Dialpad*/
.OutBound{background:url(/images/OutgoingCall.png) no-repeat 3px center; padding-left:18px}
.InBound{background:url(/images/IncomingCall.png) no-repeat 3px center; padding-left:18px}


.CTChead{font-size:14px; padding: 8px;}
.CTCMenu{width:220px; z-index: 9;position: absolute;top: 44px; left: 0px;
         -webkit-box-shadow: 0 1px 6px 0px rgba(0,0,0,0.4);
         -moz-box-shadow: 0 1px 6px 0px rgba(0,0,0,0.4);
         box-shadow: 0 1px 6px 0px rgba(0,0,0,0.4);
}
.CTCMenu ul{padding:0}
.CTCMenu ul li{font-size:13px; list-style:none;margin:5px; float: none; width:auto; padding: 5px;cursor: pointer;border-bottom:1px solid #efefef;}
.CTCMenu ul li input{width:150px; height:33px; margin:2px 0 0 0; font-size:12px;vertical-align:top;}
.CTCMenu ul li:last-child{border-bottom:none;}
.CTCMenu hr {height:1px;width:100%;border:0px;padding:0;margin:0 0 5px 0;}
.CTCMenu .CloseDetails{background-image: url(/images/streams/stream-icons-sprite.png?t=14052019);background-position: -133px -348px; background-repeat: no-repeat; width:23px;height:23px;cursor:pointer;    position: absolute;
                       right: 10px; opacity:0.5;}
.primaryButton{cursor:pointer;border-radius:5px;padding:5px 15px;color:#fff;border:0px;background:#8bc500 url(Images/Call-Icon.png) no-repeat;}
.CTCMenu .CloseDetails:hover{opacity:1;}

/*css for Soft Phone start*/

.callPSTN{background-image: url(/images/streams/softphone-sprite.png?t=2); background-repeat: no-repeat; background-position: 0 0;width: 32px;
          height: 32px; display: inline-block; margin: 2px 0 0 0;border:1px solid transparent; cursor: pointer;}
.callPSTN:hover{border-radius: 5px; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);}

/*css for Soft Phone End*/



.primaryButton:hover{background-color:#7bad04}

/* Top Search CSS End */

/* SmartBox Action Icons CSS start*/
/*.displayFolder{display: flex;position: relative;  flex: 3; margin: 8px 0 0 -20px;}*/
.displayFolder{display: flex;position: relative;  flex: 3; margin: 8px 0 8px 10px;align-items: center;}
/*.displayFolder input{height: 25px;}*/
.displayFolder input[type=text]{width: 200px; height: 24px; padding: 0 0 0 5px;}

.sbsortunCheck, .sbsortcheckBox{background-image:url(/images/clouddrive/mainsprite.png); background-repeat:no-repeat;height:32px; 
                                width:32px;display:block;}
.sbsortunCheck{background-position: 9px -476px;}
.sbsortcheckBox{background-position: 9px -423px;}

div.sortActionsPopup{top: 32px !important; left:-160px !important;}
div.sortActionsPopup ul li{height: 34px !important;}
div.sortActionsPopup ul li span{left:0 !important;}

div.sortActionsPopup ul li.sortdivider{height: 1px !important; margin: 2px 0 2px 0;background-color: #ccc;}

.createFolder, .upload, .reports,.favourite,.favourite_add,.favourite_del,.activityReport, .download, .rename, .move, .copy, .delete, .restore, .info, .share,
.unshare, .SBLock, .unlock, .moreOptions, .gridViewBtn, .listViewBtn, .sort, .permanentDelete, .fileDownload, .fileRename, .fileMove, .fileCopy, .fileActionInfo, .fileShare, .fileUnshare, .fileLock, .fileUnlock, .fileVersionHistory{
    background-image:url(/images/streams/stream-icons-sprite.png?t=14052019); background-repeat:no-repeat;height:32px; 
    width:32px;display:block; border:solid 1px rgba(255, 255, 255, 0);}
.smartboxActions{height: 48px; width: 100%;display: flex; align-items: center; position: relative;}
.fileActions{
    display: flex;
    position: relative;
    width:100%;
    flex: 1;
}
.sortActions{
    position: relative;
    display: flex;
    justify-content: flex-end;
}
.smartboxActions ul{ margin: 0 0 0 5px; display: flex; flex-direction: row;}
.smartboxActions ul li{cursor: pointer;margin: 0 10px 0 0; display: flex; align-items: center; justify-content: center; position: relative;}
.smartboxActions ul li:last-child{margin:0;}
.smartboxActions ul li a:hover{ 
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.smartboxActions ul li a:active{-webkit-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.1);
                                box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.1);

}
.smartboxActions ul li:first-child div.popup_more { right:auto !important;left:0;}
.smartboxActions ul li:last-child div.popup_more { right:-135px;}

.createFolder{background-position:-2px -161px;}
.upload{background-position:-39px -161px;}
.reports{background-position:-76px -161px;}
.activityReport{background-position:-113px -161px;}
.download{background-position:-150px -161px;}
.rename{background-position:-187px -161px;}
.move{background-position:-225px -161px;}
.copy{background-position:-260px -161px;}
.delete{background-position:-299px -161px;}
.restore{background-position:-336px -161px;}
.info{background-position:-373px -161px;}
.share{background-position:-409px -161px;}
.unshare{background-position:-447px -161px;}
.SBLock{background-position:-483px -161px;}
.unlock{background-position:-520px -161px;}
.permanentDelete{background-position:-556px -161px;}
.moreOptions{background-position:-643px -161px;}
.favourite{background-position:-895px -161px;}
.favourite_add{background-position:-928px -161px;}
.favourite_del{background-position:-960px -161px;}


.smartboxActions ul li a.gridViewBtn{background-position:-680px -161px; margin:0;}
.smartboxActions ul li a.listViewBtn{background-position:-717px -161px; margin:0;}
.sort{background-position:-753px -161px;}

.detailedView div.SBfileActionPopup{
    height: auto !important;
    text-align: left;
    position: absolute;
    z-index: 9999;
    top: 32px;
    right: 3px;
    left: -213px !important;
    width: 200px !important;
    padding: 5px;
}
.detailedView div{border-top:solid 1px #ccc;}
div.fileActionsPopup {
    display:flex;

    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);
    padding:5px; 
    width:170px;
    top: 32px;   
}
div.fileActionsPopup ul{
    margin:0;
    padding:0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width:100%;
}
div.fileActionsPopup ul li{
    padding:0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin:0 !important;
    cursor: pointer;
    width: 100%;
}
div.fileActionsPopup ul li a{
    pointer-events:none;
    color: #333;
}
div.fileActionsPopup ul li span{
    position:relative;
    white-space:nowrap;
    padding-right:20px;
}
div.fileActionsPopup.posFixed{position: fixed;}
/*.fileDownload, .fileRename, .fileMove, .fileCopy, .fileActionInfo, .fileShare, .fileUnshare, .fileLock, .fileUnlock, .fileVersionHistory{
    background-image:url(/images/streams/stream-icons-sprite.png?t=14052019);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    margin:0;
}*/
.fileDownload{
    background-position:-150px -161px;
}
.fileRename{
    background-position:-186px -161px;
}
.fileMove{
    background-position:-224px -161px;
}
.fileCopy{
    background-position:-260px -161px;
}
.fileActionInfo{
    background-position:-372px -161px;
}
.fileShare{
    background-position:-409px -161px;
}
.fileUnshare{
    background-position:-446px -161px;
}
.fileLock{
    background-position:-482px -161px;
}
.fileUnlock{
    background-position:-519px -161px;
}
.fileVersionHistory{
    background-position:-606px -161px;
}


/* SmartBox Action Icons CSS End*/

div.callActionsPopup{top: 32px; right: -2px;  }

/*skype for business css start */

div.fileActionsPopupSkype {
    display: flex;
    position: absolute;
    z-index: 15;
    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);
    padding: 5px;
    width: 207px;
    top: 36px;
    left: -188px;
}
div.fileActionsPopupSkype {
    background: #fbfbfb;
    border: solid 1px #ccc;
}
div.fileActionsPopupSkype ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
}
div.fileActionsPopupSkype ul li {
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0 !important;
    cursor: pointer;
    width: 100%;
}
div.fileActionsPopupSkype ul li a {
    pointer-events: none;
    color: #333;
}
.normalButtonCallFP{ padding:6px 10px; margin: 0 5px 0 0; cursor: pointer; border: none; border-radius: 5px; outline: none; font-size: 14px;color:#fff;}
.normalButtonCallFP:hover{box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.secondaryButtonCallFP{color: #000;border: 1px solid #b9b9b9;background: #f0f0f0;outline: none;cursor: pointer;padding: 5px;border-radius: 5px;font-size: 14px;}
.secondaryButtonCallFP:hover{box-shadow: 0 1px 3px rgba(0,0,0,0.5);}
.LiSubLink{font-size:14px;}
/*skype for business css end*/


.callForward, .speedDials, .contacts, .callLogs, .VolumeSettings, .logout_skype{background-image:url(/images/streams/stream-icons-sprite.png?t=14052019); background-repeat:no-repeat;height:32px; width:32px;
}

.callForward{background-position: -1px -32px;
}
.speedDials{background-position: -34px -32px;
}
.contacts{background-position: -66px -29px;
}
.callLogs{background-position: -99px -31px;
}
.VolumeSettings{background-position: -132px -31px;
}
.logout_skype{background-position: -558px -1046px;
}

.recentMessage{
    padding:4px 0 0 0;
    font-size: 13px;
    overflow: hidden;
    position: relative;
    margin:0;
    display: flex;
    align-items: center;
    width: 98%;
    max-width: 345px;
}

.recentMessageComment{
    color: #333;
    padding:4px 0 0 0;
    font-size: 13px;
    overflow: hidden;
    position: relative;
    margin:0;
    display: flex;
    align-items: center;
    margin-top: 4px;
    width: 98%;   
}

.recentVmail{height: 20px; width: 24px; background-image: url(/images/streams/stream-icons-sprite.png?t=14052019);background-repeat: no-repeat;background-position: -51px -256px;}
.recentFaxMain{display:flex;align-items:baseline;}
.sendFax{width:50px;height:50px;display:flex;align-items;center;justify-content:center;border-radius:50%;-webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.3);
         box-shadow: 0 3px 10px 0 rgba(0,0,0,0.3);cursor:pointer;outline:none;background-image: url(/images/streams/stream-icons-sprite.png?t=14052019);background-repeat: no-repeat;background-position: -318px -331px;position:fixed;left:350px;bottom:40px;z-index:12;}
.faxbtnOk{margin-top: 20px;text-align: center;}
.faxborder{border-bottom: 1px solid #ccc;}

.recentMessageActive{
    color: #000;
}
.recentUserID{white-space: nowrap;}
.lastMessage{
    padding:0 0 0 2px;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    display: inline-block;
    width:100%;
    /* min-width: 200px; */

    text-align:left;
}


.searchResultMessage{
    padding:0 0 0 2px;
    font-size: 13px;
    position: relative;
    display: inline-block;
    width:100%;
    word-wrap:break-word;
    /* min-width: 200px; */

    text-align:left;
}


.lastMessage br{content:""; margin: 0 4px;}

.lastMessageComment{
    color: #999;
    padding:0 0 0 2px;
    font-size: 13px;
    position: relative;
    display: inline-block;
    width: 245px;
    text-align:left;
    word-wrap:break-word
}

.lastMessageSearch{
    color: #999;
    padding:0 0 0 2px;
    font-size: 13px;
    position: relative;
    display: inline-block;
    width: 245px;
    text-align:left;
    word-wrap:break-word;
    margin-top: 6px;
}

.recentTime{
    position: absolute;
    top: 2px;
    right: 10px;
    font-size: 12px;
    float:right;
}
.fileRecent, .photoRecent, .videoRecent, .audioRecent,.recentMissed,.recentInbound,.recentOutbound,.recentFax,.recentSMS{background-image:url(/images/streams/stream-icons-sprite.png?t=14052019); background-repeat:no-repeat;height:18px; width:18px; display: inline-block;}
.fileRecent{background-position:-197px -258px; width:25px;min-width: 21px;}
.photoRecent{background-position:-162px -257px; width:25px;min-width: 21px;}
.videoRecent{background-position:-232px -257px;width:25px;min-width: 21px;}
.audioRecent{background-position:-256px -258px; width:25px;min-width: 21px;}
.recentMissed{background-position:-132px -256px;}
.recentInbound{background-position:-2px -256px;}
.recentOutbound{background-position:-28px -256px;}
.recentFax{background-position: -292px -256px; width:20px;height:18px;}
.recentSMS{background-position: -442px -258px; width:25px;min-width: 21px;}

.chatInbound,.chatOutbound,.chatMissed{background-image:url(/images/streams/stream-icons-sprite.png?t=14052019); background-repeat:no-repeat;height:30px; width:30px; display: inline-block;}
.chatInbound{background-position:-8px -1100px;}
.chatOutbound{background-position:-58px -1100px;}
.chatMissed{background-position:-476px -1140px;}

.recentTimeGroup{
    position: absolute;
    top: 16px;
    right: 10px;
    font-size: 12px;
    float:right;
}
.recentNotification{
    position: absolute;
    top: 38px;
    right: 18px;
    border-radius: 20px;
    padding: 3px 5px 7px 5px;
    width: auto;
    min-width:12px;
    height: 12px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    float:right;
    z-index: 9;
}

.tabsRecentNotification{
    position: absolute;
    top: 7px;
    /*    right: 16px;*/
    border-radius: 20px;
    height: 12px;
    padding:2px 5px 2px 5px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left:16px;
}

.streamMenuPopup {
    width: 230px;
    position: absolute;
    z-index: 99;
    font-size: 14px;
    top: 36px;
    right: 6px;
    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);
}

.streamMenuPopup ul li{
    padding:8px 5px 8px 12px;
    position: relative;
    cursor: pointer;
}
.streamMenuPopup ul li img{
    float: right;
    vertical-align: top;
}
div.contactHoverPopup ul li:hover{
    background:#e6f3c4;
}
div.contactHoverPopup ul li.deleteRecent{
    color:#F00;
}
div.contactHoverPopup hr{
    padding:0; margin:0 auto; width:90%;
}


.streamMenuPopupOptions{display: block; background: #fbfbfb; position: absolute; top: 0; left: -201px; width: 200px; z-index: 1; border: solid 1px #ccc;
                        -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);
}

.audioInbound, .audioOutbound, .voicemailRecent, .videoInbound, .videoOutbound{background-image:url(/images/recent-calls.png); background-repeat:no-repeat; height:16px; width:16px; display: inline-block; position: relative;}
.audioInbound{background-position: 0 0; top: 4px;}
.audioOutbound{background-position:-26px 0; top:4px;}
.voicemailRecent{background-position:-52px 0; top:4px;}
.videoInbound{background-position: -78px 0; top:1px;}
.videoOutbound{background-position:-104px 0; top:1px;}

/* Contact hover actions CSS start */

div.contactActions{
    width: auto;
    height: 32px;
    position: absolute;
    top: 50%;
    bottom: 50%;
    margin-top: -2px;
    right: -10px;
    border-radius: 5px;
    padding: 0;
}
div.contactActions ul{
    display: flex;
    position:relative;
}
div.contactActions ul li{
    position:relative;
}
div.contactActions ul li:hover{
    cursor:pointer;
}
div.contactActions ul li:first-child{border-radius: 5px 0 0 5px;}
div.contactActions ul li:last-child{border-radius: 0 5px 5px 0;}
.callContact,.callContactSkype, .contactConnectMe, .contactMoreActions, .callContactActive, .contactConnectMeActive, .contactMoreActionsActive,.action_play,.persistanceMonitor,.deleteContact, .zenTicketIcon{
    background:url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat;display:inline-block;height: 28px;width: 40px;
}
.callContactActive, .contactConnectMeActive, .contactMoreActionsActive{
    -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,.1);
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,.1);
}
.callContactActive{ 
    background-position:3px 0px;
}
.contactConnectMeActive{
    background-position:-31px -34px;
}
.threedots{
   align-items: center;
   display: inline-flex;
}
.contactMoreActionsActive{
    background-position:-64px -35px !important;
    border-right:none;
}
.callContact{
    background-position:3px -308px;
    border-radius: 5px 0 0 5px;
}

.callContact:hover{
    background-position:3px -308px
}

.callContactSkype{
    background-position:3px -308px;
    border-radius: 5px;
}
.callContactSkype:hover{
    background-position:3px -308px
}
.contactConnectMe{
    background-position:-28px -274px;
    border-radius: 0;
}
.persistanceMonitor{background-position:-144px -274px;}
/*.persistanceMonitor:hover{background-position:-143px -308px;}*/
/*.contactConnectMe:hover{
    background-position:-31px -308px;
}*/
.persistanceDisable{pointer-events: none; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);  -o-filter: grayscale(100%);  -ms-filter: grayscale(100%);filter: grayscale(100%);color: #666; opacity: 0.6;}
.deleteContact{background-position:-104px -274px;}
.contactMoreActions{
    background-position:-64px -274px;
    border-right:none;
    border-radius: 0 5px 5px 0;
}
.action_play{background-position:-850px -63px;}
.action_play:active{background-position:-850px -63px;}
.contactMoreActions:hover{
    border-right:none;
}
div.contactHoverPopup {
    width: 180px;
    padding: 6px 0 3px 0;
    position: absolute;
    z-index: 2;
    font-size: 14px;
    top: 44px;
    right: 0;
    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);
}
div.contactHoverPopup ul li{
    float:none;
    padding:8px 5px 8px 12px;
}
div.contactHoverPopup hr{
    padding:0; margin:0 auto; width:90%;
}
.right-panel div.contactActions{right:5px;margin-top:1px;}
/* Contact hover actions CSS end */

/* Upload popup actions CSS start */

div.uploadMenu {
    width: 200px;
    padding: 6px 0 3px 0;
    position: absolute;
    z-index: 1;
    font-size: 14px;
    bottom:36px;
    right: 10px;
    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);
    text-align:left;
}
div.uploadMenu ul li{
    float:none;
    padding:8px 5px 8px 12px;
}
div.uploadMenu hr{
    padding:0; margin:0 auto; width:90%;
}

/* Upload popup actions CSS end */


.buddyTitle{padding: 0; margin: 0; display: flex; flex-direction: row; align-items: center; width:98%;}
.buddyTitleRP{padding: 0; margin: 0; display: flex; flex-direction: row; align-items: center; width:68%;}
.buddyTitleMain{ position: relative; width:100%;}
.buddyTitleMainRP{ position: relative;width: 87%; margin: 0 0 0 5px;}
.buddyTitleMainSearch{ position: relative;width: calc(100% - 60px);}
.profilePicture{position: relative; display: flex; flex-direction: column;}
.profilePicture_commentRP{margin: 0 0 0 5px;display: flex; align-self: flex-start;}
.groupBuddies{position: relative;height: auto; overflow: hidden; clear: both;}

a.groupCollapse{background:url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat; width: 30px; height: 30px;font-size: 10px; text-decoration: none; display: block; background-position: -31px -342px;}
a.groupCollapse:hover{ opacity: 0.6;}
a.groupCollapseActive{background-position: 2px -342px;}
.groupInfoIcon{background:url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat; width: 30px; height: 30px;font-size: 10px; text-decoration: none; display: block; background-position: -851px -161px;}
.otherTeamsHeader{font-weight: 700;margin-left: 5px;font-size: 14px;display: flex;}


/* Group more actions CSS start */

div.groupActionsPopup{
    top:38px;
    right:5px;
    width:200px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    z-index: 13;
    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);

}

div.groupActionsPopupCont.expndedGroupActnMenu {
    position:fixed; visibility:hidden;
}

div.groupActionsPopupCont{
    top:28px;
}    

div.MemberSection:last-child div.groupActionsPopupCont{
    top: -44px;   
}    
div.groupActionsPopup li{
    width: 190px;
    height: 32px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin:5px;
    cursor:pointer;
}
div.groupActionsPopup li span {
    padding: 0 0 0 5px;
}
.connectMeGroup, .deleteGroup, .renameGroup, .exitGroup{background-image:url(/images/streams/stream-icons-sprite.png?t=14052019); backgrond-repeat:no-repeat;height:32px;width:32px;display:block;margin: 0;
}

.connectMeGroup{background-position: 0 -365px;
}
.deleteGroup{background-position: -110px -274px;border: solid 1px rgba(255, 255, 255, 0);
}
.renameGroup{background-position:0 -431px;
}
.exitGroup{background-position:0 -464px;
}

/* Group more actions CSS end */


/* Status Icons CSS start */

.statusIcon{width:45px; height:45px; position:relative; top:0px;}

.listViewIcons .SO, .listViewIcons .SOImp, .listViewIcons .SI, .listViewIcons .SIImp, .listViewIcons .SISO, 
.listViewIcons .SIImpSO, .listViewIcons .SOImpSI, .listViewIcons .ImpSISO, 

.listViewIcons .sync, .listViewIcons .syncSO, .listViewIcons .syncSI, .listViewIcons .syncSOImp, .listViewIcons .syncSIImp,
.listViewIcons .syncImpSISO, .listViewIcons .syncSIImpSO, .listViewIcons .syncSISO, .listViewIcons .syncSOImpSI, 

.listViewIcons .conflic, .listViewIcons .conflicSO, .listViewIcons .conflicSI, .listViewIcons .conflicSOImp, 
.listViewIcons .conflicSIImp, .listViewIcons .conflicImpSISO, .listViewIcons .conflicSIImpSO, .listViewIcons .conflicSISO,
.listViewIcons .conflicSOImpSI, 

.listViewIcons .Lock, .listViewIcons .LockSO, .listViewIcons .LockSI, .listViewIcons .LockSOImp, .listViewIcons .LockSIImp,
.listViewIcons .LockImpSISO, .listViewIcons .LockSIImpSO, .listViewIcons .LockSISO, .listViewIcons .LockSOImpSI,

.listViewIcons .conflicLock, .listViewIcons .conflicLockSO, .listViewIcons .conflicLockSI, .listViewIcons .conflicLockSOImp,
.listViewIcons .conflicLockSIImp, .listViewIcons .conflicLockImpSISO, .listViewIcons .conflicLockSIImpSO,
.listViewIcons .conflicLockSISO, .listViewIcons .conflicLockSOImpSI, 

.listViewIcons .syncLock, .listViewIcons .syncLockSO, .listViewIcons .syncLockSI, .listViewIcons .syncLockSOImp,
.listViewIcons .syncLockSIImp, .listViewIcons .syncLockImpSISO, .listViewIcons .syncLockSIImpSO,
.listViewIcons .syncLockSISO, .listViewIcons .syncLockSOImpSI {background-image:url('/images/statusoffolder-icon.png?abc=1');background-repeat:no-repeat; display:block;width:45px;height:45px;}


/* SO SI */

.listViewIcons .SO {background-position:1px -3px;}
.listViewIcons .SOImp {background-position:-112px -4px;}
.listViewIcons .SI {background-position:-55px -3px;}
.listViewIcons .SIImp {background-position:-168px -4px;}
.listViewIcons .SISO {background-position:-335px -3px;}
.listViewIcons .SIImpSO {background-position:-280px -3px;}
.listViewIcons .SOImpSI {background-position:-391px -4px;}
.listViewIcons .ImpSISO {background-position:-224px -4px;}

/* Sync */

.listViewIcons .sync {background-position:5px -56px;}
.listViewIcons .syncSO {background-position:-51px -56px;}
.listViewIcons .syncSI {background-position:-107px -56px;}
.listViewIcons .syncSOImp {background-position:-163px -56px;}
.listViewIcons .syncSIImp {background-position:-219px -56px;}
.listViewIcons .syncImpSISO {background-position:-275px -56px;}
.listViewIcons .syncSIImpSO {background-position:-331px -56px;}
.listViewIcons .syncSISO {background-position:-387px -56px;}
.listViewIcons .syncSOImpSI {background-position:-443px -56px;}

/* Conflic */

.listViewIcons .conflic {background-position:5px -112px;}
.listViewIcons .conflicSO {background-position:-51px -112px;}
.listViewIcons .conflicSI {background-position:-107px -112px;}
.listViewIcons .conflicSOImp {background-position:-163px -112px;}
.listViewIcons .conflicSIImp {background-position:-219px -112px;}
.listViewIcons .conflicImpSISO {background-position:-275px -112px;}
.listViewIcons .conflicSIImpSO {background-position:-331px -112px;}
.listViewIcons .conflicSISO {background-position:-387px -112px;}
.listViewIcons .conflicSOImpSI {background-position:-443px -112px;}

/* Lock */

.listViewIcons .Lock {background-position:4px -165px; }
.listViewIcons .LockSO {background-position:-52px -165px;}
.listViewIcons .LockSI {background-position:-108px -165px;}
.listViewIcons .LockSOImp {background-position:-164px -165px;}
.listViewIcons .LockSIImp {background-position:-220px -165px;}
.listViewIcons .LockImpSISO {background-position:-276px -165px;}
.listViewIcons .LockSIImpSO {background-position:-332px -165px;}
.listViewIcons .LockSISO {background-position:-388px -165px;}
.listViewIcons .LockSOImpSI {background-position:-444px -165px;}

/* Conflic Lock */

.listViewIcons .conflicLock {background-position:4px -221px;}
.listViewIcons .conflicLockSO {background-position:-52px -221px;}
.listViewIcons .conflicLockSI {background-position:-108px -221px;}
.listViewIcons .conflicLockSOImp {background-position:-164px -221px;}
.listViewIcons .conflicLockSIImp {background-position:-220px -277px;}
.listViewIcons .conflicLockImpSISO {background-position:-276px -277px;}
.listViewIcons .conflicLockSIImpSO {background-position:-332px -277px;}
.listViewIcons .conflicLockSISO {background-position:-388px -277px;}
.listViewIcons .conflicLockSOImpSI {background-position:-444px -277px;}

/* Sync Lock */

.listViewIcons .syncLock {background-position:4px -277px;}
.listViewIcons .syncLockSO {background-position:-52px -277px;}
.listViewIcons .syncLockSI {background-position:-108px -277px;}
.listViewIcons .syncLockSOImp {background-position:-164px -277px;}
.listViewIcons .syncLockSIImp {background-position:-220px -277px;}
.listViewIcons .syncLockImpSISO {background-position:-276px -277px;}
.listViewIcons .syncLockSIImpSO {background-position:-332px -277px;}
.listViewIcons .syncLockSISO {background-position:-388px -277px;}
.listViewIcons .syncLockSOImpSI {background-position:-444px -277px;}

/* Status Icons CSS end */

p.activityInfo{margin: 0 0 0 10px; color: #333; max-width: 370px;}
p.activityInfo span:nth-child(2){margin: 5px 0 0 0;}
p.activityInfo b{color: #000;}

.streamOptionsMain {
    margin: 10px 0 0 0;
    padding-top: 6px;
    width: 97%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
}
.streamOptions{margin: 0 16px 0 0px; display: flex; align-items: center; color: #999999;position: relative;}
.streamOptions a{text-decoration: none; cursor: pointer; color:#999; font-size: 14px;}
.streamIcons {height:18px; width:18px; display: inline-block; margin: -3px 2px; }
.streamIcons.like {background-position:0px -692px ;}
.streamIcons.liked {background-position:0px -710px ;}
.streamIcons.comment {background-position:-34px -692px ;}
.streamIcons.streamShare {background-position:-67px -692px ;}
.streamIcons.pin {background-position:-98px -692px ;}
.streamIcons.pinned {background-position:-98px -711px ;}
.streamIcons.download {background-position:-132px -692px ;}
.streamIcons.copyText {background-position:-200px -693px ;background-image: url(/images/streams/stream-icons-sprite.png?t=14052019);}
.streamIcons.replyText {background-position:-304px -693px ;background-image: url(/images/streams/stream-icons-sprite.png?t=14052019);}
.streamIcons.faxForward {background-position: -367px -348px;background-image: url(/images/streams/stream-icons-sprite.png?t=14052019);}
.streamIcons.editMessage{    background-position: -236px -693px;background-image: url(/images/streams/stream-icons-sprite.png?t=14052019);}
.streamIcons.deleteMiddle{background-position: -269px -693px;background-image: url(/images/streams/stream-icons-sprite.png?t=14052019);}
.streamIcons.forwardIcon{background-position: -444px -693px;background-image: url(/images/streams/stream-icons-sprite.png?t=14052019);}
.streamIcons.streamsMore{width:14px;height:14px;background-position: -166px -695px;background-image: url(/images/streams/stream-icons-sprite.png?t=14052019);margin:-3px 0;}
.editMsg{background:#fff4b6;padding: 10px;}
.stream-right .editMsg{background:#fff4b6;padding:0;}
.editMsg .buttons {margin: 7px 0 0 0;}
.editedText{font-size: 13px;color: #999;}
.msgEditMain{display:block}
.editMsg{background:#fff4b6;}
.smsReply{background-position:-304px -692px;width:20px;background-image: url(/images/streams/stream-icons-sprite.png?t=14052019);}
.sendAnotherSMS{background-position:-340px -692px;min-width:20px;max-width:20px;width:20px;background-image: url(/images/streams/stream-icons-sprite.png?t=14052019);}
.resendIcon{background-position:-375px -692px;background-image: url(/images/streams/stream-icons-sprite.png?t=14052019);}
.addCaptionIcon{background-position: -411px -693px;background-image: url(/images/streams/stream-icons-sprite.png?t=14052019)!important;}
/*
.editMsg .editableDiv{ margin-top:4px;border: 1px solid #ccc; border-radius: 5px; min-height: 20px; overflow: auto;max-height: 100px;cursor: text;color: #333;font-size: 14px;line-height: 20px;background-color:#fff;} 
.editMsg .editableDiv p{padding:5px;}
.editMsg textarea{min-height:20px;border-radius:5px;margin-top:4px;padding: 10px 0 10px 10px;max-height:100px;  box-sizing: content-box;line-height: 18px;width:100%;resize:none;height:20px;}
*/
/*.editMsg textarea{min-height:20px; border-radius:5px; margin-top:4px;padding: 10px 0 8px 5px;max-height:100px;  box-sizing: content-box;line-height: 18px;width:98%;resize:none;height:20px;}*/
.editMsg textarea{
    width: 89%;
    height: 55px;
    min-height: 20px;
    max-height: 100px;
    font-size: 14px;
    /* border: none; */
    /* outline: none; */
    /* resize: none; */
    padding: 10px 100px 10px 10px;
    line-height: 18px;
    display: flex;
    box-sizing: content-box;
}


.emojiedit{
    border: 1px solid #dbdbdb;
    background: #fff;
    position: relative;
    display: flex;
    align-items: center;
    width: 98%;
}

.editCaptionright {
    right: 19px !important;
}
.editcaptionrightmain{ 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    width: 98%; 
    position: relative;
}

.emojiedittext{
    
    height: 37px;
    overflow: hidden;
    border: none;
    resize: none;
    padding: 10px 87px 10px 10px !important;
    line-height: 18px;
    display: flex;
    box-sizing: content-box;
    width: 100% !important;
    min-height: 20px;
    max-height: 100px;
    font-size: 14px;
    outline: none;
}

.rightpanneledit{
    background: #fff;
    position: relative;
    width: 98%;
    align-items: center;
    display: flex;
    margin: 5px 0 0 0px;
}

.cmteditMsg textarea{
    width: 89%;
    height: 55px;
    min-height: 20px;
    max-height: 100px;
    font-size: 14px;
    /* border: none; */
    /* outline: none; */
    /* resize: none; */
    padding: 10px 100px 10px 10px;
    line-height: 18px;
    display: flex;
    box-sizing: content-box;
}

.RigtpanalWidth{
    width: 68%;
    
}
.comentEditText{
  
    height: 73px;
    overflow: hidden;
    min-height: 20px;
    border-radius: 5px;
    margin-top: 4px;
    padding: 10px 0 8px 5px;
    max-height: 100px;
    box-sizing: content-box;
    line-height: 18px;
    resize: none;
    width: 100% !important;
    outline: none;
    padding: 10px 85px 10px 10px !important;
    margin: 0px;
    
}
.editMsg .buttons{justify-content:flex-start;}

.likeLink{margin: 0 0 0 10px}
.stream-right .likeLink{margin: 0 0 0 5px;}
.reShareMain{min-width: 90px;}
.pinitMain{min-width: 65px;}
/*div.chatMessage:last-child div.pinMoreActions {top: initial !important; bottom:0;}*/
a.rightPinnedMore{display: flex; align-items: center;}
a.rightPinnedMore::before{content: ""; background-image:url(/images/streams/stream-icons-sprite.png?t=14052019); background-repeat: no-repeat; background-position: -160px -686px;
                          height: 30px; width: 30px; display: inline-block;}


.streamDateLabelHeader{position: absolute;z-index: 10; width: 70%; top: 24px; left: 0; right: 18px; margin: 0 auto;opacity: 1;}
.streamDateLabel {
    padding: 10px 20px 10px 20px;
    font-size: 13px;
    text-align: center;
    display: block;
    position: relative;
    border-radius: 5px;
    margin: 0 auto;
    margin-bottom: 5px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
    min-height:15px;
}

.defaultSreamsMessage{ position: absolute; top: 50px; z-index: 1;}

.noRecentSreamsMessageMain {text-align:center;margin-top: 20%;}
.noRecentSreamsMessage {background: #dbdbdb;padding: 15px 25px;font-size: 18px;display: inline-block;border-radius: 5px;border: 1px solid #cccccc;-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3);
                        -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3);
                        box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3);}

.streamContextIcon {height: 360px; max-width: 500px;cursor: nesw-resize; cursor: -moz-zoom-in; cursor: -webkit-zoom-in;}
.slideCountInner {min-width:100px; height: 100px;}
.slideCount {height:100px}
.slideCountInner span {line-height: 100px;font-size: 60px}
.streamContextRight {max-height: 200px; max-width: 300px;cursor: nesw-resize; cursor: -moz-zoom-in; cursor: -webkit-zoom-in;}

.streamContextIconSearch{width:30px;height:35px;}

.imgWithCount {display: inline-block; position: relative; width:auto; max-width: 405px;}
.imgWithCount figure{background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;
                     margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.reloadimgmain{ margin: 0px; height: 300px; width: 300px; border: 1px solid #dbdbdb;  display: flex; align-items: center; justify-content: center; flex-direction: column;}
.reloadimg{ display: flex; align-items: center; justify-content: center; flex-direction: column;}
.reloadmiddle{ margin: 0px; font-size: 18px; color: #ff0000;}
.reloadicon{width:50px;height:50px;display:block;background:url(/images/diloader.gif)  no-repeat center center;height:200px}
.defimageicon{width:50px;height:50px;display:block;background:url(/images/file-folders-sprite.png?t=12082019) 2px -617px no-repeat;}
.loadingicon{     text-align: center;}

/*.loadMoreloader {position: absolute;margin: auto;left: 0;right: 0;text-align: center;top: 0px;}*/
.loadMoreloader {text-align: center;margin-bottom:15px}
.loadMoreloaderBottom {text-align: center; margin-top: -11px;}

.loadMoreloaderSearch {text-align: center;margin-bottom:15px;margin-top: 10px;}

/*add contactpopup css start*/
.createTeamMain{display: flex;justify-content: space-between;background: #f0f0f0; border: solid 1px#ccc;width:100%;}
.createTeamLeft{display: flex;flex-direction: column;align-self: flex-start;overflow: auto;flex: 1; width:50%;}
.form-createTeam_contpp{width:1200px;display:flex;flex-direction:column;align-items:center;margin:0px auto;min-width:600px;padding:10px;border-radius:10px;box-shadow: 0px 0px 10px #636363;max-height:90%;top: 0; position: relative;background: #fff;min-height:390px;}
.form-createTeam_contpp.changeTProps {height: auto;}
.changeTProps .streamAttributeMain {height: auto;}

.form-createTeam{width:600px;display:flex;flex-direction:column;align-items:center;margin:0px auto;min-width:600px;padding:10px;border-radius:10px;box-shadow: 0px 0px 10px #636363;max-height:95%;}
.form-reshare{width:600px;display:flex;flex-direction:column;align-items:center;margin:0px auto;min-width:600px;padding:10px;border-radius:10px;box-shadow: 0px 0px 10px #636363;max-height:95%;height:650px;background-color: #fff;min-height:200px;overflow: hidden;}
.main_form{width:100%;display:flex;align-items:center;}
.main_formReshare{width:100%;display:flex;align-items:center;min-height:30px;}
.mainHeading{font-size:18px; font-weight: bold;}
.dmHeading{font-size:16px; margin-bottom: 10px; font-weight: bold;}
.subHeading{font-size:16px;display:flex;margin-bottom:2px;font-weight:bold;align-items: flex-end;}
.existHeading{font-size:16px;display:flex; font-weight:bold;align-items: flex-end;margin: 0 0 2px 8px;}
.subHeading span.mustFields{color: red; padding: 0 0 0 3px;}
.buttonMain_DM{margin-top:20px;}
/* input[type=text]{padding:7px 0;width:100%; font-size:14px;} */
.addedContacts{width:99%;min-height: 38px; max-height:100px;overflow:auto;display:flex;flex-wrap:wrap; background: #fff;border: 1px solid #ccc; color: #999;align-items: center;padding: 0 0 0 10px;}
.addedcontacts_user{outline:none;border-radius:5px;border:none;font-weight: bold;display:flex;align-items:center;font-size:14px;margin:2px;height:30px;padding:2px 5px 2px 2px;}
.addedcontacts_remove{margin:0 0 0 5px;cursor:pointer;}
/*.checkbox_unchecked{background:url(../images/checkedsprite.png) no-repeat; display:inline-block;height:20px; width:20px; background-position:0 0;}
.checkbox_checked{background:url(../images/checkedsprite.png) no-repeat; display:inline-block;height:20px; width:20px; background-position:-21px 0;}*/
.checkboxDisable{pointer-events: none; opacity: 0.4;}
.d_none{display: none;}
.label_createTeam_contpp{padding:5px;}
.label_createTeam{padding:5px;width:100%;}
.label_TeamStream{padding:0 5px 5px 5px;}
.user{display:flex;flex-wrap:wrap;overflow-x:hidden;overflow-y:auto;margin:0 10px;}
.user_contpp{overflow-x:hidden;overflow-y:auto;margin:0 10px 10px 10px;border: solid 1px #ccc;height: 405px;min-height:100px;}
.searchContacts{margin:10px;}
.existingContacts_contpp{width:100%;display:block;overflow-x:hidden;overflow-y:auto;background: #fff;border: 1px solid #ccc;}
.existingContacts{width:100%;height:250px;display:block;overflow-x:hidden;overflow-y:auto;}
.existingContactsReshare{width:100%;height:250px;display:block;overflow-x:hidden;overflow-y:auto;min-height:105px;border: 1px solid #a9a9a9;border-bottom:0px;}
.existingContacts_user{margin:5px;display: flex;padding:5px;}
.userProfilePic{border-radius:20px;width:40px;height:40px;margin:0 10px;}
.userProfilePic_added{border-radius:20px;height:30px;margin:0 2px;}
.contactName{font-size:14px;font-weight:bold;word-break: break-word;word-wrap:break-word;margin: 0 0 6px 0; width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.contactNameinvite{width: 100% !important;}
.contactStatus{margin-top:7px;display:flex; font-size:14px;}
.contactStatusIcon{display:inline-block;height:14px; width:14px;margin:0 4px 0 0;}
.existingContact_alignment{display:flex;align-items:center; min-width: 80px;}
.existingContact_alignment1{display:flex;align-items:center; min-width: 78px;}
.contactinfo{display:flex;flex-direction:column;justify-content:center; width:380px;}
.contactinfoinvite{width:134px !important;min-width: 134px;}
.buttons{display:flex;justify-content:center;align-items:center; margin:7px 0;width:100%;min-height:35px;}
.buttonsReshare{display:flex;justify-content:center;align-items:center; margin:0;width:100%;border-top:1px solid #a9a9a9;padding-top:7px;}
.recentButtons{ margin: 6px 0 0 0;}

ul{list-style:none;}
.user li{width:98%; cursor:pointer;}
.user_contpp li{width:98%; cursor:pointer; height: 42px;}
.userActive{width:350px; cursor:pointer;}
/*.userActive:hover{background:#8bc500 !important;}*/
.main_imgclose{flex:1;display:flex;justify-content:flex-end;}
.popupactions{width:32px;height:32px;display:block;background:url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat;}
.popupMaximize{background-position: 4px -652px; opacity: 0.5;}
.popupMinimize{background-position: -31px -652px; opacity: 0.5;}
.popupClose{background-position:-65px -648px; opacity: 0.5; cursor:pointer;}
.popupMaximize:hover, .popupMinimize:hover, .popupClose:hover{opacity:1;text-decoration: none;}

.contactsMainheading{display: flex;align-items:center;}
.createTeam_Icons{height:25px; width:25px; display:inline-block;}
.radiobuttonsMain{display: flex;align-items:center;margin:0 5px;}
.radio_checked{background-position:-6px -798px;}
.radio_unchecked{background-position:-28px -798px;}
.searchFilter{display: flex;align-items:center;margin:0 5px;}
.contactfieldsmain{display:flex;flex-direction:column;margin:5px 10px 0 10px;}
.contactfieldsmain input{padding:3px 2px;width:220px;}
.contactfieldsmain select{padding:3px 2px;width:220px;margin-left:5px;}
.reshareMainContent{overflow-x: hidden;overflow-y: auto; width:100%;}
.label_Reshare{width:100%;}
/*Team Stream Enhanced Properties*/

.TeamContainerScroll{max-height: 100%;overflow-x: hidden;overflow-y: auto; margin:5px 0;width:50%; display:flex; flex:1;min-height:300px}
.all_contact_details{width:99%;}
.streamAttributeMain{padding:5px;border:1px solid #ccc; display: block; flex-direction: column;background: #fff; overflow: auto; position: relative;min-height:100px;}
.streamAttributeMain select.selectTeam{ height: 30px; background: #fff; font-size: 14px;min-width: 150px}
.streamAttributeMain select{background: #fff;}
.selectStreamType{display: flex; align-items: center;}
.teamType{display:flex;margin:10px 0 10px 0;align-items:flex-start;}
.teamType label{font-weight:700;}
.teamType a { margin-right: 5px;}	
.radio-Checked {background-position: -7px -798px;}
.radio-Unchecked {background-position: -29px -798px;}
.checkboxmain{width:30px;height:30px;display:flex;align-items:center;;}
.streamTeamInfo{color:#999;line-height:21px;margin: 0;}
.TeamStreamMain{display:flex;align-items:center;min-height:30px;min-height: 30px; margin: 5px 0 0 0;}
.TeamStreamMain select{width:150px;font-size:14px;height:30px;}
/*.TeamStreamattributeMain{margin:0 35px;}*/
.teamPropertiesMain{padding:10px;}
.teamPropertiesMain h4{margin-top:0;font-weight:normal;}
.teamType{margin-right:15px;}
.broadcastmsg{font-size: 14px;font-weight: bold;color: #999; position: absolute; left: 0; right: 0; text-align: center;z-index:1;background: #ffffff;margin-right:20px;}
.teamdetls_mi{flex:1;}
.teamStreaminfo{width:100%;}
.team_members_info{overflow:hidden;}


/*addcontact popup css start end*/



/* Right panel CSS for comments and likes Start */

.details2{
    width:100%;
}
.right-panel{
    width:410px;
    overflow-x:hidden;
    overflow-y: auto;
    min-width: 410px;
}
.right-panel div.rightMain{overflow-y:auto;overflow-x:hidden;width:auto;display:flex; flex-direction:column;}

.rightHeadBar{display:flex; align-items:center; justify-content:space-between; height:auto;padding: 10px 0 10px 10px;font-size:16px;font-weight:bold; min-height: 30px;cursor:pointer;}
.header{
    font-size:18px;
    font-weight:bold;
    margin-left:10px;
    padding:10px 0;
}
.header2{
    font-size:16px;
    font-weight:bold;
    display:flex;
    flex: 1;
}

.msgsearchHdrItem{
    justify-content:center;
    color: #999;
}    

.img_padding{
    padding:0 5px;
}
.hrgreen{
    height:4px;
    background:#46861a;
    border:none;
}
.check_sprite_unchecked{
    background:url(../Images/checked%20sprite.png) no-repeat;
    background-position:0 0;
    width:20px;
    height:20px;
}
.check_sprite_checked{
    background:url(../Images/checked%20sprite.png) no-repeat;
    background-position:-22px 0;
    width:20px;
    height:20px;
}
/*******************************************************************************************************/


/*like and Unlike css start*/
.conference_main_details2{
    margin-bottom:10px;
}
.likesRightMain{
    display:flex;
    align-items:center;
}
.fileInfoRight{
    color:#999;
    display:flex;
    align-self:flex-start;
    font-size:14px;
    margin-top:5px;
}
/*.name{
        display:flex;
        align-self:flex-start;
        font-weight:bold;
        font-size:16px;
}*/
.padding8_like{
    margin:3px 0;
}
.people{
    display:flex;
    flex-direction:column;
    margin: 0 0 10px 0px;
}
.main_ulm_details{
    border-bottom:1px solid #dbdbdb;
    padding:10px 0 9px 0;
}
.rightFileName{
    font-size:14px;
    cursor:pointer;
    width: 118px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 1;
}
.q4_comment{
    color:#46861a;
    font-size:16px;
    cursor:pointer;
    width:68%;
}
.likeimg{
    padding:0 10px;
}
.likeORcomment{
    font-size:14px;
}
.likeInfoMain{
    display:flex;
    margin: 5px 0 5px 0;
}
.rightBuddytime{
    margin-top:2px;
    display:flex;
    font-size: 13px;
}
.usrnm{
    display:flex;
    font-size:16px;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
}
.people_who_like{
    font-size:14px;
    font-weight:bold;
    padding:3px 10px;
    text-align:left;
}
.like_image,.unlike_image,.comment_image{
    width:24px;
    height:24px;
    cursor:pointer;
}
.rightpanelclose{width: 20px;height: 20px;background:url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat; background-position: -137px -346px; opacity: 0.5; margin: 0 10px 0 0;}
.rightpanelclose:hover{opacity: 1;}
.ulmRightclose{width: 20px;height: 20px;background:url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat; background-position: -137px -346px; opacity: 0.5;margin:0;}
.ulmRightclose:hover{opacity: 1;}
/*.like_image{
    
        background:url(../images/like-and-comment.png) no-repeat;
        background-position:-26px 0;
        
}
.unlike_image{
        background:url(../images/like-and-comment.png) no-repeat;
        background-position:0 0;4063

}
.comment_image{
        background:url(../images/like-and-comment.png) no-repeat;
        background-position:-52px 0;
}*/
/*like & Unlike css end*/





/********************************************************************/





/*Clicking checkbox start*/
/*.userProfileImage{
        width:40px;
        height:40px;
        display:inline-block;
        margin:0 10px;
}*/
.userProfileImage_border{
    border-radius:20px;
    border:none;
}
/*input{
        padding:4px;
}*/
.place_holder_padding{
    padding-right:5px;
}
.shareInfoRight{
    padding:0px 10px 0 0;
    white-space: nowrap;
    // text-overflow: ellipsis;
    //overflow: hidden;
}
.shareInfoRight:nth-child(2){width:45px;}
.shareInfoRight:last-child{padding: 0;}

.shareContact{position: relative; border: solid 1px #ccc; width: 180px; display: flex; align-items:center; padding: 7px;}
.shareContact img{border-radius: 20px; height: 30px; width: 30px;}
.shareContact span{display: inline-block; padding: 0 0 0 10px;}

.Headerbar{
    width: 100%;
    background: #f0f0f0;
    border: 1px solid #dbdbdb;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-left: 10px;
    justify-content: space-between;
}
.arrow-up{
    background: url(../images/top-actionbar.png) no-repeat;
    background-position: -139px 0;
    width: 32px;
    height: 32px;
    cursor: pointer;
    padding-right: 10px;
}
.primaryButton{
    height:36px;
    display:flex;
    cursor:pointer;
    border-radius:5px;
    border:none;
    margin:0 10px;
    background:#8bc500;
    color:#fff;
    font-weight:bold;
    outline:none;
    align-items:center;
    justify-content:center;
    font-size:16px;
    padding:0 20px;
}
.primaryButton:hover{
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.contacts_ucc{
    height:220px;
    overflow-x:hidden;
    overflow-y:auto;
    padding-bottom:10px;
}
.users{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin:0 10px;
    font-size: 16px;
    font-weight: bold;
    padding:10px 0 9px 0;
    border-bottom:1px solid #dbdbdb;
}
.box{
    width:auto;
    height:40px;
    display:flex;
    border:1px solid #dbdbdb;
    align-self:center;
    margin:10px;
}
.box_input{
    width:390px;
    height:20px;
    display:flex;
    border:1px solid #dbdbdb;
    align-self:center;
    margin:5px;
    color:#999;
    font-size:14px;
}
.paddin6_checkbox{
    padding:10px;
}
.likeFileMain{
    display:flex;
    justify-content:center;
    overflow: hidden;
    word-break: break-word;
    flex-direction: column;
    width: 100%;
    word-wrap: break-word;
}
/*.likeFileMain img{width:100%; height: 100%;}*/

/*Clicking checkbox end*/





/********************************************************************/





/*Clicking comment start*/
.commentImageMain{
    display:flex;
    align-items:center;
}
.conference_main_details{
    margin-bottom:5px;
}
.conferenceImageMain{
    display:flex;
    align-items:center;
}

.properties_comment{
    width:100%;
    height:auto;
    display:flex;
    flex-direction:column;
}

.padding8_comment{
    margin:3px 0;
}
.IM_BodyContent_MemberSection{
    position:relative;
    margin:10px 0 0 0;
    display:flex;
    min-height:40px;
    align-items: center;
}
.IM_BodyContent_MemberSection_smartbox2{
    position:relative;
    display:flex;
    border-bottom:1px solid #dbdbdb;
    padding:10px 0 9px 0;
}
.time_comment{
    font-size:13px;
    margin: 0 0 0px 5px;
    font-weight:normal !important;
    display: inline-block;
}
.time_search{
    font-size:13px;
    margin: 0 0 0px 5px;
    font-weight:normal !important;
    justify-content: flex-end; 
    align-self: flex-end;
    display: flex;
    flex: 1;
    white-space:nowrap;
}

.imag{
    padding-top:11px;
}
.inputtxtmain{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin: 10px 0 10px 0;
}
.inputtxtmain textarea{
    outline: none;
    resize: none;
    width:90%;

    min-height:20px; 
    border-radius:5px;
    font-size: 13px;
    line-height: 18px;
    padding:9px 0 9px 10px;
    vertical-align: top;
    overflow: auto;
}

.comment_info{
    display:inline-block;
    padding: 2px 0 0 0;
    word-break: break-word;
}
.moderatorInfo{border-bottom: solid 1px #ccc; padding: 0 0 12px 0;}
.comments{
    font-size:16px;
    font-weight:bold;
    padding:3px 10px;
    border-bottom:1px solid #dbdbdb;
}
/*Clicking comment end*/





/********************************************************************/





/*Clicking reshare start*/

.existingContactReshare{margin: 5px 0; display: flex;align-items: center;}

.reshareHead{margin: 10px 0 5px 10px; border-bottom: solid 1px #ccc; width: 96%; font-size:16px;}

.reshareFile{overflow:auto; display:flex; flex-direction: column; padding:10px; border:solid 1px #ccc; justify-content: center;}
.reshareNameAndTime{font-size: 14px; margin: 4px 0 0 0;}
.reshareDetails{ font-weight:bold;max-height: 50px; overflow: auto; white-space: pre-wrap;word-break: break-word; margin-bottom: 10px}

.detail_reshare{
    display:flex;
    margin-bottom:2px;
    justify-content:space-between;
    align-items:center;
    background:#f0f0f0;
    padding:10px;
}
.reshareMember{
    display:flex;
    align-items:center;
    margin:0 10px;
    border-bottom:1px solid #dbdbdb;
    padding:10px 0 9px 0;

}
.arrow-down{
    background:url(../Images/ic-medium.png) no-repeat;
    background-position:-172px 0;
    width:32px;
    height:32px;
    cursor:pointer;
    padding-right: 10px;
}
.user_name{
    font-weight:bold;
    font-size:16px;
}
.people1{
    float:left;
    padding-top:22px;
    padding-left:8px;
}
.peopl{
    display:flex;
    flex-direction:column;
}
.border_members{
    border-bottom:1px solid #dbdbdb;
    padding-bottom:60px;
}
.rightPanelBack{
    background: url(../images/top-actionbar.png) no-repeat;
    background-position:-114px 0px;
    width:32px;
    height:32px;
    cursor:pointer;
}
.buttons_main{
    display:flex;
    margin:10px auto;
    align-items:center;
}
/*.normalButton{
        // height:36px;
        border:none;
        display:flex;
        cursor:pointer;
        border-radius:5px;
    margin-left:11px;
        background:#f0f0f0;
        color:#000;
        font-weight:bold;
        outline:none;
   //  font-size:16px;
        justify-content:center;
        
}*/
.form_background{
    background:#eee;
    font-size:14px;
}
/*.user{
            display: flex;
    flex-direction: row;
    align-items: center;
        margin:10px;
}*/
.reshare_main{
    overflow-x:hidden;
    overflow-y:auto;
    width:100%;
    height:176px;	
}
.name_width{
    width:60%;
}
/*Clicking reshare end*/




/********************************************************************/





/*Connectme start*/
.properties_connectme{
    width:100%;
    height:auto;
}
.url{
    width:270px;
    height:24px;
    border-radius: 5px;
    font-size:14px;
}
.bold{
    font-weight:bold;
}
.session{
    padding:10px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    font-size:16px;
}
.main_button{
    padding:5px;
}
.padding8_connectme{
    float:left;
    padding-top:19px;
    padding-left:10px;
}
.usr{
    font-size:16px;
    width:62%;
}

.usr_info{
    float:right;
    color:#999;
    font-size:14px;
}
.participants_usr_info{
    float:right;
    color:#999;
    font-size:14px;
    right:10px;
    width: 66px;
}
.connectme_participants{
    display:flex;
    align-items:center;
    border-bottom:1px solid #dbdbdb;
    padding:10px 0;
}
.participants{
    font-weight:bold;
    font-size:16px;
    padding-left:10px;
    padding-bottom:5px;
    border-bottom:1px solid #dbdbdb;
}
.copyurl{
    display:flex;
    align-items:center;
    margin:0 0 10px 10px;
}
.session_fontsize{
    font-size:16px;
}
.session_connect_main{
    display:flex;
    font-size:16px;
    align-self:flex-start;
    margin:0 10px;
}
.session_connect_details1{
    list-style:none;
}
.session_connect_details1 li{
    margin:10px 0;
    display:flex;
}
.session_connect_details2{
    list-style:none;
    margin:10px;
}
.session_connect_details2 li{
    margin:10px 0;
}
/*label{
        display:flex;
        align-items:center;
        font-size: 13px;
}*/

.label_recent{
    width:144px;
    display:flex;
    align-items:center;
    font-weight:bold;
}

/*Connectme end*/





/********************************************************************/





/*Recent Stream start*/
.session_recent{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    font-size:16px;
}

.properties_recent{
    overflow-y:auto;
    overflow-x:hidden;
    width:100%;
    height:auto;
}
.padding_steamfiles{
    margin:10px;
}
.stream_files{
    font-size:16px;
    display:flex;
    align-items:flex-end;
}
.sys_tasks{
    font-weight:bold;
    font-size:16px;
    margin:0 10px;
}
.items1{
    padding:2px 0 1px 10px;
    font-weight:bold;
    font-size:16px;
}
.items2{
    padding:2px 0 1px 10px;
    color:#999;
    font-size:16px;
}
.pinned_items_container{
    overflow-x:hidden;
    overflow-y:auto;
    height:120px;
    padding-bottom:10px;
}
.pinned_items_main{
    border-bottom:1px solid #dbdbdb;
    padding:10px 0;
}
.padding1{
    padding-left:9px;
}
.padding2{
    padding-left:16px;
}
.padding3{
    padding-left:26px;
}
.padding4{
    padding-left:75px;
}
.main_globaltags{
    padding:10px 0 9px 10px;
    border-bottom:1px solid #dbdbdb;
}
.main_personaltags{
    padding:10px 0 9px 10px;
}
.color{
    color:#999;
}
.textarea{
    border-color:#dbdbdb;
}
.noteclass{
    font-size:12px;	
}
.textarea{
    font-size:14px;
    width:375px
}
.check{
    margin:-19px 0 0 23px;
}
.tags{
    font-size:16px;
    font-weight:bold;
    margin-bottom:10px;
}
.check_flex1{
    display:flex;
    align-items:center;
}
.check_flex2{
    display:flex;
    margin:10px 0;
    align-items:center;
}
.check_flex3{
    display:flex;
    align-items:center;
    margin-top:10px;
}
.filter_main{
    display:flex;
    align-items:center;
    margin-bottom:10px;
    font-weight:bold;
}
.img_margin{
    margin-right:8px;
}
.session_recent_main{
    display:flex;
    align-self:flex-start;
    font-size:16px;
    margin:0 10px;
}
.session_recent{
    list-style:none;
    margin-top:10px;
}
.session_recent li{
    margin:10px 0;
}
.session_recent_details{
    list-style:none;
    margin-left:10px;
}
.session_recent_details li{
    margin:20px 0;
}
.stream_settings_main{
    margin:10px;
}
.properties_main{
    border-bottom:1px solid #dbdbdb;
    padding:10px 0;
}
/*Recent Stream end*/




/*************************************************************************/




/* ULM css start */
.reshareContainer{
    overflow-x:hidden;
    overflow-y:auto;
}
.engg_acd_child,.marketing_acd_child,.sales_acd_child{
    display:flex;
    justify-content:space-around;
    margin:10px 0 0 -9px;
}
.engg_acd_main,.marketing_acd_main,.sales_acd_main{
    margin:0 10px;
}
.checkbox_margin{
    margin-right:5px;
}
.noteclass_ulm{
    font-size:12px;
    text-align:justify;
}
.div_button{
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}
.radio_main{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 10px 79px 10px 0;
    font-size:16px;
}
.radio{	
    display: flex;
    align-items: flex-end;
    align-self: center;
}
radio_mar{
}
.checkbox{
    display:flex;
    align-items:center;
}
.Queue_details{
    margin:12px 0 12px 10px;
    font-size:16px;
}
.manage_groups_main{
    font-size:16px;
}
.radio_sprite_checked{
    background:url(../Images/radio_sprite.png) no-repeat;
    background-position:0 -1px;
    width:18px;
    height:18px;
}
.radio_sprite_unchecked{
    background:url(../Images/radio_sprite.png) no-repeat;
    background-position:-22px -1px;
    width:18px;
    height:18px;
}

/* ULM css end */







/*********************************************************************************/






/*Stream_Smartbox1 start*/


.properties_smartbox1{
    overflow-y:auto;
    overflow-x:hidden;
    width:100%;
    height:auto;
}
.smartbox_icon_main{
    display:flex;
    padding: 5px 0 5px 10px;
    align-items: center;
}
.globalnotificatons_child{
    display:flex;
    align-items:center;
}
.check1_margin{
    padding-left:72px;
}
.check2_margin{
    padding-left:54px;
}
.check3_margin{
    padding-left:49px;
}
.check4_margin{
    padding-left:30px;
}
.audio{
    width:150px;
    padding-left:10px;
}
.padding_username{
    padding-left:47px;
}
.padding_email{
    padding-left:25px;
}
.padding_type{
    padding-left:18px;
}
.replication_select{
    font-size: 12px;
    width: 220px;
    height: 40px;
}
.replication_service_main{
    margin:10px;
    text-align:left;
}
.select_main{
    display:flex;
}
.note_smartbox{
    line-height:18px;
    margin-top:10px;
}
.note_smartbox li{
    list-style:none;
}
.service_size{
    font-size:14px;
    font-weight:bold;
}
.session_smartbox1_main{
    display:flex;
    font-size:16px;
    align-self:flex-start;
}
.session_smartbox1_details1{
    list-style:none;
    font-weight:bold;
    margin:10px;
}
.session_smartbox1_details2{
    list-style:none;
    margin:10px;
}
.session_smartbox1{
    display:flex;
    align-self:flex-start;
    margin:10px;
}
.globalnotificatons_main{
    font-size:16px;
}
.globalnotificatons_child{
    display:flex;
    align-items:center;
}
.globalnotificatons_sub_child{
    list-style:none;
}
.globalnotificatons_sub_child li{
    padding-top:17px;
}
.globalnotificatons_sub_child_check{
    list-style:none;
    margin-top: 19px;
    margin-left: 34px;
}
.globalnotificatons_sub_child_check li{
    padding-top:15px;
}
.notify{
    font-weight:bold;
    margin:10px;
}
.para{
    margin-bottom:10px;
}
.session_smartbox1_details2{
    list-style:none;
    margin:10px;
}
.session_smartbox1_details2 li{
    margin:10px 0;
}
.session_smartbox1_details1 li{
    margin:10px 0;
}
/*Stream_Smartbox1 end*/






/*********************************************************************************/






/*Stream_Smartbox2 start*/

.properties_smartbox2{
    overflow-y:auto;
    overflow-x:hidden;
    width:100%;
    height:auto;
}
.folder_icon_main{
    display:flex;
    padding:10px 0 10px 10px;
}
.input_smartbox{
    width:335px;
    height:36px;
    font-size:14px;
}
.copy_smartbox{
    display:flex;
    margin:10px;
    align-items:center;
}
.Remove_Share_Link{
    font-size:14px;
    font-weight:bold;
    margin-left:10px;
}
.Remove_Share_Link a{
    color: #46861a;
    cursor:pointer;
    text-decoration:none;
}
.password{
    display:flex;
    margin:10px 0 10px 10px;

}
.padding8_smartbox2{
    float:left;
    margin-top:18px;
    margin-left:10px;
    margin-right:10px
}
.namedate_smartbox2{
    padding-top:16px;
    padding-left:8px;
    flex-direction:column;
    padding-bottom:5px;
}
.time_smartbox2{
    margin-top:8px;
    display:flex;
}
.usrnm_smartbox2{
    font-weight:bold;
    font-size:16px;
}
.explicit{
    display:flex;
    align-self:flex-end;
    margin-left:10px;
}
.sharedmember_border{
    border-bottom:1px solid #dbdbdb;
}
.add_contacts{
    font-size: 16px;
    margin:5px 0 5px 10px;
}
.add_contacts a{
    color: #46861a;
    cursor:pointer;
    text-decoration:none;
}
.follow_global_notificatons_main{
    display:flex;
    align-items:center;
    margin:5px 0 5px 10px
}
.radio_margin{
    margin:-3px 5px 0 5px;
}
.radios{
    float:right;
    display:inline-block;
}
.radio_main1{
    display:flex;
    margin-left:5px;
    margin-top:0; 
}
.radio_main2{
    display:flex;
    margin-left:25px;
    margin-top:0; 
}
.radio_child{
    margin-right:10px;
    display:flex;
    align-items:center;
}
/*Stream_Smartbox2 end*/





/*********************************************************************************/





/*Clicking Floder css start*/
.detail_folder{
    width:100%
}
.folder_main{
    display:flex;
    align-items:center;
    margin:5px 0 5px 10px;
    font-size:18px;
}
.green_color{
    color: #46861a;
    font-size:16px;
    margin:0 10px;
    border-bottom:1px solid #dbdbdb;
    padding:10px 0 9px 0;
}
.check_folder_main{
    display:flex;
    margin:0 10px;
    align-items:center;
    border-bottom:1px solid #dbdbdb;
    padding:10px 0;
}
.check_margin_folder{
    margin-left:20px;
}

.file_details{
    display:flex;
    align-items:center;
    margin-left:10px;
    width:85%;
}
.file_margin{
    margin-left:10px;
    color:#999;
}
.file_name_size{
    font-size:16px;
    color:#333;
}
.main_img{
    display:flex;
    align-items:center;
    margin-left:170px;
}
.folder_img{
    margin-top:9px;
}
.filesize_margin{
    margin-top:4px;
    color:#999;
}
.more_sprite{
    background:url(../Images/bt_sb_action_medium.png) no-repeat;
    background-position:-504px -6px;
    width:6px;
    height:20px;
    display:block;
}

/* Stream File/Folder Icons CSS Start */

.rightPan.folderIconEmpty, .rightPan.folderIcon,.rightPan.communicationFolderIcon,.rightPan.AccessIcon,.rightPan.PublisherIcon,.rightPan.ProjectIcon,.rightPan.zipIcon,.rightPan.pdfIcon,.rightPan.pptIcon,.rightPan.docIcon,.rightPan.imgIcon,.rightPan.xlsIcon,.rightPan.audioIcon,.rightPan.videoIcon,.rightPan.InfopathIcon, .rightPan.xmlIcon,.rightPan.textIcon,.rightPan.officeDbaseIcon,.rightPan.officeCalcIcon,.rightPan.officeDrawIcon,.rightPan.OutlookIcon,.rightPan.officeImpressIcon,.rightPan.officeMathIcon,.rightPan.officeWriterIcon,.rightPan.uknIcon,.rightPan.trashIcon, .rightPan .nonemptytrashIcon,.rightPan.crACDInboundIcon,.rightPan.crInboundIcon,.rightPan.crOutboundIcon,.rightPan.SharepointIcon,.rightPan.VisionIcon,.rightPan.OnenoteIcon,.rightPan.confIcon,.rightPan.vmailIcon,.rightPan.faxIcon,.rightPan.vmailIconMp3 
{background:url(../Images/file-folders-sprite-large.png) no-repeat; width:48px; height:50px;}

.rightPan.usersColumn.folderIconEmpty {background-position:-7px -5px;}
.rightPan.communicationFolderIcon {background-position:-7px -10px;height: 45px;}
.rightPan.communicationText{margin: 17px 0 0 65px; padding: 0 0 0 0;}
.rightPan.folderIcon {background-position:-7px -87px;}
.rightPan.pptIcon {background-position:-10px -167px;}
.rightPan.xlsIcon {background-position:-10px -250px;}
.rightPan.textIcon {background-position:-10px -329px;}
.rightPan.pdfIcon {background-position:-10px -410px;}
.rightPan.audioIcon {background-position:-10px -491px;}
.rightPan.videoIcon {background-position:-10px -572px;}
.rightPan.imgIcon {background-position:-10px -653px;}
.rightPan.docIcon {background-position:-10px -734px;}
.rightPan.vmailIcon {background-position:-10px -815px;}
.rightPan.AccessIcon{background-position:-10px -896px;}
.rightPan.ProjectIcon{background-position:-10px -977px;}
.rightPan.PublisherIcon{background-position:-10px -1058px;}
.rightPan.InfopathIcon{background-position:-10px -1139px;}
.rightPan.OutlookIcon{background-position:-10px -1220px;}
.rightPan.OnenoteIcon{background-position:-10px -1301px;}
.rightPan.SharepointIcon{background-position:-10px -1382px;}
.rightPan.VisionIcon{background-position:-10px -1463px;}

.rightPan.officeImpressIcon{background-position:-10px -1544px;}
.rightPan.officeDbaseIcon{background-position:-10px -1625px;}
.rightPan.officeMathIcon{background-position:-10px -1706px;}
.rightPan.officeCalcIcon{background-position:-10px -1787px;}
.rightPan.officeWriterIcon{background-position:-10px -1868px;}  
.rightPan.officeDrawIcon{background-position:-10px -1949px;}
.rightPan.xmlIcon{background-position:-10px -2030px;}
.rightPan.uknIcon{background-position:-10px -2111px;}
.rightPan.zipIcon{background-position:-7px -2192px;}
.rightPan.faxIcon{background-position:-7px -2273px;}
.rightPan.trashIcon{background-position:-10px -2354px;}

/* Stream File/Folder Icons CSS End*/

/*Clicking Floder css End*/






/*********************************************************************************/






/*Selecting User css start*/
/*.cross_select_user_search{
        background:url(../Images/cross.png) no-repeat;
        background-position:375px 7px;
        width:398px;
        height:30px;
        display:flex;
        margin:10px auto;
        font-size:14px;
        border:1px solid #dbdbdb;
}*/
.Queue_main{
    display: flex;
    align-items:center;
    list-style: none;
    font-weight: bold;
    margin: 18px 10px;
    font-size: 16px;
}
.Queue_main_width{
    width:36%;
    word-break:break-word;word-wrap:break-word;
}
.checkmargin1{
    margin-left:33%;
}
.checkmargin2{
    margin-left:14%;
}
.Queue_child{
    display: flex;
    list-style: none;
    margin: 18px 10px;
    font-size: 14px;
}
.Queue_child_heading{
    width:44%;
    word-break:break-word;word-wrap:break-word;
}
.div_button_selecting_user {
    display: flex;
    flex-direction: row;
    margin-bottom: 12px;
    justify-content:center;
}
.user_info{
    margin: 12px 0 12px 0;
    font-size: 14px;
}
.user_info li{
    padding:10px;
    line-height:21px;
}
.user_info ul{
    list-style:none;
}
.conferenceImg{width:100%;height:100%;}
.main_img2 {
    display: flex;
    align-items: center;
    margin-left: 230px;
}
.likeinfo{display:flex;flex-direction:column;justify-content:flex-end;}
/*Selecting User css end*/
/*streams right panel team css start*/
.header_team_buddy_info{
    font-size: 16px;
    font-weight: bold;
    padding: 6px 10px 5px 5px;
    height: 40px;
    border-bottom: solid 1px #ccc;
    word-wrap: break-word;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.headerInfoRP{
    font-size: 16px;
    font-weight: bold;
    padding: 6px 10px 5px 5px;
    height: 40px;
    border-bottom: solid 1px #ccc;
    word-wrap: break-word;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 40px;
}

.msgsearchdr{
    border-bottom:1px solid #dbdbdb;
    padding:15px 0 0 0;
    cursor:pointer;
}

/*  css related to the stream right pannel Group and Buddy information */

.teamCollapse {width: 28px;height: 28px;background:url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat; background-position: -31px -342px; opacity: 0.5; margin: 0 10 0 0;}
.teamCollapse:hover{opacity: 1;}
.rightMain {display: flex; flex-direction: column;overflow-y: auto; overflow-x: hidden;}
.teamIcon{display:flex;justify-content:center;align-items:center;margin:10px 0;}
.teamIcon img{height: 150px; width: 150px; border-radius: 100px; border: solid 1px #cfcfcf;}
.teamName{display:flex;justify-content:center;align-items:center;font-size:14px; flex-direction: column; text-align: center;font-weight: bold; word-break: break-word;
          margin: 0 auto;}
.teamName span{text-align: center;}
.teamInfo{display:flex;padding:10px 10px 3px 5px;font-size:14px;align-items:center;}
.teamCount{flex:1;}
.teamContent{padding:0 10px 10px 10px;}
.teamMember{display: flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #dbdbdb;height:40px;min-height: 40px;position:relative;}
.rightStatus{ display: flex; margin: 5px 0 0 0; align-items: center; font-size: 14px;}
.memberContent{display: flex;align-items:center;}
.userProfileImage{
    width: 40px;
    height: 40px;
    display: flex;
    vertical-align: middle;
    margin:0 10px 0 0;
    align-items: center;
}

.statusLine{display:flex;align-items:center;margin: 0;font-size:14px;}
.buddyStatus{padding:0 3px 0 0;}
.userType{border-radius: 4px;padding:2px 4px;font-size: 14px;right: 10px;position: absolute;min-width: 80px;text-align: center;top:13px;}
a.moreOptions{background: url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat;width: 30px;height: 30px;font-size: 10px;text-decoration: none;display:block;background-position: -67px -342px; opacity: 0.7;}

/*  End of the CSS related the Stream right pannel Group and buddy information.*/
/*popup*/
.teamActionsPopup_teaminfo{
    top: 42px;
    right: 0px;
    width:auto;
    position: absolute;
    z-index: 1;
    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);
    color:#333;
}
.teamActionsPopup_teaminfo ul{list-style:none;padding:0;margin:0;}
.teamActionsPopup_teaminfo ul li{margin: 5px;}
.teamActionsPopup_teaminfo ul li a{text-decoration:none;
                                   height: 32px;
                                   display: flex;
                                   justify-content: flex-start;
                                   align-items: center;
                                   padding:0 5px;
}

/*popup*/
/*userinfo css*/

.userContent{padding:10px;display:flex;flex-direction:column;}
.userinfo{list-style:none;padding:0;margin:20px 0 0 10px;}
.rightUserID{ width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block;}
.userinfo li{display:flex;padding:10px 0; position: relative;}
.userinfo li label{width:auto;font-weight:bold;font-size:14px; padding: 0 10px 0 0;}
.rightExtsn{ cursor: pointer;}
.rightExtsn:hover{text-decoration: underline;}

/*streams right panel team css end*/



/*
css related to stream comments start
*/
.commentMain {
    display: flex;
    padding: 3px 10px 3px 10px;
    cursor: pointer;
    align-items: center;

}

.commentMiddleContant{margin-left: 10px; width: 95%;position: relative;}
.commenterInfo{color: #999;}
.commentOnImage {width: 50px;
                 height: 50px;
                 background-size: cover;
                 background-repeat: no-repeat;
                 background-position: center;
}
/*
css related to stream comments end
*/
img.orientation2{-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}
img.orientation3{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
img.orientation4{-webkit-transform:rotate(180deg) scaleX(-1);-moz-transform:rotate(180deg) scaleX(-1);-ms-transform:rotate(180deg) scaleX(-1);transform:rotate(180deg) scaleX(-1)}
img.orientation5{-webkit-transform:rotate(90deg) scaleY(-1);-moz-transform:rotate(90deg) scaleY(-1);-ms-transform:rotate(90deg) scaleY(-1);transform:rotate(90deg) scaleY(-1);-webkit-transform-origin:0 0;transform-origin:0 0}
img.orientation6{-webkit-transform:rotate(90deg) translateY(-100%);-moz-transform:rotate(90deg) translateY(-100%);-ms-transform:rotate(90deg) translateY(-100%);transform:rotate(90deg) translateY(-100%);-webkit-transform-origin:0 0;transform-origin:0 0}
img.orientation7{-webkit-transform:rotate(-90deg) translateX(-100%) translateY(100%) scaleY(-1);-moz-transform:rotate(-90deg) translateX(-100%) translateY(100%) scaleY(-1);-ms-transform:rotate(-90deg) translateX(-100%) translateY(100%) scaleY(-1);transform:rotate(-90deg) translateX(-100%) translateY(100%) scaleY(-1);-webkit-transform-origin:0 0;transform-origin:0 0}
img.orientation8{-webkit-transform:rotate(-90deg) translateX(-100%);-moz-transform:rotate(-90deg) translateX(-100%);-ms-transform:rotate(-90deg) translateX(-100%);transform:rotate(-90deg) translateX(-100%);-webkit-transform-origin:0 0;transform-origin:0 0}
.chatAttF{height: 46px;width: 46px; min-width: 46px; display: inline-block; cursor: pointer;}
.chatFileName{font-size: 14px;margin: 2px; cursor: pointer;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 94%;position: relative;}
.stream-right .chatFileName{width: 82%;}
.chatFileSize{font-size: 12px;margin: 2px;}
.chatContFA{display: flex;}
.chatFileInfo{width:74%;}
/*.chatFileNameRP{width:74%}*/

/* css changes related to addcontactpopup start */
.preLoaderImage{
    width: 20px;
    height: 20px;
    -webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
    position: relative;
    left:-32px;
}
@-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); } }

.disableButton{pointer-events: none; color: #fff;background:#888; outline:none; cursor:pointer;padding:0 35px 0 15px;border-radius:5px;border:none;margin: 0; font-size:14px; min-width: 100px;
               box-sizing: border-box; height: 35px;}
.inputtext_Createteam{height:30px;font-size:14px;flex:1; padding: 0 0 0 5px;}
.inputtext_Createteam_ds{background: #ccc; height:30px;font-size:14px;flex:1; padding: 0 0 0 5px;    pointer-events: none;}
.d_flex{display:flex;}
.addcontactsPopupMain {display:flex;align-items:center;top:10px;left:0;right:0;bottom:0;position:fixed;z-index:100;}
.detailsUsername{word-wrap: break-word; word-break: break-word;word-wrap:break-word; display: inline-block; max-width: 160px; text-overflow: ellipsis; overflow: hidden;
                 white-space: nowrap;
}

.detailsUsernameComment{word-wrap: break-word; word-break: break-word;word-wrap:break-word; display: inline-block; max-width: 130px; text-overflow: ellipsis; overflow: hidden;
                        white-space: nowrap;
}

.detailsUsernameSearch{word-wrap: break-word; word-break: break-word;word-wrap:break-word; display: inline-block; max-width: 130px; text-overflow: ellipsis; overflow: hidden;
                       white-space: nowrap;width: 190px;
}


.detailsUsernameLike{word-wrap: break-word; word-break: break-word;word-wrap:break-word; display: inline-block; max-width: 270px; text-overflow: ellipsis; overflow: hidden;
                     white-space: nowrap;
}


.chatUserImage_comment{height:30px;width:30px;min-height:30px;min-width:30px;border-radius:50%;align-self:flex-start;overflow:hidden;position: relative;top: 5px;}

.stream-right .usernameRP{word-wrap: break-word; word-break: break-word;word-wrap:break-word; display: inline-block; width:100%;text-overflow: ellipsis; overflow: hidden;
                          white-space: nowrap;
}
.stream-right .editMsg .usernameRP{width:auto}
.stream-right .editMsg .editableDiv{width: calc(100% - 25px);}
.stream-right .msgEditMain .streamOptionsMain{border-top: none;padding-top:0;margin-left:5px;margin-bottom:5px;}

/*css for alert popup*/

.alertPopup{align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;z-index:200;}
.alertPopupMain{width:500px;height:auto;display:flex;margin:auto;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[type="text"]{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;}

.CMalertFirefox{margin: 0 auto; width: 422px; height:328px;}
.CMalertChrome{margin: 0 auto; width: 370px; height:105px;}

/*css for alert popup end*/

.teamLabelForUnreadmsg {
    padding: 6px;
    font-size: 13px;
    text-align: center;
    width:16%;
    max-width:300px;
    min-width: 150px;
    display: block;
    position: relative;
    border-radius: 22px;
    margin: 5px auto;
    background: #dbdbdb;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.5);
    opacity: 0.6;
    color: #000;
    padding:5px 10px;
}
.exitMain{margin: 0 auto; margin-top: 0px; width: 100%;display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}
.exitButton{width:96%;}
/*.exitButton:hover{ -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.6); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.6);} */
/*css for Live Stream start*/

.liveStreamMain{height: 250px; width: 380px; border: solid 1px #ccc; background-color: #333; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; cursor: pointer; font-size: 16px; position: relative;}
.liveStreamOptions{background-color: rgba(204, 204, 204, 0.46); height: 50px; position: absolute; z-index: 9999; bottom: 0; left: 0; display: flex; width: 100%; padding: 0 0 0 10px;; border:none;}
.liveStreamTopbar{background-color: rgba(204, 204, 204, 0.46); height: 50px; width: 100%;display: flex; align-items: center; justify-content: space-between;}
.liveStreamTopLeft {display: flex;align-items: center;}
.liveVideo{min-width: 100%; height: 100%; position: relative; text-align: center; margin: 0; min-height: 50%;}
.liveVideo video{transform: scale(-1, 1); max-width: 95%; max-height: 95%; height: 90%; vertical-align: middle; margin: 0 auto;}
.liveUserInfo{margin: 0 5px 0 5px;}
.liveUserImage{margin: 0 0 0 5px; display: flex; vertical-align: middle; align-items: center;}
.liveUserImage img{border-radius: 20px; height: 30px; width: 30px;}
.liveStreamMembers{color: #fff; margin: 0;}
.liveStreamMembers:hover{color: #ccc;}
.liveInfo{color: #fff; background: rgba(255,0,0,.7); padding: 5px 10px 5px 10px; margin: 0 auto; position: absolute; top:60px; right: 30px; width: 30px; text-align: center;z-index:100;}
.liveInfoThumb{color: #fff; background: red; padding: 5px 10px 5px 10px; position: absolute; left: 10px; top: 10px; width: 30px; text-align: center; font-size: 12px; padding: 2px 5px 2px 5px;}
.liveStreamMiddle{ background: #000; height: 100%; width: 100%; position: absolute; z-index: 20; top: 0; left: 0; display: flex; flex-direction: column; align-items: center;}
.stopLiveStream{display: flex; justify-content: flex-end; margin: 0px 10px 0px 0; min-width: 150px;}
.stopLiveStream a{text-decoration: none;font-size: 14px; padding: 0 10px 0 10px; border-radius: 5px; display: flex;
                  align-items: center; height: 28px;}
.stopLiveStream a:hover{text-decoration: underline; cursor: pointer;}
.stopDot{display: inline-block; width: 15px; height: 15px;border-radius: 5px; position: relative; margin: 0 5px 0 0;}
.moderatorName{display: inline-block; color: #fff; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.liveStreamActions{
    margin: 0 16px 0 0px;
    display: flex;
    align-items: center;
    position: relative;
}
.liveStreamActions:hover{opacity: 0.6;}

.liveStreamIcons {background-image: url(/images/streams/stream-icons-sprite.png?t=14052019); background-repeat: no-repeat; height:18px; width:18px; display: inline-block; margin: -3px 2px; }
.liveStreamIcons.muteLiveStream{background-position: -186px -931px;}
.liveStreamIcons.unmuteLiveStream{background-position:-212px -931px;}
.liveStreamIcons.speakerLiveStream{background-position:-243px -931px; width: 22px;}
.liveStreamIcons.speakerUnmuteLiveStream{background-position:-279px -931px; width: 22px;}

.liveStreamIcons.playLiveStream{background-position: -252px -931px;}
.liveStreamIcons.viewers{background-position: -8px -931px;}
.liveStreamIcons.likeLiveStream{background-position: -40px -931px;}
.liveStreamIcons.likeLiveStream:hover{opacity: 0.6;}
.likeLiveLink{margin: 0 0 0 10px}
.likeLiveLink:hover{opacity: 0.6;}
.liveStreamIcons.commentLiveStream{background-position: -74px -930px;}
.liveStreamIcons.shareLiveStream{background-position: -104px -931px;}
.liveStreamIcons.pin{background-position: -98px -692px;}
.liveStreamIcons.pinned{background-position: -98px -711px;}
.fullScreenLive{justify-content: flex-end; display: flex; flex: 0.98;}
.fullScreen{background-position: -309px -931px; width:28px;}
.exitFullScreen{background-position: -342px -931px; width:28px;}

/*css for Live Stream end*/

/*css for default message in middlechatwindow*/
.buddyMiddlepanelinfo{position:absolute;bottom:120px;left: 20px;right: 10px;}
.buddyMiddlepanelinfo ul{list-style:none;margin:20px 0;  }
.buddyName_middlepanel{font-size: 24px;}
.buddyInfo_middlepanel{font-size:18px;margin:30px 0 0 50px;}
.buddyInfo_middlepanelList{margin: 30px 0 0 40px; font-size: 18px; width: 96%;}
.buddyInfo_middlepanelList span{display:block; margin: 20px 0 20px 0; width: 60%; text-align: center;}
.buddyInfo_middlepanelList ul li{padding: 0;list-style-type: disc;}

/*********************************************************************************/




/*css for team lable in middlechatwindow*/
.rightpanel{height:846px;background:#fff;margin:0 auto;display:flex;flex-direction:column;}
/*.rightpanel{width:410px;height:846px;margin:0 auto;display:flex;flex-direction:column;} */
.header{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:bold;padding:10px;}

/*.rightHeadBar{display: flex;justify-content: space-between;align-items:center;padding:10px;background: #f0f0f0;}*/

.teamIcon{display:flex;justify-content:center;align-items:center;margin:10px 0;position:relative;}
.teamIcon img{border-radius:50%;width:150px;height:150px;}
.editPicureMain{position:relative;}
.editPicureMain:hover div.editpicture{visibility: visible !important; cursor: pointer;}
.editpicture{visibility: hidden !important; position: absolute; width:150px; height: 150px;top:1px; left:1px; border-radius: 50%;font-size: 16px;line-height: 17px;display:flex;
             align-items: center;justify-content: center;  flex-direction: column; cursor:pointer;}

.editpic_camera{background:url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat;background-position:-5px -884px;width:32px;height:32px;position:relative;}
.editPopup{width:165px;display:flex;position:absolute;z-index:1;right:35px;bottom:0;color:#333;box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);font-size:14px;border-radius: 5px;}
.editPopup ul{list-style:none;padding:0;margin:0}
.editPopup ul li{display:flex;padding:4px;}
.editPopup ul li a{text-decoration:none;width:100%;padding:6px;}

.teamMember{display: flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #dbdbdb;height:40px;min-height: 40px;}
.memberContent{display: flex;align-items:center;}
/*.userProfileImage img {border-radius: 50px;height: 40px;width: 40px;}
.statusLine{display:flex;align-items:center;margin: 4px 0 0 0;font-size:14px;}
.buddyStatus{padding:0 3px 0 0;}
.userType{border-radius:4px;padding:2px 5px;font-size:14px;}
.moreOptions{background: url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat;width: 30px;height: 30px;font-size: 10px;text-decoration: none;display:block;background-position: -67px -342px;}
*/

/*userinfo css*/

.userContent{padding:10px;display:flex;flex-direction:column;}
/*.userinfo{list-style:none;padding:0;margin:0 10px;}
.userinfo li{display:flex;padding:10px 0;}
.userinfo li label{width:100px;font-weight:bold;} */
.userDiv{margin:10px 0;}

/*alert*/
.cropPopupMain{align-items:center; justify-content:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;z-index:45;}
.cropPopup{width:45%;height:auto; display:flex;margin:auto;flex-direction:column;border-radius:10px;padding:5px;box-shadow: 0px 0px 10px #636363;
           -webkit-box-shadow: 0px 0px 10px #636363;-webkit-user-select: none;-ms-user-select:none;-moz-user-select:none;user-select:none;}
.popuptext{margin:5px;}
.cropInfo{font-size:16px;padding:25px;line-height:21px;word-wrap:break-word;display:flex;justify-content:center;visible-desktop:none}
.cropHeading{font-size:18px;padding:5px 10px 5px 10px;font-weight:bold;display: flex;justify-content: space-between;}
.confermationButtons{display:flex;justify-content:center;margin:10px 0;}
.normal-button{ padding: 0 10px 0 10px;margin:0 10px 0 0;cursor:pointer;border:none;border-radius:4px;outline:none;font-size:16px;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);}

.accept-button{ color:#fff;background:#8bc500;border: 1px solid transparent;padding: 0 10px 0 10px;margin:0 10px 0 0;cursor:pointer;border:none;border-radius:4px;outline:none;font-size:16px;min-width: 100px; box-sizing: border-box; height: 35px;}
.accept-button:hover{box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.normalButton-disable{ padding: 0 10px 0 10px;margin:0 10px 0 0;border-radius:4px;outline:none;font-size:16px;min-width: 100px; box-sizing: border-box; height: 35px;pointer-events: none;}
.secondary-button{padding: 0 10px 0 10px; cursor:pointer;border-radius:4px;outline:none; font-size:16px;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);}

.rejectButton{ padding: 0 20px 0 20px;margin:0 10px 0 0; background-color: #CB3608; color: #fff; cursor:pointer;border:none;border-radius:4px;outline:none;font-size:16px; font-weight: bold; min-width: 100px; box-sizing: border-box; height: 35px;}
.rejectButton:hover{box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}

/*Edit pic alert*/
.profilepicDiv{display:flex;justify-content:center;padding:0 50px;}
.editpic_padding{padding:25px 75px;}
.alertClose{width:20px;height:20px;background:url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat; background-position: -137px -346px;}
.confermationButtons_editpic{display:flex;justify-content:center;padding:25px 0;}
.imgCropsize{max-height:400px;max-width: 100%}
.confermationButtons_SFB{margin:10px 0 0 0;}


/* CSS for team lable in middlechatwindow */

/* Softphone related CSS  Start  */
.callSpeakermute,.answerCall,.mute,.unMute,.callHold,.callResume,.callEnd,.callPark,.supervisory_transfer,.callForward,.blind_transfer,
.conferenceCall,.callRecord,.callTransfer,.callSpeakerUnmute,.cancelTransfer,.callStartRec,.callStopRec,.callRecGreyout,.callMobileCall,.confInviteJoin,.supervisory_transfer_connect,.callSplit{width:32px;height:32px;background:url(/images/stream-icons-sprite.png?t=14052019) no-repeat;display:inline-block}
.callSpeakermute:hover,.answerCall:hover,.mute:hover,.unMute:hover,.callHold:hover,.callResume:hover,.callEnd:hover,.callPark:hover,.supervisory_transfer:hover,.callForward:hover,.blind_transfer:hover,
.conferenceCall:hover,.callRecord:hover,.callTransfer:hover,.callSpeakerUnmute:hover,.cancelTransfer:hover,.callStartRec:hover,.callStopRec:hover,.voicemailTransfer:hover,
.callRecGreyout:hover,.callMobileCall:hover,.confInviteJoin:hover,.supervisory_transfer_connect:hover,.callSplit:hover{border:1px solid #cccccccc;background-color:#fff;border-radius:5px;}
_:-ms-lang(x), .callSpeakermute:hover, _:-ms-lang(x), .answerCall:hover, _:-ms-lang(x), .mute:hover, _:-ms-lang(x), .unMute:hover, _:-ms-lang(x), .callHold:hover, _:-ms-lang(x), .callResume:hover, _:-ms-lang(x), .callEnd:hover, _:-ms-lang(x), .callPark:hover, _:-ms-lang(x), .supervisory_transfer:hover, _:-ms-lang(x), .callForward:hover,.blind_transfer:hover,
_:-ms-lang(x), .conferenceCall:hover, _:-ms-lang(x), .callRecord:hover, _:-ms-lang(x), .callTransfer:hover, _:-ms-lang(x), .callSpeakerUnmute:hover, _:-ms-lang(x), .cancelTransfer:hover, _:-ms-lang(x), .callStartRec:hover, _:-ms-lang(x), .callStopRec:hover,
_:-ms-lang(x), .callRecGreyout:hover, _:-ms-lang(x), .callMobileCall:hover, _:-ms-lang(x), .confInviteJoin:hover, _:-ms-lang(x), .supervisory_transfer_connect:hover, _:-ms-lang(x), .callSplit:hover{border:1px solid #cccccc;}

.inboundCall{width:40px;height:40px;background:url(/images/stream-icons-sprite.png?t=14052019) no-repeat;background-position:0 -1095px; position:relative; }
.outboundCall{width:40px;height:40px;background:url(/images/stream-icons-sprite.png?t=14052019) no-repeat;background-position:-50px -1095px; position:relative;}
.parkedCall{width:40px;height:40px;background:url(/images/stream-icons-sprite.png?t=14052019) no-repeat;background-position:-167px -1095px; }
.mute{background-position:-163px -1046px;border:1px solid transparent;}
.unMute{background-position:-129px -1046px;border:1px solid transparent;}
.callHold{background-position:-195px -1046px;border:1px solid transparent;}
.callResume{background-position:-459px -1046px;border:1px solid transparent;}
.confInviteJoin{background-position:-941px -1100px;border:1px solid transparent;}

.callStartRec{background-position:-427px -1046px;border:1px solid transparent;}
.callStopRec{background-position:-723px -1046px;border:1px solid transparent;}
.callRecGreyout{background-position:-756px -1046px;border:1px solid transparent;}
.callMobileCall{background-position:-393px -1046px;border:1px solid transparent;}
.callEnd{background-position:-228px -1046px;border:1px solid transparent;}
.callPark{background-position:-261px -1046px;border:1px solid transparent;}
.supervisory_transfer{background-position:-294px -1046px;border:1px solid transparent;}
.supervisory_transfer_connect{background-position: -866px -1138px;border:1px solid transparent;}
.callForward{background-position:-328px -1046px;border:1px solid transparent;}
.blind_transfer{background-position:-359px -1046px;border:1px solid transparent;}
.conferenceCall{background-position:-291px -1100px;border:1px solid transparent;}

.callTransfer{background-position:0 0;border:1px solid transparent;}
.callSpeakermute{background-position:-822px -1046px;border:1px solid transparent;}
.callSpeakerUnmute{background-position:-97px -1100px;border:1px solid transparent;}
.calldevices{background-position:-393px -1046px;border:1px solid transparent;}
.callcontentmain{flex:1;max-height:110px;}
.callContentActive{flex-direction:column;align-items:flex-start;border:1px solid transparent;}
.callOptionsDiv{margin:5px 0 0 5px;border:1px solid transparent;display:flex;align-items:center;}
.calloption_margin{margin:0 3px 0 0;border:1px solid transparent;}
.answerCall{background-position:0 -1046px;border:1px solid transparent;}
.cancelTransfer{background-position:-968px -1046px;border:1px solid transparent;}
.callSplit{background-position: -215px -1183px;border:1px solid transparent;}
.secondaryBtn:hover{text-decoration:none !important;}
.callMoreOptionsMenu{
    top: 30px;
    right: 10px;
    width:175px;
    border: solid 1px #eee;
    background: #fbfbfb;
    position: absolute;
    z-index: 12;
    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);
    color:#333;
}
.callMoreOptionsMenu ul{list-style:none;padding:0;margin:0;}
.callMoreOptionsMenu ul li{margin: 5px;}
.callMoreOptionsMenu ul li a{text-decoration:none;
                             height: 32px;
                             display: flex;
                             justify-content: flex-start;
                             align-items: center;
                             padding:0 5px;
                             color:#333;}

.callMoreOptionsMenu ul li a:hover{background:#e6f3c4;color:#333;}
.connectedConfCall{background-color:#e6f3c4;};

.IM_BodyContent .callSection:hover{float:left}
.IM_BodyContent .callSection,.IM_BodyContent .callSectionActive,.IM_BodyContent .DragCallActive{
    position:relative; margin:0;padding:0;cursor:pointer; min-height: 90px; max-height: 110px; display: flex;justify-content: flex-start;align-items: center;width: 100%;
}
.IM_BodyContent .connectedCall {
    background-color:#ffdda2 !important;
}
.IM_BodyContent .StatusTxt{padding: 4px 0 0 0;}

.IM_BodyContent .callStatusInfo{padding:4px 0 0 0; position: relative; display: flex;flex-direction:column;justify-content:space-between;}
.callerName{display:inline-block;width:260px;white-space:NoWrap;text-overflow:ellipsis;overflow:hidden;}



.recentCallMainSkype{top: 45px;left: 215px;width:200px;border: solid 1px #eee;background: #fbfbfb;position: absolute;z-index: 2;font-size: 14px;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);color:#333;}
.recentCallMainSkype ul{list-style:none;padding:0;margin:0;}
.recentCallMainSkype ul li{text-decoration:none;height: 32px;display: flex;justify-content: flex-start;align-items: center;padding:0 5px;color:#333;margin: 5px;cursor:pointer;}
.recentCallMainSkype ul li:hover{background:#e6f3c4;color:#333;}
.recentCallusernameSkype{width:150px;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap;}
.recentCallMain{top: 45px;left: 215px;width:250px;border: solid 1px #eee;background: #fbfbfb;position: absolute;z-index: 2;font-size: 14px;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);color:#333;}
.recentCallMain ul{list-style:none;padding:0;margin:0;}
.recentCallMain ul li{text-decoration:none;height: 32px;display: flex;justify-content: flex-start;align-items: center;padding:0 5px;color:#333;margin: 5px;cursor:pointer;}
.recentCallMain ul li:hover{background:#e6f3c4;color:#333;}
.recentCalls{background:url(/images/stream-icons-sprite.png?t=14052019) no-repeat;width:32px;height:32px;}
.recentInboundCall{background-position:-217px -1100px;}
.recentOutboundCall{background-position:-253px -1100px;}
.recentCallusername{width:160px;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap;}
.transferButtonMain{border:none !important;}
.transferButtonMain:hover{background:#fff !important;}
.transferButton{background: #8bc500;color: #fff;width: 135px;border: none;height: 23px;text-align: center;display: flex;align-items: center;justify-content: center;margin-top: 9px;padding: 5px 10px;
                cursor: pointer;
                border: none;
                border-radius: 4px;
                outline: none;
                font-size: 14px;
}
.transferButton:hover{box-shadow: 0 1px 3px rgba(0,0,0,0.5);}

.broadcastIcon {
    background-image: url(/images/streams/stream-icons-sprite.png?t=14052019);
    background-repeat: no-repeat;
    height: 24px;
    width: 26px;
    display: inline-block;
    top: 24px;
    left: 16px;
    position: absolute;
}
.broadcastIcon {
    background-position: -356px -258px;
}

/*.bR_1{border-right:1px solid #ccc !important;}*/


.softphone_suggestionBox{    
    display: block;
    margin:0;
    border: solid 1px #ccc;
    background: #fff;
    padding:10px;
    overflow:auto;
    position: absolute;
    z-index: 11;
    -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: 45px;left:0;max-height:350px; }
.userContactMain{
    display: flex;
    align-items: center;
    min-height: 60px;
    max-height:140px;
}
.userProfileImage {
    width: 40px;
    height: 40px;
    display: flex;
    vertical-align: middle;
    align-items:center;
    position:relative;
    margin:0 0px 0 0;}
.userProfileImage img{width:40px;height:40px;border-radius:50%;}
.userPhone {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 185px; margin: 0 10px 0 0;}
.buddy_name{word-wrap:break-word}
.skypeIcon{display:inline-block;width:20px;height:20px;background:url(/images/softphone-sprite.png?t=2) no-repeat;position:absolute;top:20px;left:22px;background-position:-135px -60px;}
.divider_suggestion{margin-left:40px;border:1px solid #eaeaea;}
.userPhoneDetails_Main{list-style:none;padding:5px 0;width:87%;margin:0;}
.userPhoneDetails{display:flex;margin:0;padding:5px;	}
.userPhoneDetails:hover{background-color:#ccc;cursor:pointer;}
.userName_suggestionbox{padding:5px;}
.userName_suggestionbox label{max-width:185px;white-space:NoWrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;}
.callParkMain {display:flex;}
.clallParkButtonMain {display:flex; margin:10px 0}
.clallParkButtonMain .normalButton {margin:0;}

/* Softphone related CSS  end  */

.mainPanel {top: 112px;
            left: 174px;
            width: 225px;
            border: solid 1px #eee;
            background: #fbfbfb;
            position: absolute;
            z-index: 15;
            font-size: 14px;
            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);
            color: #333;
            padding:10px;}
.callfrom_ctc{font-size:14px;margin:5px 0;display:inline-block;}
.ctcheading {font-size:16px;font-weight:700;text-align:left;margin:5px 0 0 0;}
.ctcFeilds {border-top:1px solid #aaaaaa;}
.phoneTypeLabel {flex:1;display:flex;font-weight:bold;vertical-align:top;}
.phoneTypeLabel2 {flex:1;display:flex;font-weight:bold;vertical-align:top;}
.m_tb10px {margin:10px 0;display:flex;align-items:center;justify-content:center;}
.m2_tb10px {margin:10px 0;display:flex; }
.w_83px {width:83px;}
.saveButton {width:100px}
.phoneregester{display:inline-block;}
.radio_ctc{margin-right:5px;}
.skype_header{padding:0 5px;}
.Logo_SFB{justify-content:flex-start;min-width:0 !important;margin-left:5px;}
.profileInfo_Skype{display:flex;align-items:center;flex-direction:column;align-items:flex-end;margin-right:5px;margin-bottom: 5px;width:200px;}
.skype_logo{width:180px !important;}
.skype_username{font-size:12px !important;max-width:190px !important;}
/* CSS Document for softphone popup*/
body{font-family: "Helvetica Neue",Helvetica,arial,sans-serif;color:#333;font-size:14px;padding: 0;margin: 0;}
.devicesMenu {
    top: 86px;
    left: 106px;
    width: 175px;
    border: solid 1px #eee;
    background: #fbfbfb;
    position: absolute;
    z-index: 50;
    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);
    color: #333;
}
.devicesMenu  ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.devicesMenu  ul li {
    margin: 5px;
    cursor:pointer;
}
.devicesMenu  ul li a {
    text-decoration: none;
    height: 32px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 5px;
    color: #333;
}
.devicesMenu  ul li a:hover {
    background: #e6f3c4;
    color: #333;
}


/* CSS for Search */

div.searchSuggestions{
    top:35px;
    right:35px;
    left:-8px;   
    padding:10px;
    display: flex;
    justify-content: flex-start;
    flex-direction:column;
    border: solid 1px #eee;
    background: #fbfbfb;
    position: absolute;
    z-index: 10;
    font-size: 14px;
    overflow: auto;
    max-height:500px;
    -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);

}

.searchSuggestions strong {color :#000000;}
.contentBottomBorder {
    border-bottom:1px solid #e7e7e7;
    padding:6px 0;
    width:100%;
    flex-direction:column;

}
.contentBottomBorder:last-child{
    border-bottom:none;
}

.contactsSearchResults{
    padding:6px 0;
    width:100%;
    flex-direction:column;}	
.searchHelpHeading{
    color: #989898;
    font-size: 14px;
}	


.searchSuggestions {
    margin-left:10px;
    padding:8px 4px;
}

.rightPanelTabs{height: 44px; width: 100%; background: #f0f0f0; border-bottom: solid 2px #e8e8e8; clear: both;}
.rightPanelTabs ul{padding: 0; margin: 0; display: flex; flex-direction: row; align-items: center; width: 100%;}
.rightPanelTabs ul li{ padding:0; margin:0 4px 0 0; cursor:pointer; display: flex; flex:1; height:40px; justify-content: center; align-items: center; border-bottom: solid 4px rgba(240, 240, 240, 0); position:relative;}
.rightPanelTabs ul li:hover{border-bottom:solid 4px #46861a;color:#46861a}
.rightPanelTabs ul li.TabActive{border-bottom:solid 4px #46861a;color:#46861a}

@keyframes highlight{
    from{background-color:#fff3ae}
    to{background-color:#fff}
}

.highlightChatMessage{
    animation: highlight 5s linear; 

}

.modifiercursor{
    cursor : pointer ;
}
.modifiercursor:hover{background-color: #eee;}
.buddystatusnewpopup{
    overflow-y: auto;

}
.sbSrchFilter{display:flex;align-items:center;justify-content:center;}
.searchContcHedng{padding-top:6px;}
.searchLoderMain{position: relative;}
.searchLoder{width: 20px;height: 20px;-webkit-animation: spin 1s linear infinite;-moz-animation: spin 1s linear infinite;animation: spin 1s linear infinite;position:absolute;left:5px;top:7px;}
.flexCenter{display: flex;}
/*ConnectMe Popup Start*/



.sessionContainer{margin:0px auto; width:85%; height:630px; background:#fff; display:flex; border-radius:10px; justify-content: center; flex-direction: column; align-items: center;}
/*.sessionHead{margin:0; padding:10px 5px 10px 10px; font-weight:bold; font-size: 16px;}*/
.sessionMainHead{display:flex; width:100%; height:30px; font-size:18px; font-weight:bold;align-items:center; }
.sessionmiddle label{font-size: 14px;}
.sessionLeft{margin:0 20px 0 0; padding:0; display:flex; height:700px; width:58%; flex-direction: column;}
.sessionField{display: flex;}
.sessionField input{padding: 7px 0 7px 5px; width: 100%;}
/*.pop_salepad{padding:0 0 0 5px;}*/
/*.sessiontype{margin:5px 0 0 0; padding:0; display:flex; background:#fff; border:1px solid #dbdbdb; font-size:14px; color:#333333; align-items: center;width:100%;}*/
.pop_sale1 ul{ margin:0; padding:0; list-style-type:none;}
.pop_sale1 ul li{ display:inline;}
.pop_sale1 ul li a{margin:0px; text-decoration:none; font-size:14px; color:#333333; clear:both; }
/*.radiocheck, .redio_pop1{background:url(/images/stream-icons-sprite.png?t=14052019) no-repeat; height:25px; width:25px;     display: flex; align-items: center; }
.radiocheck{background-position: -28px -797px;}
.radiocheck:hover{background-position: -6px -797px;}*/
.radiocheck label{ margin:0; padding:0 0 0 32px; cursor:pointer;}
.redio_pop1 label{ margin:0; padding:0 0 0 32px; cursor:pointer;}
.redio_pop1{background-position: -28px -797px;}
.redio_pop1:hover{background-position: -6px -797px;}
/*.sessionselect{margin:0; padding:0; width:102px; height:31px; display:flex; align-items: center;}*/
.Scheduled{margin:0; padding:0;/* width:150px;*/ height:31px; display:flex; align-items: center;}
.sessionHead{margin:0; padding:10px 5px 10px 10px; font-weight:bold; font-size: 16px;}

.sessionMain { margin: 5px 0 0 0; padding: 0 0 5px 0; display: flex; background: #fff;border: 1px solid #dbdbdb; font-size: 16px;
               color: #333333; flex-direction: column;}
.Sessionmode{ margin:0; padding:0 0 0 0;/* width:714px;*/ height:28px;     display: flex; align-items: center; font-weight:bold;}
.selectallmain{ margin:0 5px 0 5px; padding:0; background:#f0f0f0;}
.selectallhead{margin:0; padding:5px 0 0 0;/* width:703px;*/ height:29px; align-items: center; display:flex; }
.selectdefault{margin:0; padding:0;/* width:300px;*/ height:29px; align-items: center; display:flex; }

.sessioncall{margin:0; padding:5px 0 0 0;/* width:703px;*/ height:29px; display:flex;     align-items: center;}
.sessioncall label{margin: 0 0 0 8px;}
.vm_player{margin-top: 20px;}

.selectdefault{height:25px; width:25px; background:url(/images/stream-icons-sprite.png?t=14052019) no-repeat; display:flex;     align-items: center;}
.selectdefault{background-position:-6px -758px;}
.selectdefault:hover{background-position:-27px -758px;}
.selectdefault label{cursor:pointer; margin:0; padding:0 0 0 28px; font-weight:bold;}
.audiocall, .callpop,.videocall,.deskpop,.im{margin:0 0 0 5px;height:25px; width:25px; background:url(/images/stream-icons-sprite.png?t=14052019) no-repeat; display:flex; align-items: center;}
.audiocall{ background-position:-3px -231px;}
.callpop{ background-position:-3px -231px;}
.callpop label{ margin:0px; padding:0 0 0 28px;}
.videocall { background-position:-441px -67px;}
.deskpop { background-position:-500px -67px;}
.videocallpop label{ margin:0px; padding:0 0 0 28px;}
.deskpop label{margin:0; padding:0 0 0 28px;}
.im{background-position:-36px -231px;}
.impop label{margin:0; padding:0 0 0 28px;}
.sessionNote{margin:0; padding:0; height:29px;/* width:703px;*/ display:flex;align-items: center; font-size: 14px;}
.sessionNote label{font-weight:bold; padding:0 0 0 5px; font-size: 14px;}
.connectmeurlmain{margin:5px 0 0 0; padding:0 0 5px 0; display:flex; background:#fff;font-size:16px; color:#333333; flex-direction: column;  }


/*.connectmefiuld{margin:0px; padding:0px 0 0 5px; height:40px; display: flex; align-items: center;}*/
/*.sessionfiuld{margin:0px; padding:0px 0 0 6px; height:35px; -moz-border-radius: 5px; border-radius: 5px; border:solid 1px #dbdbdb; outline:none; width:371px; font-size:16px; background:#f0f0f0;}*/
/*.popurl{margin:0px; outline: none; cursor: pointer; padding: 10px 15px 10px 15px; border-radius: 5px; border: none; margin: 0 4px; font-weight: bold; font-size: 14px; color: #fff; background: #8bc500;height:35px;}*/
.popurl:hover{box-shadow: 0 1px 3px rgba(0,0,0,0.5);}
.popfiuld::-webkit-input-placeholder {color:#333333;}
.popfiuld:-moz-placeholder { color: #333333;}   
.popfiuld::-moz-placeholder {color:#333333;}
.popfiuld:-ms-input-placeholder {color:#333333;}
/*.audiobridgemain{margin:5px 0 0 0; padding:0 0 5px 0; display:flex;background:#fff; border:1px solid #dbdbdb; font-size:16px; color:#333333; flex-direction: column;}*/

/*.audiobridgecontent{margin: 0 0 0 5px;}*/
/*.audiobridgeHead{ padding: 10px 0 5px 5px; display: flex; font-size: 16px; color: #333333; align-items: center;font-weight: bold;}*/
/*.sessionid{font-size:14px;}*/
/*.sessionnumbers{margin:8px 0 0 16px; height: 90px; overflow-x:hidden;overflow-y:auto;}*/
/*.sessionnumbers li{margin:0; padding:5px 0 0 0; font-size:16px; font-weight:bold;}*/

.sessionRight{margin:0; padding: 0; width:40%; min-height:700px; display:flex; flex-direction: column;}
/*.popsearch{margin:0; padding:0; display:flex; min-height:35px;  align-items: center;  }*/
/*.searchfield{margin:0; padding:0 0 0 8px;min-height:30px;width:100%;}*/
/*.popinvitedmain{margin:5px 0 0 0; padding:0px;display:flex; background:#fff; flex-direction: column;}*/
/*.popinvitedheader{margin:0px; padding:0 10px;min-height:43px; box-shadow: 0 1px 2px rgba(0,0,0,0.5); display: flex; background: #f0f0f0;}*/
.boxicon{}
.boxicon{background-position:-7px -758px;}
.boxicon label{margin:0px; padding:0 0 0 28px;display: flex; align-items: center; font-size:18px; font-weight:bold;}
.popupyarrow{margin:0px; padding:0px; height:32px;width:32px; display:flex; background:url(/images/stream-icons-sprite.png?t=14052019) no-repeat;cursor:pointer;} 
.popupyarrow{background-position:1px -338px;}
.popupyarrowexpand{margin:0px; padding:0px; height:32px; width:32px; display:flex; background:url(/images/stream-icons-sprite.png?t=14052019) no-repeat;cursor: pointer;} 
.popupyarrowexpand{background-position:-36px -338px;}
.popupyarrowmain{margin-left:2px; padding:0px;flex:1;; padding:0px; min-height:43px; align-items: center;
                 display: flex;}
.popupyarrowmaintext{margin:0px; padding:0px;/* width:250px;*/ padding:0px; min-height:43px; display:flex; align-items: center;     justify-content: flex-end;}
.seeonemail{margin:0px; padding:0px; max-height:175px;display:flex; flex-direction: column;overflow-x:hidden;overflow-y:auto; }
.emailmain{min-height:40px; display:flex; align-items: center; }
.contactbutton{ display:flex; align-items: center;padding:5px; }
.secondaryButton_CreateTeam{color: #000;
                            border: 1px solid #b9b9b9;
                            background: #f0f0f0;
                            outline: none;
                            cursor: pointer;
                            padding: 7px;
                            border-radius: 5px;
                            font-weight: bold;
                            font-size: 16px;
                            margin: 0 0 0 9px;}
.secondaryButton_CreateTeam:hover{box-shadow: 0px 1px 3px #888888;}
.contacttextarea{/* width:440px;*/ height:64px; display:flex;}
.contactmessage{/*width:440px;*/ height:62px; font-size:14px; color:#999999; font-family: Helvetica, Arial, sans-serif; padding:0 0 0 9px;}
.bottomsession{margin:0px; padding:0px;height:53px;  align-items: center;display: flex;justify-content: center;}
.disableBodyOverPopup{background-position: center top;background-repeat: repeat-x;height: 100%;left: 0;opacity: 0.6;position: fixed;top: 0;width: 100%;z-index:200;}
.boxShadowOverPopup{margin:auto;z-index:201;overflow:hidden;/*width:500px;*/-khtml-border-radius: 5px;border-radius:10px;-webkit-border-radius:10px;box-shadow:0px 0px 10px #636363;-webkit-box-shadow:0px 0px 10px #636363;filter: progid:DXImageTransform.Microsoft.Shadow(Color=#636363, Direction=135, Strength=3);background-color:#fff;}

/* ConnectMe Popup End*/



/*Wellcome message */


.welcomeMiddle{ width:100%;}
.welcomeContent{display: table; width:80%; margin: 0 auto; margin-top:140px;}
.welcomeInfo{text-align:center; margin: 20px 0 0 0;}
.welcomeInfo h2{padding: 0; margin: 30px 0 0 0}
.welcomeInfo h3{color:#999;padding: 0; margin: 10px 0 0 0}

.welcomeFeature{display: table-cell; text-align: center; max-width: 430px; margin: 0 20px 0 20px;padding: 0 20px 0 0;}
.welcomeFeature img{width: 56%; height:auto; max-width: 200px; max-height: 200px;}
.featureInfo{/*display: table-cell;*/}
.featureInfo h3{color:#333; font-size: 18px;}
.featureInfo div{color:#666;font-size:16px;line-height:22px; max-width: 360px; display: inline-block;text-align: left;}
.welcomeLeft{width: 300px;display: flex;flex-direction: column;align-items: center; padding: 50px 0 0 0; margin: 0 auto;}

.welcomeLeft span{color:#999;font-size:16px; width: 300px; line-height:22px;text-align:center;margin-top:20px; display: inline-block; word-wrap: break-word;}

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

.selectTheme{margin: 5px 15px 0 0; height: 14px;position: relative; top:0;align-items: center;display: flex; color: #333;}
.selectTheme a{margin: 0 5px 0 0;}
.greenTheme{display: inline-block; width: 18px;  height: 18px; border-radius: 5px; background-color: #85B01C; cursor: pointer;}
.redTheme{display: inline-block; width: 18px;  height: 18px; border-radius: 5px; background-color: #FB4848; cursor: pointer;}
.blueTheme{display: inline-block; width: 18px;  height: 18px; border-radius: 5px; background-color: #2389D0; cursor: pointer;}
.blackTheme{display: inline-block; width: 18px;  height: 18px; border-radius: 5px; background-color: #737373; cursor: pointer;}
span.checkArrow{display: inline-block; background:url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat; height: 18px; width: 18px;background-position: -510px -8px;}

.connMePopup {justify-content: center;display:flex;align-items:center;top:10px;left:0;right:0;bottom:0;position:fixed;z-index:100;}




.welcomeContainer{width:100%;display:flex;justify-content:center;margin:0 auto; overflow: auto;}

.mrt_10{margin: 0px 10px 0 0;}
.d_flex{display: flex;}
.supervisory{width:22px; height:22px;display:flex;background-image: url(/images/stream-icons-sprite.png?t=14052019);}
.silentmonitor {background-position:-656px -1105px;border: 1px solid transparent;}
.silentmonitor:hover{border: solid 1px #c2c2c2;background-color: #fff;border-radius: 2px;}
.silentmonitor:active{background-color:#ffdda2;border:1px solid #ffa200;}
.whishper { background-position:-695px -1105px;border: 1px solid transparent;}
.whishper:hover{border: solid 1px #c2c2c2;background-color: #fff;border-radius: 2px;}
.whishper:active{background-color:#ffdda2;border:1px solid #ffa200;}
.barge {background-position:-734px -1105px;border: 1px solid transparent;}
.barge:hover{border: solid 1px #c2c2c2;background-color: #fff;border-radius: 2px;}
.barge:active{background-color:#ffdda2;border:1px solid #ffa200;}
.startRecording {border: 1px solid transparent; background-position:-562px -1105px;}
.startRecording:hover{border: solid 1px #c2c2c2;background-color: #fff;border-radius: 2px;}
.startRecording:active{background-color:#ffdda2;border:1px solid #ffa200;background-position:-593px -1105px;}
.stopRecording {border: 1px solid transparent;background-position:-593px -1105px;}
.stopRecording:hover{border: solid 1px #c2c2c2;background-color: #fff;border-radius: 2px;}
.disabledStopRecording {border: 1px solid transparent;background-position:-624px -1105px;width:22px;height:22px;cursor:not-allowed;pointer-events:none;}



/*Wellcome Tour CSS start */

.tourMain{background:#fff; min-height: 186px; height:auto; padding: 0 0 20px 0; width:400px; font-family:HelveticaNeue, Helvetica, Arial, sans-serif; color:#333; right: 30px; top: -10px; position:absolute;
          border-radius: 5px;
          -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.3);
}
/*.tourMain:before {
    border-color: transparent #ccc;
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 12px 16px 12px 0;
    display: block;
    width: 0;
    z-index: 0;
    left: -16px;
    top: 20px;
}*/
.tourMain:after {
    border-color: transparent #fff;
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 15px 15px 15px 0px;
    display: block;
    width: 0;
    z-index: 0;
    left: -13px;
    top: 17px;
}
.tourMainRight{background:#fff; min-height: 186px; height:auto; padding: 0 0 20px 0; width:400px; font-family:HelveticaNeue, Helvetica, Arial, sans-serif; color:#333; left: -10px; top: 0; position:absolute;
               border-radius: 5px;
               -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.3);
               -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.3);
               box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.3);
}

.tourMainRight:after {
    border-color: transparent #fff;
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    display: block;
    width: 0;
    z-index: 0;
    right: -13px;
    top: 10px;
}
.tourHead{margin: 10px 20px 0 20px; border-bottom: solid 1px #ccc; padding: 0 0 10px 0; font-weight:bold; font-size:16px; display: flex;}
.tourHead h3{padding: 0; margin: 0; display: flex; flex: 1;}
.tourContent{ font-size:16px; color:#7b7b7b; padding:10px 0 0 20px;}
/*.tourClose{ background: url(images/stream-icons-sprite.png?t=14052019) no-repeat;
    display: flex;
    height: 20px;
    width: 20px; cursor:pointer; background-position: -181px -346px;justify-content: flex-end; opacity: 0.5;
        }*/
.tourClose:hover{ opacity:1;}
.tourButtons{ display:flex; align-items: center; justify-content: flex-end; margin: 20px 20px 0 0;}
.tourButtons a{ color:#333; text-decoration:none; opacity:1; cursor: pointer;}
.tourButtons a:hover{opacity:0.6;}
.tourButton{
    cursor: pointer;
    padding: 0 20px 0 20px;
    margin: 0 10px 0 0;
    height: 35px;
    border: none;
    border-radius: 4px;
    outline: none;
    font-size: 16px;
    font-weight: bold;
    min-width: 100px;
    position: relative;
    overflow: hidden;
    color: #fff;
}
.tourButton:hover {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.tourButton:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    background: rgba(255, 255, 255, .2);
    opacity: 0;
    border-radius: 100%;
    transform: scale(1, 1) translate(-50%);
    transform-origin: 50% 50%;
}

@keyframes ripple {
    0% {
        transform: scale(0, 0);
        opacity: 1;
    }
    20% {
        transform: scale(25, 25);
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: scale(40, 40);
    }
}

.tourButton:focus:not(:active)::after {
    animation: ripple 1s ease-out;
    outline:none;
}


.exitTour{display: flex;align-items: center; justify-content: flex-end; margin: 30px 20px 0 0; color:#7b7b7b;}
.checkbox_unchecked, .checkbox_checked {
    display: inline-block;
    height: 20px;
    width: 20px; cursor:pointer;
}
.checkbox_unchecked {background-position: -9px -760px;}
.checkbox_checked {background-position: -31px -760px;}

.fadeAnimation{ -webkit-animation: fadeinout 1s linear forwards;
                animation: fadeinout 0.5s linear forwards;
                opacity: 1;
                -webkit-transform: translateY(0);
}

@keyframes fadeinout {
    100% { opacity: 1; -webkit-transform: translateX(10px); }
}

.tourTabs{ display: flex;margin: 20px 0 0 30px;}
.tourTabs ul {padding:0; margin:0;}
.tourTabs ul li{ padding:0; margin:0 0 10px 0; list-style-type:none; display: flex; align-items: center;}
.tourTabs ul li:last-child{margin:0;}
.tourRecent, .tourContacts, .tourULM, .tourSmartBox, .tourConnectme, .tourRecents, .tourCalls, .tourFax{background: url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat; display: inline-block; height: 32px; width: 32px; margin: 0 10px 0 0px;}

.tourRecent {background-position: -1px -96px;}
.tourContacts {background-position: -34px -96px;}
.tourULM{background-position: -67px -96px;}
.tourSmartBox{background-position: -133px -96px;}
.tourConnectme{background-position: -166px -96px;}

.tourRecents {background-position: 0 -227px;}
.tourCalls {background-position: -33px -227px;}
.tourVoicemails{background-position: -265px -227px;}
.tourFax{background-position: -232px -227px;}
.tourGroupSms{
    background: url(/images/streams/groupsms_inactive.svg) no-repeat; 
    display: inline-block; 
    height: 32px; 
    width: 32px; 
    margin: 0 10px 0 0px;
}


.tourGuideMain{z-index:99; position:absolute; top: -1px;}
.tourGuideMainRight{z-index:99; position:absolute; top: 0; right: 334px; height: auto; width: 480px;}

.makeCalls{z-index: 99;pointer-events: none;}
.makeCalls ul li{pointer-events: none;}
.makeCalls ul li a{pointer-events: none;}
.makeCalls input{pointer-events: none;}

.createTeams{z-index: 99;pointer-events: none;}
.createTeams a{border-radius: 5px; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);border: solid 1px #c2c2c2; background-color: #fff;pointer-events: none}

.createTeamsTour{height:50px; width: 855px; top: 118px; position: relative;}
.makeCallsTour{height:52px; width: 860px; top: 67px; position: relative;}
.sectionTabs{height:46px; width: 860px; top: 169px; position: relative;}
.viewFilters{height:34px; width: 860px; top: 215px; position: relative;}
.rightToggle{height:52px; width: 457px; top: 69px; right:70px; position: relative;}
.profilePicInfo{height:172px; width: 580px; top: 8px; right: -50px; position: relative;}


/*.createTeams{background:url(../images/create-team.png) no-repeat 376px 7px; height:50px; width: 855px; top: 118px; position: relative;}
.sectionTabs{background:url(../images/section-tabs.png) no-repeat 1px 0; height:46px; width: 860px; top: 169px; position: relative;}
.viewFilters{background:url(../images/view-filters.png) no-repeat 1px 0; height:34px; width: 860px; top: 215px; position: relative;}

.rightToggle{background:url(../images/toggle-button.png) no-repeat right; height:52px; width: 457px; top: 69px; right:70px; position: relative;}

.profilePicInfo{background:url(../images/user-profile.png) no-repeat right; height:172px; width: 580px; top: 157px; right: -106px; position: relative;} */



/*Wellcome Tour CSS End */







/* StreamsConnectMe Intiate Popup Start*/

/*.connectMePopup {display: block;margin:0;width: 200px;padding:5px;position: absolute;z-index: 9;font-size: 13px;box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);top:19px;right:19px;border: solid 1px #ccc;background: #fbfbfb;}
*/
.connectMePopup {display: block;margin:0;width: 200px;padding:5px;position: absolute;z-index: 11;font-size: 13px;box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);top:17px;left:107px;border: solid 1px #ccc;background: #fbfbfb;}
.connectMePopup_MM{display: block;margin:0;width: 200px;padding:5px;position: absolute;z-index: 11;font-size: 13px;box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);bottom: 47px;right: 200px;border: solid 1px #ccc;background: #fbfbfb;}
.connectMePopup_IM{display: block;margin:0;width: 200px;padding:5px;position: absolute;z-index: 11;font-size: 13px;box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);top:31px;right:4px;border: solid 1px #ccc;background: #fbfbfb;}
.connectMePopup_Dshare{display: block;margin:0;width: 200px;padding:5px;position: absolute;z-index: 11;font-size: 13px;box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);top:37px;right:222px;border: solid 1px #ccc;background: #fbfbfb;}
.connectMepopupvideo{display:flex;max-height:calc(100% - 60px);flex-direction:column;min-height:70px;}
.connectMepopupvideo ul{height:100%;overflow:auto;min-height:30px}
.confirmationButtonsVideo{height:30px;min-height:30px;max-height:30px;}
.initiateHeading{display:flex;flex-direction:column;border-bottom:1px solid #dbdbdb;font-size:14px;height:40px;font-weight: 700}
.initiateHeading span{width:200px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:2px;}
.connectMePopup ul{margin:0; padding:0;}
.stream-icons-sprite {height: 25px; min-width: 25px; display: flex;align-items: center;}
.mmDisabled{pointer-events: none; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);  -o-filter: grayscale(100%);  -ms-filter: grayscale(100%);filter: grayscale(100%);color: #666; opacity: 0.6;}
.uncheck {background-position: -6px -758px;}
.check_cm{ background-position: -27px -758px;}
.selectHeading{font-weight:bold;margin-left:5px;}
.sessionTypeMain {margin: 0px;padding: 5px; display: flex; align-items: center;}
.videocall, .deskpop, .im,.audiocall{margin: 0px;height: 25px;width: 25px; background:url(/images/stream-icons-sprite.png?t=14052019) no-repeat;display: flex;align-items: center;margin:0 5px ;}
.audiocall { background-position: -3px -231px;}
.videocall {background-position: -441px -67px;}
.deskpop {background-position: -500px -67px;}
.im {background-position: -36px -231px;}
.confirmationButtons {display: flex;justify-content: center; margin: 10px 0;}
/*.normal-button_IM {padding: 0 5px 0 5px; margin-right:10px;cursor: pointer; border: none;border-radius: 4px;outline: none;font-size: 14px;font-weight: bold;min-width: 80px;box-sizing: border-box;height: 32px;color: #fff; background: #8bc500;text-align:center;}
.normal-button_IM:hover {box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}*/
.normalButton{min-width:65px;}
.secondary-button_IM {padding: 5px 10px;margin: 0 5px;cursor: pointer;border: none;border-radius: 4px;outline: none;font-size: 14px;color:#333;background:#f0f0f0;border:1px solid #dbdbdb;min-width:70px}
.secondary-button_IM:hover {box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.manageMedia_IM {padding: 0 5px;cursor: pointer;border: 1px solid #e3e3e3;border-radius: 4px;outline: none;font-size: 14px;font-weight: bold;min-width: 100px; box-sizing: border-box;color: #333;background: #ddd;text-align:center;}
.manageMedia_IM:hover {box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.manageMedia_IM span{display:flex;align-items:center;padding:0 4px;}
.manageMedia_Dshare {padding: 3px 5px;cursor: pointer;border-radius: 4px;outline: none;font-size: 14px;font-weight: bold;min-width: 100px; box-sizing: border-box;color: #333;text-align:center;background-color:#ddd;}
.manageMedia_Dshare:hover {box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.manageMedia_Dshare span{display:flex;align-items:center;padding:0 4px;}
.deskShareMain .teamCollapse{margin:0;opacity:1;}
.deskShareMain .groupCollapseActive { background-position: 0px -342px;}
.deskShareMain .normalButton-disable{padding: 0 20px 0 20px;font-size:14px; font-weight: bold;box-sizing: border-box;}
.deshShareHead .teamCollapse{margin:0;opacity:1;}
.deshShareHead .groupCollapseActive { background-position: 0px -342px;}
.deshShareHead .normalButton-disable{padding: 0 20px 0 20px;font-size:14px; font-weight: bold;box-sizing: border-box;}



.imContainer{padding: 0 0 3px 0;background:#fff;-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);}
.imContainer{padding: 0 0 3px 0;background:#fff;margin:0;position: relative;}
.imHeader{display:flex;align-items:center;padding:0 5px;}
.imAdduser,.imExit{background-image: url(/images/stream-icons-sprite.png?t=14052019); 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 {border: solid 1px #c2c2c2cc;background-color: #fff;}
_:-ms-lang(x), .imAdduser:hover,.imExit:hover {border: solid 1px #c2c2c2;}
.imExit{background-position:-557px -1046px}
.imHeaderbar{ padding: 4px 0;margin: 0;cursor: pointer;position: relative;display: flex;justify-content:space-between;align-items: center;overflow: visible;background-color: #f0f0f0;border-bottom: 1px solid #e1e1e1;min-height:30px;}
.groupCollapse {background: url(/images/stream-icons-sprite.png?t=14052019) no-repeat;width: 30px;height: 30px;font-size: 10px;text-decoration: none;display: block;background-position: -34px -342px;}
.groupCollapseActive {background-position: 0px -341px;}
.manageMediaDropDownArrow{background: url(/images/stream-icons-sprite.png?t=14052019) no-repeat;width:27px;height: 27px;font-size: 10px;text-decoration: none;display: block;background-position: -34px -341px;}
.manageMediaDropDownArrowIM{background: url(/images/stream-icons-sprite.png?t=14052019) no-repeat;width:27px;height: 27px;font-size: 10px;text-decoration: none;display: block;background-position: -27px -343px;}
.manageMediaDropDownArrowSS{background: url(/images/stream-icons-sprite.png?t=14052019) no-repeat;width:27px;height: 27px;font-size: 10px;text-decoration: none;display: block;background-position: -27px -343px;-moz-filter:brightness(500%);-webkit-filter:brightness(500%);-ms-filter:brightness(500%);}
.dropDownActive{background-position: 5px -343px;}
.imHeaderTitle {font-weight: 700;margin-left: 1vw;white-space: nowrap;text-align: left;overflow: hidden;text-overflow: ellipsis; -o-text-overflow: ellipsis;-icab-text-overflow: ellipsis;-khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis;-webkit-text-overflow: ellipsis; font-size: 14px; color: #333; display: inline-block; max-width: 220px; vertical-align: middle; flex: 1;}
.imUserMain{display:flex;align-items: center;margin: 5px 10px;}
.userProfileImage {width: 40px;height: 40px;display: flex;vertical-align: middle; align-items: center;position: relative;margin: 0 6px 0 0;}
.userProfileImage img{width:40px; height:40px;border-radius:50%; cursor: pointer;}
.userProfileImage img:hover{background-color: #000;-webkit-filter: brightness(50%); filter: brightness(50%);}
/*.statusOnline{background:url(/images/stream-icons-sprite.png?t=14052019) no-repeat;display: inline-block;height: 20px;width: 20px;min-width: 20px;padding: 0 2px 0 0; background-position: -163px -6px;}*/
.imParticipantsContainer{height:335px;}
.imParticipantsMain{height: 100vh ;overflow-x:hidden;overflow-y:auto;}
.count{position: absolute;top: 0px;right: 6px}
.cnparticipants{height: calc(100vh - 38px);overflow-x:hidden;overflow-y:auto;background-color:#fff; }
.participant_number-counter{
    color:#dcdcdc;
    position:relative;
    margin:auto;
    font-size:15px;
    text-align:left;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.count{position: absolute;top: 0px;right: 10px}
.cnparticipants{height: calc(100vh - 38px);overflow-x:hidden;overflow-y:auto;background-color:#fff; }
.participant_number-counter{
    color:#dcdcdc;
    position:relative;
    margin:auto;
    font-size:15px;
    text-align:left;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.imParticipantsMainFullScreen{max-height:calc(100vh - 148px);overflow-x:hidden;overflow-y:auto;}
.imcontainerDiv{overflow-x: hidden;overflow-y: auto;}
.imUserDetails{display:flex;align-items:center;justify-content: space-between;width: 100%;}
.confParticipants{display:flex; align-items: center; width:150px; margin:0 0 0 10px;}
.imBuddyNameWidth{white-space: nowrap;text-align: left;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;-icab-text-overflow: ellipsis;-khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;font-size: 14px;color: #333;display: inline-block;max-width: 220px;vertical-align: middle;}
.copyurlMain{max-width:140px;display:flex;}
.manageMedia{display:flex;align-items:center;cursor:pointer;position:relative;margin-right:5px;border-radius: 5px;padding:0 4px;}
.imAdduserMain{display:flex;flex:1;}
.imOptions{display:flex;align-items:center;}
.ml_5px{margin-left:5px;}
.preWrappedText{white-space:pre-wrap;}
.faxPdfIconMain .fileOrFolderForListView{margin-left:5px;text-decoration:none;width: 45px;height:45px;}
.preWrappedText{white-space:pre-wrap;}



.progressl {
    /*background: linear-gradient(to right, #8bc500 0%, #8bc500 0%, #dbdbdb 0%, #dbdbdb 100%);
    border: solid 5px #8bc500;*/ 
    border-radius: 8px;
    height: 3px;
    width: 100%;
    outline: none;
    transition: background 450ms ease-in;
    -webkit-appearance: none;
    justify-content: end;
    display: flex;
    padding-left: 0px; 
    padding-right: 0px;

}
.progressl::-webkit-slider-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-appearance: none;
    margin: 0px 0px 0px -0.4px;
    cursor: pointer;
    margin: 0px 0px 0px 0px;
    padding-left: 0px;   

}



/*Login content left Start*/

.wrapper{margin:0px auto; padding:0px; max-width:1000px;}
.logoAuth{ padding-top:14px;}
.logoAuthRight{ padding-top:18px;}
.login_header{margin:0; padding:0; display:flex; width:100%; border-bottom:1px solid #ccc; flex-direction:row;height:80px;}
.login_link_header{margin:0; padding:0; display:flex; width:100%; border-bottom:1px solid #ccc; flex-direction:row; height:80px;}
.login_headerleft{margin:0; padding:0; display:flex; align-items:center; }
.login_headerright{margin:0; padding:0; display:flex;width:500px; align-items:center; flex-direction: row-reverse;}
.login_link_headerright{margin:0; padding:0; display:flex;/*width:500px; */align-items:center; flex-direction: row-reverse;}
.Login_logo{margin:0; padding:0;}
.header {height:89px;position:relative;border-bottom:#ccc 1px solid}
.login_content{margin:0px; padding:0px;  width:100%; height:510px;    }
/*.loginlink_content{margin:0px; padding:0px;  width:100%; min-height: calc(100vh - 200px); max-height: calc(100vh - 150px) }*/
.loginlink_content{margin:0px; padding:0px;  width:100%; height: calc(100vh - 114px);    }
.connectmewelcome{margin:0px; padding:0px; display:flex; height:60px;  width:100%; font-size:16px; color:#333333; font-weight:bold;align-items: center;}
.connectmepara{margin:0px; padding:0px;  height:40px;  width:100%; font-size:14px; color:#333333;}
.connectmepara span{ font-weight:bold;}
.inputconnectmemain{margin:0px; padding:0px; /*height:380px;*/ width:100%; display: flex; justify-content: center; align-items: center;}
.connectmmiddle{margin:0px; padding:0px;width:388px; /*border:1px solid #dbdbdb; */border-radius: 5px;height:auto;}
.connectmmiddletext{margin:0px; padding:15px 0 0 0;width:100%; font-size: 14px; align-items: center; display: flex; justify-content: center;}
.connectmeinput{margin:0px; padding:0px;width:100%; font-size: 14px;height:auto;}
.connectmeinput label{font-weight:bold;}
.connectmeinput label span{ color:#F00;}
.connectmefield{width:275px; height:32px; margin:2px 0 0 0;font-size:14px;padding-left:5px;}
.connectmeinput p{ margin:16px 0 21px 23px; padding:0px;}
.connectmenote{margin:5px 0 0 23px; padding:0px; height:57px; width:88%; font-size: 12px; line-height: 17px;word-wrap: break-word; }
.connectmenote span{margin:0px; padding:0px;font-size: 14px; font-weight:bold; }
.connectmenote p{margin:0px 0 0 23px; padding:0px;  font-size: 14px;     align-items: center; display: flex; width: 85%; }

.connectmebutton{margin:0px 0 0 23px; padding:0px; height:auto; width:100%;}
.connectalready{margin:5px 0 0 0; padding:0px; height:35px; width:100%; font-size: 14px; align-items: center; display: flex; color:#8bc500; }
.connectalready a{text-decoration:none; font-size:14px; color: #8bc500;}
.connectalready a:hover{ text-decoration:underline; }
.login_footer{margin-top:30px; padding:15px 0;border-top:1px solid #ccc; width:100%; display:flex; font-size:12px;    align-items: center; justify-content: center;}
.footerPrivacy{text-decoration:none; color:#333333;cursor: pointer;}
.footerPrivacy:hover{text-decoration:underline;}
.browserSupt{text-align:center;margin-top:30px;}
.inputButton{  height:30px; width:125px; display:flex; outline: none; cursor: pointer; padding: 3px; border-radius: 5px; border: none; margin: 15px 10px 10px 0; font-weight: bold; font-size: 16px; color: #fff;  background: #8bc500; justify-content: center; align-items: center;}
.inputButton:hover{box-shadow: 0 1px 3px rgba(0,0,0,0.5);}
/*Login content left end*/
/*********************************************************************************/

.chatwidth{
    position: relative;
    width: auto;
    height: auto;
    padding: 10px 10px 13px 10px;
    margin-top: 10px;
    font-size: 16px;
    clear: both;
    display: flex;
}
.filenameInfo{color:#999;}
.filenameInfo span{cursor:pointer}
.filenameInfo span:hover{text-decoration: underline;}
.ml_7px{margin-left:7px;cursor: pointer;}
.ml_7px_span{margin-left:7px;}

/* Streams ConnectMe Popup End*/

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

div.contactActions_middle{
    width: auto;
    height: 32px;
    border-radius: 5px;
    padding: 0;
}
div.contactActions_middle ul{
    display: flex;
    position:relative;
}
div.contactActions_middle ul li{
    position:relative;
}
div.contactActions_middle ul li:hover{
    cursor:pointer;
}
.buddyNameWidth_without_StatusMsgRP {     /*for Member buddy in right panel */
    max-width: 260px;
}
.buddyNameWidth_without_StatusMsgAdmin {    /*for buddy with admin label in right panel*/
    max-width: 180px;
}
.buddyNameWidth_without_StatusMsgExtn {    /*for buddy with Extension in left panel*/
    max-width: 200px;
}

.stream-right .chatMessage {min-width:320px;padding: 10px 5px 13px 10px;}
.stream-right .streamContextIcon {height: auto;max-width: 320px;}
.stream-right .liveStreamMain {    height:240px; width: 320px;}
.stream-right audio { width:320px;}
.sbFileInfo{font-size:14px;}
.sbFileInfo span{color:#999;margin-right:4px;}
.sbPopuphead{padding-left:10px;}
.sbchatAttF{height: 46px;cursor: pointer;}
/*view Contact popup*/
.viewContactborder{border-bottom: 1px solid #ccc;}
.viewContactmain{margin-right: 5px;}
.viewContactmain img{border-radius: 50%;}
.viewContctdetails{margin: 10px;display:flex;align-items:center;}
.callPSTNMargin{margin-left: 10px;}
/* Default Landing page related css*/
.landingPage{ display: flex;
              align-items: center;
              justify-content: center;
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0;
}
.SmartBox_MiddleContent {
    display: flex;
    flex-direction: column;
    align-items: center;
}
p.middleText {
    padding: 0 20px;
    font-size: 20px;
    color: #666666;
}
.selfJoinButtonArea{white-space: nowrap;display: flex;align-items:center;justify-content:center;}

.form-addContact{width: 600px;display: flex;flex-direction: column;align-items: center;margin: 0px auto;min-width: 600px;padding: 10px;border-radius: 10px;box-shadow: 0px 0px 10px #636363;max-height: 95%;max-height: 650px;background-color: #fff;min-height: 200px;overflow: hidden;}
.label_addContact{padding:10px;}
.addContactMainContent{overflow-x: hidden;overflow-y: auto;width: 100%;border:1px solid #ccc;padding-bottom:5px;}
.subHeading_addContact{font-size: 16px;;padding: 5px 0;display: flex;margin-bottom: 2px;align-items:center;}
.label_addContact select{width:50%; margin-left:20px;height: 30px;}
.editContact{ margin: 0 0 0 2px; font-weight: normal; font-size: 14px; float: right;cursor: pointer;}
/*view Contact popup*/

/*********************************************************************************/
/*ULM Popped Out Text*/
.ULMPoppedOutText {font-size:22px; color:#666666; }
p.ULMMiddleText {padding:50px;}
p.ULMLeftText {padding:20px 10px;text-align:center;}
.ULMPoppedOutTextMain {position:absolute; top:0; right:0; bottom:0; left:0; align-items:center; justify-content:center; display:flex;}

/**************************************send fax UI start*************************************************************/
.faxMainContent{overflow-x: hidden;overflow-y: auto; width: 95%; border: solid 1px #ccc; padding: 10px; margin: 0 10px 10px 10px;}
.form-SendFax{width: 600px;display: flex;flex-direction: column;align-items: center;margin: 0px auto;min-width: 600px;padding: 10px;border-radius: 10px;box-shadow: 0px 0px 10px #636363;max-height: 95%;background-color: #fff;overflow: hidden;}
.subHeading_SentFax{font-size: 14px;;padding: 5px 0 0 10px;display: flex;margin-bottom: 2px;align-items:center;}
.subHeading_SentFax label{width:25%;text-align:right;margin-right:10px;}
.inputtext_SentFax{height:30px;width:50px;font-size: 14px;flex: 1;padding-left:5px;}
.inputtext_SentFaxBig{height:30px;width:150px;font-size: 14px;flex: 1;padding-left:5px;}
.inputtext2_SentFax{font-size: 14px;flex: 1;padding:6px;width:350px;}
.Fax_Instructions{margin-top:20px;border-top:1px solid #ccc;}
.Fax_Instructions h3{margin-bottom:0;}
.Fax_Instructions ul{margin:inherit;padding:inherit;list-style-type:inherit;-webkit-padding-start:24px;-moz-padding-start:24px;-ms-padding-start:24px;margin-top:0;}
.Fax_Instructions ul li{margin:10px 0 0 0;}
.Fax_overflow{max-width: 227px; display: inline-block; overflow: hidden; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap;}
.mb_10px{margin-bottom:10px;}
.subHeading_SentFax span{font-size: 14px;}
.subHeading_SentFax input[type=file]{padding:5px;margin-right:5px;width:350px;}
.fax_textarea{width:350px;height:80px;font-size: 14px;flex: 1;padding: 5px;resize:none;}
.faxButton{margin: 0 0 0 200px;}
.failed{color:#f00;}
/**************************************send fax UI end*************************************************************/

/**************Imported contacts start************/
.newusercontent {margin: 80px 20px 0 20px;}
.welcomeNote {font-size: 22px;margin-bottom: 40px;}
.newusercontent ul li { margin: 20px 0 20px 20px;font-size: 16px; list-style-type:disc;}
/* import contacts related css */
.contactsFormFeilds{margin: 20px 0 0 0;}
.contactsFormFeilds label{font-size: 14px; display: flex; margin-bottom: 2px; width: 220px; min-width: 220px; align-items: center; justify-content: flex-end;margin-right: 5px;font-weight: bold;}
.contactsFormFeilds input[type="text"]{ width:330px;height: 35px;font-size: 14px; padding: 0 0 0 5px;}
.contactsFormFeilds input.socialNetworks[type="text"]{ width:180px;}
.contactsFormFeilds select,textarea{ width:330px;}
.contactsFormFeilds textarea{ height:150px;padding-left: 5px;}
.contactsFormFeilds textarea.editNotes{ height:150px;width:100%;margin-right: 10px; resize: none;padding-left: 5px;}
.contactsFormFeilds select {height:40px; padding:5px;font-size:14px; }
.contactsFormFeilds div {display:flex; flex-direction:row; margin:10px 10px 10px 0; align-items: center; word-wrap: break-word; word-break: break-word; line-height: 20px;}
.contactsFormFeilds span { margin:0px 10px 0px 10px;}
.contactsFormFeilds span.socialExample {min-width: 150px;}
.contactsFormFeilds.editNotesMain {margin: 0 0 0 20px;}
.editContactsMain { overflow:auto;padding: 0 0 10px 0;}
.editContactsMain h2 {margin:10px 20px;padding:5px; font-size: 16px; border-bottom: solid 1px #ccc;display:flex;justify-content:space-between;}
.editContactsMain h2:nth-child(2) {margin:40px 20px;}
.editContactsMain h2 div{display:flex;align-items:center;}
.contactsMiddlePanelTabes {border-bottom:1px solid #ccc; margin: 10px 10px 0 10px;}
.contactsMiddlePanelTabes ul {display:flex; flex-direction:row;position: relative; top: 1px;}
.contactsMiddlePanelTabes ul li{padding:5px 20px; border-radius:5px 5px 0 0; border:1px solid #ccc; border-bottom:0px;font-weight:bold;cursor:pointer;margin-right:5px;}
.editContactButtons{display:flex; flex-direction:row; padding:5px; margin: 0 0 0 20px; position: absolute; bottom: 18px; left: 141px;background-color: #fff;}
.importpic{ position: absolute; bottom: 0; right: 0;}
img.impconimg{height:10px; width:10px; display: inline-block;border-radius: 0;}
.editContactsFormMain{ border: solid 1px #ccc; margin: 0 10px 0 10px; border-top: none;}
.editContactsForm{position: relative;}

.googleIcon{background: url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat;width:16px;height: 16px;display:inline-block;background-position:-111px -1147px;}
.outlookIcon{background: url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat;width:16px;height: 16px;display:inline-block;background-position:-43px -1147px;}
.globalIcon{background: url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat;width:16px;height: 16px;display:inline-block;background-position:-260px -1191px;}
.csvIcon{background: url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat;width:16px;height: 16px;display:inline-block;background-position:-9px -1147px;}
.yahooIcon{background: url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat;width:16px;height: 16px;display:inline-block;background-position:-77px -1147px;}
.smartBoxIcon{background: url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat;width:16px;height: 16px;display:inline-block;background-position:-146px -1148px;}

.content-connectMe-noInternet{
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    z-index: 45;
    margin: 0 auto;
    width: 430px;
    background-color: #ffe1a5;
    border: 2px solid #dc3c00;
    text-align: center;
}

.content-connectMe-noInternetMessage{
    color: #333;
    font-size:14px;
    padding: 15px 10px;
    font-weight: bold;
}

/**************Imported contacts end************/
.notifySucess_TeamMain{top:0;z-index: 10;width:auto;left: 0;right: 0;position: absolute;max-width: calc(100% - 200px);margin: 0 auto; display: flex; justify-content: center; align-items: center;}
.notifySucess_Team{background-color: rgba(0, 0, 0, 0.6);border-radius: 20px;height: auto;color: #fff;text-align: center;padding: 10px 14px;margin: 28px auto 0 auto;min-width:150px;}
div.notifySucess_SP{max-width: calc(100% - 10px);}


.imageheight{height: 70px; width: 220px;}

.notify_errorResp{ position:fixed; background: #333;border-radius: 20px;height: 16px;color: #fff;width: 400px;text-align: center;padding: 10px 0;margin: 0 auto;z-index: 50;right:0;left:0;margin-top: 2px}

/**************************************Notification settings start*************************************************************/

.notificationMain{ padding:0; margin:10px 0 20px 10px;position: relative;}
.notifySettings{ margin: 5px 0 0 0;display: flex;align-items: center;width:calc(100% - 5px)}
.notificationSettings li{padding: 5px 0;display: flex;align-items:center;}
.showFlash{margin-left: 30px; display: flex;align-items: center;}
.showFlash label{width:135px; word-wrap: break-word;}
.showFlash span{ margin:0 0 0 20px;}
.notifiCheckbox {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
}
.notifySettingsMain{margin:0 5px 0 30px;}
.notifySettingsHeader{ margin:10px 0 0 0;}
.radioNotiUncheck, .radioNotiCheck {
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    display: inline-block;
}
.radioNotiUncheck {
    background-position: -31px -800px;
}
.radioNotiCheck {
    background-position: -9px -800px;
}
.play-button {
    margin:0 4px 0 4px;
    cursor: pointer;
    border-radius: 4px;
    outline: none;
    font-size: 14px;
    box-sizing: border-box;
    height: 32px;
    width:32px;
    border: 1px solid #dbdbdb;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    visibility:hidden;
}
.play-button:before{
    content: "";
    background-image: url(/images/streams/stream-icons-sprite.png?t=14052019);
    background-repeat: no-repeat;
    width: 24px;
    height: 20px;
    background-position: -791px -1144px;
    display: inline-block;
}
.play-button:hover {
    background:#e7e7e7;
}
.notifySettings label{word-wrap: break-word;margin-right:2px;flex:1;}


.soundOptions{
    border: solid 1px #ccc;
    height: 13px;
    width: 120px;
    padding: 10px;
    font-size: 14px;
    line-height: 14px;
    position:relative;
    display:block;
    margin-right: 5px;

}
.soundOptions ul{
    display: block;
    margin: 10px 0 0 -11px;
    border: solid 1px #ccc;
    width: 140px;
    background: #fff;
    padding:5px 0 5px 0;
    box-shadow:1px 1px 2px #ccc;
    position:absolute;
    z-index:10;
    /*max-height:82px;*/
    overflow:auto;
}
.soundOptions ul li{
    cursor:pointer;
    color:#333;
    line-height:30px;
    display: flex;
    align-items:center;
}
.soundOptions ul li:hover .play-button{visibility:visible !important;}

.soundOptions ul li a{flex:1;text-decoration: none;padding:0 0 0 10px;color:#333;}

.soundOptions ul li:hover{
    color:#000;
    background: #e5ecd3;
}
.soundOptions span{background-color:#fff;}
/*.notificationMsg{font-size:12px;margin-left: 30px;}*/
.deviceTypeMain{display:flex;justify-content:flex-start;width:100%;margin:15px 0;}
.deviceSettingsMain{display: flex;flex-direction:column;align-items:center;height:45px;justify-content:space-between;} 
.desktopIcon{width:20px;height:20px;background-image: url(/images/streams/stream-icons-sprite.png?t=14052019);background-repeat: no-repeat;background-position: -62px -760px;}
.mobileIcon{width:20px;height:20px;background-image: url(/images/streams/stream-icons-sprite.png?t=14052019);background-repeat: no-repeat;background-position: -96px -760px;}
/*.notificationMain .selectDateMain{max-width:188px;word-wrap: break-word;display: flex;align-items: flex-start;margin-right:6px;}*/
.notificationMain .checkbox_unchecked, .notificationMain .checkbox_checked{min-width:20px;margin-right: 2px;}
/*.notificationMain input[type=text]{width:80px;}

.notificationMain .selectDate img{vertical-align:text-bottom;position: relative;}*/
/*.notificationMain .selectDateDisable{pointer-events: none; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);  -o-filter: grayscale(100%);  -ms-filter: grayscale(100%);filter: grayscale(100%);color: #666; opacity: 0.6;}*/
.notificationMain .selectDate{display:flex;margin-right:5px;flex-direction:column;}
.dateTimeMain{display:flex;flex-direction:column;}
/*.dateTimeSettings{width: 198px;word-wrap: break-word;margin-right:2px;}*/
.notifyTimezone{display:inline-block;color: #999;}
.notificationMain .confirmationBtn{width:100%;display:flex;justify-content:center;}
.mr_30px{margin-right:30px;}
.mr_10px{margin-right:10px;}
.mt_10px{margin-top:10px;}
.mb_5px{margin-bottom: 5px;}
.mr_2px{margin-right:2px;}
.mt_2px{margin-top:2px;}
.w_300px{width:300px;}
.w_400px{width:400px;}
.height_auto{height:auto;}
.mtb_10px{margin:10px 0;}
.mtb_15px{margin:15px 0;}
/*.mandatoryField{color: red; padding: 0 0 0 3px;}*/
.ml_25px{margin-left: 25px;}
.ml_8px{margin-left: 8px;}
/**************************************Notification settings end*************************************************************/

/******/    
.trialPerioadEnded{
    background: #f0f0f0;
    white-space: nowrap;
    padding: 10px;
    border: 1px solid #ccc;
    color:#f00;
    font-weight: bold;
    margin-left: 20px;
}
.trialPerioadLeft{ background: #f0f0f0;
                   white-space: nowrap;
                   padding: 10px;
                   border: 1px solid #ccc;
                   color:#333;
                   font-weight: bold;
                   margin-left: 20px;}

/******/
/**************************************Add Streams Contacts start*************************************************************/
/*.addstreamsContact_text{height:150px;font-size:14px;flex:1; padding: 0 0 0 5px; resize:none;}*/
.addStreamsRight{margin: 5px 0;width: 50%;display: flex;flex: 1;min-height: 300px;}
.topBarActions div.groupActionsPopupCont{top:21px;left:-36px;}
.addedContacts_AddStreams{height:150px;max-height: 150px;overflow:auto;display:flex;flex-wrap:wrap; background: #fff;border: 1px solid #ccc; color: #999;padding: 0 0 0 10px;align-content:flex-start;}
.normalButtonFind{padding: 0 10px 0 10px; 0 0;cursor:pointer;border:none;border-radius:4px;outline:none;font-size:16px;min-width: 100px; box-sizing: border-box; height: 31px;}
.normalButtonFind:hover{box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}

/**************************************Add Streams Contacts end************************************************************/
/**************************************Enhanced Invite css start************************************************************/
.InviteNonStreamsUsersMain {
    display:flex;
    align-items:center;
    top:10px;
    left:0;
    right:0;
    bottom:0;
    position:fixed;
    z-index:100;
}
.InviteNonStreamsUsersMain .contactsMainheading {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}
.InviteNonStreamsUsersMain .searchFilter {
    padding:5px 0;
    margin:0;
}
.InviteNonStreamsUsersMain .label_addContact {
    padding:10px 5px;
}
.InviteNonStreamsUsersMain p {
    padding:10px;
    margin:inherit;
    line-height:20px;
}
.InviteNonStreamsUsersMain .helpText {
    color:#999;
    font-size:13px;
    margin-top:3px;
    display:inline-block;
}
.InviteNonStreamsUsersMain .subHeading_addContact {
    margin-bottom: 0;
    padding: 2px;
}
.InviteNonStreamsUsersMain .form-createTeam_contpp {
    min-height:inherit;
    max-height:inherit;
    width:1000px;
}
.invitedEmailMain {
    border:1px solid #ccc;
    padding:5px;
    background:#fff;
    max-height:200px;
    overflow:auto;
}
.invitedEmailMain .invitedEmails {
    max-height: 100px;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    color: #999;
    align-items: center;
}
.errorEmail{}
.addedEmailRemove{margin: 0 0 0 5px;cursor: pointer;background: url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat;display: inline-block;width: 20px;height: 20px;background-position: -177px -847px;
}
.invtedEmails{border:1px solid #ccc; padding:5px;max-height:50px;overflow-x: hidden;overflow-y: auto;}
div.invitedPopup{
    top:38px;
    right:15px;
    width:120px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    z-index: 13;
    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;

}

div.invitedPopup li{
    width: 110px;
    height: 32px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin:5px;
    cursor:pointer;
}
div.invitedPopup li span {
    padding: 0 0 0 5px;
}

.InviteNonStreamsUsersMain .addedcontacts_user{border:1px solid transparent;}
.InviteNonStreamsUsersMain .errorEmail{border:1px solid #f00;background-color: #fff;color:#666;height:auto;}
.InviteNonStreamsUsersMain .addedcontacts_user span{padding-left:5px;}
.enhInviteDisbleBtn{pointer-events: none;color: #fff;background: #888;outline: none;cursor: pointer;padding: 0 15px 0 15px;border-radius: 5px;border: none;margin-right:10px;font-size: 14px;min-width: 100px;box-sizing: border-box;height: 35px;}
.successAlertMain{margin:0 auto;}
.successAlertMain .alertPopupMain{max-height:calc(100% - 200px);}
.successAlertMain .alertHeading{min-height:20px;height:20px;max-height:20px;}
.successAlertMain .popuptext{max-height:calc(100% - 50px);overflow-y:auto;overflow-x:hidden;}
.mb_5px {
    margin-bottom:5px;
}
.pt_2px {
    padding-top:2px;
}
.w_850px{width:850px;}

.m_10px{margin:10px;}
/*.w_980px{min-width:980px;}*/
.popout_Container{min-width:100%;}
/**************************************Enhanced Invite css end************************************************************/
/**************************************Delete Import Contacts css start************************************************************/
.form-deleteContacts {
    width: 650px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0px auto;
    max-width: 650px;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #636363;
    max-height: 95%;
    background-color: #fff;
    min-height: 200px;
    overflow: hidden;
}
.deleteContactsMain {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    border: 1px solid #ccc;
    max-height:calc(100% - 50px);
}
.deleteContactsSubMain {
    background-color:#f0f0f0;
    padding: 5px;
}
.deleteContactsSub {
    background-color:#fff;
    padding:10px;
    border:1px solid #ccc;
}
.deleteContactsSub p{line-height:20px;}
.delContsMenu{max-height:150px;
              overflow-x:hidden;
              overflow-y:auto;
              border:1px solid #ccc;
              margin: 5px 0;}
.importedOn{width:100%;font-size:14px;font-weight:bold;padding:10px 5px 4px 5px;}
.deleteContactsSub ul {
    display:flex;
    flex-wrap:wrap;

}
.deleteContactsSub ul li {
    padding:5px 10px;
    display:flex;
    align-items:center;
    margin-bottom:5px;
    width:270px;
}
.deleteContactName {
    max-width: calc(100% - 30px);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:inline-block;
}
.menu_delconts{max-height:150px;
               overflow-x:hidden;
               overflow-y:auto;
               border:1px solid #ccc;
               margin: 5px 0;}
.menu_delconts ul li {
    width:auto;
}
.menu_delconts .deleteContName {
    display:inline-block;
    max-width:100%
}
.checkDisabled{pointer-events: none;opacity: 0.4;}
.delImportCont{background-position: -112px -274px;}
.importMenu div.groupActionsPopup{width:210px;}
.importMenu div.groupActionsPopup ul li{width:200px;}
.form-deleteContacts .normal-button{border:1px solid transparent;}

/**************************************Delete Import Contacts css end************************************************************/


/*********************************Calls Groups css Start*********************************************/
.groupName{display:block;width:42px;height:42px;min-width:42px;outline:none;background:url(/images/streams/stream-icons-sprite.png?t=14052019); background-repeat:no-repeat;}
.group_a.group_A{background-position:-10px -1496px;}
.group_b.group_B{background-position:-61px -1496px;}
.group_c.group_C{background-position:-111px -1496px;}
.group_d.group_D{background-position:-160px -1496px;}
.group_e.group_E{background-position:-211px -1496px;}
.group_f.group_F{background-position:-261px -1496px;}
.group_g.group_G{background-position:-310px -1496px;}
.group_h.group_H{background-position:-361px -1496px;}
.group_i.group_I{background-position:-411px -1496px;}
.group_j.group_J{background-position:-460px -1496px;}
.group_k.group_K{background-position:-511px -1496px;}
.group_l.group_L{background-position:-561px -1496px;}
.group_m.group_M{background-position:-611px -1496px;}
.group_n.group_N{background-position:-10px -1546px;}
.group_o.group_O{background-position:-61px -1546px;}
.group_p.group_P{background-position:-111px -1546px;}
.group_q.group_Q{background-position:-160px -1546px;}
.group_r.group_R{background-position:-211px -1546px;}
.group_s.group_S{background-position:-261px -1546px;}
.group_t.group_T{background-position:-310px -1546px;}
.group_u.group_U{background-position:-361px -1546px;}
.group_v.group_V{background-position:-411px -1546px;}
.group_w.group_W{background-position:-460px -1546px;}
.group_x.group_X{background-position:-511px -1546px;}
.group_y.group_Y{background-position:-561px -1546px;}
.group_z.group_Z{background-position:-611px -1546px;}

/*********************************Calls Groups css End*********************************************/

.commentActionMain {position: relative;display: flex;align-items: center;margin:5px;border-radius:5px;}
.commentActionMain textarea { width: 100%;height:auto;min-height: 20px;max-height: 100px;border-radius:5px;font-size: 14px; border: none;outline: none;resize: none;padding: 10px 0 10px 10px;line-height: 20px;display: flex;box-sizing: content-box;padding-right:38px;}
.commentActionMain ul li a {border-radius:5px;}
.commentActionMain ul {right:0;}
.commentTextActions{ display: flex;}

.joinContent{ margin: 20px 10px 0 20px; line-height: 22px;text-align: center;}
.joinContent p{text-align: left;}
.selfJoinButton {margin:20px;align-items:center;}
.linkload{margin-bottom:5px; width:100%;    min-width: 340px; display: flex; justify-content: center; font-weight:bold;}

.chatBoardInner{overflow:auto; padding: 17px 10px 10px 10px;overflow-x: hidden;overflow-y: auto}


.reshareAddContacts .addedContacts {width: auto;}

/* Left Panel Search Classes*/

.leftPanelSearchMain {display: flex; width:calc(100% - 20px); align-items:center; justify-content:center;margin:5px 10px;position: relative;}
.leftPanelSearchMain input {width:100%; height:35px;padding:0 65px 0 10px;}
.leftPanelSearchMain .leftSearchIcon {position:absolute;width: 25px; height: 33px;right:0; background: url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat;display:inline-block;background-position:-109px -841px;cursor:pointer;}

.middleChatCall{
    padding:6px 0 4px 0;
    font-size: 14px;
    position: relative;
    margin:0;
    display: flex;
    align-items: center;
    width : 98%;
    color: #999;
}
.chatCalls{width:100%; display: flex;align-items: center;}
.chatVmail{margin: 5px 0 0 0;display: flex;align-items: center;}
.chatVmail span a{margin: 0 0 0 10px;color:#999;font-size:14px;}
.chatVmail audio{border: solid 1px #ccc;}
.chatVmailInfo{color: #999;}
.recentVmailMidChat{display: flex;align-items: center;}
.chatFaxInfo{height: 45px; width: 45px; display: inline-block;}
.chatFax{height: 45px; width: 45px; display: inline-block; margin: 0 0 0 -6px;position: relative;min-width:45px;}

.recentCallsExplicitClass{display:flex;flex-wrap:wrap}

.connectMeNewSessionCopyMesssage.cpMsgToClipBoard{position:absolute;left:0px;right:0px;margin:auto;padding: 10px;font-size: 14px;width: 140px;margin-top: -7px;color: #ffffff;}

/* Classes added for Streams Grapical Charts*/
.stataFormMain {display:flex;  font-size:20px; align-items:center;justify-content:center;}
.stataFormFeilds { display:flex; flex-direction:column; margin:10px;position:relative;}
.stataFormFeilds Label {  }
.stataFormFeilds Input { padding:10px 30px 10px 10px;}
.dataCardsMain {display:flex; font-size:20px; align-items:center; justify-content:center;}
.dataCards {border:1px solid #cccccc;text-align:center;width:250px;margin:5px; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.dataCardsHeading { background: #dfdfdf; padding:10px;}
.dataCardsData {padding:10px;}
.dateIcon {    position: absolute;  right: 0px;  top: 22px;cursor:pointer;padding:10px}
.graphicalLayoutMain {border:1px solid #ccc;max-width:1280px;margin:10px;text-align;center;margin:10px auto;}
.chartrepersentation{ display: flex; justify-content: center; }
.chart { height:400px;width:400px;}
/*Microphone Settings css*/
.selectMicrophone{display:block}
.selectMicrophone .alertInfo {margin:15px 0 20px 0;}
.selectMicrophone .confermationButtons{margin: 10px 0 0 0;}
.selectMicrophone select{height:28px;font-size: 14px;}
.selectMicrophone .popupactions{width:20px;height:20px;}
.selectMicrophone .popupClose{background-position: -69px -654px;}
.selectMicrophone .popuprefresh{background-position: -106px -654px;opacity: 0.5;}
.selectMicrophone .popuprefresh:hover{opacity: 1;}
.selectMicrophone .nomicconnected{opacity: 0.5;pointer-events: none}
.mandatoryFields{color: red; padding: 0 0 0 3px;}
.selectMicrophone .popuptext p{font-size: 16px;font-weight: bold; margin: 10px 0;border-bottom: 1px solid #dbdbdb;padding: 0 6px 2px;}
.bold{font-weight: bold;}
.rpfilelink:hover {text-decoration: underline;}
div.refreshAlert{width:180px;height:40px;padding:50px;display: flex;flex-direction: column; justify-content:center;align-items:center;}
.selectMicrophone .inputError{text-align: right;width: 82%;margin: 0;font-size: 13px;}
.selectMicrophone .inputErrorborder{outline:1px solid #f00;outline-offset: -1px;}

.microphoneOptions {
    border: solid 1px #ccc;
    height: 20px;
    width: 184px;
    margin: 0 0 0 5px;
    padding: 4px 8px;
    line-height: 18px;
    position: relative;
    font-size: 14px;
    cursor: pointer;
}
.microphoneOptions span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 176px;
}
.microphoneOptions ul {
    display: block;
    margin: 5px 0 0 -9px;
    border: solid 1px #ccc;
    width: 200px;
    background: #fff;
    position: relative;
    z-index: 1;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.5);
    max-height:120px;
    overflow-x:hidden;
    overflow-y:auto;
}
.microphoneOptions ul li {
    cursor: pointer;
    color: #333;
    padding: 0 0 0 10px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 190px;
}
.microphoneOptions .optionArrow {
    height:24px;
    width:24px;
    background-position: -856px -67px;
}

/*Microphone Settings css*/

/* Custom dropdown css*/
.customdrp {
    border: solid 1px #ccc;
    height: 20px;
    width: 145px;
    padding: 4px 8px;
    line-height: 18px;
    position: relative;
    font-size: 14px;
    cursor: pointer;
}
.customdrp span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 135px;
}
.customdrp ul {
    display: block;
    margin: 6px 0 0 -9px;
    border: solid 1px #ccc;
    width: 161px;
    background: #fff;
    position: relative;
    z-index: 1;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.5);
    max-height:120px;
    overflow-x:hidden;
    overflow-y:auto;
}
.customdrp ul li {
    cursor: pointer;
    color: #333;
    padding: 0 5px 0 5px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 151px;
}
.customdrp .optionArrow {
    height:24px;
    width:24px;
    background-position: -856px -67px;
}
/* Custom dropdown css end*/


/*Company Team Related CSS*/
.middlepanelTeamInfo{
    position: absolute;
    left: 0;
    top: 50%;
    display: flex;
    right: 0;
    bottom:50%;
    align-items: center;
    justify-content: center;
}
.middlepanelTeamInfo ul {
    list-style: none;
    margin: 0 5px;
    text-align: center;
}
.teamName_middlepanel {
    font-size: 24px;
    font-weight: bold;
}
.teamInfo_middlepanel{
    font-size: 18px;
    margin-top: 20px;
}
/*What's new css start*/
.WhatsNewIconMain{ display:flex;align-items:center;white-space: nowrap; font-weight: bold;margin-left: 20px;position: absolute;right: 0; top: 0;bottom: 0;}
.whatsNewIcon{ 
    background-image: url(/images/streams/stream-icons-sprite.png?t=14052019);
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    display:inline-block;
    margin-right: 2px;
    cursor: pointer;
    background-position: -248px  -847px;
}
.whatsNewMain {
    max-width:1200px;
    background-color:#fff;
    margin:0 auto;
    border-radius:10px;
    width:100%;
}
.whatsNewMain .streamsHeader {
    justify-content:space-between;
    padding: 10px 20px;
}
.whatsNewMain .head {
    font-size:20px;
    font-weight:bold;
    text-align:center;
}
.whatsNewMain .streamsHeader img {
    width:100%;
    height:auto;
    max-width:200px;
    max-height:65px;
}
.whatsNewMain .normal-button {
    padding:0 30px;
    font-weight:bold;
    height:45px;
}
.newFeatureMain {
    padding:10px 20px;
    overflow:auto;
    max-height: 80%;
}
.newFeatureMain h2{margin-top:10px; margin-bottom:0; font-size: 18px;}
.newFeatureMain ul {
    margin: 0 0 4px 24px;
    padding: inherit;
    list-style-type: inherit;
    font-size:16px;

}
.newFeatureMain ul li {
    margin: inherit;
    padding: 10px;
}
.whatsNewMain .footer {
    border-top: solid 2px #efefef;
    height:auto;
    display:flex;
    align-items:center;
    padding:10px
}
.checkbox_unchecked, .checkbox_checked {
    min-width:20px;
}
.DNS {display:flex;justify-content:space-between;}
.DNSContent {display:flex;align-items:center;cursor:pointer;}
.whatsNewMain .footer .privacy{flex-basis:50%;}
.ml_50px{margin-left:50px;}
.newFeatureTitle{font-size: 16px; padding-bottom: 10px; font-weight: bold;}
.whatsnewContainer{position:relative;margin-left: 165px;}
.whatsnewContainerOthS{position:relative;margin-left: 165px;width:100%;}
div.fileActionsPopupLang{width:auto;min-width: 170px;}
/*What's new css end*/

.WhatsNewIconMain{ display:flex;align-items:center;white-space: nowrap; font-weight: bold;margin-left: 20px;}
.whatsNewIcon{ 
    background-image: url(/images/streams/stream-icons-sprite.png?t=14052019);
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    display:inline-block;
    margin-right: 2px;
    cursor: pointer;
    background-position: -248px  -847px;
}
.whatsNewMain {
    max-width:1200px;
    background-color:#fff;
    margin:0 auto;
    border-radius:10px;
    width:100%;
}
.whatsNewMain .streamsHeader {
    justify-content:space-between;
    padding: 10px 20px;
}
.whatsNewMain .head {
    font-size:20px;
    font-weight:bold;
    text-align:center;
}
.whatsNewMain .streamsHeader img {
    width:100%;
    height:auto;
    max-width:200px;
    max-height:65px;
}
.whatsNewMain .normal-button {
    padding:0 30px;
    font-weight:bold;
    height:45px;
}
.newFeatureMain {
    padding:10px 20px;
    overflow:auto;
    max-height: 80%;
}
.newFeatureMain h2{margin-top:10px; margin-bottom:0; font-size: 18px;}
.newFeatureMain ul {
    margin: 0 0 4px 24px;
    padding: inherit;
    list-style-type: inherit;
    font-size:16px;

}
.newFeatureMain ul li {
    margin: inherit;
    padding: 10px;
}
.whatsNewMain .footer {
    border-top: solid 2px #efefef;
    height:auto;
    display:flex;
    align-items:center;
    padding:10px
}
.checkbox_unchecked, .checkbox_checked {
    min-width:20px;
}
.DNS {display:flex;justify-content:space-between;}
.DNSContent {display:flex;align-items:center;cursor:pointer;}
.whatsNewMain .footer .privacy{flex-basis:50%;}
.ml_50px{margin-left:50px;}
.newFeatureTitle{font-size: 16px; padding-bottom: 10px; font-weight: bold;}
/*What's new css end*/

/*Read Only Team CSS start*/
div.readonlyMain{max-width:600px;min-width:300px;}
.subHeadingBorder{background: #fff;padding: 10px;border: 1px solid #ccc;}
.cleaAllMAIn{text-align: center;margin-top: 10px;}
.clr_readonly{display:flex;justify-content: center;margin-top: 10px;}
div.readonlySearch{height: 35px;position: relative;margin-bottom: 0;}
.readonlySearchinput{width: 100%;height: 35px;padding: 0 65px 0 10px;}
.readOnlyHead{color:#999;font-size: 12px;margin-top: 2px;}
div.readonlySelAllMain{margin: 0 2px 2px 5px;}
.readonlySelAll{padding-left: 11px;}
.pt_4px{padding-top:4px;}
.rdOnlyOptionsMain {
    margin: 10px 0 0 0;
    padding-top: 6px;
    width: 97%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
}
.addedContacts_readonly{width:auto;}
.readOnlymore{margin-right: -3px!important;}
div.readOnlymoreOptn{width:178px;right: 20px!important;left: inherit!important;}
div.readOnlymoreOptn li{width:168px;}
.rdnly_msg{
    background-color: #f0f0f0;
    pointer-events: none;
    text-align: center;
    padding: 10px 5px;
    width: 100%;
    height: auto;
    min-height: 20px;
    max-height: 100px;
    font-size: 16px;
    border: none;
    outline: none;
    resize: none;
    line-height: 18px;
    box-sizing: content-box;
    overflow: auto;}
.f_16px{font-size: 16px;}
/*Read Only Team CSS end*/
/*no users*/
.noUsers{text-align: left; margin:20px auto 0 auto; font-size: 16px; color: #999;line-height:20px;max-width:430px;padding: 0 5px; word-wrap: break-word;}
/*no users*/
/*Streams SMS Strat*/
.smsContent{margin-top: 10px;}
.smsContent ul{padding:inherit;}
.smsContent ul li{margin:inherit;align-items: center;padding: 8px 5px;}
.smsContent ul li input[type="text"]{padding: 7px 5px;max-width:250px}
.smsContent select{width:220px;padding: 7px 10px;}
.smsMenu{max-width:350px;left: 6px;top:50px;width: auto;min-width: 200px; }
.smsMenu ul{display: block;}
.smsMenu ul li{border-bottom: none;cursor: default;display: flex;align-items: center;}
.smsMenu ul li.color{display:inline-block;margin: 5px;}
.imgPreview{padding:10px;border-top:1px solid #ccc;}
.top_130px{top:130px;}
div.More_softphone{top: 38px;
                   right: 5px;
                   width: 180px;
                   display: flex;
                   justify-content: flex-start;
                   align-items: center;
                   position: absolute;
                   z-index: 13;
                   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;
}
div.More_softphone ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
}
div.More_softphone li {
    width: 168px;
}
div.More_softphone li {
    width: 170px;
    height: 32px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 5px !important;
    cursor: pointer;
}
div.More_softphone  li span {
    padding: 0 0 0 5px;
}
.more_DND, .more_callforward{
    background-image: url(/images/streams/stream-icons-sprite.png?t=14052019);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    display: block;
}
.more_callforward{
    background-position:-326px -1046px;
}
.more_DND{
    background-position:-220px -64px;
}
.DNDIcon {
    background-image: url(/images/streams/stream-icons-sprite.png?t=14052019);
    background-repeat: no-repeat;
    background-position: -584px -6px;
    display: inline-block;
    height: 20px;
    width: 20px;
    min-width: 20px;
    padding: 0;
}
.sendSMSText{position: absolute;
             top: 0;
             left: 5px;
             max-width: calc(100% - 155px);
             display: flex;
             background-color: #fff;
             width: 100%;
             padding-top:5px;}
.SMStext{
    padding: 0 10px;
    color: #fff;
    border-radius: 5px;
    min-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center}
.cancelSMS{background-image: url(/images/streams/stream-icons-sprite.png?t=14052019);
           background-repeat: no-repeat;
           height: 24px;
           min-width: 30px;
           max-width: 30px;
           display: block;
           border: solid 1px rgba(255, 255, 255, 0);background-position:-535px -4px;}
.SMSFailed{color:#ff5555;}
.ml_2px{margin-left:2px;}
.ml_100px{margin-left: 100px;}
.arrowRgt{width:20px;height:16px;background-image: url(/images/streams/stream-icons-sprite.png?t=14052019); background-repeat: no-repeat;background-position: -69px -800px; display: inline-block;margin-right: 6px;}
.InfoSMS{margin: 20px 0 0 100px;}
.pointerEventsNone{pointer-events: none;opacity: 0.5;}
.mb_80px{margin-bottom: 80px;}
.mb_180px{margin-bottom: 180px;}
.mlr_4px{margin: 0 4px;}
/*Streams SMS CSS end*/
.minContainer{position:absolute;right:400px;top:2px;display: flex;flex-direction: row-reverse;align-items: center;}
.minContainer .minimizedPopUp{position:initial;}
.connectMeMin{font-size:12px;display:flex;align-items:center;}
.connectMeMin .connectMeMinIcon{filter:brightness(2);-webkit-filter:brightness(2);-ms-filter:brightness(2);-moz-filter:brightness(2);-o-filter:brightness(2);}
.connectMeMin .connectMeTab {background-position: -166px -103px; height: 20px;}
.connectMeMin .connectMeTab:hover{background-position: -166px -103px;}
.minimizeIcon{background:url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat; width: 30px; height: 30px;font-size: 10px; text-decoration: none; display: block;background-position: -427px -342px;opacity: 0.5;}
.minimizeIcon:hover{ opacity:1;}
.cnmeStartpp{position: absolute; z-index: 200;right: 0px;margin: auto;top: 0px;height: 196px;bottom: 0px;left: 0px;width:500px;display: flex;justify-content: center;align-items: center;}
.cnmeStartpp_SFB{width:380px;}

/* Added for barracuda changes*/
div.notetext{margin-left: 0px;color:#999;margin-top: -8px;font-size: 13px;}
div.notetext span{margin-left: 0;}
div.notetextCnme{margin: 0px  !important;padding-left: 5px;padding-top: 2px;padding-bottom: 4px;}

.lineHeight_18{line-height:18px;}
.mt_20px{margin-top: 20px;}
.w_120{width:120px;}
.w_205{width:205px;}
.ml_10px{margin-left:10px;}
/*CSS related to StatusMsg in left panel*/
.statusLeft{max-width:300px;}
/*CSS related to StatusMsg in left panel*/
/* CSS related to SmartBox Favorites Start*/
div.w_180px{width:180px;}
.rename_Fav{
    margin: 5px 0 10px 0;
    color: #999;
    font-size: 13px;
    text-align: left;
}
.favoriteIcon{background:url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat; width: 16px; height: 16px;background-position:-621px -9px;}
.f_13px{font-size: 13px;}
/*Profile pic related CSS Start*/
.pointerNone{pointer-events: none;}
/*Profile pic related CSS* End/
/* CSS related to SmartBox Favorites End*/
.callActions_SFB ul li a:hover {
    border: solid 1px #c2c2c2;
}
.callOptionsDiv_SFB a:hover{border: 1px solid #cccccc;}
div.callForward_Main{width:auto!important;}
.callForward_Btn{white-space: nowrap;}
.bgPositionShareAttrDwn{background-position:right 8px!important;}  
.bgPositionShareAttrUp{background-position:right -7px!important;}  
.emptyVmail_middle{position: absolute;left: 0;right: 0;top: 50%;bottom: 50%;display: flex;justify-content: center;align-items: center;}
.chatOptionsdown{bottom: 0;top:inherit!important;}
.richTextClose{position: absolute; right: 12px; top: 5px;cursor: pointer;}


/*Streams Zoho Integration CSS*/
.zohoLabel{margin: 20px auto;}
.zohocontent{margin-left: calc(100% - 95%);}
.zohocontent ul{padding: 0 30px;margin: 5px 0;list-style-type: disc;}
.zohocontent ul li{line-height: 30px;}
.zohocenter h3{margin-bottom: 0;margin-left: calc(100% - 95%);font-weight: normal;font-size: 14px;}
.pt_20px{padding-top: 20px;}
.pb_10px{padding-bottom: 10px;}
/*Streams Zoho Integration CSS*/

.profileInfo_SkypeMain{flex:1;justify-content:flex-end;display: flex;}
.justifyCenter{justify-content:center;}
div.sentFaxExpandMode{right: 20px;left: inherit;}
.w_100per{width:100%;}
.featureInfoBB{display:block;}
.welcomeContentBB{width:80%!important;}
.editorModeHeight{max-height: 250px!important;}
.editorModeBottom{margin-bottom: 180px;}
.editorModeBottomPic{margin-bottom: 330px;}
.chatActionsRight{position: absolute; bottom: 0; right: 5px; display: flex;flex: 1;justify-content: flex-end; padding: 0;}
.pr_100px{padding-right: 152px!important;}

/*Streams Zendesk CSS*/
.zendeskContainer{width:auto;/*border: 1px solid #ccc;*/}
.zendeskContainer .streamsHeaderMain{min-width: inherit;}
.zendeskContainer .dialpadFeild {border:1px solid #ccc;height:33px; margin:5px 10px;width: calc(100% - 20px);}
.zendeskContainer .dialpadFeild img{position: absolute;right:10px;top:10px;}
.zendeskContainer .sfbTabs li{border-radius: 0;font-size: inherit;color: inherit;border-top:none;border-right:none;border-left:none;}
.zendeskContainer .sfbTabs li:hover{background: transparent;}
.zendeskContainer .callButton{max-width: 150px;margin: 20px auto 0;padding: 6px;}
.zendeskContainer .dialpadButtonsMain ul{justify-content: space-between;}
.zendeskContainer .dialpadInputFeild{ width: calc(100% - 25px);height:33px;padding-left: 10px;font-size:14px;}
.zendeskContainer .productLogo{width:auto;min-width: inherit;}
.zendeskContainer .streamsHeader{justify-content: center;}
.zendeskContainer .dialpadTab, .zendeskContainer .dialpadTabActive{background-image: url(/images/streams/stream-icons-sprite.png?t=14052019); background-repeat: no-repeat;}
.zendeskContainer .dialpadTab{background-position: -197px -92px;}
.zendeskContainer .dialpadTab:hover{ background-position: -197px -125px;}
.zendeskContainer .dialpadTabActive{ background-position:-197px -125px;}
.zendeskContainer .settingsTab, .zendeskContainer .settingsTabActive{background-image: url(/images/streams/stream-icons-sprite.png?t=14052019); background-repeat: no-repeat;}
.zendeskContainer .settingsTab{background-position: -229px -92px;}
.zendeskContainer .settingsTab:hover{ background-position: -229px -125px;}
.zendeskContainer .settingsTabActive{ background-position: -229px -125px;}
.zenDMain{position: relative;}
.zendeskSettingsContainer{padding-left: 25px;}
.zendeskSettingsContainer .headZen{font-size: 16px;font-weight: bold;height: 30px;}
.zendeskSettingsContainer ul li{margin: 0;padding: 0;border: none;width: auto;height: auto;float: inherit;font-size: inherit;cursor: inherit;color: inherit;user-select: inherit;color:#333;display: flex;align-items: center;font-size: 14px;height: 35px;padding: 5px 0 5px 0px;}
.zendeskSettingsContainer ul li:hover{background: transparent;color:#333;}
.zendeskSettingsContainer ul li:active{background: transparent;color:#333;}
.zendeskSettingsContainer ul li label{padding-left: 5px;}
.zenDMain .d_flex{justify-content: center;width:100%;}
.zenDMain .normal-button{margin: 10px 0 0;}
.zenDLogout{font-size: 14px;cursor: pointer; color:#333;font-weight: bold;text-align: center;padding-left: 5px;}
.zenDMain h2{text-align: center;font-size: 18px;}
.zenTicketIcon{background-position: -247px -754px;}
.zenDLogoutMain{background-color: #f0f0f0;padding: 12px 0;position: fixed;bottom:0;display:flex;justify-content: center;left:0;right:0;}
.zenDRecentsMain div.contactActions li{border:none;}
.zenDRecentsMain div.contactActions li:hover{color:inherit;border:none;background-color: #eee;}
.zenDRecentsMain .alertHeading{justify-content: center;font-size: 18px;}
.zenDRecentsMain .contactActions ul li{width:38px;height:32px;margin: 0;padding: 0;border: none;float: inherit;font-size: inherit;cursor: inherit;color: inherit;user-select: inherit;color:#333;display: flex;align-items: center;font-size: 16px;}
.zenDRecentsMain .contactActions ul li:hover{background-color: #eee;color:#333;}
.zenDRecentsMain ul li{margin: 0;padding: 0;border: none;height:auto;width:auto;float: inherit;font-size: inherit;cursor: inherit;color: inherit;user-select: inherit;color:#333;display: flex;align-items: center;font-size: 16px;height: 35px;padding: 5px 0 5px 0px;}
.zenDRecentsMain ul li:hover{background-color: transparent;color:#333;}
.zenDRecentsMain ul li:active{background: transparent;color:#333;}
.zenDRecentsMain ul li label{padding-left: 5px;}
.zenDRecentsMain .alertPopupMain{width:90%;max-height: 350px;overflow-y: auto;height:100%;}
.zenDRecentsMain .h_300px{max-height: 300px;}
.zenDRecentsMain .customdrp{max-width:95%;width:100%;border-radius: 2px;}
.zenDRecentsMain .customdrp span{max-width:100%;line-height: 21px}
.zenDRecentsMain .popupClose{position: absolute;top: 0;right: 0;background-position: -64px -646px;}
.posrelative{position: relative;}
.zenDRecentsMain .zenDpop .customdrp ul li{border-radius: 0;margin: 0;padding: 0;border: none;width: auto;height: auto;float: inherit;font-size: inherit;cursor: inherit;color: inherit;user-select: inherit;color:#333;display: flex;align-items:flex-start;flex-direction: column;font-size: 16px;height:60px;justify-content: center;padding-left: 10px;}
.zenDRecentsMain .zenDpop .customdrp ul li:hover{background-color: #e6f3c4;color:#333;}
.zenDRecentsMain .zenDpop .imagewrapper{margin-left: 0;}
.zenDRecentsMain .ZencustUl li span{max-width:100%;line-height: 21px}
.zenDRecentsMain .ZencustUl{width: 284px;margin-left: -7px;}
.zenDRecentsMain .callerName{font-size: 14px;}
.zenDRecentsMain .alertPopup{top: 0;position: fixed;}
.zenDdisabled{pointer-events: none;color: #666;opacity: 0.4;}
.zdDialContainer .CTCMenu ul li{border:none;border-radius: 0;height: auto;user-select:inherit;color:#333;border-bottom:1px solid #efefef;}
.zdDialContainer .CTCMenu ul li:hover{background-color: transparent;color:#333;}
.zdDialContainer .zdctcMain{display: flex;justify-content: center;align-items: center;position: absolute;z-index: 45;top: 0;bottom: 0;right: 0;left: 0;}
.zdDialContainer .CTCMenu{z-index:45;left:initial;top:initial;}
.zenDctcElps{max-width: 65%;overflow: hidden;white-space: nowrap;display: inline-block;text-overflow: ellipsis;vertical-align: middle;}
.zdDialContainer .CloseDetails{transform: scale(0.85);right: 5px;top: 13px;}
.zenDstreamsLogo{transform: scale(0.85);margin: 0 0 0 -8px;}
.userNameZend{max-width: 70%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: inline-block;vertical-align: bottom;font-weight: bold;}
.pstnFiled{height: 28px;margin-left: 18px; width: 160px; padding-left: 5px;}
.zdNotReg{border: 1px solid #ccc; background-color: #f3f3f3;pointer-events: none;}
.zendeskContainer .notifySucess_TeamMain{max-width: calc(100% - 50px);top:52px;}
.zendeskContainer .notifySucess_Team{margin-top: 0;background-color: #4a4a4a;}
.zendeskContainer .notifySucess_TeamMain{max-width: calc(100% - 50px);z-index: 45;}
.zdctcMain .CTChead{height: 25px;display: flex;align-items: center;}
.zendDialpad .dialpadButtonsMain ul{width:230px;}
.zendDialpad .dialpadButtonsMain ul li{margin: 10px;width:50px;height: 50px;}
.zendDialpad .callButton {max-width: 212px;}
.zendDialpad .dailpadButtonNumber{font-size: 22px;}
.zdctcMain .CTCMenu{width: 325px;border-radius: 10px;}
.zdctcMain .CTCMenu ul li{margin: 10px 5px;padding: 8px 5px;font-size:14px;display: flex;align-items: center;}
.zdctcMain .CTCMenu ul li:active{background: transparent;color:#333;}
.zdctcMain .CTCMenu ul li input{width: 175px;padding-left: 4px;margin: 0 5px;}
.zdctcMain .CTCMenu hr{margin: 0;}
.zenDMain .disableButton{margin: 10px 0 0;font-size: 16px;}
.zenDMain .preLoaderImage{right: 8px;top: 17px;position: absolute;left: inherit;}
.zd_content-connectMe-noInternet{
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    z-index: 45;
    margin: 0 auto;
    width: 320px;
    background-color: #ffe1a5;
    border: 2px solid #dc3c00;
    text-align: center;
}
.w_120px{width:112px;}
/*Streams Zendesk CSS*/

/*-------------------Please write new CSS above from this line except media queries---------------------------*/
    @media screen and (max-width:1400px){
    .stream-left{
        width:360px;
        min-width:360px;
    }
    .streamTabs ul{width:360px;}
    .recentFiltersExpandMode{width:360px!important;}
    .right-panel{
        width:340px;
        overflow-x: hidden;
        overflow-y: auto;
        min-width: 340px;
    }
    .recentMessage{width:240px;}
    .buddyNameWidth_without_StatusMsg{max-width:160px;}

    .buddyNameWidth_without_StatusMsgRP {   /*for Member buddy in right panel */
        max-width: 180px;
    }

    .buddyNameWidth_without_StatusMsgAdmin {    /*for buddy with admin label in right panel */
        max-width: 110px;
    }
    .buddyNameWidth_without_StatusMsgAdminFrench {    /*for buddy with admin label in right panel french lang */
        max-width: 80px;
    }
    .buddyNameWidth_without_StatusMsgExtn{max-width:150px;}   /*for buddy with Extension in left panel*/
    .chatMessage{width: 96%;}
    .statusMsg{max-width:160px;}
    .calloption_margin{margin:0 1px 0 0px;}
    .displayFolder input[type=text]{width: 176px; height: 24px;}
    .fileActions{width:100%; flex:initial;}
    .smartboxActions ul li{margin: 0 5px 0 0;}
    .productLogo{min-width:360px; width:360px;}
    .stream-right .chatMessage {min-width:255px;}
    .stream-right .streamContextIcon {height: auto;max-width: 255px;}
    .stream-right .liveStreamMain {    height: 195px; width: 260px;}
    .stream-right audio { width:255px;}
    .chatUserID{ max-width: 880px;/* min-width: 455px;*/}
    .user_contpp{height: 285px;}
    .user_contpp_sfb{height: 198px;}
    .userProfileName{max-width: 220px;}
    .streamsMenuMain{width: 320px; min-width: 320px; flex:1;}

    .welcomeContent{margin-top: 20px; width: 93%;}
    .welcomeInfo h2{margin: 20px 0 0 0;}
    .welcomeFeature{margin: 0 10px 0 10px;}
    .welcomeFeature:last-child{padding: 0;}
    .featureInfo h3{font-size: 15px;}
    .featureInfo div{font-size: 14px;}
    .welcomeInfo{margin: 0;}
    .callerName{width:210px;}
    .IM_BodyContent span.HeaderTitle{max-width: 280px;}
    .sendFax{left:290px;bottom:40px;}
    .readOnlymore{margin-right: -5px!important;}
    .readOnlyHead{margin-top:0;}
    .statusLeft{max-width: 240px;}
    /*    .notificationMain .selectDateMain{max-width:118px;}*/
    /*    .notifySettings label{width: 160px;}*/
    /*    .dateTimeSettings{width: 126px;}*/
    .stream-right .buttons_French{min-width: 80px;font-size: 12px}
    .editorModeHeight{max-height: 140px!important;}
    .editorModeBottom{margin-bottom: 70px;}
    .editorModeBottomPic{margin-bottom: 220px;}
}

@media screen and (max-width:1366px){


    .teamName{width: 300px;}

    /*.searchMain{
        width: 330px;
        min-width: 330px;
    }*/
    .main_img{
        margin-left:105px;
    }
    .usr{
        width:54%;
    }
    .q4_comment { 
        width:60%;
    }
    .q4{
        width:72%;
    }


    .chatContentRP{width: 260px;}

    .rightToggle{right:0;}
    .profilePicInfo{right: -50px;}

    .createTeamsTour{width: 795px;}
    .makeCallsTour{width: 800px;}
    .sectionTabs{width: 800px;}
    .viewFilters{ width: 800px;}

    .stream-right .streamOptionsMain {font-size:12px;width:100%;    justify-content: flex-start;}
    .streamOptions{margin: 0 16px 0 0px !important;}

    .stream-right .streamOptions {margin:0 5px 0 0;}
    .stream-right .msgEditMain .streamOptionsMain{width: 74%;}
    .stream-right .captnAtch .streamOptionsMain{width: 55%;}

}

@media screen and (max-width:1280px){

    .featureInfo div{font-size: 14px; max-width: 260px;}
    .welcomeFeature{margin: 0 10px 0 10px; max-width: 260px;}


}

@media screen and (max-width:1150px){

    /****** for chatContent width adjust when right panel is open *******/
    /* right panel open : width : 86%
        right panel close :  width : 96%
    */
    .chatMessageDynamic{width:96%;}

}

@media screen and (max-width:1000px){

    .middleBodyandRight {position:relative; display: flex;}

    .streamsMenuMain{min-width: initial;}

}
@media screen and (max-height:700px){

    .form-createTeam{max-height: 85%;}
    .form-reshare{height: 85%;}
    /*.launch_welcomename{font-size: 20px;}*/
    .launch_welcomeheader{justify-content: center;height: inherit;flex-wrap: wrap;}
    .launch_headerleft{justify-content: center;}
    .launch_headerright{    text-align: center;}

}
@media screen and (min-width:700px) and (max-width:1000px){
    .contactinfo{width:170px;}
    .launch_welcomename{font-size: 20px;}
    .launch_welcomeheader{justify-content: center;height: inherit;flex-wrap: wrap;}
    .launch_headerleft{justify-content: center;}
    .launch_headerright{    text-align: center;}
}
@media screen and (min-width:1000px) and (max-width:1200px){
    .contactinfo{width:250px;}
}
@media screen and (min-width:1200px) and (max-width:1400px){
    .contactinfo{width:330px;}
}
@media screen and (max-width:500px){
    .whatsNewMain .normal-button {
        padding:0 10px;
        font-weight:bold;
    }
    .whatsNewMain .head {
        font-size:14px;
        font-weight:bold;
        padding:0 5px;
    }
}
@media screen and (max-width:500px){
    .whatsNewMain .normal-button {
        padding:0 10px;
        font-weight:bold;
    }
    .whatsNewMain .head {
        font-size:14px;
        font-weight:bold;
        padding:0 5px;
    }
}
/*Below CSS for Zendesk*/
@media screen and (max-width:340px){
    .stream-left{
        width:340px;
        min-width:340px;
    }
    .streamTabs ul{width:340px;}
    .recentFiltersExpandMode{width:340px!important;}
    .recentMessage{width:220px;}
    .buddyNameWidth_without_StatusMsg{max-width:130px;}

    .buddyNameWidth_without_StatusMsgRP {   /*for Member buddy in right panel */
        max-width: 160px;
    }

    .buddyNameWidth_without_StatusMsgAdmin {    /*for buddy with admin label in right panel */
        max-width: 90px;
    }
    .buddyNameWidth_without_StatusMsgAdminFrench {    /*for buddy with admin label in right panel french lang */
        max-width: 60px;
    }
    .buddyNameWidth_without_StatusMsgExtn{max-width:130px;}   /*for buddy with Extension in left panel*/
    .chatMessage{width: 96%;}
    .statusMsg{max-width:140px;}
    .calloption_margin{margin:0 1px 0 0px;}
    .displayFolder input[type=text]{width: 156px; height: 24px;}
    .callOptionsDiv{margin:5px 0 0 6px;border:1px solid transparent;display:flex;align-items:center;}
    .fileActions{width:100%; flex:initial;}
    .smartboxActions ul li{margin: 0 5px 0 0;}
    .productLogo{min-width:340px; width:340px;}
    .chatUserID{ max-width: 860px;/* min-width: 455px;*/}
    .user_contpp{height: 265px;}
    .user_contpp_sfb{height: 178px;}
    .userProfileName{max-width: 200px;}
    .streamsMenuMain{width: 300px; min-width: 300px; flex:1;}
    /*
        .welcomeContent{margin-top: 20px; width: 93%;}
        .welcomeInfo h2{margin: 20px 0 0 0;}
        .welcomeFeature{margin: 0 10px 0 10px;}
        .welcomeFeature:last-child{padding: 0;}
        .featureInfo h3{font-size: 15px;}
        .featureInfo div{font-size: 14px;}
        .welcomeInfo{margin: 0;}*/
    .callerName{width:190px;}
    .IM_BodyContent span.HeaderTitle{max-width: 260px;}
    .sendFax{left:270px;bottom:40px;}
    .readOnlymore{margin-right: -5px!important;}
    .readOnlyHead{margin-top:0;}
    .statusLeft{max-width: 220px;}
}
/*Above CSS for Zendesk*/

.cnnectmeloader{    border-radius: 5px;
                    padding: 4px 10px 5px 10px;
                    border: 1px solid #dbdbdb;}
.disableButtonloading {
    pointer-events: none;
    color: #fff;
    background: #8BC500;
    outline: none;
    cursor: pointer;
    padding: 0 12px 0 35px;
    border-radius: 5px;
    border: none;
    margin: 0;
    font-size: 14px;
    min-width: 100px;
    box-sizing: border-box;
    height: 35px;
    font-weight: bold;
}
.connectmeloadingmain{display: flex;
                      align-items: center;     margin: 0px 10px 0px -21px;}
.color_red_margin{margin: 10px;color:red;}
.width_70{min-width: 70px !important;width: 70px !important;}

.cnmenewprogress{
    background:#fefefe;border:1px solid #dbdbdb;padding:15px;height:32px;z-index: 9;
    top: 2px;
    width: calc(100% - 70px);
    margin:0 20px;
    position: absolute;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.cnmenewUpldProgressBar{
    height: 12px;
    width: 90%;
    margin: 0 auto;
    margin-top: 10px;
    overflow: hidden;
    border-radius: 5px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9;
    top: 28px;
}
.cnmenewUpldProgressBar >span{
    background-color: #2ad457;
    display: block;
    height: 100%;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.cnme_checkbox_unchecked, .cnme_checkbox_checked,.cnme_checkbox_unchecked_color, .cnme_checkbox_checked_color, .cnme_checkwtg_unchecked, .cnme_checkwtg_checked {
    display: inline-block;
    height: 20px;
    width: 20px; 
    min-width:20px;
}
.cnme_checkwtg_unchecked {margin-left: -4px; display:flex; background:url(/images/connectme/cnme_actions/wtgUnChecked.svg) no-repeat; background-position: 3px 3px;}
.cnme_checkwtg_checked {margin-left: -4px; display:flex; background:url(/images/connectme/cnme_actions/wtgchecked.svg) no-repeat; background-position: 3px 3px;}

.cnme_checkbox_unchecked {margin-left: -4px; display:flex; background:url(/images/connectme/cnme_actions/UnChecked.svg) no-repeat; background-position: 3px 3px;}
.cnme_checkbox_checked {margin-left: -4px;  display:flex; background:url(/images/connectme/cnme_actions/checked.svg) no-repeat; background-position: 3px 3px;}
.cnme_checkbox_unchecked_color {margin-left: -4px; display:flex; background:url(/images/connectme/cnme_actions/UnChecked_color.svg) no-repeat; background-position: 3px 3px;}
.cnme_checkbox_checked_color {margin-left: -4px;  display:flex; background:url(/images/connectme/cnme_actions/checked_color.svg) no-repeat; background-position: 3px 3px;}

/* --------  ConnectMe Preview Start -------- */

.cm_testsession{color: #8bc500; padding: 10px; cursor: pointer;}

.cmtab_testcnmemain{height: 44px; display: flex; align-items: center;}
.cmtab_testcnme{margin: 0 0 0 10px;}
.cmtab_testicon{width: 30px; height: 40px; display: block; margin: 0px; cursor: pointer; background-size: 24px !important; background: url(/images/connectme/cnme_test/cnme_test.svg?t=2) no-repeat 4px 5px;}
.cmtab_testicon:hover{width: 30px; height: 40px; display: block; margin: 0px; cursor: pointer; background-size: 24px !important; background: url(/images/connectme/cnme_test/cnme_test_active.svg?t=2) no-repeat 4px 5px;}

.cm_container{padding:0px; width:600px; margin:0 auto;}
.cm_header{margin:0px; padding:0px;font-size: 26px; text-align: center; padding: 30px 0 0 0;}
.cm_header_txt{font-size: 18px; width: 479px; text-align: center; margin: 0 auto; padding: 10px 0 0 0;}
.cm_img{text-align: center; padding: 20px 0 0 0; opacity: 0.5;}
.cm_msg{font-size: 20px; text-align: center; margin: 15px; color: #707070;}
.cm_button_main{text-align: center;}
.cm_button{outline: none; height: 40px; background: #8bc500; border-radius: 50px; border: 1px solid #8bc500; margin: 3px; padding: 0 20px 0 20px; color: #fff; font-size: 15px; cursor: pointer;}
.cm_button:hover{box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.cm_skip{font-size: 18px; text-align: center; margin: 15px 0 0 0; color: #9a9a9a; cursor: pointer;}

.cm_media{margin:0px; padding:0px; width: 600px; margin: 0 auto;}
.cm_mediaheader{text-align: center; font-size: 15px; padding: 20px;}
.cm_videomain{width: 451px; height: 255px; align-items: center; justify-content: center; margin: 0 auto;position: relative;}
.cm_rotateimage {position: absolute; width: 100px; height: 100px; -webkit-animation:spin 3s linear infinite; -moz-animation:spin 3s linear infinite; animation:spin 3s linear infinite;}
.no_camera_msg{color: white; font-size: 16px; height: 255px; width: 461px; background: #000; display: flex; align-items: center; justify-content: center;}
.video_blocked_msg{color: white; font-size: 16px; height: 254px; background: #000; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.video_nocam_msg{color: white; font-size: 16px;display: flex; align-items: center; justify-content: center; flex-direction: column;position:absolute;top:21px;right:0px;left: 0px;z-index:100000;}
.cm_video{height: 100%;width: 100%; transform:scale(-1,1);}
.cm_video_flip{height: 100%;width: 100%; transform:scale(1,1);}
.cm_mediaactions{display: flex;align-items: center;justify-content: center;margin: 20px;}
.cm_mediaaction{ display:flex;}
.cm_mediaactionoption{margin: 2px;}

.cm_flip_disable{margin: 0px;padding: 0px;display: inline-block;height: 54px;width: 54px;opacity: 0.5;background: url(/images/connectme/cnme_test/flip.svg?t=2) no-repeat;}
.cm_flip{cursor: pointer; margin: 0px;padding: 0px;display: inline-block;height: 54px;width: 54px;background: url(/images/connectme/cnme_test/flip.svg?t=2) no-repeat;}
.cm_flipped{cursor: pointer;margin: 0px;padding: 0px;display: inline-block;height: 54px;width: 54px;background: url(/images/connectme/cnme_test/flip_active.svg?t=2) no-repeat;}

.cm_mute_disable{margin: 0px;padding: 0px;display: inline-block;height: 54px;width: 54px;opacity: 0.5;background: url(/images/connectme/cnme_test/mute.svg?t=2) no-repeat;}
.cm_mute{cursor: pointer;margin: 0px;padding: 0px;display: inline-block;height: 54px;width: 54px;background: url(/images/connectme/cnme_test/mute.svg?t=2) no-repeat;}
.cm_muted{cursor: pointer;margin: 0px;padding: 0px;display: inline-block;height: 54px;width: 54px;background: url(/images/connectme/cnme_test/mute_active.svg?t=2) no-repeat;}

.cm_block_disable{margin: 0px;padding: 0px;display: inline-block;height: 54px;width: 54px;opacity: 0.5;background: url(/images/connectme/cnme_test/video.svg?t=2) no-repeat;}
.cm_block{cursor: pointer;margin: 0px;padding: 0px;display: inline-block;height: 54px;width: 54px;background: url(/images/connectme/cnme_test/video.svg?t=2) no-repeat;}
.cm_blocked{cursor: pointer;margin: 0px;padding: 0px;display: inline-block;height: 54px;width: 54px;background: url(/images/connectme/cnme_test/video_active.svg?t=2) no-repeat;}

.cm_mediasettings{display: flex;align-items: center; border-top: 1px solid #ccc;}
.cm_audiosetting{display: flex; align-items: center; width: 100%; justify-content: center; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px; position: relative;}
.cm_camsetting{display: flex;align-items: center;width: 100%;justify-content: center; padding: 10px; position: relative; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.cm_mediasettingtext{font-size: 14px; color: #969696; cursor: pointer;}
.cm_spkicon{height:21px; width:22px; background:url(/images/connectme/cnme_test/speaker.svg?t=2) no-repeat -4px -4px;}
.cm_micicon{margin:0px 3px 0 0; padding:0px; display:block; height:20px; width:20px; background:url(/images/streams/stream-icons-sprite.png?t=2) no-repeat -168px -1051px;}
.cm_camicon{margin:0px; padding:0px; display:block; height:20px; width:30px; background:url(/images/streams/stream-icons-sprite.png?t=2) no-repeat -438px -69px;}

.mainmicrophone {margin: 0px; padding: 0px; width: 300px; border: 1px solid #dbdbdb; position: absolute; background: #fff; left: 0px; bottom: 0px;}
.microphonehead{padding: 10px; font-weight: bold;}
.audiobar{width: 100%}
.microphoneselect{padding: 0 10px 0 10px;}
.micselect{padding: 5px;width: 100%;border-radius: 5px;border: 1px solid #dbdbdb;}
.micselects{padding: 5px;width: 100%;border-radius: 5px;border: 1px solid #dbdbdb; margin: 0px 10px 0 0px;}
.no_mic_speaker{padding: 10px; color: #333;}
.microphoneselects{display: flex; padding: 0px 10px 0 10px;}
.buttonstyletest {outline: none;height: 29px;background: #8bc500;border-radius: 5px;border: 1px solid #8bc500;padding: 0 20px 0 20px;color: #fff;font-size: 15px;cursor: pointer;}
.buttonstyletest:hover{box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.mainiconbar{padding:10px;display: flex; align-items: center;}
.videomainpopup{margin: 10px 0 0 0;padding: 0px;width: 295px;border: 1px solid #dbdbdb;position: absolute;background: #fff;left: -2px; bottom: 0px;}
.cm_tickmark{height:20px; width:20px; display:block; margin:0px; padding:0px; min-width: 20px; background:url(/images/connectme/cnme_test/checked.svg?t=2) no-repeat 0px 0px;}
.cm_no_tickmark{height: 20px; width: 20px; min-width: 20px;}
.camera{margin: 0 0 0 5px;font-size: 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; cursor: pointer;}
.no_cam {margin: 0 0 0 5px;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; padding: 10px}

.pids-wrapper{width: 100%;}
.pid{width: calc(10% - 18px);height: 14px;display: inline-block;margin: 0px;}

.font_26px{font-size: 26px;}
/* --------  ConnectMe Preview End -------- */


/* --------  ConnectMe MFA Start -------- */
.mfa_div{display:flex; padding: 10px; margin: 10px;flex-direction:column;}
.mfa_span1{color: #f00;font-size: 18px;text-align: center;}
.mfa_span2{text-align: center;}
/* --------  ConnectMe MFA End -------- */

/* --------  Streams/ConnectMe Launch -------- */ 
.launch_welcomecontainer{margin: 0px auto; padding:0px;     max-width: 1280px; }
.launch_welcomeheader{ margin:0px; height:100px; width:100%;display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #dbdbdb;}
.launch_headerleft{ margin:0px; padding:0px; display: flex; align-items: center;font-size: 30px; font-weight: bold;}
.launch_headerright{ margin:0px; padding:0px;}
.launch_welcomename{ margin:0 0 0  30px; color:#333333;}
.launch_welcomecontent{font-size: 22px;font-weight: bold;text-align: center;padding: 30px;}
.launch_welcomecontents{font-size: 20px;text-align: center;padding: 30px; padding: 0px 0 30px 0; color:#999999;}
.launch_welcomejoin{font-size: 20px;text-align: center;padding: 30px; padding: 0px 0 30px 0; color:#999999;}
.launch_clickwelcome a{ color: #8bc500; text-decoration:none;}
.launch_welcomedown{text-align: center;padding: 30px; padding: 0px 0 30px 0;}
.launch_welcomedown a{ color: #8bc500; text-decoration:none;}
.launching{ font-size: 30px;display: flex; align-items: center;justify-content: center;color: #999;height: calc(100vh - 530px);}
.launc_streams{ font-size: 22px;color: #000000;font-weight: 400;text-align: center;padding: 0px 0 30px 0; }
.launc_streams_txt {text-align: center;position: relative;font-size: 22px;color: #000000;font-weight: 400;}
/* --------  End Streams/ConnectMe Launch -------- */


.copyTxt_audbdge{
    background-position: -200px -693px;
    background-image: url(/images/streams/stream-icons-sprite.png?t=14052019);
    height: 18px;
    width: 18px;
    display: inline-block;
    margin: 10px 0 0 0;
    cursor: pointer;
}

.popuptext_audbdge {
    margin: 5px;
    text-align: left;
    display: flex;
    justify-content: space-between;
}

.notify_count{
   margin: 5px 0 0 5px;
    padding: 0;
    display: flex;
    min-height: 31px;
    background: #fff;
    font-size: 16px;
    color: #333333;
    align-items: center;
}


.cancelFax{background:url(/images/streams/cancel.png) no-repeat center; height:18px; width:18px; }
.Resend{background:url(/images/streams/resend.png) no-repeat center; height:18px; width:18px; }


.progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;
	    width: 96%;
}
.bg-warning {
    background-color: #ffc107!important;
}
.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem;
}
.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #007bff;
    transition: width .6s ease;
}

/* start connectme filedownload popup for Chrome,Firefox*/


.at-container {
  /*display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;*/
  position: absolute;
    bottom: 2px;
    left: 5px;

}
.animationdown{ margin:0px;display: flex; align-items: center; }
.at-items {
  width: 333px;
  height: 80px;
  background-color:#8bc500;
  animation-name: fade-in-top;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  border-radius: 5px;
      display: flex;
    align-items: center;
    justify-content: center;
}
@keyframes fade-in-top {
  0%{
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
  100%{
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.at-containerbottom {
  /*display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;*/
    position: absolute;
	right: 15px;
        top: 4px;
}

.animationdown{ margin:0px;display: flex; align-items: center; }
.anitexts{display: block; color: #fff;font-size:18px; margin: 0 0 0 5px; width: 270px;}
.anitext{display: block; color: #fff;font-size:20px; margin: 0 0 0 5px; width: 288px;}
.anitext_firefox { font-size:17px; word-break: break-all;}
.at-item {
   width: 370px;
  height: 80px;
  background-color:#8bc500;
  animation-name: fade-in-bottom;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
      display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}
@keyframes fade-in-bottom {
  0%{
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100%{
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}



/* end connectme filedownload popup for Chrome,Firefox **/
@media (max-width:767px) { 
.form-createTeam{max-height: 85%;}
    .form-reshare{height: 85%;}
    .launch_welcomename{font-size:19px;  margin: 0 0 0 8px;}
    .launch_welcomeheader{justify-content: center;height: inherit;flex-wrap: wrap;}
    .launch_headerleft{justify-content: center;}
    .launch_headerright{    text-align: center;}
    /*.wrapper{max-width: 1000px;}*/
    .login_header{justify-content: center;height: inherit;flex-wrap: wrap;}
    .login_link_header{justify-content: center;/*height: inherit;*/flex-wrap: wrap;}
    .login_headerleft{width: initial;}
    .login_headerright{justify-content: center;}
    .connectmewelcome{    justify-content: center;}
    .connectmepara{height: initial;text-align: center;}
    .alignCenter{ width: initial !important;}
    .connectMeLandingPage h1{text-align: center;}
    .connectMessage{text-align: center;}
     .alert{width: initial !important;}
}

/*****************START SMS Integration- MSTeams(Chroem Extension) ***********************************/
.leftPanelSearchMainSMS {display: flex; width:calc(100% - 60px); align-items:center; justify-content:center;margin:5px 5px;position: relative;}
.leftPanelSearchMainSMS input {width:100%; height:35px;padding:0 65px 0 10px;}
.leftPanelSearchMainSMS .leftSearchIcon {position:absolute;width: 25px; height: 33px;right:0; background: url(/images/streams/stream-icons-sprite.png?t=14052019) no-repeat;display:inline-block;background-position:-109px -841px;cursor:pointer;}

.leftSMSSearch { display: flex;align-items: center;}
.leftSMSNewChat {height: 30px; width: 30px;display: block;
                background-image:url(/images/streams/stream-icons-sprite.png?t=14052019); 
                background-repeat:no-repeat;
                border:solid 1px rgba(255, 255, 255, 0);background-position: -513px -252px;
                cursor:pointer; margin: 0px 6px 0px 0px}

.leftSMSNewChat:hover{
     border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    border:1px solid #dbdbdb;
}

.smsplace::placeholder { color:#dbdbdb;}
.smsplace{border: 0px; width:150px}
.smsbackarrow{background-image:url(/images/streams/stream-icons-sprite.png); cursor:pointer; display: inline-block; height: 20px; width: 20px; min-width: 20px; padding: 0;}
.smsbackarrow{ background-position: -119px -5px;}
.StatusLineext{padding:4px 0 0 0; position: relative; display: flex; align-items: center;margin: 0;font-size: 14px;}
.StatusTxtext{color:inherit;font-weight:400; padding: 4px 0 0 0; }
.statusLeftext{max-width:300px;}
.buddyStatusMsgWidthext {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
        font-size: 14px;
        color: #000;
       
}
.smsmessagemain{ margin:0px; padding:0px; border-bottom:1px solid #dbdbdb; height:70px; /*background:#8bc500;*/display: flex;align-items: center;     position: relative;}
.smsiconmain{    display: flex;    margin: 0 10px 0 10px;}
.smsicon{ width:30px; height:30px; background:#dbdbdb;}
.smsmessagetext{font-weight: bold;}
.smsplace::placeholder { color:#dbdbdb;}
.smsplace{border: 0px;}
.smsmessagetextmain{}
.smsmessagetextTo{}
.smsmessagetextnumber{font-size: 13px;}
.smstomain{margin: 3px 0 0 0;}
.smsfrom{    font-size: 13px;
    position: absolute;
    right: 20px;
    bottom: 14px;}
.sendSMS_New{background-image:url(/images/streams/stream-icons-sprite.png?t=14052019);background-position: -474px -251px; background-repeat:no-repeat;height:32px; width:32px;display:block;border:solid 1px rgba(255, 255, 255, 0);}

/*****************END SMS Integration- MSTeams(Chroem Extension)***********************************/

.zoomplus{    background-image:url(/images/image_preview_zoomicons/zoom_plus.png?t=12345);
              cursor: pointer;
              height: 25px;
              width: 25px;
              display: block;
              background-size: 25px;
              margin: 4px;}
.zoomplus:hover, .zoomreset:hover, .zoomminus:hover{background-color: #232323;}
.zoomreset{    background-image: url(/images/image_preview_zoomicons/zoom_icon_minus.png?t=12345);
               cursor: pointer;
               display: block;
               height: 25px;
               width: 25px;
               background-size: 25px;
               margin: 4px; }
.zoomminus{background-image: url(/images/image_preview_zoomicons/zoom_minus.png?t=12345);
           cursor: pointer;
           display: block;
           height: 25px;
           width: 25px;
           background-size: 25px;
           margin: 4px;}
.zoomicons{
    height: 35px;
    background: #000;
    display: flex;
    align-items: center;
   /* width: 102px;*/
    padding: 1px;
     /*z-index:10;*/
    border-radius:5px;
    opacity:0.7;
   /* position: relative;*/
    /*top: -85px;*/
    z-index: 100;
        
}
.zoomopacity{
    opacity:0.4;
    cursor: default;
}
.zoomiconmain{
    width:100%;
    display:flex;
    justify-content: center;
    
}
.imageLoaderDiv{
    position: absolute;
    top:0px;
    left:0px;
    bottom: 0px;
    right:  0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    
    .showing_img_count{
        z-index: 1100; 
        color: white; 
        margin-top: 12px;
        position: absolute; 
        top: 10px; 
        left: 50vw; 
        background-color: #313131; 
        padding: 7px;
        border-radius: 5px;
    }   
    
   .preview_icons_main{
        width:100%;
        height:60px;
        position:absolute;
        top:0px;
        z-index: 100;
        display: flex;
        align-items: center;
        justify-content: center;
        
    }
    .zoomiconsmain{
        width: 100%;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: 0px;

    }
    .zoomiconsmainconnect{
        width: 100%;
        height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 0px;
        
    }


.panterrawelcomecontent{width: 100%; height: calc(100vh - 101px);border: 0px;}

.checkbox_alert_popup{
    display: flex;
    align-items: center; 
    margin:0 23px 0 0;
    white-space: nowrap;
    cursor: pointer
}
.inner_popup_div{

    background: #fff;
    width: 80%;
    padding: 0 0 0 20px;
    border-radius: 5px;

}
.button_div{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 25px 0 0 0;
}
.button_ok_div{
    background: #8bc500;
    border: 1px solid #8bc500;
    border-radius: 5px;
    color: #fff;
    padding: 4px 10px 4px 10px;
    margin: 0 0 0 290px;
}
.ok_css{
    background: #8bc500;
    border: 1px solid #8bc500;
    border-radius: 5px;
    color: #fff;
    padding: 4px 25px 4px 25px;
    cursor:pointer;

}
.new_alert_popup{
    position: absolute;
    top: 0px;
    z-index: 100;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main_alert_msg{
    display: flex;
    justify-content: flex-start;
    width: 100%;
   /* margin: 0 94px 0px 0px;*/
  /* padding:0 0 0 95px;*/
}
.app_download_checkbox_main{
    display: flex;align-items: center; margin:0 23px 0 0;width:66%;
}
.app_download_checkbox{
    margin: 0 5px 0 0px;display: inline-block;cursor: pointer;
}
.download_text{
    cursor:pointer;font-weight: bold;color:#000;text-decoration: underline;
}

.verified{
     background:url(/images/streams/verified.png) no-repeat 2px 1px; 
     display:block; 
     height:25px; 
     width:25px;     
     background-size: 25px;
     min-width:30px;
 }
 .spamname{
     font-size: 14px; 
     font-weight: bold;
 }
 .verifiedCaller{
     display:flex; 
     align-items: center; 
     margin: 0 0 0 -4px;
 }
 .callerNameSpan{
     max-width:120px;
     overflow:hidden;
     text-overflow:ellipsis;
     white-space:nowrap;
 }

.imUserMain .userProfileImage img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
}
.poverlaymain {
    background: #636363 !important;
    display: inline-block;
    padding: 5px;
    z-index: 100;
    position: absolute;
    top: 106px important;
    min-width: 80px;
    text-align: left;
    right: 99px;
    border-radius: 6px !important;
    max-width: 200px;
    white-space: nowrap;
}


.cmtab_refreshicon{    border: solid 1px rgba(255, 255, 255, 0);width: 30px; height: 30px; display: block; margin: 0px; cursor: pointer; background-size: 32px !important; background: url(/images/connectme/cnme_test/cnme_Re-fresh.svg?t=2) no-repeat -2px -1px;}
.cmtab_refreshicon:hover{    border: 1px solid #c2c2c2; border-radius: 5px;-webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
}
.callIconNoMicGrey{background-image:url(/images/IC_NoMicrophoneAval.png); background-repeat:no-repeat;height:32px; width:32px;display:block;border:solid 1px rgba(255, 255, 255, 0);background-position: 6px 6px;background-size: 24px;}
/*.disableDialText ::placeholder { color:red;}  

.disableDialText1::placeholder { color:red;}
.disableDialText1{border-color: red;}*/  

.hdfsloader {border: 3px solid #cfcfcf;border-radius: 50%; border-top: 3px solid #000;width: 10px;height: 10px; -webkit-animation: spin 2s linear infinite;animation: spin 1s linear infinite;display: inline-block;margin: 0px;margin-block-start: 0em;margin-block-end: 0em;margin: 5px 0px;}
.hdfsloaderCount{border: 3px solid #cfcfcf;border-radius: 50%; border-top: 3px solid #000;width: 10px;height: 10px; -webkit-animation: spin 2s linear infinite;animation: spin 1s linear infinite;display: inline-block;margin: 0px;margin-block-start: 0em;margin-block-end: 0em;margin: 0px;}
#rightSideCommentpanel span { top: 3px; position: relative; }

 .speechToText {
    background: url(/images/speech2Text.png) no-repeat 2px 4px;
    height: 35px;
    width: 36px;
    display: block;
    border: solid 1px #fff;
    background-size: 30px;

}
 

 
.SpeechText{
     position: absolute;
    top: 12px;
    right: 50px;
}

.SpeechTextFUpload{
     position: absolute;
    top: 33px;
    right: 63px;
    margin-right: 34px;
}

.grpsmslist{padding: 2px;cursor: pointer;}

.maindropdowngrpsms{    
    position: absolute;
    background: #fff;
    border: 1px solid #dbdbdb;
    width: 148px;
    box-shadow: 1px 1px 8px #DBDBDD;
    max-height: 80px;
    overflow: auto;
    z-index: 1;
}

.grpsms_middle_container {
    display: flex;
    height: calc(100vh - 107px);
}

.grpsms_middle_container_sphone {
    display: flex;
    height: calc(100vh - 7px);
}

.groupFilter {
    background-image: url(/images/streams/groupsms_inactive.svg);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.emptyGroupSms {
    background: url(/images/streams/groupsms_inactive.svg) no-repeat center;
    height: 80px;
    width: auto;
    margin: 0 0 20px 0;
}

.form-GroupSms {
    width: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0px auto;
    min-width: 600px;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #636363;
    max-height: 95%;
    background-color: #fff;
    overflow: hidden;
}

.inputtext_SentGrpSmsBig {
    height: 30px;
    width: 150px;
    font-size: 14px;
    flex: 1;
    padding-left: 5px;
}

.inputtext_grpsms {
    display: flex;
    align-items: center;
    padding: 15px;
    width: 50% !important;
    justify-content: space-between;
}


.recentNotificationGsms {
    position: absolute;
    top: 24px;
    right: 44px;
    border-radius: 20px;
    padding: 3px 5px 7px 5px;
    width: auto;
    min-width: 12px;
    height: 12px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    float: right;
    z-index: 9;
}

.sendGroupSms {
    width: 50px;
    height: 50px;
    display: flex;
    align-items;
    center;
    justify-content: center;
    border-radius: 50%;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
    outline: none;
    background-image: url(/images/streams/stream-icons-sprite.png?t=14052019);
    background-repeat: no-repeat;
    background-position: -318px -331px;
    left: 350px;
    bottom: 40px;
    z-index: 12;
}

.sendGroupSms {
    left: 270px;
    bottom: 40px;
}

.sendGroupSms {
    left: 333px;
    bottom: 40px;
}




/*
below code is related to
caption Settings popup 
 
*/

.containercaption{

    width: 519px;
    border-radius: 11px;
    height: 290px;
    background: #fff;
    padding: 10px;
    /* display: inline-flex; */

}

 
.startbtn{
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
    padding: 0 0 10px 1px;

    font-size: 20px;
    font-weight: bold;
}


.setingsbar{display: flex;
            align-items: baseline;
            margin: 30px 0 0 0;
            position: relative;
}
.statusbarsmall{
    bottom: -30px;
    left: 73px;
    font-size: 14px;}
.statusbarlarge{
    right: 42px;
    bottom: -30px;
    font-size: 14px;}

.statusbar{ width: 75%;}  


.statusbarmains{width: 85%;}
.statusbarmain{display: flex; align-items: center; justify-content: space-between; padding: 10px 30px 0 8px;}
.smallpersent{ display: flex;     align-items: center;}
.statusper{ color: #585858; margin: 0 0 0 10px;}
.captionmain{    background: #000;
                 color: #fff;
                 padding: 10px;
                 border-radius: 5px;


}


.captionmainbg{    height: 90px;
                   background: #777777;
                   border-radius: 10px;
                   display: flex;
                   align-items: center;
                   justify-content: center; margin: 15px 0 0 0;}


.captionheader{ display: flex; align-items: center; justify-content: space-between;}
.captionbutton{ margin: 20px 0 0 0}

.msgProcessClose{
    background-position: -394px -341px;
    opacity: 1;
    margin: 0 0 0 8;
    position: relative;
    top: 5px;
    right: 44px;
    cursor: pointer;
}

.circleUserImage {    
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #ff0000;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 14px;
}

.userProfileImage_participants {width: 30px;height: 30px;display: flex;vertical-align: middle; align-items: center;position: relative;margin: 0 0px 0 0;}
.userProfileImage_participants img{width:30px; height:30px;border-radius:50%; cursor: pointer;}

.chatUserImageProfile{ 
    border-radius:20px;
    height:30px;
    width:30px;
}
.chatUserImageProfile img {
    margin:-2px 0 0 0;
    border-radius:20px;
    height:30px;
    width:30px;
}
       
.notifySucess_CnmeToast{background-color: rgba(0, 0, 0, 0.6);border-radius: 20px;height: auto;color: #fff;text-align: center;padding: 10px 14px;margin: 10px auto 0 auto;min-width:150px;}

.video_blocked_msg #dummyImg img{
	height: 127px;
}

.existingContact_alignment_ConnectAssgn{display:flex;align-items:center; min-width: 70px;}

.nameTipErr {
    font-size: 14px;
    margin: 0px 0 0 134px;
    display: inline-block;
    color: #ff0000 !important;
}

/*Added By Nagoor -For No  Supported Connect Page*/

.nonsupported_connect{
    font-size: 22px;text-align: center;padding: 30px; width: 1280px; margin: 0 auto;line-height: 35px;
}
.nonsupported_connect_link{font-size: 22px;text-align: center;padding: 10px; width: 1280px; margin: 0 auto;line-height: 35px;}
.nonsupported_copy_url{    justify-content: center;color: #8bc500;display: flex; align-items: center;}

.nonsupported_connect_copy_clip{justify-content: center;align-self: flex-end;align-items: center;color: #333;margin-left:10px;background: #99c332; padding: 8px; margin:5px 15px 5px 0;text-align: center;font-size:12px;}

.loader_center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 1280px){
#MidRightPanelGsmsDummy.grpSms .welcomeContent .featureInfo div{
	font-size: 12px !important;
	line-height: 18px !important;
}
    .featureInfo h3 {
        color: #333;
        font-size: 15px;
        min-height: 37px;
    }
}

.recentMessageGsms {
    font-size: 13px;
    overflow: hidden;
    position: relative;
    margin: 0;
    display: flex;
    align-items: center;
    width: 95%;
    text-overflow: ellipsis;
    white-space: nowrap;  
}

.IM_BodyContent.GMSactive .recentMessageGsms {
    font-size: 13px;
    overflow: hidden;
    position: relative;
    margin: 0;
    display: flex;
    align-items: center;
    width: 210px;
    text-overflow: ellipsis;
    white-space: nowrap;
    
}

/* Feature : Scroll Bar Size --- Started */

/* width */
::-webkit-scrollbar {
  width: 5px;
  border-radius: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
  border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
  border-radius: 5px;
  width: 8px;
}

/* Feature : Scroll Bar Size --- Ended */

@media screen and (min-width: 991px) and (max-width: 1600px){
    .welcomeContent {
        display: table;
        width: 95%;
        margin: 0 auto;
        margin-top: 20px;
    }
    .featureInfo div {
        color: #666;
        font-size: 14px;
        line-height: 22px;
        max-width: 360px;
        display: inline-block;
        text-align: left;
    }
    .featureInfo h3 {
        color: #333;
        font-size: 15px;
        min-height: 35px;
    }
    .welcomeInfo h2 {
        padding: 0;
        margin: 20px 0 0 0;
    }
    .welcomeFeature img {
        width: 45%; 
    }
    .welcomeInfo h3 { 
        font-size: 0.875rem;
    }
}
@media screen and (min-width: 1921px) and (max-width: 2560px){
    #MidRightPanelGsmsDummy.grpSmS {
        width: 100%
    }
}


/*Guest user page code starts here */
.guestsecondary-button{
    border: none;
    margin-top: 10px;
    padding: 0 10px 0 10px;
    cursor: not-allowed;
    border-radius:4px;
    outline:none; 
    font-size:16px;
    min-width: 115px;
    box-sizing: border-box;
    height: 45px;
    font-weight: 600;
    color: #4b4646;
    background: #bebec5;
}


.guestAccInfo{
    font-size: 14px;
    font-weight: 600;
}
.guestHeadSection{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 83px;

}
.guestHeadSection img{
    width: 220px;
}
.guestheaderBg{
    background-color: #ebebeb !important;
    padding: 5px;
}
.guestheaderBg p{
    padding-left: 10px
}
.guestpensilIcon{
    margin-left: 10px;
    display: none;
}
.editFeild:hover .guestpensilIcon{
    display: inline-block;
}
.editFeild{
    cursor: pointer;
}
.guestselectArrow{
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.savebuttonclass{
    padding: 10px 15px;
    margin-top: 10px;
    background-color: #d6d6d6;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    cursor: not-allowed;
}
.hintContentPopup{
    padding:8px 5px;
    background-color:#efefef;
    border:solid 1px #d6d6d6;
    text-align:left;
    width:188px;
    position:absolute;
    left: 392px;
    top: 2px;
    z-index:2;
}
.hintContentPopup h2 {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-weight: normal;
    padding-bottom: 6px;
}
.hintContentPopup ul {
    margin: 0 0 0 20px;
    padding: 0px;
    font-size: 11px;
    line-height: 25px;
}
.hintContentPopup li {
    list-style-type: disc;
}

.errorPopup {
    position: absolute;
    left: 400px;
    top: 5px;
    font-weight: normal;
    z-index: 1;
}
.errorLeftArrow {
    display: block;
    background: url(/images/arrow-left.png) no-repeat 0 0;
    position: absolute;
    top: 5px;
    left: -9px;
    width: 20px;
    height: 23px;
}
.errorMain {
    background-color: #f2f2f2;
    color: #da2727;
    border: solid 1px #e0e0e0; 
    box-shadow: 4px 5px 3px #686868; 
    position: absolute;
    padding: 10px;
    min-width: 210px;
    max-width: 400px;
    text-align: left;
    z-index: 1;
    word-break: normal;
    line-height: 20px
}
.ErrorAlertBoxMain {
    color: #da2727;
    background: url(/images/ErrorIcon.gif) no-repeat 5px 0px #fff2f2;

}
.ErrorAlertBoxMain {
    font-size: 11px;
    padding: 5px 10px 5px 30px;
    margin-right: 5px;
    font-weight: bold;
}
.PasswordEdit{
    width: 685px;
    display: flex; align-items: center; justify-content: space-between; 
}

.SuccessAlertBoxMain {
    font-size: 11px;
    padding: 8px 10px 5px 30px;
    margin: 1px;
}
.SuccessAlertBoxMain {
    color: #425909;
    background: url(/images/SuccessIcon.gif) no-repeat 5px center #f5f5f5;
}
/*Guest user code Ends here */

.voicemailTransfer{background-image:url(/images/streams/Voicemail_Transfer.svg?t=07052024); background-repeat:no-repeat;height:32px; width:32px;display:block;border:solid 1px rgba(255, 255, 255, 0);}
 
 /* Added For - Settings option missing from Softphone only client */
 
.sPhoneSettingsTab{
    background-position: -590px -63px;
    background-image:url(/images/streams/stream-icons-sprite.png?t=14052019); 
    background-repeat:no-repeat;
    height:32px;
    width:32px;
}
.callcontentmain{width: 100%}




/*connect partcipant Experience code starts */

.ShowConnect_Home{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}
.showconnect_Headtxt{
     font-size: 14px;
    padding-top: 40px;
}
.ShowConnect_BtnDiv{
    width: 55%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #dbdbdb;
    padding: 40px 0;
}
.ShowConnect_Btn{
    padding: 15px 10px;
    border-radius: 5px;
    background-color: #f6f6f6;
    border: 1px solid #8bc500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.ShowConnect_BtnDownload{
    padding: 10px ;
    border-radius: 5px;
    background-color: #f6f6f6;
    border: 1px solid #8bc500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.ShowConnect_BtnIcon{
    width:25px; 
    margin-left: 15px
}

.JoinStreams_Main{
    margin-top: 30px;
    display: flex; 
    align-items: center; 
    justify-content: center; 
    flex-direction: column;
}

.JoinSteams_welcomecontentHead{
    font-size: 18px;
    font-weight: bold;
}
.Launching_Loader{
    font-size: 18px;
    color: #8bc500; 
    padding: 110px 50px;
}

.ShowConnect_welcomename{
    font-size: 24px;
    margin-left: 30px
}

.bg_dark{
    background-color: #000;
    width: 100vw;
    height: 100vh;
    max-width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}
.AllowPermission_popup{
    width: 580px; 
    background-color: white;
    border-radius: 5px;
    padding: 15px;  
    border: 1px solid #8bc500;
}
.popupHead_txt{
    font-size: 14px;
    font-weight: 600;
}
.popupHead_aligniment{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.popupBody_div{
 margin-top: 20px;
}
.marginTop_txt{
    margin-top: 10px;
    padding-right: 14px;
}

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

.popuptext_joinbyphone {
    margin: 5px;
    text-align: left;
    justify-content: space-between;
}

/*connect participant code Ends Here */



/* Added By Nagoor - PA1-T829  */

.disabled_uncheckedbox {
    pointer-events: none;    
    background-color: #d1d1d196;
    background-image: none;
    border: 1.5px solid rgba(118, 118, 118, 0.3);
    width: 13px !important;
    height: 13px !important;
    border-radius: 2px;
}

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



.disabledPersistLogin{
    background: #EBEBE4;
    border-radius: 4px;
    pointer-events: none;
}
.disabledPersistLogin a{
    color: #ccc !important;
}

.disabledPersistLoginForInd{
    background: #EBEBE4;
    border-radius: 4px;
    cursor: default;
}
.disabledPersistLoginForInd a{
    color: #ccc !important;
    cursor: default !important;
}

.disabledPersistLoginForInd a:hover {
  background-color: transparent !important;
}

.topBarRightImpcont ul li div a:hover,a.sendSMS:hover{ 
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px #c2c2c2cc;
    background-color: #fff;
}
.emailhover {
    display:none;
    margin-left: 15px;
    width: 200px;
    background: #FFFFFF;
    border: 1px solid #CAD5E0;
    padding: 4px;
    position: absolute;
    background-color: #eee !important;
    padding: 5px;
    border-radius: 5px;
    width: 200px;
    top: -10px;
    left: 15px;
    color: black !important;
    font-size: 12px;
    font-weight: 400 !important;
}

.emailhover:after {
content: '';
display: block;
position: absolute;
top:10px;
right: 100%;
width: 0;
height: 0;
border-color: transparent #eee transparent transparent ;
border-style: solid;
border-width: 10px;
}

#hoverTooltip:hover~.emailhover{
    display: block !important;
}

#hoverTooltip:hover .emailhover{
    display: block !important;
}