.ax-window {
	color:#111;
	width:100%;
	height:100%;
	position:fixed;
	top:0; 
	right:0; 
	margin:0px; 
	z-index:9999999999; 
	background-color:rgba(0,0,0, 0.7); 
	text-align:center; 
	padding-top:70px; 
	animation-name: example; 
	-webkit-animation-duration: 0.2s; 
	animation-duration: 0.2s; 
}
.ax-window-box {
	background-color:#FFF; 
	max-width:350px; 
	width:90%; 
	margin:0 auto; 
	padding:10px 0px;
}
.ax-window-btn { 
	background-color:#AAAAAA; 
	text-transform:uppercase; 
	margin:5px 10px 0px 10px; 
	cursor:pointer; 
	padding:8px 10px; 
	color:#FFF; 
	font-size:14px; 
}
.ax-window-btn.activated { 
	background-color:' + ax_color + '; 
}
.ax-window-btn:active { 
	background-color:#555; 
}
#ax-window-msg { 
	font-size: 20px; 
	padding-bottom:12px;
}
.popupmsg {
	position:absolute; 
	width:100%; 
	background-color:' + this.popmsgclr + ';
	color:#FFF; 
	-webkit-box-sizing: content-box; 
	box-sizing: content-box; 
}

.app-loader {
	display:none
}
.popupmsg.on-top { 
	top:0px;
	padding:10px 0px 10px 0px;
	height:25px;
	line-height:25px;
}
.popupmsg.on-bot { 
	bottom:0px;
	padding:10px 0px 10px 0px;
	height:25px;
	line-height:25px;
}
.popupmsg div.material-icons { 
	position:absolute;
	left:10px;
	top:16px;
}
.ax-log { 
	width:90%;
	max-width:500px;
	height:250px;
	background-color:#000;
	margin:0 auto;
	border-radius:3px;
}
.ax-log-header { 
	margin:0;
	height:25px;
	line-height:25px;
	background-color:#FFF;
	color:#000;
	text-align:left;
	text-indent:10px; 
}
.ax-log-header span { 
	float: right;
	cursor: pointer;
	margin-right: 3px;
	text-indent: 0;
}
.ax-log-header span i { 
	border: solid 1px #000;
	padding: 0 6px;
	font-style:normal; 
}
.ax-log-body { 
	overflow-y: scroll !important;
	overflow-y: hidden;
	height: calc(100% - 25px);
}
.ax-log-body ul { 
	list-style-type:none;
	padding-left:10px;
}
.ax-log-body ul li { 
	color:#CCC;
	text-align: left;
}
.ax-log-body ul li span { 
	float:right;
	margin-right:8px;
	font-size:12px;
}
.ax-log-body ul li.ax-err { 
	color:#F00
}
.ax-show-log { 
	position:fixed;
	top:50%;
	right:0;
	opacity:0.07;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#FFF;
	background-color:#000;
	cursor:pointer;
	z-index: 99999; 
}
div.spin_on { 
	margin: 0 auto;
	padding: 0-webkit-animation-name: spin;
	-webkit-animation-duration: 800ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin;
	-moz-animation-duration: 800ms;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spin;
	-ms-animation-duration: 800ms;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	animation-name: spin;
	animation-duration: 800ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	color: #FFF !important;
	font-size: 35px;
	text-align: center;
}
.ax-btm { 
	position: fixed;
	bottom: 0;
}

@-webkit-keyframes example { from {opacity: 0;} to {opacity: 1;} }
@keyframes example { from {opacity: 0;} to {opacity: 1;} }
@-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(-360deg); }}
@-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(-360deg); }}
@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); }    to { -webkit-transform: rotate(-360deg); }}
@keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(-360deg); }}