/* NOTE :  THIS FILE IS SHARED BY WEB AND APP */

.dialog_bg
{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-image:url(../img/bg/building-icon-name.png);
}

.dialog_bg .dialog_box
{
	position:absolute;
	top:75px;
	left:50%;
	height:auto;
	background-color:#ffffff;
	border:1px solid #888888;
	box-sizing:border-box;
	
	width:400px;
	margin-left:-200px;
	padding:16px;
}

.dialog_bg .dialog_box .dialog_label
{
	font-size:14px;
	margin:8px 0px 24px 0px;
}

.dialog_bg .dialog_box .dialog_yes
{
	float:left;
}

.dialog_bg .dialog_box .dialog_no
{
	float:right;
}

@media only screen and (max-width: 400px)
{
	.dialog_bg .dialog_box
	{
		width:300px;
		margin-left:-150px;
		padding:8px;
	}
}

.loader_panel
{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:101;
}

.loader_panel .loader_bg
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:#ffffff;
	opacity:0.75;
}

.loader_panel .loader_animation
{
	position:absolute;
	left:50%;
	top:50%;
	width:48px;
	height:48px;
	margin-top:-24px;
	margin-left:-24px;
	
	/*background-image:url(../img/indication/wait-connect.gif);*/
	background-image:url(../img/indication/wait-connect-a1.png);
	
	/*animation-name: rotatationloader;*/
	animation: rotation 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@keyframes rotation
/*@keyframes rotatationloader*/
{
	from
	{
		transform: rotate(0deg);
	}
	to
	{
		transform: rotate(359deg);
	}
}

.loader_panel .loader_animation_bg
{
	position:absolute;
	left:50%;
	top:50%;
	width:48px;
	height:48px;
	margin-top:-24px;
	margin-left:-24px;
	/*
	width:96px;
	height:96px;
	margin-top:-48px;
	margin-left:-48px;
	*/
	background-image:url(../img/indication/wait-connect-bg.png);
}

.loader_panel .loader_progress
{
	position:absolute;
	left:50%;
	top:50%;
	width:48px;
	height:24px;
	margin-top:32px;
	margin-left:-24px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	display:none;
}

/* colorbox move to bg */
#cboxOverlay.background_layer,
#colorbox.background_layer
{
	z-index:0;
}