#popup_container {
	min-width: 20em;
	max-width: 40em;
	max-width: min(40em, 90vw);
	background: white;
	color: #000;
	border: none;
	border-radius: 6px;
	box-shadow: 0 0 0 3px #999;
}
#popup_container.error { box-shadow: 0 0 0 3px red; }
#popup_container.alert { box-shadow: 0 0 0 3px darkorange; }

#popup_title {
	font-size: 120%;
	font-weight: 500;
	text-align: center;
	color: #666;
	border-bottom: solid 1px #999;
	padding: 0.4em;
	margin: 0;
}

#popup_content {
    margin: 0;
    border-radius: inherit;
	Xbackground: 1em 0.7em no-repeat url(/assets/icons/bs/info-circle.svg);
    Xbackground-size: 2em;
    padding: 1em;
}

#popup_message {
	padding: 0 1em 0 3em;
	font-weight: 500;
	Xbackground: 1em 0.7em no-repeat url(/assets/icons/bs/info-circle.svg);
	background: 0 0.2em no-repeat url(/assets/icons/bs/info-circle.svg);
    background-size: 2em;
    display: table-cell;
    height: 2.2em;
    vertical-align: middle;
}

#popup_container.alert #popup_content {
	background-color: LightGoldenRodYellow;
}
#popup_container.alert #popup_message {
	background-image: url(/assets/icons/bs/exclamation-circle.svg);
}

#popup_container.info #popup_message
{
	background-image: url(/assets/icons/bs/info-lg.svg);
}
#popup_container.confirm #popup_message
{
	background-image: url(/assets/icons/bs/question-circle.svg);
}
#popup_container.error #popup_content {
	background-color: #fee;
}
#popup_container.error #popup_message {
	background-image: url(/assets/icons/bs/exclamation-triangle.svg);
}
#popup_container.prompt #popup_message {
	background-image: url(/assets/icons/bs/pencil-square.svg);
}


#popup_panel {
	text-align: center;
	margin: 1em 4em 0em 4em;
}

#popup_prompt {
	width: 100%;
	margin: .5em 0em;
}