@charset "utf-8";

/* xe_popup_border */
.xe_popup_border{
	z-index: 98;
	display: block;
	border: 1px solid #cecece;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}

.xe_popup_border p{
	margin:0px;padding:0px;
}
.xe_popup_border .popupbody{
	position: relative;
	cursor: hand;
	overflow: hidden;
	width: auto;
	margin: 0;
	padding: 0;
}
.xe_popup_border .popupcloser{
	position: relative;
	cursor: move;
	overflow: hidden;
	width: auto;
	display: flex;
	margin: 0;
	padding: 0;
	background-color: #000000;
}
.xe_popup_border .popupcloser label {
	position: relative;
	width: 50%;
	padding: 9px 0;
	border-right: 1px solid #bdbdbd;
	cursor: pointer;
}
.xe_popup_border .popupcloser input{
	cursor: pointer;
	width: 12px;
	height: 12px;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: middle;
	appearance: none;
}
.xe_popup_border .popupcloser span{
	color: #ffffff;
	position: absolute;
	top: 0;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.xe_popup_border .popupcloser button {
	width: 50%;
	display: block;
	cursor: pointer;
	border: 0;
	padding: 9px 0;
	margin: 0;
	padding: 0;
	position: relative;
	color: #fff;
	font-size: 1.4rem;
	background-color: #000;
}


/* xe_popup_borderless */
.xe_popup_borderless{
	z-index: 999999;
	display: block;
	border: none;
	background-color: transparent;
	margin: 0;
	padding: 0;
}
.xe_popup_borderless .popupbody{
	position: relative;
	cursor: hand;
	overflow: hidden;
	width: auto;
	margin: 0;
	padding: 0;
	background-color: transparent;
}
.xe_popup_borderless .popupcloser{
	cursor: move;
	overflow: hidden;
	width: auto;
	margin: 0;
	padding:5px 20px 0 0;
	background-color: transparent;
	text-align: right;
}
.xe_popup_borderless .popupcloser input{
	cursor: pointer;
	width: 12px;
	height: 12px;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: middle;
}
.xe_popup_borderless .popupcloser span{
	color: #000;
	font-family: Tahoma,Geneva,sans-serif;
	font-size: 12px;
	padding-left:5px;
}
.xe_popup_borderless .popupcloser button{
	position: absolute;
	display: block;
	cursor: pointer;
	border: 0;
	top: 0;
	right: 0;
	width: 17px;
	height: 17px;
	margin: 0;
	padding: 0;
	background: url('./addons/popup_opener/close.png') no-repeat;
}

@media (max-width: 992px) {
	.xe_popup_border {
		border: unset;
		width: calc(100% - 30px)!important;
		top: 65px!important;
		left: 15px!important;
	}
	.xe_popup_border .popupbody {
		height: auto!important;
	}
}
.xe_popup_border .popupbody img {
	max-width: 100%!important;
	display: block;
}