@media ( orientation : portrait) {
	.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;
		z-index: 10000;
	}
	
	.box {
        position: relative;
        display: inline-flex;
        width: 22em;
        height: max-content;
        border-radius: 0.5em;
        box-shadow: 1px 1px 2px #EDEDED;
        min-width: 6em;
	}
	
	.boxcontent{
		position: relative;
		font-size: 0.9em;
        display: inline-block;
        width: 100%;
        height: auto;
        max-height: calc(100vh - 10em);
        max-height: calc(100dvh - 10em);
        margin-top: 2em;
        clear: both;
        border-bottom-left-radius: 0.5em;
        border-bottom-right-radius: 0.5em;
        overflow: auto;
	}
	
	.boxclose{
        display: block;
        position: absolute;
        right: 0em;
        top: 0em;
        width: 2em;
        float: right;
        height: 2em;
        margin-right: 0.5em;
        margin-top: 0.5em;
        background: url(../../images/phosphor/SVGs/regular/x.svg) no-repeat;
        background-size: 2em 2em;
        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;
	}
	
}