.overlay_container
{
	background: #000;
	background: rgba(0, 0, 0, .5);
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 100000;
}

	.overlay_container > div
	{
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		left: 0;
		top: 0;
		height: 100vh;
		width: 100vw;
	}

		.overlay_container.modal > div > div
		{
			background: #fff;
			border-radius: .5em;
			display: flex;
			flex-direction: column;
			overflow: hidden;
			padding: .3em;
			position: relative;
			/*max-height: 95vh;
			max-width: 95vw;
			height: auto;
			width: auto;*/
		}

			.overlay_container.modal:not(.disable_close) > div > div:before
			{
				background: #fff;
				border-radius: .4em;
				color: #000;
				content: "\2716";
				cursor: pointer;
				font-family: 'Font Awesome 5 Free';
				padding: .1em .25em;
				position: absolute;
				right: 0;
				top: 0;
			}

			.overlay_container.modal > div img {
				border-radius: .2em;
				max-height: 90vh;
				max-width: 90vw;
				height: auto;
				width: auto;
				object-fit: contain;
				flex: none;
			}

			.overlay_container.modal p + p
			{
				margin-top: .5em;
			}