*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.chat_settings {
	position:fixed;
	right:0;
	top:150px;
	bottom:0;
	width:282px;
	z-index:999;
	border:1px solid #bec8cd;
	border-top-width:4px;
	background:#f6f7fb;
	/*overflow:auto;*/
}
.chat_setting_bottom {
	font-size:0;
	letter-spacing:0;
	width:282px;
	height:51px;
	background-color:#e9eced;
	position:fixed;
	bottom:0;
	right:0;
	z-index:99;
}
.chat_setting_bottom a {
	display:inline-block;
	vertical-align:top;
	width:50%;
	font-size:14px;
	text-align:left;
	line-height:32px;
	font-weight:bold;
	color:#93a0a7;
	text-decoration:none;
	text-transform:uppercase;
	padding:9px 0 0 36px;
	margin-left:26px;
	background:url(../images/common/chat/chat-icon.png) 0 9px no-repeat;
	white-space:pre;
}
.chat_pannel {
	position:fixed;
	right:285px;
	left:0;
	bottom:0;
	z-index:999;
	text-align:right;
	visibility:hidden;
}
.chat_pannel.chat-extend-right {
	right:116px;
}
.chat_pannel * {
	visibility:visible;
}
.chat_pannel_scroll {
    overflow-x: scroll;
    overflow-y: hidden;
	white-space:nowrap;
	height:auto;
	visibility:visible;
}
.chat_window_box {
	display:inline-block;
	vertical-align:bottom;
	margin-left:1px;
	width:320px;
	border:1px solid #bec8cd;
	border-top-width:2px;
	background:#f6f7fb;
	visibility:visible;
	/*pointer-events:all;*/
}
.highlight-chat-tab {
	box-shadow: 0 0 10px rgba(88, 225, 34, 0.8);
	/*box-shadow: 0 0 10px rgba(255, 50, 34, 0.8);*/

}
/*.chat_window_box * {
	pointer-events:all;
}*/
.cdisable {
	position: absolute;
	display: none;
}
.cenable {
	display: block;
}
.user-chat-top {
    color: #444444;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 18px 9px;
    position: relative;
}
.user-chat-top:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
.user-chat-top .user-online {
	position:absolute;
	top:18px;
	right:16px;
	margin:0;
	cursor:pointer;
}
.user-chat-top .search-icon {
	position:absolute;
	top:13px;
	right:40px;
	margin:0;
	background:none;
	cursor:pointer;
}
.logged-user {
	display:inline-block;
	padding:3px 12px 0 0;
	margin-right:15px;
	/* background:url(../images/common/chat/user-drop-icon.png) 100% 12px no-repeat; */
	cursor:pointer;
}
/*.logged-user:hover {
	background-color:#eaebf0;
}*/
.chat-setting-icon {
	font-size:0;
	text-indent:-100000px;
	width:28px;
	height:28px;
	background:url(../images/common/chat/setting-icon.png) 50% 50% no-repeat;
	position:absolute;
	top:15px;
	right:5px;
	cursor:pointer;
}
.chat-setting-dropdown {
	font-weight:12px;
	font-weight:400;
	background:#fff;
	padding:0;
	border-top:1px solid #bec8cd;
	border-bottom:1px solid #bec8cd;
	position:absolute;
	top:70px;
	left:0;
	right:0;
	z-index:999;
	display:none;
}
.chat-setting-dropdown a {
	line-height:20px;
	color:inherit;
	text-decoration:none;
	display:block;
	padding:6px 0 6px 30px;
	background:url(../images/common/chat/chat-setting-icons.png) 12px 12px no-repeat;
}
.chat-setting-dropdown a.busy {
	background-position:12px -36px;
}
.chat-setting-dropdown a.general {
	background-position:12px -87px;
}
.chat-setting-dropdown a:hover {
	background-color:#dbe0e3;
}
.chat_header:before,
.chat_header:after{
	clear:both;
	content:"";
	display:table;
}
.chat_header {
	padding:0 16px 0 10px;
	position:relative;
	background-color:#f6f7fb;
	cursor: pointer;
}
.chat_header img{
	float:left;
	margin-right:5px;
}
.chat_header h6 {
	font-size:14px;
	color:#444;
	line-height:30px;
	padding:0;
	margin:0;
	font-weight:400;
	min-height:30px;
	text-align:left;
	float:left;
	margin-top:0;
}
.chat_header h6 img {
	width:35px;
	height:35px;
	float:none;
	display:inline-block;
	vertical-align:middle;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.chat_header a {
	font-size:0;
	text-indent:-100000px;
	width:11px;
	height:11px;
	position:absolute;
	right:15px;
	top:18px;
	padding:0;
	min-width:inherit;
	text-decoration:none;
	background:url(../images/common/chat/min-can.png) 100% 0 no-repeat;
}
.chat_header a:hover,
.chat_header a:focus {
	text-decoration:none;
	color:#fff;
}
.chat_header a.minimise {
	right:35px;
	background:url(../images/common/chat/min-can.png) 0 0 no-repeat;
}
.text_chat_window {
}
.chat_content {
	min-height:100px;
	max-height:200px;
	height: 200px;
	position: relative;
	overflow:auto;
	padding:10px;
	text-align:left;
	background:#f6f7fb;
}
.video_text_chat {
	max-height:100px;
}
.chat_content .user-label {
	font-weight:bold;
	font-style:italic;
}
.chat_box textarea {
	width:100%;
	height:50px;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    inherit;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    inherit;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    inherit;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    inherit;
}
.search_user input {
	font-size:13px;
	color:#505050;
	font-weight:300;
	width:245px !important;
	height:31px;
	padding:4px 22px 5px 32px;
	margin:0 0 0 17px;
	border:none;
	/*border-bottom:1px solid #d3e6ea;*/
	background:url(../images/common/chat/search-btn.png) 12px 50% no-repeat #e4e9ec;
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
	border-radius:18px;
}
.reset_user {
	position:relative;
}
.reset_user.search_user input {
	background:#e4e9ec;
	padding:4px 28px 5px 14px;
}
.search_user input.reset_button {
	display:none;
}
.reset_user.search_user input.reset_button {
	font-size:0;
	text-indent:-100000px;
	width:16px !important;
	height:16px;
	padding:0;
	margin:0;
	display:block;
	position:absolute;
	top:7px;
	right:26px;
	z-index:1;
	background:url(../images/common/chat/reset-btn.png) 0 0 no-repeat;
	display:block;
}
.smile-container{
    background-color: #f5f5f5;
    bottom: 0;
    padding: 5px 20px 5px 5px;
    position: absolute;
    text-align: left;
    width: 295px;
    z-index: 0;
}
/*.smile-container .smilyClass {
	padding:2px;
}*/
.text_chat_box {
	height:50px;
	background-color:#f6f7fb;
}
.text_chat_box textarea {
	font-size:13px;
	width:100%;
	height:50px;
	padding:5px 10px;
	margin:0;
	border:0;
	background-color:inherit;
	border-top:solid 1px #bec8cd;
}

.educollab-chat-content .text_chat_box {
	padding:5px 0 0;
}
.educollab-chat-content .audio_video_window {
	border:none;
}
/*.educollab-chat-content .chat_content {
	max-height:120px;
}*/
/* Chat Window
-------------*/
/*.chat_window {
	position:fixed;
	width:410px;
	right:284px;
	bottom:0;
	z-index:99;
}*/
.minimize-chat-content {
	display:inline-block;
	vertical-align:bottom;
	width:420px;
	min-height: 380px;
	visibility:visible;
	/*pointer-events:all;*/
}
/*.minimize-chat-content * {
	pointer-events:all;
}
.minimize-chat-content * {
	visibility:visible;
}*/
.minimize-chat-content.minimize-small {
	width:320px;
}
.chat_preview_window {
	border:1px solid #bec8cd;
	border-top-width:4px;
	background:#f6f7fb;
	position:relative;
}
.chat_name {
	font-size:14px;
	color:#444;
	font-weight:bold;
	line-height:33px;
	text-align:left;
	padding:0;
	margin:0;
	display:block;
}
.audio_video_window {
	width:100%;
	height:307px;
	/*overflow:hidden;*/
	background:#fff;
	border:solid 1px #fff;
	margin-bottom:15px;
	position:relative;
}
.audio_video_window iframe,
.audio_video_window embed {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
.audio_video_chat_window {
	height:101px;
	margin:10px 0 5px;
	overflow:hidden;
}
.audio_video_chat_window:hover {
	overflow:auto;
}

.audio_video_chat_window .text_chat {
	font-size:15px;
	line-height:16px;
	color:#343434;
	font-weight:300;
	margin:0 0 12px;
}
.audio_video_chat_window .text_chat p {
	font-size:12px;
	line-height:13px;
	color:#343434;
	font-weight:300;
	padding:0;
	margin:0;
	overflow:hidden;
}
.audio_video_chat_window .text_chat p.chat_name {
	font-weight:600;
	display:block;
	float:left;
}
.textchat {
	height:100px;
}
.chat_box {
	line-height:normal;
	border:1px solid #9fb4bb;
	background:#fff;
	width:100%;
	height:55px;
	padding:5px;
	resize:none;
}
.chat_action_link,
.chat_action_link2 {
	font-size:0;
	letter-spacing:0;
	position:absolute;
	right:0;
	top:0;
	z-index:999;
	padding:0;
	margin:0;
}
.chat_action_link {
	top:-1px;
}
.chat_action_link {
	right:40px;
}
.chat_action_link .mobileIconMenu {
	display:none;
}
.chat_action_link li,
.chat_action_link2 li {
	list-style:none;
	display:inline-block;
	vertical-align:top;
	margin:0;
}
.chat_action_link li a,
.chat_action_link2 li a {
	font-size:0;
	letter-spacing:0;
	text-indent:-10000px;
	width:37px;
	height:37px;
	display:block;
	position:static;
}
.chat_action_link li.share_icon_chat a {
	background:url(../images/common/chat/chat_window_option_icons.png) 0 0 no-repeat;
}
.chat_action_link li.audio_icon_chat a {
	background:url(../images/common/chat/icon-audio.png) -0 0 no-repeat;
	width:24px;
	height:20px;
	opacity:0.5;
	cursor:pointer;
}
.chat_action_link li.video_icon_chat {
	margin-right:15px;
}
.chat_action_link li.video_icon_chat a {
	background:url(../images/common/chat/icon-video.png) -0 0 no-repeat;
	width:25px;
	height:18px;
	opacity:0.5;
	cursor:pointer;
}
.chat_action_link2 li.cancel_chat a {
	width:24px;
	height:34px;
	background:url(../images/common/chat/min-can.png) -18px 10px no-repeat;
}
.chat_action_link2 li.minimize_chat a {
	width:24px;
	height:34px;
	background:url(../images/common/chat/min-can.png) 8px 10px no-repeat;
	cursor:pointer;
}
.chat_action_link li.share_icon_chat.selected a {
	background-position:0 100%;

}
.chat_action_link li.audio_icon_chat.selected a {
	opacity:10;
}
.chat_action_link li.video_icon_chat.selected a {
	opacity:10;
}
.chat_window_tab {
	position:absolute;
	right:6px;
	bottom:100px;
	z-index:999;
}
.chat_window_tab.minimize-left {
	right:283px;
}
.chat_window_tab li {
	display:block;
	height:auto;
	margin:0 0 4px;
	padding:5px 6px;
	background:#f6f7fb;
	border-width:2px;
	border-style:solid;
	border-color:#bec8cd;
	position:relative;
	-webkit-border-radius:30px;
	   -moz-border-radius:30px;
	        border-radius:30px;
}
.chat_window_tab li h3.chat_name {
	margin-left:42px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:pre;
	width:112px;
}
.chat_window_tab li img {
	display:block;
	float:left;
}
.chat_window_tab li a.maximize_icon {
	font-size:0;
	text-indent:-10000px;
	width:13px;
	height:13px;
	position:absolute;
	right:15px;
	top:15px;
	background:url(../images/common/chat/chat_window_option_icons.png) -186px -52px no-repeat;
	display:none;
}

.video-on {
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:999;
}
.video-off {
	/*display:none;*/
}
.calling_top_mssg {
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:9999;
	background:#000;
}

.dropdown-sprite, .accordion h2:hover:after, .accordion li.expanded h2:after {
	background:url('../images/common/chat/sprite/dropdown-s846679b942.png') no-repeat
}
.inbound-sprite, #inbound-header:before, li.expanded #inbound-header:before, html:not(.help-overlay) li:hover #inbound-header:before {
background:url('../images/common/chat/sprite/icon/inbound-s4e5cd40ccb.png') no-repeat
}
.instructions-sprite, #instructions-header:before, li.expanded #instructions-header:before, html:not(.help-overlay) li:hover #instructions-header:before {
background:url('../images/common/chat/sprite/icon/instructions-s42616c9673.png') no-repeat
}
.profile-sprite, #profile-header:before, li.expanded #profile-header:before, html:not(.help-overlay) li:hover #profile-header:before {
background:url('../images/common/chat/sprite/icon/profile-sc8d747d5b0.png') no-repeat
}
.change-sprite, #change-header:before, li.expanded #change-header:before, html:not(.help-overlay) li:hover #change-header:before {
background:url('../images/common/chat/sprite/icon/change-s65b1a3c5d7.png') no-repeat
}
html:not(.help-overlay) #help-overlay {
	display:block;
	visibility:hidden;
	opacity:0;
	-webkit-transition:visibility 0s linear 0.5s, opacity 0.5s ease-out;
	transition:visibility 0s linear 0.5s, opacity 0.5s ease-out
}
html.help-overlay.help-first #help-overlay .help-first, html.help-overlay.help-second #help-overlay .help-second, html.help-overlay:not(.audio-device):not(.video-device) #help-overlay .no-devices, html.help-overlay.no-js #help-overlay .no-js, html.help-overlay.no-browser-support #help-overlay .no-browser-support, html.help-overlay.no-modern #help-overlay .no-modern, html.help-overlay.lost-local-media #help-overlay .lost-local-media {
	visibility:visible;
	opacity:1;
	-webkit-transition:opacity 0.5s ease-out;
	transition:opacity 0.5s ease-out
}
#help-overlay .lost-local-media ul {
	list-style-type:none
}
html:not(.lost-local-audio) #help-overlay p span.not-lost-both, html:not(.lost-local-video) #help-overlay p span.not-lost-both {
	display:inline
}
html:not(.lost-local-audio) #help-overlay p span.lost-both, html:not(.lost-local-video) #help-overlay p span.lost-both {
	display:none
}
html:not(.lost-local-audio) #help-overlay p span.lost-local-audio, html:not(.lost-local-video) #help-overlay p span.lost-local-video {
	display:none
}
html.lost-local-video.lost-local-audio #help-overlay p span.not-lost-both {
	display:none
}
html.lost-local-video.lost-local-audio #help-overlay p span.lost-both {
	display:inline
}
html:not(.lost-local-video) #help-overlay .lost-local-media li.camera {
	background:url("../images/common/chat/nodevices/okay_camera_icon.png") left center no-repeat
}
html:not(.lost-local-video) #help-overlay .lost-local-media li.camera .lost-local-video {
	display:none
}
html:not(.lost-local-video) #help-overlay .lost-local-media li.camera .lost-local-video+span {
	display:inline
}
html:not(.lost-local-audio) #help-overlay .lost-local-media li.microphone {
	background:url("../images/common/chat/nodevices/okay_microphone_icon.png") 4px center no-repeat
}
html:not(.lost-local-audio) #help-overlay .lost-local-media li.microphone .lost-local-audio {
	display:none
}
html:not(.lost-local-audio) #help-overlay .lost-local-media li.microphone .lost-local-audio+span {
	display:inline
}
html.lost-local-audio #help-overlay .lost-local-media li.microphone span:not(.lost-local-audio), html.lost-local-video #help-overlay .lost-local-media li.camera span:not(.lost-local-video) {
	display:none
}
html:not(.mozilla) #help-overlay .mozilla, html:not(.chrome) #help-overlay .chrome, html:not(.mac) #help-overlay .mac, html:not(.win) #help-overlay .win, html:not(.no-js) #help-overlay p.no-js, html:not(.no-browser-support) #help-overlay p.no-browser-support, html:not(.no-modern) #help-overlay p.no-modern {
	display:none
}
.disableable {
/*	position:relative*/
}
.disableable:after {
	visibility:hidden;
	opacity:0;
	-webkit-transition:visibility 0s linear 0.5s, opacity 0.5s ease-out;
	transition:visibility 0s linear 0.5s, opacity 0.5s ease-out;
	position:absolute;
	content:" ";
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(153, 153, 153, 0.75);
	z-index:9
}

.disableablefooter {
	position:relative
}
.disableablefooter:after {
	visibility:hidden;
	opacity:0;
	-webkit-transition:visibility 0s linear 0.5s, opacity 0.5s ease-out;
	transition:visibility 0s linear 0.5s, opacity 0.5s ease-out;
	position:absolute;
	content:" ";
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(153, 153, 153, 0.75);
	z-index:9
}

html.allow-media:not(.help-overlay) .disableable:after {
	visibility:visible;
	opacity:1;
	-webkit-transition:opacity 0.5s ease-out;
	transition:opacity 0.5s ease-out
}
html.allow-media:not(.help-overlay) #stream-allow {
	display:inline-block
}
html:not(.callme) #phone.disableable:after {
	border-right:1px solid rgba(153, 153, 153, 0.75)
}
#help-overlay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.9);
	z-index:999;
	visibility:visible;
	opacity:1;
	-webkit-transition:opacity 0.5s ease-in;
	transition:opacity 0.5s ease-in
}
#help-overlay>* {
	width:440px;
	height:480px;
	position:fixed;
	top:50%;
	left:50%;
	margin:-240px 0 0 -320px;
	background:#fff;
	visibility:hidden;
	opacity:0;
	-webkit-transition:visibility 0s linear 0.5s, opacity 0.5s ease-in;
	transition:visibility 0s linear 0.5s, opacity 0.5s ease-in;
	text-align:center
}
#help-overlay>*.chrome.help-first img {
	max-height:40px
}
#help-overlay>*:before {
	content:"";
	display:inline-block;
	height:100%;
	vertical-align:middle;
	margin-right:-0.25em
}
#help-overlay button, #help-overlay a[class] {
	top:initial;
	left:initial;
	right:initial;
	box-shadow:none;
	padding:10px;
	margin:0;
	color:#fff;
	display:block;
	font-size:14px;
	font-weight:bold;
	position:absolute;
	bottom:1em;
	line-height:1.3em;
	letter-spacing:normal;
	text-decoration:none;
	border:none;
	background:#ff7200;
}
#help-overlay button:after, #help-overlay a[class]:after {
	content:" >"
}
#help-overlay button.help-done, #help-overlay a[class].help-done {
	right:1em
}
#help-overlay button.help-prev, #help-overlay button.help-next, #help-overlay a[class].help-prev, #help-overlay a[class].help-next {
	left:1em
}
#help-overlay .help-content {
	text-align:left;
	display:inline-block;
	vertical-align:top;
	width:90%;
	font-size:14px;
	padding:20px 0;
}
#help-overlay .help-content h1 {
	font-size:16px;
	font-weight:bold;
	color:#000;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	margin-bottom:13px;
	margin-bottom:0;
}
#help-overlay .help-content ol {
	margin:0;
	padding:0 0 0 1.5em;
	list-style-position:outside;
	font-size:14px
}
#help-overlay .help-content ol p {
	margin:0;
	color:#444
}
#help-overlay .help-content ol img {
	display:block;
	margin:22px auto 22px auto;
	max-width:100%
}
#help-overlay .help-content a {
	color:#480f5e;
	text-decoration:none
}
#help-overlay .help-content li.camera {
	background:url("../images/common/chat/nodevices/no_camera_icon.png") left center no-repeat;
	padding:1.5em 5em
}
#help-overlay .help-content li.microphone {
	background:url("../images/common/chat/nodevices/no_mic_icon.png") 4px center no-repeat;
	padding:1.5em 5em
}
#help-overlay .no-devices ul {
	list-style-type:none;
	padding-left:0;
	border-bottom:1px solid #ccc
}
#help-overlay .no-devices p {
	clear:both
}
#help-overlay #hidden-credentials {
	float:left;
	position:relative;
	width:100%;
	border:1px solid #480f5e;
	padding:1em;
	overflow:hidden
}
#help-overlay #hidden-credentials:before {
	padding-top:3.5em;
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	color:#fff;
	font-weight:bold;
	background:#a486ba;
	content:"Hover over here to view your SIP credentials.";
	text-align:center;
	opacity:1;
	-webkit-transition:opacity 1s ease;
	transition:opacity 1s ease
}
#help-overlay #hidden-credentials:hover:before {
	opacity:0;
	-webkit-transition:opacity 1s ease;
	transition:opacity 1s ease
}
#help-overlay #hidden-credentials>* {
	float:left
}
#help-overlay #hidden-credentials dt {
	clear:left;
	font-weight:bold
}
#help-overlay #hidden-credentials dt:after {
	content:":"
}
#help-overlay #hidden-credentials dd {
	margin-left:0.5em;
	margin-top:1px
}
.callme #help-overlay .nocallme {
	display:none
}
.callme #help-overlay .nocallme+span {
	text-transform:uppercase
}
#analyticsframe {
	height:0;
	width:0;
	border:none
}
.disableable html, .disableable button, .disableable input, .disableable select, .disableable textarea {
	color:#222
}
/*.disableable html{
	background-color:#e0e2ec !important;
}
body {
	font-size:1em;
	line-height:1.4;
	background-color:#fff;
}

::-moz-selection, ::selection {
background:#b3d4fc;
text-shadow:none
}*/
.disableable hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0
}
.disableable img {
	vertical-align:middle
}
.disableable fieldset {
	border:0;
	margin:0;
	padding:0
}
.disableable textarea {
	resize:vertical
}
.chromeframe {
	margin:0.2em 0;
	background:#ccc;
	color:#000;
	padding:0.2em 0
}
.disableable button {
	cursor:pointer;
}
/*.disableable button:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0
}*/
.disableable button:hover {

}
.depressed:hover {
	box-shadow:0 1px #ff5700;
	border-top:3px solid transparent;
	background-clip:padding-box;
	margin-bottom:1px
}
.disableable button:active {
	box-shadow:none;
	border-top:4px solid transparent;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	background-clip:padding-box;
	margin-bottom:0px
}
.depressed {
	box-shadow:none;
	border-top:4px solid transparent;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	background-clip:padding-box;
	margin-bottom:0px
}
.depressed:active {
	box-shadow:none;
	border-top:4px solid transparent;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	background-clip:padding-box;
	margin-bottom:0px
}
button:disabled {
/*	box-shadow:0 4px #666;
	background:#a9a9a9;
	opacity:0.3;
	border-radius:0.25em;
	border:0;
	margin-bottom:4px*/
}
/*button:disabled:hover, button:disabled:active {
	box-shadow:0 4px #666;
	background:#a9a9a9;
	border-radius:0.25em;
	border:0;
	margin-bottom:4px
}
.accordion {
	margin:0;
	padding:0;
	list-style:none
}
.accordion li {
	margin:0;
	padding:0;
	list-style:none;
	max-height:20em
}
.accordion li>header {
	cursor:pointer;
	max-height:none
}
.accordion.js li>div:last-child, .accordion.js li>form:last-child {
	overflow:hidden;
	max-height:0;
	-webkit-transition:max-height 0.8s;
	transition:max-height 0.8s
}
.accordion.js li.expanded>div:last-child, .accordion.js li.expanded>form:last-child {
	max-height:20em
}*/
/*html {
	background-color:#e0e2ec;
	font-size:12px
}
body {
	margin:0 auto;
	font:1em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#444
}*/
/*.callme body {
	width:400px
}
.disableable header {
	overflow:hidden
}
.disableable header>a {
	float:right;
	margin:3em 1em 0 1em;
	text-decoration:none;
	color:#454545
}
.disableable header>h1 {
	float:left
}
.disableable main {
	display:block;
	width:100%;
	overflow:hidden;
	background-color:#fff;*/
/*	border:1px solid #d0d0d0;
	border-radius:0.5em;
	box-shadow:0 0.05em 0.2em rgba(0, 0, 0, 0.2)*/
/*}
#logo {
	margin:2em 0 0 0;
	float:none;
	text-decoration:none;
	display:inline-block;
	padding-top:0;
	height:45px;
	width:135px;
	background:url("../images/common/chat/getonsip_free_engraved.png") no-repeat;
	background-size:100%
}
#logo h1 {
	font-size:1em;
	margin:0;
	padding:0;
	display:inline-block;
	font-weight:normal;
	text-decoration:none
}
.disableable input[type='text'], .disableable input[type='password'] {
	border-radius:0.25em;
	padding-left:5px;
	height:2em;
	line-height:2em;
	border:1px solid #999
}
.disableable input[type='submit'] {
	position:absolute;
	left:-9999px
}
.disableable h2, .disableable a.h2 {
	font-size:1.167em;
	font-weight:normal;
	line-height:4em;
	margin:0;
	display:block;
	text-decoration:none
}
#phone {
	float:none;
	width:385px;*/
/*	width:-webkit-calc(100% - 0px - 1em);
	width:calc(100% - 0px - 1em);*/
	/*width:100%;
	padding:0;*/
	/*border-right:1px solid #d0d0d0
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin:0 auto;
}*/
/*.callme #phone {
	width:452px;
	width:-webkit-calc(100% - 4em);
	width:calc(100% - 4em);
	border:none
}
#phone h2 {
	border-bottom:1px solid #d0d0d0;
	background:url("../images/common/chat/icon/outbound/purple.png") no-repeat left center;
	padding-left:4em
}
#overlayreject {
	background:#999;
	margin-left:0em
}
#overlayreject:hover {
	background-clip:padding-box
}
.callme #dial {
	height:4em
}
#dial {
	padding:0;
	margin:0;
	min-height:2em;
	position:absolute;
	top:-38px;
	z-index:99;
	right:50px;
}
.dialControl{
	z-index:3;
	position:absolute
}
#dial label {
	line-height:2em
}
#dial>* {
	float:right
}
#dial>label:first-child {
	margin-top:0.25em
}
#dial>p {
	margin-top:-0.25em;
	clear:left
}
#dial-uri {
	margin:0 0 0 0.65em;
	width:24em
}
#name {
	width:24em
}
#invite-container {
	float:left;
	height:2em;
}
.callme #invite-container {
	float:left;
	position:inherit
}
#audio-video .ir {
	background:url("../images/common/chat/call_video.png") no-repeat center;
}
#audio-only .ir {
	background:url("../images/common/chat/call_audio.png") no-repeat center;
	width:20px;
	margin-left:10px;
}
/*#invite-container button .ir {
	height:2em;
	width:3.42em
}*/
/*#audio-video, #audio-only {
	margin-left:0.65em
	background:none;
	border:0;
}*/
/*#audio-video:disabled , #audio-only:disabled {
	cursor:no-drop;
	opacity:0.5;
}
#audio-only{*/
	/*display:none;*/
/*}
#fullscreen{
	display:none;
}
@-webkit-keyframes vibrate {
0% {
-webkit-transform:translate(1px, 0)
}
25% {
-webkit-transform:translate(-2px, 0)
}
50% {
-webkit-transform:translate(2px, 0)
}
75% {
-webkit-transform:translate(-2px, 0)
}
100% {
-webkit-transform:translate(1px, 0)
}
}
@-moz-keyframes vibrate {
0% {
-moz-transform:translate(1px, 0)
}
25% {
-moz-transform:translate(-2px, 0)
}
50% {
-moz-transform:translate(2px, 0)
}
75% {
-moz-transform:translate(-2px, 0)
}
100% {
-moz-transform:translate(1px, 0)
}
}
@-o-keyframes vibrate {
0% {
-o-transform:translate(1px, 0)
}
25% {
-o-transform:translate(-2px, 0)
}
50% {
-o-transform:translate(2px, 0)
}
75% {
-o-transform:translate(-2px, 0)
}
100% {
-o-transform:translate(1px, 0)
}
}
@keyframes vibrate {
0% {
transform:translate(1px, 0)
}
25% {
transform:translate(-2px, 0)
}
50% {
transform:translate(2px, 0)
}
75% {
transform:translate(-2px, 0)
}
100% {
transform:translate(1px, 0)
}
}*/
/*.shake {
	-webkit-animation-name:vibrate;
	-webkit-animation-duration:0.2s;
	-webkit-animation-origin:50% 50%;
	-o-animation-name:vibrate;
	-o-animation-duration:0.2s;
	-o-animation-origin:50% 50%;
	-moz-animation-name:vibrate;
	-moz-animation-duration:0.2s;
	-moz-animation-origin:50% 50%;
	animation-name:vibrate;
	animation-duration:0.2s;
	animation-origin:50% 50%
}
.problem {
	border-color:purple !important;
	color:red
}
video {
	background:#e0e2ec
}
#streams {
	top:0;
	left:0;
	width:100%;
	background:#e0e2ec;
}
#streams.got-media #stream-local {
	position:relative;
	bottom:0;
	left:0;
	width:100%;
}
#streams.got-media #stream-remote {
	position:absolute
}
#stream-remote {
	width:100%;
	position:relative;
	z-index:1;
	background:transparent;
	pointer-events:none
}
.shadow-text {
	color:rgba(144, 144, 144, 0.6);
	text-shadow:1px 4px 6px #e0e2ec, 0 0 0 #000, 1px 4px 6px #e0e2ec
}
#stream-novideo {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#e0e2ec url("../images/common/chat/no_video_icon.png") no-repeat center 7.5em;
	text-align:center
}
#stream-novideo #video-disabled {
	margin-top:250px;
	margin-top:-webkit-calc(4.75em + 135px);
	margin-top:calc(4.75em + 135px);
	font-size:2em
}
#stream-novideo #social dt {
	position:absolute;
	bottom:1em;
	right:5.17em;
	margin:0;
	color:#666
}
#stream-novideo #social dd {
	position:absolute;
	bottom:0.83em
}
#stream-novideo #social dd:nth-of-type(1) {
right:3em
}
#stream-novideo #social dd:nth-of-type(2) {
right:0.83em
}*/
/*#stream-local {
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;
	width:100%;
	height:auto;

	position:absolute;
	z-index:2;
	bottom:1em;
	left:1em;
	width:25%;
	height:auto;
	-webkit-transform:scaleX(-1);
	-moz-transform:scaleX(-1);
	transform:scaleX(-1);
	border: solid 1px #fff;
}*/
/*#stream-local.videoStart{
	position:absolute;
	z-index:2;
	bottom:1em;
	left:1em;
	width:25%;
	height:auto;
	-webkit-transform:scaleX(-1);
	-moz-transform:scaleX(-1);
	transform:scaleX(-1);
}*/

/*#streams {
	z-index:10
}
#streams:-webkit-full-screen, #streams:-moz-full-screen, #streams:full-screen {
position:absolute;
width:100%;
height:100%
}
#streams:-webkit-full-screen #stream-remote, #streams:-moz-full-screen #stream-remote, #streams:full-screen #stream-remote {
height:100%
}
.no-webrtc #stream-alternate, .signup #stream-signup {
	display:block;
	font-size:2em;
	padding:5em;
	height:6em;
	background:#e0e2ec;
	border:1px solid #ccc;
	text-align:center
}
.allow-media #stream-allow-container {
	display:block;
	height:32em;
	background:#777;
	text-align:center
}
.allow-media #stream-allow-container:before {
	content:"";
	display:inline-block;
	height:100%;
	vertical-align:middle;
	margin-right:-0.25em
}
.allow-media #stream-allow {
	font-size:18px;
	font-weight:bold;
	color:#fff;
	display:inline-block;
	vertical-align:middle
}
.allow-media #stream-allow p {
	text-align:left;
	margin-bottom:30px
}
.allow-media #stream-allow button {
	margin-top:10px;
	letter-spacing:normal;
	font-weight:bold
}
.hide {
	display:none;
	visibility:hidden
}
#stream-signup>a {
	color:#a486ba
}
.no-webrtc #stream-local, .no-webrtc #stream-remote {
	display:none
}
.allow-media #stream-remote, .allow-media #stream-local {
	display:none
}
.signup #stream-remote, .signup #stream-local {
	display:none
}
#stream-allow-container, #stream-allow, #stream-alternate, #stream-signup {
	display:none
}
#controls {
	height:2em;
	opacity:0;
	-webkit-transition:all 1s;
	transition:all 1s;
	visibility:hidden;
	position:absolute;
	top:41px;
	right:-50px;
}
#controls button.terminate {
	color:#fff !important;
	width:40px;
	height:40px;
	background:rgba(255, 0, 0, 0.7);
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.active-call #controls {
	opacity:1;
	visibility:visible
}
.img {
	padding:0
}
#controls>* {
	margin-left:1em
}
#controls button .ir {
	width:2.5em;
	height:2em
}
#mute {
	display:none;
	margin-left:0em
}
#mute .ir {
	background:url("../images/common/chat/callcontrol/mute.png") no-repeat center
}
#volume .ir {
	background:url("../images/common/chat/callcontrol/volume.png") no-repeat center
}
#volume-hover {
	display:inline-block;
	padding:1em 0;
	margin:-1em 0 -1em 1em
}
#volume-slider {
	-webkit-appearance:none !important;
	background:#fd8224;
	height:0.6em;
	margin-top:0.9em;
	display:none
}
#volume-slider::-moz-range-track {
visibility:hidden
}
#volume-slider::-moz-range-thumb, #volume-slider::-webkit-slider-thumb {
-webkit-appearance:none !important;
background:#ff5700;
height:1em;
width:1em
}
#fullscreen .ir {
	background:url("../images/common/chat/callcontrol/fullscreen.png") no-repeat center
}
#controls>.terminate {
	float:right;
	margin-right:0.5em
}
html:not(.help-overlay) .accordion li:hover {
background-color:#fd8224;
border-bottom:1px solid #fd8224
}
html:not(.help-overlay) .accordion li:hover header {
color:#fff
}
.accordion {
	float:right;
	width:34%
}
.accordion li {
	border-bottom:1px solid #d0d0d0
}
.accordion header {
	line-height:4em;
	padding:0 0 0 4.625em;
	background-color:#fff
}
.accordion li:last-child {
	border-bottom:0 solid #d0d0d0
}
.accordion li.expanded {
	background-color:#f7832a;
	border-bottom:1px solid #d0d0d0
}
.accordion li.expanded header {
	color:#fff
}
.accordion a.h2 {
	float:none;
	margin:0;
	padding:0;
	color:inherit
}
.accordion h2:hover:after {
	content:" ";
	position:absolute;
	top:1.8em;
	right:5%;
	background-position:0 -11px;
	height:6px;
	width:10px
}
.accordion li.expanded h2:after {
	content:" ";
	position:absolute;
	top:1.8em;
	right:5%;
	background-position:0 0;
	height:6px;
	width:10px
}
#inbound-header {
	border-top-right-radius:0.4em;
	position:relative;
	background:transparent
}
#inbound-header:before {
	content:" ";
	position:absolute;
	top:1em;
	left:13px;
	left:-webkit-calc(2.3em - 15px);
	left:calc(2.3em - 15px);
	background-position:0 0;
	height:33px;
	width:34px
}
#instructions-header {
	position:relative;
	background:transparent
}
#instructions-header:before {
	content:" ";
	position:absolute;
	top:0.7em;
	left:16px;
	left:-webkit-calc(2.3em - 12px);
	left:calc(2.3em - 12px);
	background-position:0 0;
	height:41px;
	width:26px
}
#profile-header {
	position:relative;
	background:transparent
}
#profile-header:before {
	content:" ";
	position:absolute;
	top:1em;
	left:13px;
	left:-webkit-calc(2.3em - 15px);
	left:calc(2.3em - 15px);
	background-position:0 0;
	height:33px;
	width:31px
}
#change-header {
	position:relative;
	background:transparent
}
#change-header:before {
	content:" ";
	position:absolute;
	top:0.8em;
	left:17px;
	left:-webkit-calc(2.3em - 11px);
	left:calc(2.3em - 11px);
	background-position:0 0;
	height:36px;
	width:23px
}
li.expanded #inbound-header:before, html:not(.help-overlay) li:hover #inbound-header:before {
background-position:0 -38px;
height:33px;
width:34px
}
li.expanded #instructions-header:before, html:not(.help-overlay) li:hover #instructions-header:before {
background-position:0 -46px;
height:41px;
width:26px
}
li.expanded #profile-header:before, html:not(.help-overlay) li:hover #profile-header:before {
background-position:0 -38px;
height:33px;
width:31px
}
li.expanded #change-header:before, html:not(.help-overlay) li:hover #change-header:before {
background-position:0 -41px;
height:36px;
width:23px
}
#inbound {
	background-color:#fafafa;
	color:#444;
	line-height:1.25em
}
.explain {
	padding:1.33em;
	margin:0
}
#call-me {
	color:#999;
	border:solid 1px #999;
	background-color:#fff;
	margin:0 1.33em 2em 1.33em;
	width:88%;
	width:-webkit-calc(100% - 6px - 2.66em);
	width:calc(100% - 6px - 2.66em);
	height:2.25em;
	line-height:2.25em;
	padding:0 0 0 5px;
	border-radius:0.25em
}
#profile {
	background-color:#fff
}
#credentials {
	padding:0 1.33em 2em 1.33em
}
#credentials>p {
	margin:0
}
#change {
	padding:0 1.33em;
	background-color:#fff
}
#error-text {
	color:red
}
#info-text {
	color:green
}
input.pass-enter, #info-text, #error-text {
	width:78%;
	width:-webkit-calc(88.5% - 6px);
	width:calc(88.5% - 6px);
	margin:0.6em 1.33em
}
input.pass-enter:first-child {
	margin-top:0.75em
}
#changesubmit {
	margin:0.583em 1.5em 1em 0;
	width:6.17em;
	float:right
}
.disableable .overlay {
	position:fixed;
	top:0;
	left: 0;
	right: 0;
	padding:1%;
	background:#000 50% 50% repeat-x;
	text-align:center;
	z-index:99;
	opacity:0.85;
	-webkit-transition:all 0.8s;
	transition:all 0.8s;
	text-align:center;
	min-height:inherit;
	overflow:hidden;
	display:none;
}
.disableable .overlay p {
	text-align:center;
	font-size:1em;
	font-weight:bold;
	color:#fff;
}
.disableable .overlay:before {
	content:"";
	display:inline-block;
	height:100%;
	vertical-align:middle;
	margin-right:-0.25em;
	display:none;
}
.disableable .overlay>* {
	display:inline-block;
	vertical-align:middle;
	margin:0;
}
.disableable .overlay > button {
	margin:0 1em 4px 1em
}
.disableable .appear {
	padding:1.5em 0;
	display:block;
}
.disableable .appear.notfound {
	max-height:5em
}
.ir {
	background-color:transparent;
	border:0;
	overflow:hidden;
	*text-indent:-9999px
}
.ir:before {
	content:"";
	display:block;
	width:0;
	height:150%;
}*/

/* Added By SB */
.disableablefooter .overlay {
	position:fixed;
	top:0;
	left: 0;
	right: 0;
	padding:1%;
	background:#000 50% 50% repeat-x;
	text-align:center;
	z-index:99999;
	opacity:0.85;
	-webkit-transition:all 0.8s;
	transition:all 0.8s;
	text-align:center;
	min-height:inherit;
	overflow:hidden;
	display:none;
}
.disableablefooter .overlay p {
	text-align:center;
	font-size:16px;
	color:#fff;
	text-transform:uppercase;
}
.disableablefooter .overlay:before {
	content:"";
	display:inline-block;
	height:100%;
	vertical-align:middle;
	margin-right:-0.25em;
	display:none;
}
.disableablefooter .overlay>* {
	display:inline-block;
	vertical-align:middle;
	margin:0;
}
.disableablefooter .overlay > button,
.disableablefooter .overlay > a {
	border-radius:20px;
	font-size:16px;
	line-height:31px;
	color:#020508;
	text-transform:uppercase;
	font-weight:bold;
	padding:0 35px 0 15px;
	background:url(../images/common/chat/icon-cross.png) no-repeat 87% 50% #e4e9ec;
	cursor:pointer;
}
.disableablefooter .appear {
	padding:1.5em 0;
	display:block;
}
.disableablefooter .appear.notfound {
	max-height:5em
}
.disableablefooter button,
.disableablefooter a{
	display:inline-block;
	position:relative;
	border:none;
	outline:none;
	top:0;
	left:0;
	vertical-align:top
}
.disableablefooter button:before,
.disableablefooter a:before{
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0
}
.disableablefooter button:hover {
/*	box-shadow:0 3px #ff5700;
	border-top:1px solid transparent;
	background-clip:padding-box;
	margin-bottom:3px*/
}
.chat_menu {
	float:right;
	margin-right:40px;
	margin-top:7px;
}
.chat_menu button {
	display:inline-block;
	position:relative;
	padding:0;
	border:none;
	outline:none;
	top:0;
	left:0;
	font-family:inherit;
	font-size:inherit;
	line-height:2em;
	cursor:pointer;
	letter-spacing:1px;
	margin:0 0 4px 0;
	vertical-align:top;
	background-color:#f6f7fb;
}
.chat_menu button:hover {

}
.chat_menu .ir,
.audio-video .ir{
	background:url(../images/common/chat/call_video.png) no-repeat center;
	width:25px;
	height:18px;
}
.chat_menu .ir.ir_aud,
.audio-only .ir.ir_aud{
	background:url(../images/common/chat/call_audio.png) no-repeat center;
	width:20px;
	height:20px;

}
.chat_menu button .ir {
	height:1.5em;
	width:3em
}
.friend-list {
    bottom: 50px;
    left: 0;
    overflow: auto;
    padding:0;
    position: absolute;
    right: 0;
    top: 86px;
}
.no-search .friend-list {
	top:46px;
}
.friend-list a {
	font-size:13px;
	color:#93a0a7;
	font-weight:500;
	text-decoration:none;
	display:block;
	line-height:normal;
	padding:5px 0;
	margin-right:20px;
}
.friend-list a span,
.user-chat-top span {
	display:inline-block;
	vertical-align:top;
	margin-top:3px;
	width:10px;
	height:10px;
	/*background:url(../images/common/chat/green-dot.png) no-repeat 0 0;*/
}
.user-chat-top span {
	margin-right:4px;
	background:url(../images/common/chat/green-dot.png) no-repeat 0 0;
}
.user-wrap-row a span img {
	vertical-align:top;
}
.user-wrap-row a span i,
.friend-list a span i {
	top: -8px;
	position: relative;
}
.top_search.token-input-dropdown li span.offline,
.user-chat-top span.offline {
	background:url(../images/common/chat/grey-dot.png) no-repeat 0 0;
}
.user-wrap-row {
	border-bottom:1px solid #dee2e4;
	padding:4px 18px;
	position:relative;
	cursor:pointer;
}
.user-wrap-row:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.user-wrap-row:first-child::before {
    content: "";
    border-top: 1px solid #dee2e4;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.user-wrap-row:hover {
	background-color:#ebf1f4;
}
img.user-img,
.chat_window_tab li img{
	float:left;
	width: 26px;
	height: 26px;
	margin-top: 1px;
	margin-right:10px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.chat_window_tab li img {
	margin-right:0;
}
.user-wrap-row a span {
	position:absolute;
	top:13px;
	right:19px;
	margin:0;
}

/* Chat Disable
-------------------------------*/
.chat_settings.chat_disable {
	border:none;
	background:none;
	width:auto;
}
.chat_settings.chat_disable .chat-box {
	display:none;
}
.chat_settings.chat_disable .list-group-item {
	background:none;
	border:none;
	margin:0;
}
.chat_settings.chat_disable .chat_setting_bottom a {
	width:auto;
	height:auto;
	padding:0 0 0 38px;
	background:url(../images/common/chat/chat-icon.png) no-repeat 0 50%;
	margin:0;
}
/*.chat_settings.chat_disable .chat_setting_bottom a:last-child {
	background-position:50% 89%;
	margin-left:10px;
}*/
.chat_settings.chat_disable .chat_setting_bottom {
	width:auto;
	right:20px;
	bottom:20px;
	padding:5px 10px;
	height:auto;
	border:none;
	background:#fff;
	box-shadow:0 0px 5px #ccc;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}
.top_search.token-input-dropdown {
	background:#e1e8ec;
	border-top:1px solid #d3e6ea;
	border-bottom:1px solid #d3e6ea;
	padding:0;
	z-index:999999;
}
.top_search.token-input-dropdown p {
	padding:0 10px;
}
.top_search.token-input-dropdown li {
	padding:5px 10px;
	display:block;
}
.top_search.token-input-dropdown li span {
	display:block;
	vertical-align:top;
	padding:0 0 0 15px;
	background:url(../images/common/chat/green-dot.png) no-repeat 0 2px;
}
.top_search.token-input-dropdown li span.offline {
	background:url(../images/common/chat/grey-dot.png) no-repeat 0 2px;
}

.chat_menu.audio_video_disable button{
	opacity:0.5;
	cursor:no-drop;
	position:relative;
}
.chat_menu.audio_video_disable:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1;
	cursor:no-drop;
	width:65px;
}
.msg-row:before,
.msg-row:after{
	clear:both;
	content:"";
	display:table;
}
.msg-row {
	position:relative;
	white-space: pre-line;
}
.msg-row .message{
	background-color:#e8f2f7;
	border:solid 1px #ddecf4;
	border-radius:0 5px 5px 5px;
	padding:5px;
	position:relative;
	margin:0 15px 5px 33px;
	display:inline-block;
	font-size:13px;
	font-weight:400;
}
.msg-row .message span{
	font-size:10px;
	font-weight:400;
	color:#5e6060;
}
.msg-row .message span.date {
    font-size: 10px;
    font-weight: 400;
    color: rgba(111, 105, 95, 0.54);
    line-height: 9px;
    display: block;
}
.msg-row img.chat-user {
	position:absolute;
	top:0px;
	left:-2px;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}
.msg-row.me .message span{
	text-align: right;
}
.msg-row .message:before{
	content:"";
	width:8px;
	height:7px;
	background:url(../images/common/chat/blue-chat-arrow.png) no-repeat 0 0;
	position:absolute;
	top:-1px;
	left:-8px;
}
.msg-row.me .message{
	border-radius:5px 0 5px 5px;
	background-color:#f6f1eb;
	border:solid 1px #f1eae1;
	margin:0 10px 5px 15px;
	float:right;
}
.msg-row.me .message:before{
	content:"";
	width:8px;
	height:7px;
	background:url(../images/common/chat/orange-chat-arrow.png) no-repeat 0 0;
	position:absolute;
	top:-1px;
	left:100%;
}
.daily{
	text-align:center;
}
.daily span{
	border-radius:5px;
	background-color:#e3fff3;
	border:solid 1px #d3f9e8;
	padding:3px;
	font-size:11px;
	display:inline-block;
	text-align:center;
	margin:0 auto;
	margin:10px 0;
	text-transform:uppercase;
}
.loadMore{
	background-color:#bec8cd;
	font-size:11px;
	text-align:center;
	text-transform:uppercase;
	color:#3d5663;
	margin:0 -10px;
}
.loadMore a{
	color:#3d5663;
	text-decoration:none;
	display:block;
	padding:5px 0;
}
.loadMore a:hover{
	background-color:#d3d3d3;
}
/*.video_text_chat .msg-row .message,
.video_text_chat .msg-row.me .message{
	margin:0 20px 5px 15px;
}
*/
.chatOption{
	padding:0;
	text-align:left;
}
.remove-user-list {
	overflow:auto;
}
.chatOption2 .group-chat-friend-list,
.remove-user-list{
	min-height:220px;
	max-height:220px;
	margin:0px;
}
.chatBtn{
	height:48px;
	font-size:15px;
	line-height:48px;
	display:block;
	text-align:center;
	margin-bottom:4px;
	color:#fff;
	text-decoration:none;
}
.chatBtn span{
	display:inline-block;
}
.txtChat{
	width:49%;
	float:left;
	margin-right:4px;
	background-color:#37bc82;
}
.txtChat span{
	background:url(../images/common/chat/icon-txt-chat.png) no-repeat 0 50%;
	padding-left:34px;
}
.txtChat:hover{
	background-color:#31a874;
}
.audioChat{
	background-color:#37b7bc;
	width:49%;
	float:right;
}
.audioChat span{
	background:url(../images/common/chat/icon-audio-chat.png) no-repeat 0 50%;
	padding-left:27px;
}
.audioChat:hover{
	background-color:#30a1a5;
}
.videoChat{
	background-color:#c3683f;
	clear:both;
}
.videoChat span{
	background:url(../images/common/chat/icon-video-chat.png) no-repeat 0 50%;
	padding-left:33px;
}
.videoChat:hover{
	background-color:#af5c36;
}
.scheduleChat{
	background-color:#bec8cd;
	color:#3d5663;
	font-weight:bold;
}
.scheduleChat:hover{
	background-color:#a8b2b7;
}
.videoHeader a {
	position:relative;
}
.videoChatControl{
	float:right;
	margin-right:40px;
}
.terminate{
	font-size:13px;
	font-weight:bold;
	color:#F00 !important;
	background:none;
	border:0;
	text-transform:uppercase;
	position:relative;
	top:4px;
	margin-left:7px !important;
}
.cancelCall{
	color:#020508 !important;
}
.acceptBtn{
	background:url(../images/common/chat/icon-right.png) no-repeat 87% 50% #1ea681 !important;
	color:#fff !important;
	margin-left:10px;
}
.rejectBtn{
	background:url(../images/common/chat/icon-cancel-white.png) no-repeat 87% 50% #da673e !important;
	color:#fff !important;
}
.none{
	display:none !important;
}
.videoWrapper{
	position:relative;
}
.tableShowContainer{
}
.chat-module ul.token-input-list {
	background:none;
	border:none;
	padding:0;
	float:none;
}
.chat-module li.token-input-input-token {
	float:none;
}
.group-chat-friend-list {
    bottom: 50px;
    left: 0;
    overflow: auto;
    padding:0;
    right: 0;
    top: 110px;
}

/* Icon Bar */
.chatOptionOnline {
	font-size:0;
	letter-spacing:0;
	text-align:left;
	padding-top:3px;
	height:31px;
	background-color:#f6f6f6;
	border-top:1px solid #35ac19;
	border-bottom:1px solid #eaeaea;
	position:relative;
}
.chatOptionOnline * {
	font-size:13px;
	line-height:normal;
	letter-spacing:normal;
}
.chatOptionOnline .crt-grp {
	font-size:0;
	text-indent:-100000px;
	width:20px;
	height:15px;
	display:inline-block;
	vertical-align:middle;
	margin:0 0 0 8px;
	background:url(../images/common/chat/create-grp.png) no-repeat 0 0;
}
.chatOptionOnline .old-msg {
	font-size:0;
	text-indent:-100000px;
	width:20px;
	height:15px;
	display:inline-block;
	vertical-align:middle;
	margin:2px 0 0 8px;
	background:url(../images/common/chat/older-msg.png) no-repeat 0 0;
}
.chatOptionOnline .vdo-msg {
	font-size:0;
	text-indent:-100000px;
	width:20px;
	height:16px;
	display:inline-block;
	vertical-align:middle;
	margin:3px 0 0 8px;
	background:url(../images/common/chat/vdo-msg.png) no-repeat 0 0;
}

.chatOptionOnline .more-opt-icon {
	font-size:0;
	text-indent:-100000px;
	width:20px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
	margin:0;
	position:absolute;
	top:4px;
	right:8px;
	cursor:pointer;
	background:url(../images/common/chat/more-opt-icon.png) no-repeat 50% 50%;
}
.more-opt-box {
    background-color: #fff;
    /*height: 200px;*/
	padding:20px 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 29px;
    z-index: 9;
	display:none;
}
.more-opt-box a {
    color: #404040;
    display: block;
    font-size: 15px;
	font-weight:600;
    line-height: 40px;
    padding: 0 0 0 56px;
	text-decoration:none;
}
.more-opt-box a.add-user {
	background:url(../images/common/chat/add-user-icon.png) no-repeat 13px 50%;
}
.more-opt-box a.leave-group {
	background:url(../images/common/chat/leave-grop-icon.png) no-repeat 13px 50%;
}
.more-opt-box a.remove-user {
	background:url(../images/common/chat/remove-user-icon.png) no-repeat 13px 50%;
}
.more-opt-box a.save-group {
	background:url(../images/common/chat/save-group-icon.png) no-repeat 13px 50%;
}

.chat_header h6 span.grp-user {
    background-color: #ecedf2;
    border: 1px solid #c2c2c2;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    height: 25px;
    line-height: 23px;
    margin: 0 0 4px;
    overflow: hidden;
    padding: 0 5px;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: pre;
    width: 75px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
}
.search_user_create {
	text-align:left;
	padding:10px 0;
}
.search_user_create input {
    margin: 0 12px;
    width: 93% !important;
}
.user-wrap-row2 {
	text-align:left;
}
.user-wrap-row2 input[type='checkbox'] {
	float:left;
	margin:9px 10px 0 0;
}
.user-wrap-row2 input[type='checkbox'] {
	float:left;
	margin:9px 10px 0 0;
}
.user-wrap-row2 .remove-user {
	float:left;
	margin:9px 10px 0 -8px;
	cursor:pointer;
}
.user-wrap-row2 a {
    color: #93a0a7;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    margin-right: 20px;
    padding:6px 0 0;
    text-decoration: none;
    display: inline-block;
	vertical-align:top;
}
.grp-chat-info {
	padding:5px 0;
	background-color:#eceff1;
}
.grp-msg {
	color:#757575;
	font-size:12px;
	line-height:18px;
	text-align:left;
	padding:0 12px;
	margin-bottom:5px;
}
.two-buttons {
	font-size:0;
	letter-spacing:0;
	text-align:center;
}
.two-buttons input[type="button"] {
	font-size:14px;
	color:#404045;
	line-height:25px;
	width:45%;
	height:30px;
	margin:0 5px;
	display:inline-block;
	vertical-align:top;
	background-color:#fff;
	border:1px solid #d9d9d9;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.two-buttons input.create[type="button"] {
	color:#fff;
	background-color:#387ef9;
	border:none;
}







@media only screen
and (min-width : 801px)
and (max-width : 1024px) {
	.minimize-chat-content {
		width:400px;
	}
	.chat_settings {
		top:92px;
	}
	.chat_window {
		width:100%;
	}
	#dial {
		top:-41px;
		right:56px;
	}
	#controls {
		top:44px;
		right:-58px;
	}
}
@media only screen
and (min-width : 600px)
and (max-width : 800px) {
	.minimize-chat-content {
		width:350px;
	}
	.audio_video_window {
		height:auto;
	}
	.chat_window {
		width:100%;
	}
}

@media only screen
and (min-width : 600px)
and (max-width : 1024px) {
	.chat_action_link, .chat_action_link2 {
		top:20px;
	}
	.chat_header{
		padding-top: 0;
		padding-bottom: 0;
	}
	.audio_video_window {
		height:auto;
	}
	.chat_content {
		min-height: 50px;
		max-height: 50px;
	}
	.video_text_chat{
		max-height: 50px;
	}
	.chat_action_link li, .chat_action_link2 li {
		margin:0;
	}
	.chat_action_link2 li.minimize_chat a,
	.chat_action_link2 li.cancel_chat a,
	.chat_header a{
		width:15px;
		height:15px;
		background-size:32px auto;
	}
	#invite-container,
	.chat_menu {
		margin-top:5px;
	}
}
.local-large-video-poster{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: url(../images/common/chat/no-video-big.gif) no-repeat center center fixed;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
.typing-user {
    color: #6d6e72;
    display: block;
    font-size: 12px;
    font-style: italic;
    padding: 0 0 2px 10px;
    text-align: left;
}
.text-chat-sub-container {
	position: relative;
}
.new-msg-count {
    color: #6d6e72;
    display: block;
    font-size: 12px;
    font-style: italic;
    padding: 0 10px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #ccc;
    color: #000;
    bottom: 67px;
}
.msg-loading {
    color: #6d6e72;
    display: block;
    font-size: 12px;
    font-style: italic;
    padding: 0 10px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #ccc;
    color: #000;
    bottom: 245px;
}
.msg-loading.conference {
	bottom:inherit;
	top:67px;
}
.person-pic{
	display: block;
	margin: 0 auto 10px;
	width: 100px;
	height: 100px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* Video Chat Minimize */
.chat_window_minimize {
	background:none;
	border:none;
}
.chat_window_minimize .text_chat_window {
	display:none;
}
.video_chat_min {
	width:auto;
	right:20px;
	bottom:20px;
	padding:5px 10px;
	height:auto;
	border:none;
	background:#fff;
	box-shadow:0 0px 5px #ccc;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:999999;
	display:none;
}
.video_chat_min a {
	display:inline-block;
	vertical-align:top;
	width:auto;
	height:auto;
	font-size:14px;
	text-align:left;
	line-height:32px;
	font-weight:bold;
	color:#93a0a7;
	text-decoration:none;
	text-transform:uppercase;
	padding:0 0 0 38px;
	margin-left:0;
	background:url(../images/common/chat/chat-icon.png) 0 50% no-repeat;
	white-space:pre;
}
.chat_window_minimize .video_chat_min {
	display:block;
}
.save-group-box {
	padding:0 10px;
	text-align:right;
}
.save-group-box button {
    background-color: #f6f6f6;
    border: 1px solid #ccc;
    width: 57px;
}
/* Message Tick */
.message_individual {
	position:relative;
}
.message_individual i {
	font-size:9px;
	color:#a9a9a9;
    left: -20px;
    position: absolute;
    top: 8px;
}
.message_individual i.read {
	color:#00c62d;
}
.message_individual i.failed {
    color: #ff1b1b;
    font-size: 10px;
}
.active_tab.text_chat_box textarea {
	border: 1px inset #696969;
}
/* Not Supported Browser */
.not-supported-main {
	top:inherit;
	height:201px;
}
.not-supported {
    font-size: 13px;
    color: #222222;
    font-weight: 500;
    text-align: center;
    margin:0 -1px;
	padding:8px;
    background-color: #f9edbe;
    border: 1px solid #f0c36d;
	position:static;
}
.unread-message-count {
    font-size: 10px;
    color: #fff;
    text-align: center;
    line-height: 15px;
    font-weight: 600;
    width: 20px;
    height: 20px;
    background-color: #ff1e1e;
    position: absolute;
    top: 0;
    left: 9px;
    display: block;
    border: 2px solid #fff;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.msg-info {
	font-size: 11px;
	color:#000;
	text-align: center;
	background-color:#ccc;
	display: block;
	border-top:1px solid #c2c2c2;
}