/* basic reset */
body,* { margin: 0; padding: 0; }
button::-moz-focus-inner { border: 0; padding: 0; }
p, h1, h2, h3, h4, h5, h6, ul, ol { margin: 1em auto 1em auto; line-height: 1.25em; }
input, textarea, select { font-family: inherit; }
input.no-appearance { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: field; }
input.no-appearance::-webkit-inner-spin-button { -webkit-appearance: none; }
input.no-appearance::-webkit-outer-spin-button { -webkit-appearance: none; }
ul,ol { padding-left: 20px; }
li { margin: 5px auto 5px auto; }
a img { border: none; }
/* basic classes */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }


/*** dialog + polyfill ***/
dialog {
	display: none;
	position: absolute;
	z-index: 999999;
	left: 0;
	right: 0;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	width: fit-content;
	height: -moz-fit-content;
	height: -webkit-fit-content;
	height: fit-content;
	margin: auto;
	padding: 0;
	background: #fff;
	color: #000;
	border: 1px solid #999;
	transition: all 0.2s linear;
}
dialog[open] {
	display: block;
}
dialog + .backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.2);
}
._dialog_overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
dialog.fixed {
	position: fixed;
	top: 50%;
	transform: translate(0, -50%);
}


.modal-dialog {
	border-radius: 6px;
	transform: translate(0, -50%) scale(0.1);
	min-width: 160px;
	max-width: 540px;
}
*::-ms-backdrop, .modal-dialog { width: 540px; }	/* IE 11 max- cant center */
@media screen\0 { .modal-dialog { width: 540px; } } /* IE 9,10 */

.modal-dialog.jdialog-show {
	transform: translate(0) scale(1);
}
.modal-dialog.jdialog-show.fixed {
	transform: translate(0, -50%) scale(1);
}
.modal-header .btn-close {
	box-sizing: content-box;
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
	width: 1em;
	height: 1em;
	color: #000;
	border: none;
	opacity: 0.5;
}
.modal-header .btn-close:hover {
	opacity: 0.8;
	cursor: pointer;
}
.modal-header {
	display: flex;
	justify-content: space-between;
	padding: 15px 15px 10px 15px;
	border-bottom: 1px solid #999;
}
.modal-header h1 {
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1em;
	margin: 0;
	padding: 0;
}
.modal-body {
	padding: 0 15px;
	margin: 15px 0;
}
.modal-footer {
	border-radius: 0 0 5px 5px;
	padding: 8px 15px;
	text-align: right;
	background: #ccc;
}