@charset "UTF-8";
/* CSS Document */

.popup-holder {
	visibility:visible;
	display:block;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgba(127,127,127,0.5);
	background-color:rgba(255,255,255,0.5);
	background-color:rgba(67,67,97,0.5);
	transition:background 0.15s linear, visibility 0.01s linear 0.15s;
	/*
	background-color:rgba(255,255,255,0.5);
	background-image:url(../pics/debug/diagonals.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
	*/
	z-index:auto;
}
.popup-holder.hidden {
	visibility:hidden;
	display:none;
	background-color:rgba(255,255,255,0.0);
	background-color:rgba(67,67,97,0.0);
	transition:background 0.15s linear, visibility 0.01s linear 0.15s;
}

.popup-holder
	.popup-frame {
		width:100%;
		height:100%;
		margin:0px;
		padding:0px;
		border:none;
	}

/* Z-INDEXES */

.popup-holder { z-index:50000; }

.notice-popup {
	position: fixed;
	z-index: 10001;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%);
	width: 500px;
	max-width: calc(100% - 50px);
	padding: 35px 25px 30px 25px;
	border: 2px solid #BF0000;
	border-radius: 8px;
	background-color: #FFE77D;
	box-shadow: 0 5px 15px 0 #000000AA;
}
.notice-popup * {
	user-select: none;
}

.notice-popup:after {
	content:" ";
	position: fixed;
	left: -5000px;
	top: -5000px;
	width: 10000px;
	height: 10000px;
	z-index: -999;
	background-color: #00000001;
}
.notice-popup:before {
	content:"×";
	display: block;
	float: right;
	position: relative;
	top: -30px;
	left: 20px;
	border-radius: 15px;
	width: 20px;
	height: 20px;
	margin: 0 0 -20px 0;
	background-color: black;
	color: white;
	text-align: center;
	cursor: pointer;
}