.mfp-bg {
	opacity: 0.7;
	background-color: #777777;
}
button.mfp-close, button.mfp-arrow {
	background: #888;
}
.mfp-close {
	width: 20px;
	height: 20px;
	line-height: 20px;
}

.white-popup {
	position: relative;
	background: #ffffff;
	padding: 20px;
	width: auto;
	max-width: 620px;
	margin: 20px auto;
 	box-shadow: 0px 0px 30px rgba(0,0,0,0.7);
}

.grey-popup {
	background: #F0F0F0;
}

.sw-header {
    background-image: url(../../../../images/admin/main/popup_logo.gif);
    background-repeat: no-repeat;
    background-position: 0px -10px;
    padding: 11px 0px 10px 120px;
    font-weight: bold;
    color: #ffffff;
    background-color: #262B33;
	margin-bottom: 20px;
}

/* ====--- custom overwrite ---=== */
/* ===================================== */
.mfp-wrap {
    overflow: hidden !important;
}
.mfp-iframe-holder {
    padding-bottom: 20px !important;
}
.mfp-iframe-holder .mfp-content {
    height: 100% !important;
    max-width: 100% !important;
}
.mfp-iframe-scaler iframe {
    background-color: #ffffff !important;
    box-sizing: border-box !important;
    padding: 20px !important;
}


/* ====--- mfp-white-popup-header ---=== */
/* ===================================== */
.mfp-white-popup-header {
	position: relative;
	background: #ffffff;
	padding: 20px 20px 20px 20px;
	width: auto;
	max-width: 650px;
	margin: 20px auto;
 	box-shadow: 0px 0px 30px rgba(0,0,0,0.7);
}
.mfp-white-popup-header .sw-header {
	margin: -15px -15px 20px -15px;
}
.mfp-white-popup-header .mfp-close {
	top: 15px;
	right: 15px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	padding: 0px;
	text-align: center;
	color: #ffffff !important;
	background: none;
	opacity: 1;
}
.mfp-white-popup-header .mfp-close:hover {
	opacity: 0.5;
}
.mfp-white-popup-header .save-bar {
	text-align: right;
	padding-top: 20px;
}

/* ====--- mfp-white-overlay ---=== */
/* ===================================== */
.mfp-white-overlay {}
.mfp-white-overlay .mfp-iframe {
	border: 20px solid #ffffff;
	border-top-width: 40px;
}
.mfp-white-overlay .mfp-iframe-holder {
	padding: 20px 20px 20px 20px !important;
}
.mfp-white-overlay .mfp-iframe-holder .mfp-close {
	top: 10px;
	right: 19px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	padding: 0px;
	text-align: center;
	color: #565A59 !important;
	background: none;
	opacity: 1;
}
.mfp-white-overlay .mfp-iframe-holder .mfp-close:hover {
	opacity: 0.5;
}
.mfp-white-overlay .mfp-iframe-scaler iframe {
	padding: 0px 0px 0px 0px !important;
	background: #ffffff !important;
}

/* ====--- theme grey ---=== */
/* ===================================== */
.mfp-grey-fullsize {
	background: #F0F0F0;
}
.mfp-grey-fullsize .mfp-iframe-holder {
	padding: 0px 0px 0px 0px !important;
}
.mfp-grey-fullsize .mfp-iframe-holder .mfp-close {
	display:none;
}
.mfp-grey-fullsize .mfp-iframe-scaler iframe {
	padding: 0px 0px 0px 0px !important;
	background: #F0F0F0 !important;
}

/* ====--- mfp-inline-iframe ---=== */
/* ===================================== */
.mfp-inline-iframe.mfp-wrap {
	overflow: auto !important;
}

/* ====--- mfp-fullscreen ---=== */
/* ===================================== */
.mfp-fullscreen .mfp-inline-holder,
.mfp-fullscreen .mfp-content {
	width: 100%;
	height: 100%;
}
.mfp-fullscreen .mfp-container {
	padding: 10px;
}
.mfp-fullscreen .mfp-white-popup-header {
	width: 100%;
	height: 100%;
	max-width: none;
	margin: 0;
	overflow: auto;
}