@charset "UTF-8";
/* light box */
.lb_lightbox, .lb_lightbox > div {box-sizing:border-box;}

.lb_lightbox {
position:fixed; /*un-fix if you're not loading into body*/
z-index:9999999999999;/* z-index needs to be higher than any other elements in your page */
top:0px;
left:0px;
width:100%;
height:100%;}

.lb_shade {
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.83);
	cursor:pointer; 
}
.lb_loadAnimation {
	position: absolute;
  	color:white;
  	background-color:white;
  	opacity: 0.8;
	width:40px;
	height: 40px;
	text-indent: -999em;
	/*center */
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	animation: loading 1.0s infinite ease-in;
}
@keyframes loading {
  0%, 100% { 
    transform: scale(.25) rotate(0deg);
  } 
  50% { 
    transform: scale(1) rotate(90deg);
  }
}

/* main window */
.lb_window {
position:absolute; z-index:9999999999999; 
background-color:#FFFFFF;
border-radius: 0px;
width:80%;
height:80%;
max-width: 900px;
max-height: 450px;
padding:20px;
/* center */
left:50%;
top:50%;
transform: translate(-50%,-50%);}


.lb_content {
position: relative;
overflow: hidden;
width: 100%;
height: 100%; 
padding:15px; 
margin:15px 0 15px 0;  }

.lb_closeBtn {
	position: absolute;
	top: 10px;
	right: 5px;	
	width:50px;
	height:50px;
	cursor:pointer; 
}