.thk_modal
{
	border-radius:10px;
}

.thk_modal .window
{
	padding:30px 20px 0 20px;
}

.thk_modal .spacer
{
	margin:70px 0 40px 0 !important;
}

.thk_modal .window header h4
{
	margin:0 10px;
}

.thk_modal .window header h4 strong
{
	text-transform:uppercase;
}

.thk_modal .window header h4 small
{
	display:block;
}

.thk_modal .window header h4::before
{
	content:'';
	position:absolute;
	top:-40px;
	left:-50px;
	display:block;
	height:150px;
	width:calc( 100% + 100px );
	z-index:-1;
	background-color:#8E60F2;
}

.thk_modal .window blockquote
{
	border-left:5px solid #8E60F2;
}

.thk_modal .window[data-type="normal"] header h4::before
{
	background-color:#8E60F2;
}

.thk_modal .window[data-type="warning"] header h4::before
{
	background-color:#e57373;
}

.thk_modal .window[data-type="confirm"] header h4::before
{
	background-color:#29af95;
}

.thk_modal .window[data-type="normal"] blockquote
{
	border-left:5px solid #8E60F2;
}

.thk_modal .window[data-type="warning"] blockquote
{
	border-left:5px solid #e57373;
}

.thk_modal .window[data-type="confirm"] blockquote
{
	border-left:5px solid #29af95;
}

.thk_modal .window main
{
	margin:40px 0 20px 0;
}

.thk_modal .tabs
{
	border-radius:10px 10px 0 0;
}

.thk_modal .tdata
{
	margin-top:5px;
}

.thk_modal .tdata article
{
	font-size:75%;
	display:block;
	min-height:200px;
	max-height:35vh;
	overflow-y:scroll;
}

.thk_modal .window footer
{
	border-top:1px solid silver;
}

.thk_modal .buttons
{
	margin:20px 0;
}

.thk_modal .close
{
	position:absolute;
	top:0;
	right:0;
	padding:20px 20px 20px 22px;
	cursor:pointer;
	border-radius:0 0 0 10px;
}

.thk_modal .close:hover
{
	opacity:0.9;
}

@media (max-width:500px)
{
	.thk_modal
	{
		width:100vw;
		max-height:100vh;
		height:100vh;
	}

	.thk_modal .window
	{
		padding:0;
	}

	.thk_modal .window header h4::before
	{
		display:none;
	}

	.thk_modal .window header h4
	{
		background-color:#8E60F2;
		margin:0;
		border-radius:10px 10px 0 0;
		padding:20px 10px;
		margin-bottom:-40px;
	}

	.thk_modal .window[data-type="normal"] header h4
	{
		background-color:#8E60F2;
	}

	.thk_modal .window[data-type="warning"] header h4
	{
		background-color:#e57373;
	}

	.thk_modal .window[data-type="confirm"] header h4
	{
		background-color:#29af95;
	}

	.thk_modal .tdata article
	{
		max-height:50vh;
	}
}