/**
 * Item
 * ----------------------------------------------------------------------------------
 */
.msgpopup-box {
	overflow: hidden;
	display: none;
}
.msgpopup-wrap {
	position: relative;
}
.msgpopup-item {
	position: relative;
	font-size: 14px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	text-align: center;
}

/**
 * Default position
 * ----------------------------------------------------------------------------------
 */
.msgpopup-container {
	position: fixed;
	top:120px;
	right: calc(50% - 225px);
	width: 450px;
	z-index: 25000;
}
.msgpopup-container .msgpopup-box-clone-output {
	width: 100%;
	overflow: hidden;
	max-height: 100vh;
}
.msgpopup-container .msgpopup-wrap {
	/*right: -360px;
	transition: .2s;*/
}
.msgpopup-container .msgpopup-wrap.msgpopup-wrap-visible {
	/*right: 0;*/
}

/**
 * Theme
 * ----------------------------------------------------------------------------------
 */
.msgpopup-theme-default .msgpopup-close-x {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	line-height: inherit;
	font-size: inherit;
	cursor: pointer;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	right: 3px;
	top: 0;
	padding: 4px;
	width: 16px;
	height: 16px;
	background-color: #CA1C3B;
}
.msgpopup-theme-default .msgpopup-close-x:before {
	content: '';
	position: absolute;
	left: 6px;
	top: 6px;
	right: 6px;
	bottom: 6px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAABsUlEQVRogc3aMU/DMBCG4fxRNtgjhk6oSGROu5WFInVBjGz8vJehsnCtOD3H9t19Y3RJ/TS2m5w6DEmAPXBJj3sJcALme0UP/OeoNDZxgJdofGOuKEa4wySIZUwG4QaTQdxigNeVopCDIWIvGN88AF+CQhOM8EsG+A0nHIUnqE0z1qdTnEt6ohvMZoQnTDUiutBBeKHmawbZwgY4Sy8ovTPNMMgX9mfphdWmGa2mkyWmO0IDo4aIPrD5BkDrhV3wwc02AHot7A6Y7DRDezr1wLhB1GDcIaKBSTeAZ+BJWNt2YRdgpHdGkj4LWxnjo9lRifGBCNmI8YUI4bqwpXmzHm82wGMBZGc93sUg/52IY95quslGhC9MJcIHBvmjuCQ2TUDkj+ITsHOJYcMDIA5aTdUId5gahBsMDd+xsWoC0uEdG+0mIB3f7AowddOsJ0INo4HojsGgeUbrDQDD5hmtNgActGwKMMvTzAOiGuMJsRkDvAtPUG+eId8AvgdgFhSaNc+Q3ZlzKB5XisxbNncwU1q8hDFHhGQwU6549IgISTDLiKh4Bn6UxlYcrv+d+UiP/wGfJ1F2pYUZrQAAAABJRU5ErkJggg==');
	background-size: cover;
	background-position: center center;
}

.msgpopup-theme-default .msgpopup-wrap {
	padding: 5px 10px 0 10px;
	margin-bottom: 7px;
}
.msgpopup-theme-default .msgpopup-content {
	user-select: none;
	padding: 15px;
}
.msgpopup-theme-default .msgpopup-type {
	/*border: 1px solid;*/
	border-radius: 3px;
	font:normal 700 14px/1.25 'r4PdQ3jX';
	box-shadow: 0 5px 5px rgba(0,0,0,0.1);
	overflow: hidden;
}
.msgpopup-theme-default .msgpopup-normal {
	color: #5B6D72;
	background: #FCFCFD;
}
.msgpopup-theme-default .msgpopup-success {
	color: #13A20A;
	background: #F9FFFA;
}
.msgpopup-theme-default .msgpopup-error {
	color: #fff;
	background: red;
}
.msgpopup-theme-default .msgpopup-info {
	color: #31BFDB;
	background: #EDFCFF;
}
.msgpopup-theme-default .msgpopup-alert {
	color: #F2BC00;
	background: #FFFFED;
}


.msgpopup-theme-default .msgpopup-achievement {
	color: #232323;
}

.msgpopup-achievement .msgpopup-content {
	user-select: none;
	padding: 0;
}

.msgpopup-achievement .msgpopup-text{

	display:grid;
	grid-template-columns: 120px 1fr;

}

.msgpopup-achievement .msgpopup-text > div:nth-child(1){

	/*border-radius: 3px 0 0 3px;*/
	background:center center no-repeat url(/gfx/layout/aanim.gif);
	background-size:cover;
	background-color:#232323;

}

.msgpopup-achievement .msgpopup-text > div:nth-child(2){
	background: #dc921d;
	text-align:left;
	padding:15px;

}