div.mask{
  display:none;
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:rgb(20,20,20);
  background-color:rgba(0,0,0,.8);
  z-index:9999999999999998;
}

div.close-mask{
  display:none;
  position:fixed;
  top:2%;
  right:2%;
  cursor:pointer;
  z-index:9999999999999999;
  font-size:6rem;
  font-weight:400;
  color:#fff;
}

div#mask2{
	
	z-index:2000;
}

div#alert{
  display:none;
  position:fixed;
  top:10%;
  left:50%;
  width:400px;
  margin-left:-220px;
  z-index:9999999999999999;
  font-family:'Roboto',sans-serif;
  
  
   background-color:#fff;
  
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  
  -webkit-box-shadow: 0px 0px 8px #aaa;
  -o-box-shadow: 0px 0px 8px #aaa;
  -moz-box-shadow: 0px 0px 8px #aaa;
  box-shadow: 0px 0px 8px #aaa;
  
  padding:20px;

}



div#alert .message {
	line-height:1.3em;
	font-weight:bold;
	padding-bottom:30px;
}

div#alert .buttonbar{
	
	text-align:right;
}

div#alert button{
	font-size:16px;
	font-family:'Roboto',sans-serif;
	color:#fff;
	font-weight:500;
	padding:5px 20px;
	border:none;
	border-radius:2px;
	
	transition: transform .5s;
	background-color:deepskyblue;
	/*border:solid 1px deepskyblue;*/
	cursor:pointer;
	margin-left:15px;
}

div#alert button.negative{
	
	background-color:#c00;
}

div#popup-iframe{
  display:none;
  position:fixed;
  top:4%;
  bottom:4%;
  left:4%;
  right:4%;
  z-index:9999999999999999;
  
   background-color:#fff;
  
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  
  -webkit-box-shadow: 0px 0px 8px #aaa;
  -o-box-shadow: 0px 0px 8px #aaa;
  -moz-box-shadow: 0px 0px 8px #aaa;
  box-shadow: 0px 0px 8px #aaa;
  
  padding:0px;

}

div#popup-iframe iframe{
  border:none;
  margin:1%;
  width:98%;
  height:98%;
  overflow-y:auto;
}

div#hidden-iframe{
  display:none;
}

.close-dialog{
  position:absolute;
  right:-10px;
  top:-10px;
  width:24px;
  height:24px;
  background-color:#900;
  color:#fff;
  font-size:12px;
  line-height:24px;
  text-align:center;
  cursor:pointer;
  -webkit-border-radius:12px;
  -moz-border-radius:12px;
  -ms-border-radius:12px;
  border-radius:12px;
}

div#loading{
  display:none;
  position:fixed;
  z-index:1001;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:url(../images/loading.gif) center center no-repeat;
  
}

@media only screen and ( max-width: 1023px ){
	
	div#popup-iframe{
		width:auto !important;
		margin-left:0 !important;
		left:4% !important;
		right:4% !important;
		
	}
}