/* #mainModalPanel_container */
.modalPanel {
	top: 46px !important;
	bottom: 45px !important;
	right: 0px;
	left: auto !important;
	border: none;
	border-radius: 0px !important;
	background-color: rgba(250,250,250);
	box-shadow: -25px 0 50px -10px rgba(0,0,0,.07);
	/* max-width: calc(100% - 241px); */
	max-width: 100%;
	transition: opacity 200ms linear, filter 200ms linear;
}

.modalPanel:not(.vertical) {
	height: auto !important;
}

.modalPanel:not(.custom-length) {
	width: auto !important;
}

.modalPanel .busy {
	display: none;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	
	background-attachment: fixed;
	background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(0,0,0,0.04) 20px, rgba(0,0,0,0.05) 40px);
	background-image: -moz-repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(0,0,0,0.04) 20px, rgba(0,0,0,0.05) 40px);
	background-image: -ms-repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(0,0,0,0.04) 20px, rgba(0,0,0,0.05) 40px);
	background-image: -o-repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(0,0,0,0.04) 20px, rgba(0,0,0,0.05) 40px);
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(0,0,0,0.04) 20px, rgba(0,0,0,0.05) 40px);
}

.modalPanel.dragging .busy {
	display: block;
}

.modal-toggle-width {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 15px;
	left: -5px;
	cursor: ew-resize;
	cursor: col-resize;
	z-index: 1;
}

.modal-toggle-width:before {
	content: '';
	display: block;
	position: absolute;
	top: 30%;
	bottom: 30%;
	left: 9px;
	margin: 0px 0px 0px 0px;
	border-left: 4px double var(--color-disabled-text);
	box-sizing: border-box;
	z-index: 2;
	background-color: transparent;
	transition: border-color 200ms linear, background-color 200ms linear, box-shadow 200ms linear;
}

.modal-toggle-width:hover:before {
	border-color: #3A7B00 !important;
}

.modalPanel.dragging .modal-toggle-width:before {
	border-color: #3A7B00 !important;
	box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.5);
	background-color: rgba(255,255,255,1);
}

/* mirrored */

.modalPanel.mirrored {
	right: auto;
	left: 0px !important;
}

.modalPanel.mirrored .modal-toggle-width {
	left: auto;
	right: -15px;
}

.modalPanel.mirrored .modal-toggle-width:before {
	border-left-color: #FFF !important;
}

.modalPanel.mirrored.dragging .modal-toggle-width:before {
	background-color: #3A7B00;
}

/* vertical aligned */

.modalPanel.vertical {
	width: auto !important;
	top: auto !important;
	left: 0px !important;
	right: 0px;
	max-width: initial;
	max-height: calc(100% - 45px - 46px); /* minus footer, minus header*/
}

.modalPanel.vertical .modal-toggle-width {
	bottom: auto;
	top: -5px;
	bottom: auto;
	right: 30%;
	left: 30%;
	height: 15px;
	width: auto;
	cursor: ns-resize;
	cursor: row-resize;
}

.modalPanel.vertical .modal-toggle-width:before {
	top: 10px;
	left: 0px;
	right: 0px;
	bottom: auto;
	border-left: none;
	border-top: 4px double rgba(255,255,255,0.5);
}

.modalPanel.vertical .modal-toggle-width:hover:before {
	border-top-color: rgba(255,255,255,0.9) !important;
}

.modalPanel.vertical.dragging .modal-toggle-width:before {
	border-top-color: #3A7B00 !important;
	background-color: #FFF;
}

/* vertical + mirrored */

.modalPanel.vertical.mirrored {
	top: 46px !important;
	bottom: auto !important; 
}

.modalPanel.vertical.mirrored .modal-toggle-width {
	top: auto;
	bottom: -5px;
}

.modalPanel.vertical.mirrored .modal-toggle-width:before {
	border-top-color: var(--color-disabled-text);
	top: 2px;
}

.modalPanel.vertical.mirrored .modal-toggle-width:hover:before {
	border-top-color: #3A7B00 !important;
}

/* dragging */

.modalPanel.dragging .modalTemplate,
.modalPanel.dragging .modalPanelControl,
.modalPanel.dragging .modalPanelHeader {
	transition: opacity 200ms linear;
}

.modalPanel.dragging .modalTemplate,
.modalPanel.dragging .modalPanelControl,
.modalPanel.dragging .modalPanelHeader {
	opacity: 0.5;
}

#mainModalPanel_shade {
	background-color: rgba(0,0,0,0.3);
	opacity: 1;
	cursor: not-allowed;
}

.modalPanel.dragging #mainModalPanel_shade {
	cursor: e-resize;
}

.modalPanel.vertical.dragging #mainModalPanel_shade {
	cursor: n-resize;
}

.modalPanelHeader {
	height: 40px;
	background-color: #3A7B00;
	border: none;
	padding: 8px 170px 7px 20px;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	box-sizing: border-box;
	border-radius: 0px !important;
	z-index: 1;
}

.modalPanelHeader,
.modalPanelHeader > .rf-pp-hdr-cnt {
	font-size: 13px;
	line-height: 23px;
	color: #FFF;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.modalPanel > .rf-pp-cnt-scrlr {
	height: 100% !important;
	width: 100%  !important;
	box-sizing: border-box;
	overflow: hidden;
}

#mainModalPanel_shadow {
	width: auto !important;
	height: auto !important;
}


#mainModalPanel_content_scroller,
#mainModalPanel_content,
.modalTemplate {
	padding: 0px;
	margin: 0px;
}

#mainModalPanel_content_scroller {
	/* max-width: 1000px; */
	width: auto;
	height: auto;
	border-radius: 0px !important;
}

#mainModalPanel_content {
	height: 100%;
	width: 100%;
	background-color: transparent !important;
}

#mainModalPanel_content > .modalTemplate {
	position: relative;
	height: 100%;
	padding-top: 60px;
	box-sizing: border-box;
	
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.modalPanel .modalPanel_HEADER {
	padding: 0px 20px;
	box-sizing: border-box;
}

.modalPanel .modalPanel_HEADER.with-space {
	padding-bottom: 20px;
}

.modalPanel_CONTENT {
	flex: 1 1 auto;
	overflow-y: auto;
	min-height: 0px;
	box-sizing: border-box;
	padding: 0px 5px;
}

.modalTemplate:not(.with-layout) .modalPanel_CONTENT {
	padding: 0px 20px 20px;
}

.modalPanel .modalPanel_FOOTER {
	background-color: #EEE;
	box-sizing: border-box;
	padding: 15px 20px 15px 20px;
}

.modalPanel_HEADER:empty,
.modalPanel_CONTENT:empty,
.modalPanel_FOOTER:empty {
	padding: 0px;
}

#modalPanel_HASH {
	display: none;
}

/** modal panel content elements **/

#mainModalPanel_content a {
	color: #3A7B00;
	border-bottom: 1px solid #3A7B00;
	
	-webkit-transition: 200ms linear;
	-moz-transition: 200ms linear;
	-o-transition: 200ms linear;
	transition: 200ms linear;
}

#mainModalPanel_content a:hover {
	border-bottom-color: transparent;
}

.modalTemplate td,
.modalTemplate span {
	font-size: 11px;
	font-weight: normal;
}


.modalPanelHr400NoMargin {
	margin:0px 0px !important;	
}

.modalPanelHr400 {
	width:384px;	
}

.modalPanelHr500 {
	width:484px;	
}

.modalPanelButtonSpacer400 {
	width:384px;
	margin-top:20px !important;
}

.modalPanelButtonSpacer700 {
	width:684px;
	margin-top:20px !important;
}

.modalPanelButtonSpacer900 {
	width:884px;
	margin-top:20px !important;
}

.modalPanelButtonSpacer500 {
	width:484px;
	margin-top:20px !important;
}

.modalPanelButtonSpacerContentWidth {
	width: 98%;
	margin-top:20px !important;
}

.modalPanel_FOOTER table {
	width: 100% !important;
}

.modalPanel_FOOTER table td {
	padding: 10px;
	box-sizing: border-box;
}

.modalPanel_FOOTER table td:first-child {
	padding-left: 0px;
}

.modalPanel_FOOTER table td:last-child {
	padding-right: 0px;
}

.modalPanel_FOOTER table > tr:first-child td,
.modalPanel_FOOTER table > tbody > tr:first-child td {
	padding-top: 0px;
}

.modalPanel_FOOTER table > tr:last-child td,
.modalPanel_FOOTER table > tbody > tr:last-child td {
	padding-bottom: 0px;
}

/* 
 * wenn layout="pageDirection", steht class "modalPanelRadio" fuer die dann erzeugte
 * Tabelle. "modalPanelRadio input" ist dann der eigentliche Radio-Button
 */
.modalPanelRadio {
	border-spacing:0px;
}

.modalPanelRadio td {
	padding-bottom:0px !important;
}

.modalPanelRadio input, {
	margin:0px;
	display:block;
	float:left;
}

.modalPanelRadioHorizontal label {
	padding-right: 5px;
}

.modalPanelRadio label {
	margin-left:10px;
}

.modalPanelCombo {
	padding:1px 1px 1px 0px;
	height: 19px;
	width: 100% !important;
}

.modalPanelCombo option {
	padding:0px 0px;	
}

.modalCalendarInput400 {
	width: 206px;
	vertical-align:top !important;
}

.modalCalendarInput700 {
	width: 185px;
	vertical-align:top !important;
}

.modalPanel .session-countdown {
	display: block;
	position: absolute;
	right: 175px;
	top: 10px;
	border-right: 1px solid rgba(255,255,255,0.5);
	padding-right: 20px; 
	z-index: 1;
}

.modalPanel.minimized .session-countdown {
	display: none;
}

.modalPanel .session-countdown .time {
	display: inline-block;
	vertical-align: top;
}

.modalPanel .session-countdown,
.modalPanel .session-countdown *,
.modalPanel .session-countdown .time span,
.modalPanel .session-countdown .time {
	color: #FFF;
}

.modalPanel .session-countdown .time:before {
	font-family: var(--font-family-fa);
	content: '\f2f2';
	margin-right: 10px;
	font-weight: 100;
	display: inline-block;
	vertical-align: top;
	line-height: 20px;
    font-size: 14px;
	white-space: nowrap;
}

.modalPanelControl {
	text-align: right;
	white-space: nowrap;
	top: 8px !important;
	right: 8px !important;
}

.modalPanelControl .me-icon > i {
	background-color: #3A7B00;
}

#modalPanelCloseButton {
	margin-left: 5px;
}

.whiteSpaceNormal{
	white-space: normal;
}

.modalPanelMultiInputSpacer {
	width: 4px;
	font-size: 0pt;
	display: inline-block;
	vertical-align: middle;
	height: 4px;
	overflow: hidden;
}

.modalAGBContainer {
	border: 1px solid #ddd;
	width: 600px;
	height: 400px;
	overflow: auto;
}

.modalAGBContainer div {
	width:563px !important;
}

.addValTable {
	border: none;
	
	font-size: 11px;
	font-weight: bold;
	font-family: "Open Sans", Arial, Verdana, Helvetica;

	padding: 5px 0 0 10px;
}

.buttonFull {
	width: 100%;
}

.saveButtonLink {
	font-size: 11px;
	padding: 5px 20px;
	font-weight: bold;
	border:1px solid #CCCCCC;
	font-family: "Open Sans", Arial, Verdana, Helvetica;
	color:#fff;
	text-decoration: none;
}

/** minimized and sent to bottom **/

.modalPanel.minimized {
	width: 400px !important;
	top: auto !important;
	left: auto !important;
	right: 130px !important;
	bottom: 0px !important;
	box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.4);
}

.modalPanel.minimized .modalPanelHeader {
	padding-right: 75px;
}

.modalPanel.minimized .modalPanelControl #modalPanel_SWITCHLAYOUT,
.modalPanel.minimized .modalPanelControl #modalPanel_MIRROR,
.modalPanel.minimized .modalPanelControl #modalPanel_OPENPOPUP,
.modalPanel.minimized .modalPanel_CONTENT,
.modalPanel.minimized .modalPanel_FOOTER,
.modalPanel.minimized .modal-toggle-width {
	display: none;
}

.modalPanel.minimized #mainModalPanel_content > .modalTemplate {
	padding-top: 40px;
}

.modalPanel.minimized .modalPanelControl #modalPanel_MINIMIZE i:before {
	content: '\f2d0';
}

/** new control buttons **/

.modalPanel.mirrored #modalPanel_MIRROR i:before {
	content: '\f340'
}
.modalPanel.vertical #modalPanel_SWITCHLAYOUT i:before {
	content: '\f340'
}
.modalPanel.vertical #modalPanel_MIRROR i:before {
	content: '\f341'
}
.modalPanel.vertical.mirrored #modalPanel_MIRROR i:before {
	content: '\f33d'
}

/** layouts to use in ".modalPanel_CONTENT"
 *
 * steps: 0, 200, 400, 600, 800, 1000, 1200, 1400, MAX (>= 1400)
 * mp-flex-600 as class name means: below 600px width line-layout breaks and cols are displayed 100% width
 *
 * until all MPs are rewritten, use class "with-layout" @ ".modalTemplate" element to mark NEW use of new layouts in content section
 */

[class^="mp-row"] {
	display: block;
	width: 100%;
}

[class^="mp-row-"] {
	display: flex;
	flex-layout: row;
}

.mp-row-200 { min-width: 200px; }
.mp-row-400 { min-width: 400px; }
.mp-row-600 { min-width: 600px; }
.mp-row-800 { min-width: 800px; }
.mp-row-1000 { min-width: 1000px; }
.mp-row-1200 { min-width: 1200px; }
.mp-row-1400 { min-width: 1400px; }

.modalPanel[data-length="0"] [class^="mp-row-"],
.modalPanel[data-length="200"] .mp-row-400,
.modalPanel[data-length="200"] .mp-row-600,
.modalPanel[data-length="200"] .mp-row-800,
.modalPanel[data-length="200"] .mp-row-1000,
.modalPanel[data-length="200"] .mp-row-1200,
.modalPanel[data-length="200"] .mp-row-1400,
.modalPanel[data-length="400"] .mp-row-600,
.modalPanel[data-length="400"] .mp-row-800,
.modalPanel[data-length="400"] .mp-row-1000,
.modalPanel[data-length="400"] .mp-row-1200,
.modalPanel[data-length="400"] .mp-row-1400,
.modalPanel[data-length="600"] .mp-row-800,
.modalPanel[data-length="600"] .mp-row-1000,
.modalPanel[data-length="600"] .mp-row-1200,
.modalPanel[data-length="600"] .mp-row-1400,
.modalPanel[data-length="800"] .mp-row-1000,
.modalPanel[data-length="800"] .mp-row-1200,
.modalPanel[data-length="800"] .mp-row-1400,
.modalPanel[data-length="1000"] .mp-row-1200,
.modalPanel[data-length="1000"] .mp-row-1400,
.modalPanel[data-length="1200"] .mp-row-1400 {
	display: block;
	min-width: auto !important;
}

[class^="mp-col-"] {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	overflow: hidden;
	padding: 0px 15px 15px 15px;
}

.mp-col-200 { min-width: 200px; } /* flex: 0 0 200px; */
.mp-col-400 { min-width: 400px; }
.mp-col-600 { min-width: 600px; }
.mp-col-800 { min-width: 800px; }
.mp-col-1000 { min-width: 1000px; }
.mp-col-1200 { min-width: 1200px; }
.mp-col-1400 { min-width: 1400px; }
.mp-col-MAX { width: 100%; }
.mp-col-10p { width: 10%; }
.mp-col-25p { width: 25%; }
.mp-col-33p { width: 33.3333%; }
.mp-col-50p { width: 50%; }
.mp-col-66p { width: 66.6666%; }
.mp-col-75p { width: 75%; }
.mp-col-90p { width: 90%; }
.mp-col-100p { width: 100%; }

.modalPanel[data-length="0"] [class^="mp-col-"],
.modalPanel[data-length="0"] .mp-col-400,
.modalPanel[data-length="200"] .mp-col-600,
.modalPanel[data-length="200"] .mp-col-800,
.modalPanel[data-length="200"] .mp-col-1000,
.modalPanel[data-length="200"] .mp-col-1200,
.modalPanel[data-length="200"] .mp-col-1400,
.modalPanel[data-length="400"] .mp-col-600,
.modalPanel[data-length="400"] .mp-col-800,
.modalPanel[data-length="400"] .mp-col-1000,
.modalPanel[data-length="400"] .mp-col-1200,
.modalPanel[data-length="400"] .mp-col-1400,
.modalPanel[data-length="600"] .mp-col-800,
.modalPanel[data-length="600"] .mp-col-1000,
.modalPanel[data-length="600"] .mp-col-1200,
.modalPanel[data-length="600"] .mp-col-1400,
.modalPanel[data-length="800"] .mp-col-1000,
.modalPanel[data-length="800"] .mp-col-1200,
.modalPanel[data-length="800"] .mp-col-1400,
.modalPanel[data-length="1000"] .mp-col-1200,
.modalPanel[data-length="1000"] .mp-col-1400,
.modalPanel[data-length="1200"] .mp-col-1400 {
	/* flex-shrink: 0; */
	min-width: unset;
	width: 100%;
}

.modalPanel[data-length="0"]:not(.vertical) .modalPanelHeader,
.modalPanel[data-length="200"]:not(.vertical) .modalPanelHeader,
.modalPanel[data-length="400"]:not(.vertical) .modalPanelHeader,
.modalPanel[data-length="600"]:not(.vertical) .modalPanelHeader {
	padding-right: 175px;
}

.modalPanel[data-length="0"]:not(.vertical) .session-countdown,
.modalPanel[data-length="200"]:not(.vertical) .session-countdown,
.modalPanel[data-length="400"]:not(.vertical) .session-countdown,
.modalPanel[data-length="600"]:not(.vertical) .session-countdown {
	display: none;
}

@media only screen and (max-width: 199px) {
	.modalPanel.vertical .mp-row-200,
	.modalPanel.vertical .mp-row-400,
	.modalPanel.vertical .mp-row-600,
	.modalPanel.vertical .mp-row-800,
	.modalPanel.vertical .mp-row-1000,
	.modalPanel.vertical .mp-row-1200,
	.modalPanel.vertical .mp-row-1400 {
		display: block;
		min-width: auto !important;
	}
	.modalPanel.vertical .mp-col-200,
	.modalPanel.vertical .mp-col-400,
	.modalPanel.vertical .mp-col-600,
	.modalPanel.vertical .mp-col-800,
	.modalPanel.vertical .mp-col-1000,
	.modalPanel.vertical .mp-col-1200,
	.modalPanel.vertical .mp-col-1400 {
		/* flex-shrink: 0; */
		min-width: unset;
		width: 100%;
	}
	
	.modalPanelHeader {
		padding-right: 175px;
	}
	
	.modalPanel .session-countdown {
		display: none;
	}
}

@media only screen and (max-width: 399px) {
	.modalPanel.vertical .mp-row-400,
	.modalPanel.vertical .mp-row-600,
	.modalPanel.vertical .mp-row-800,
	.modalPanel.vertical .mp-row-1000,
	.modalPanel.vertical .mp-row-1200,
	.modalPanel.vertical .mp-row-1400 {
		display: block;
		min-width: auto !important;
	}
	.modalPanel.vertical .mp-col-400,
	.modalPanel.vertical .mp-col-600,
	.modalPanel.vertical .mp-col-800,
	.modalPanel.vertical .mp-col-1000,
	.modalPanel.vertical .mp-col-1200,
	.modalPanel.vertical .mp-col-1400 {
		/* flex-shrink: 0; */
		min-width: unset;
		width: 100%;
	}
	
	.modalPanelHeader {
		padding-right: 175px;
	}
	
	.modalPanel .session-countdown {
		display: none;
	}
}

@media only screen and (max-width: 599px) {
	.modalPanel.vertical .mp-row-600,
	.modalPanel.vertical .mp-row-800,
	.modalPanel.vertical .mp-row-1000,
	.modalPanel.vertical .mp-row-1200,
	.modalPanel.vertical .mp-row-1400 {
		display: block;
		min-width: auto !important;
	}
	.modalPanel.vertical .mp-col-600,
	.modalPanel.vertical .mp-col-800,
	.modalPanel.vertical .mp-col-1000,
	.modalPanel.vertical .mp-col-1200,
	.modalPanel.vertical .mp-col-1400 {
		/* flex-shrink: 0; */
		min-width: unset;
		width: 100%;
	}
	
	.modalPanelHeader {
		padding-right: 175px;
	}
	
	.modalPanel .session-countdown {
		display: none;
	}
}

@media only screen and (max-width: 799px) {
	.modalPanel.vertical .mp-row-800,
	.modalPanel.vertical .mp-row-1000,
	.modalPanel.vertical .mp-row-1200,
	.modalPanel.vertical .mp-row-1400 {
		display: block;
		min-width: auto !important;
	}
	.modalPanel.vertical .mp-col-800,
	.modalPanel.vertical .mp-col-1000,
	.modalPanel.vertical .mp-col-1200,
	.modalPanel.vertical .mp-col-1400 {
		/* flex-shrink: 0; */
		min-width: unset;
		width: 100%;
	}
}

@media only screen and (max-width: 999px) {
	.modalPanel.vertical .mp-row-1000,
	.modalPanel.vertical .mp-row-1200,
	.modalPanel.vertical .mp-row-1400 {
		display: block;
		min-width: auto !important;
	}
	.modalPanel.vertical .mp-col-1000,
	.modalPanel.vertical .mp-col-1200,
	.modalPanel.vertical .mp-col-1400 {
		flex-shrink: 0;
	}
}

@media only screen and (max-width: 1199px) {
	.modalPanel.vertical .mp-row-1200,
	.modalPanel.vertical .mp-row-1400 {
		display: block;
		min-width: auto !important;
	}
	.modalPanel.vertical .mp-col-1200,
	.modalPanel.vertical .mp-col-1400 {
		flex-shrink: 0;
	}
}

/** info MP **/

.info-modal-panel {
	display: none;
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	background-color: rgba(0,0,0,0);
	z-index: 100;
	
	transition: all 200ms linear;
}

.info-modal-panel.show {
	display: block;
	background-color: rgba(0,0,0,0.3);
}

.info-modal-panel .modal-inner {
	width: 25%;
	height: auto;
	min-width: 800px;
	position: absolute;
	top: 46px;
	bottom: 46px;
	right: 0px;
	background-color: #FFF;
	
	transition: all 200ms linear;
}

.info-modal-panel.show .modal-inner .modal-header {
	font-size: 13px;
	line-height: 23px;
	color: #FFF;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 40px;
	background-color: #3A7B00;
	border: none;
	padding: 8px 50px 7px 20px;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	box-sizing: border-box;
	border-radius: 0px !important;
	z-index: 1;
}

.info-modal-panel.show .modal-inner .close {
	display: block;
	width: 24px;
	height: 24px;
	background-color: transparent;
	border: none;
	padding: 0px;
	text-align: center;
	transition: background-color var(--transition-speed) var(--transition-type), box-shadow var(--transition-speed) var(--transition-type), opacity var(--transition-speed) var(--transition-type);
	
	border-radius: var(--me-icon-border-radius);
	font-size: 0.01pt;
	position: absolute;
	right: 8px;
	top: 8px;
	z-index: 1;
	cursor: pointer;
	
	-webkit-appearance: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.info-modal-panel.show .modal-inner .close:hover {
	box-shadow: 0px 0px 0px 2px var(--secondary-color-alpha);
}

.info-modal-panel.show .modal-inner .modal-content-wrapper {
	position: relative;
	height: 100%;
	width: 100%;
	padding: 60px 0px 20px;
	box-sizing: border-box;	
}

.info-modal-panel.show .modal-inner .modal-content-wrapper .modal-content {
	padding: 0px 20px;
	overflow: auto;
	height: 100%;
}

.info-modal-panel.is-iframe .modal-inner .modal-content-wrapper .modal-content {
	overflow: hidden;
}

.info-modal-panel.show .modal-inner .modal-content-wrapper .modal-content iframe {
	background: transparent;
	border: none;
	width: 100%;
	height: 100%;
}