@media ( orientation : landscape) {
	.popupbg {
		display: inline-flex;
		position: absolute;
		left: 0px;
		top: 0px;
		background-color: rgba(0,0,0,0.5);
		width: 100%;
		height: 100%;
		justify-content: center;
		align-items: center;
		align-content: center;
		flex-flow: wrap;
	}
	
	.box {
		display: block;
		border-radius: 0.5em;
		box-shadow: 1px 1px 2px #EDEDED;
		min-width: 30em;
		min-width: 6em;
	}
	
	.boxcontent{
		font-size: 0.9em;
		display: inline-block;
		max-width: calc(100vh - 12em);
		height: auto;
		max-height: 70vh;
		margin-left: 2em;
		padding: 1em;
		clear: both;
		border-bottom-left-radius: 0.5em;
		border-bottom-right-radius: 0.5em;
		overflow: auto;
	}
	
	.boxclose{
		display: block;
		position: relative;
		width: 1.5em;
		float: right;
		height: 1.5em;
		margin-right: 0.5em;
		margin-top: 0.5em;
		background: url("../images/phosphor/SVGs/regular/x.svg") no-repeat;
		background-size: 1.5em 1.5em;
		cursor: pointer;
	}
	
	.msgicon{
		display: block;
		position: relative;
		width: 3em;
		height: 3em;
		margin-left: calc(50% - 1.5em);
		background-size: 3em 3em;
		clear: both;
	}
	
	.msgtitle{
		display: block;
		position: relative;
		text-align: center;
		width: calc(100% - 4em);
		margin-top: 0.5em;
		margin-left: 2em;
		margin-right: 2em;
		height: auto;
		clear: both;
		font-size: 1.2em;
		font-weight: bold;
	}
	
	.msgcontent{
		display: block;
		position: relative;
		text-align: center;
		width: calc(100% - 4em);
		margin-top: 1em;
		margin-left: 2em;
		margin-right: 2em;
		margin-bottom: 2em;
		height: auto;
		clear: both;
		font-size: 1em;
	}
	
	.iconok {
		background: url("../images/phosphor/SVGs/regular/check-circle.svg") no-repeat;
	}
	.iconerror {
		background: url("../images/phosphor/SVGs/regular/x-circle.svg") no-repeat;
	}
	.iconinfo {
		background: url("../images/phosphor/SVGs/regular/info.svg") no-repeat;
	}
	.iconwarning {
		background: url("../images/phosphor/SVGs/regular/warning.svg") no-repeat;
	}
	.iconconfirm {
		background: url("../images/phosphor/SVGs/regular/question.svg") no-repeat;
	}
}


@media ( orientation : portrait) {

	
}