
.popup_window {
	background: #fff;
    position: absolute;
    margin-top: 5px;
	max-width: 100%;
    top: 50%;
    transform: translateY(-50%);
    max-height: 96vh;
    overflow-y: auto;
	border: 1px solid $gray-200;
    border-radius: var(--theme-rounded-corners);
	box-shadow: 0 0 8px rgba(0,0,0,0.1);
	z-index: 10030;

	.header {
		font-size: 18px;
		cursor: move;
		padding: 15px;
		width: 85%;
		float: left;
	}

	.close {
	width: 15%;
	float: left;
	padding: 15px;
	text-align: right;
	}

	.popup-body {
		padding: 15px;
		clear:both;
	}
}

.popup_window_modal {
	z-index: 11000;
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 480px) {

	.popup_window {
		left: 0 !important;
	}

}
