/*
**
** Modal
**
*/
div.modal
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1100;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, .9);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
div.modal > div.window 
{
	min-width: 450px;
	max-width: 600px;
	display: flex;
	flex-direction: column;
	outline: none;
	max-height: 90vh;
	overflow: scroll;
}
div.modal > div.window > div.caption
{
	display: flex;
	align-items: center;
	padding: 1rem;
	margin-bottom: 0rem;
	background-color: #df791e;
}
div.modal > div.window > div.caption > img.logo
{
	display: block;
	height: var(--sbc-modal-caption-logo-height);
}
div.modal > div.window > div.caption > .text
{
	margin-left: 1rem;
	font-weight: 600;
	font-size: 12px;
	color: white;
	text-transform: uppercase;
}
div.modal > div.window > div.caption > button.close
{
	margin-left: auto;
	width: 12px;
	height: 12px;
	padding: 0;
	box-sizing: border-box;	
	background-image: url("data:image/png;base64,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");
	background-position: center; 
	background-size: cover;
	background-color: transparent;
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
}
div.modal > div.window > div.body
{
	padding: 1rem;
	background-color: white;
	font-size: 14px;
	font-weight: 400;
	color: #444;
}
div.modal.confirm > div.window > div.body > div.controls
{
	margin-top: 1rem;
	display: flex;
	justify-content: space-between;
}
div.modal.confirm.danger > div.window > div.body > div.controls > button.confirm
{
	background-color: #bababa;
}
div.modal.confirm.danger > div.window > div.body > div.controls > button.confirm:hover
{
	background-color: darkred;
}
/*
**
** App: width <= 1204px
**
*/
@media (max-width: 1204px)
{
	/*
	**
	** [Mobile] Modal
	**
	*/
	div.modal
	{
		justify-content: flex-start;
	}
	div.modal > div.window
	{
		width: 100%;
		height: 100%;
		min-width: initial;
		max-width: initial;
	}
	div.modal > div.window > div.caption > img.logo
	{
		height: var(--sbc-header-logo-height);
	}
	div.modal > div.window > div.caption > button.close
	{
		width: 14px;
		height: 14px;
	}
	div.modal > div.window > div.body
	{
		flex-grow: 1;
	}
}