@charset "utf-8";
/* Alerts */

#test_button{
	position:absolute;
	
	top:0px;
}

body,html{
	overflow:hidden;
}

#alert_container{
	position:absolute;
	
	bottom:0px;
	
	backface-visibility: hidden;
	
	width:100%;
	height:100%;
	
	display:none;
	/*opacity:0;*/
	
	overflow:hidden;
	
	cursor:pointer;
	
	transform-style: preserve-3d;
	perspective: 600px;
	
	pointer-events:none;
}

.alert_block{
	position:absolute;
	
	right:15px;
	bottom:15px;
	
	width:420px;/*320px*/
	/*height:185px;*/
	display:block;
	
	background-color:#FFF;
	
	border: 0px solid;
	
    -moz-box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.3);
	
	transform-style: preserve-3d;
	transform-origin:left center;
	
	backface-visibility: hidden;
	
	pointer-events:auto;
}

.alert_tn{
	position:absolute;
	
	left:60px;
	top:15px;
	
	width:65px;
	height:65px;
	
	display:block;
	
	background-repeat:no-repeat;
	background-size:100% 100%;
	
	/*border-radius: 50%;
	border: solid #82c6c7 2px;*/
}

.alert_tn_exit{
	/*border: solid #c95353 3px!important;*//*cb4444*/
}

.alert_label{
	position:absolute;
	
	left:145px;
	top:19px;
	
	color:#525252;
	
	font-weight:500;
	
	font-family: 'Lato', sans-serif;
}

.alert_desc{
	position:absolute;
	
	left:145px;
	top:40px;
	
	color:#000000;
	
	font-weight:500;
	
	font-family: 'Lato', sans-serif;
}

.alert_user_joined{
	background-repeat:no-repeat;
	background-size:100% 100%;
	
	background-image:url("../images/alert_userjoin.png");
}

.alert_user_exit{
	background-repeat:no-repeat;
	background-size:100% 100%;
	
	background-image:url("../images/alert_userexit.png");
}