body{
	padding-bottom:0px !important;
}

#vms_chat{
	position:fixed;
	height:0;
	bottom:0;
	width:100%;
	z-index:8889;
	display:none;
}

#vms_chat.vms_chat_hidden{}
#vms_chat.vms_chat_hidden .vms_chat_users_box {}
#vms_chat.vms_chat_hidden .vms_chat_users_box .vms_chat_users_content{display:none;}
#vms_chat.vms_chat_hidden .vms_chat_users_box .vms_chat_users_bar{}
#vms_chat.vms_chat_hidden .vms_chat_users_box .vms_chat_close_butt{display:none;}
#vms_chat.vms_chat_hidden .vms_chat_users_box .vms_chat_show_butt{display:block;}

#vms_chat_chatboxes{
	width:100%;
	height:0px;	
}
#vms_chat.vms_chat_hidden #vms_chat_chatboxes{
}
#vms_chat.vms_chat_hidden #vms_chat_chatboxes .vms_chat_box{
}

.vms_chat_close_butt{display:block;}
.vms_chat_show_butt{display:none;}

/* ================== USERS BOX ====================== */
.vms_chat_users_box{
	position:absolute;
	bottom:0px;
	right:0;
	width:220px;
	padding:0 0 35px 0;
	background:#eee; 
}
.vms_chat_users_title{
	text-align:right;
	background:#8cc63f;
	color:white;
}
.vms_chat_users_title .icoButt{
	border:none;
	color:white;
	background:none;
}
.vms_chat_users_content{
	color:#22335e;
	padding:1px;
	margin:0 0 0px 0;
	max-height:70vh;
	overflow-y:auto;	
}
.vms_chat_users_bar{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	background:#333;
	
}
.vms_chat_users_bar .icoButt{
	display:block;
	height:35px;
	line-height:30px;
	text-align:center;
	border:none;
	box-sizing:border-box;
	background:none;
	color:white;
}
/* ================== USERS USER ====================== */
.vms_chat_user{
	padding:2px;
	margin:0 0 1px 0;
	cursor:pointer;
	box-sizing:border-box;
	border-bottom:1px dotted rgba(0,0,0,0.1);
	position:relative;
}
.vms_chat_user:last-child{
	margin:0;
}
.vms_chat_user:hover{
	background:rgba(255,255,255,0.5);
}
.vms_chat_user_name{
	color:#22335e;
	position:absolute;
	top:5px;
	left:50px;
	font-size:12px;
}
.vms_chat_user_level{
	color:#22335e;
	position:absolute;
	top:17px;
	left:50px;
	font-size:10px;	
	color:rgba(0,0,0,0.4)
}
.vms_chat_user_img{
	color:#22335e;
	height:30px;
	width:30px;
}
.vms_chat_user_state{
	position:absolute;
	top:13px;
	right:10px;
	width:10px;
	height:10px;
	border-radius:5px;
	background:green;
	text-indent:-999em;
	overflow:hidden;
}
.vms_chat_user_state.iddle{background:orange;}
.vms_chat_box .vms_chat_user_state{
	top:13px;
	left:10px;	
	width:10px;
	height:10px;	
}
/* ================== CHAT BOX ====================== */
.vms_chat_box{
	background:#eee;
	position:absolute;
	bottom:0px;
	width:240px;
	color:grey;
	box-shadow:0 0 3px rgba(0,0,0,0.3);
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

.vms_chat_box_blink{
	background:#fed09e !important;
}

.vms_chat_box_show_butt, .vms_chat_box_minimize_butt, .vms_chat_box_close_butt{
	position:absolute;
	top:5px;
}
.vms_chat_box_show_butt .icolabel, .vms_chat_box_minimize_butt .icolabel, .vms_chat_box_close_butt .icolabel{
	display:none;
}
.vms_chat_box .icoButt{
	background:none !important;
	border:none;
	color:white;
}
.vms_chat_box .icoButt:hover{
	background:rgba(0,0,0,0.1) !important;
	border:none;
}
.vms_chat_box_show_butt{right:30px; display:none}
.vms_chat_box_minimize_butt{right:30px;}
.vms_chat_box_close_butt{right:5px;}

.vms_chat_box_title{
	padding:10px 10px 10px 25px;
	cursor:pointer;
	background:#8cc63f;
	color:white;
	box-sizing:border-box;
}

.vms_chat_box_content{
	background:#eee;
	overflow-y:scroll;
	color:black;
	padding:3px;
	margin:0 0px;
	height:220px;
	word-break: break-word;
	-ms-word-wrap: break-word !important;
}

.vms_chat_box_message_user, .vms_chat_box_message_me{
	padding:5px;
	margin:0 0 3px 0;
	font-size:11px;
	border-radius:5px;
	box-shadow:0 0 2px rgba(0,0,0,0.2)
}

.vms_chat_box_message_user{background:#bbe7f7; margin:0 20px 3px 0}
.vms_chat_box_message_me{background:#fff; margin:0 0 3px 20px}
.vms_chat_box_message_nadpis{font-weight:bold;}

.vms_chat_box_input{
	padding:3px;
}
.vms_chat_box_input textarea{border:none; font-size:11px; width:100%; box-shadow:none;}
.vms_chat_box_hidden{ background:#0f1e43;}
.vms_chat_box_hidden .vms_chat_box_show_butt{display:block;}
.vms_chat_box_hidden .vms_chat_box_minimize_butt{display:none;}
.vms_chat_box_hidden .vms_chat_box_content{display:none;}
.vms_chat_box_hidden .vms_chat_box_input{display:none;}
.vms_chat_box_hidden .vms_chat_box_title{}

.vms_chat_box_offline{background:#777 !important;}

/* ================== INFO CHANNEL BOX ====================== */
.vms_chat_infochannel{
	position:absolute;
	top:13px;
	left:85px;
	z-index:1;
	width:100%;
	/*cursor:pointer;*/
	font-size:16px;

}

.letterfx-container{}

.letterfx{
    display:inline-block;
    margin:0;
    padding:0;
    transition: all 1s; -ms-transition: all 1s; -webkit-transition: all 1s;
}

/* Spin FX */
.letterfx-spin-before{
    transform:rotate(3600deg); -ms-transform:rotate(3600deg); -webkit-transform:rotate(3600deg);
}

.letterfx-spin-after{
    transform:none;
}

/* Fade FX */
.letterfx-fade-before{
  opacity: 0;
}


/* Grow FX */
.letterfx-grow-before{
    transform:scale(0,0); -ms-transform:scale(0,0); -webkit-transform:scale(0,0);
}

.letterfx-grow-after{
    transform:none;
}


/* Smear FX */
.letterfx-smear-before{
    color: transparent;
    text-shadow:-1px -1px 25px transparent;
}

.letterfx-smear-after{
    color:inherit;
    text-shadow:0 0 #333;

}

/* Fall FX */
.letterfx-fall-before
{
    visibility: hidden;
    transform:scale(3,3); -ms-transform:scale(3,3); -webkit-transform:scale(3,3);
}

.letterfx-fall-after{
    transform:scale(1,1); -ms-transform:scale(1,1); -webkit-transform:scale(1,1);
    text-shadow:0;
}

/* Swirl FX */
.letterfx-swirl-before
{
    visibility: hidden;
    transform:scale(3,3) rotate(3600deg); -ms-transform:scale(3,3) rotate(3600deg); -webkit-transform:scale(3,3) rotate(3600deg);
}

.letterfx-swirl-after{
    transform:none;
    text-shadow:0;
}


/* Wave FX */
.letterfx-wave-container .letterfx
{
    position:relative;
}

.letterfx-wave-before
{
    bottom:0;
}

.letterfx-wave-after{
    bottom:15px;
}



/* FLY FX */
.letterfx-fly-left-container .letterfx,
.letterfx-fly-right-container .letterfx,
.letterfx-fly-top-container .letterfx,
.letterfx-fly-bottom-container .letterfx
{
    position:relative;
}

.letterfx-fly-left-before{ left:-50em; }
.letterfx-fly-left-after{ left:0; }

.letterfx-fly-right-before{ right:-50em; }
.letterfx-fly-right-after{ right:0; }

.letterfx-fly-top-before{ top:-20em; }
.letterfx-fly-top-after{ top:0; }

.letterfx-fly-bottom-before{ bottom:-20em; }
.letterfx-fly-bottom-after{ bottom:0; }

.displayNone {display:none;}


@media screen and (max-width: 699px) {
	.vms_chat_users_box{
		width:100%;
	}
	.vms_chat_box{
		width:100%;
		height:100vh;
	}
	.vms_chat_box_title{
		height:10vh;
	}
	
	.vms_chat_box_content{
		height:70vh;
	}	
	
	.vms_chat_box_input{
		height:20vh;
	}	
	.vms_chat_box_input textarea{height:20vh;}		
}

@media screen and (max-width: 990px) and (min-width: 700px) {
	#webLanguages{position:relative; top:0; left:0;display:none;}
}