/* https://css-tricks.com/centering-css-complete-guide/ */
@media (max-width: 400px) {
	html {
	  font-size: 50%;
	}
}

.clear { clear: both; }

/*.centerhv {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
*/
.centerdiv, .centerhv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.errormsg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 2px dotted #800000;
	box-shadow: 5px 5px 5px #888;
	padding: 1rem 1rem;
	color: #800000;
	font-size: 1rem;
}

.loginbox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	border: 1px solid #808080;
	box-shadow: 1px 1px 1px #000;
	padding: 1rem 1rem;
}

.msg.ok { color: #008000; }
.msg.wait { color: #D57B1B; }
.msg.error { color: #800000; }

.MSG.ok { color: #008000; }
.MSG.wait { color: #D57B1B; }
.MSG.error { color: #800000; }


body .bodycover { display: none;  opacity: 0.8; cursor: wait; z-index: 100; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: #f5cfcf;}
body.wait .bodycover { display: block; }




div.dialogBack {position:fixed;top:0;left:0;width:100%;height:100%;
		background:rgba(51,37,23,.4);z-index:10000;}
div.dialogWrap {position:fixed;top:0;bottom:100%;left:0;width:100%;z-index:10001;height:100%;padding:200px 0 50px;}
div.dialogWrap.infopop {position:absolute;}
div.dialogWrap.user {position:absolute;}

div.dialogWrap a.close {padding:0;position:absolute;right:2px;top:2px;cursor:pointer;
	text-indent:-9000px;display:block;width:32px;height:32px;background-image:url(../_images/popup_close_but.png);background-position:50%;background-repeat:no-repeat;}
div.dialogWrap a.close:hover {cursor:pointer;background-image:url(../_images/popup_close_but_hover.png);}

div.dialogWrap.infopop  {padding:50px 0;}

div.dialogWrap .dialog {
	margin: 0 auto 150px;
	border-radius: 10px;
	background: #fff;
	padding: 10px;
	width: 100%;
	max-width: 400px;
}
div.dialogWrap.infopop .dialog {width:auto;}
div.dialogWrap .dialog .insideWrap {
	position:relative;border-radius:6px;
	-moz-box-shadow: 0 0 3px rgba(2,2,2,.5), inset 0 1px 0 rgba(255,255,255,.22);
	-webkit-box-shadow: 0 0 3px rgba(2,2,2,.5), inset 0 1px 0 rgba(255,255,255,.22);
	box-shadow: 0 0 3px rgba(2,2,2,.5), inset 0 1px 0 rgba(255,255,255,.22);
	background:#eee;font-size:13px;}
div.dialogWrap .dialog .insideWrap .inside {padding:30px 15px;color:#000;font-size:1rem;}
div.dialogWrap.infopop .dialog .inside {padding:15px 30px 30px;}
div.dialogWrap.infopop .dialog .insideWrap .inside {
	background: -moz-linear-gradient(180deg,rgba(46,121,191,0.4),rgba(0,0,0,0) 478px);
	background: -webkit-linear-gradient(180deg,rgba(46,121,191,0.4),rgba(0,0,0,0) 478px);
	background: -o-linear-gradient(180deg,rgba(46,121,191,0.4),rgba(0,0,0,0) 478px);
	background: -ms-linear-gradient(180deg,rgba(46,121,191,0.4),rgba(0,0,0,0) 478px);
	background: linear-gradient(180deg,rgba(46,121,191,0.4),rgba(0,0,0,0) 478px);
}

div.dialogWrap .dialog .inside h2 {margin:0 0 10px 0;padding:0;
	font-weight:700;
	font-size:18px;color:#685A4B;margin:10px 0 10px;}

div.dialogWrap .dialog .inside {font-size:14px;color:#000;font-weight:400;}
div.dialogWrap .dialog .inside p {margin:10px 0 10px;}

a.button {display:block;height:26px;position:relative;
	font-size:1rem;font-weight:700;
	text-shadow:1px 1px rgba(0,0,0,.23);text-decoration:none;
	text-align:center;line-height:26px;

	background: rgb(187,183,164);
	background: -moz-linear-gradient(90deg, rgb(187,183,164) 30%, rgb(146, 142, 119) 70%);
	background: -webkit-linear-gradient(90deg, rgb(187,183,164) 30%, rgb(146, 142, 119) 70%);
	background: -o-linear-gradient(90deg, rgb(187,183,164) 30%, rgb(146, 142, 119) 70%);
	background: -ms-linear-gradient(90deg, rgb(187,183,164) 30%, rgb(146, 142, 119) 70%);
	background: linear-gradient(180deg, rgb(187,183,164) 30%, rgb(146, 142, 119) 70%);
	color: #fff;

	border-radius:3px;
	-webkit-box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.22);
	-moz-box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.22);
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.22);
}
a.button.yellow {
	background: rgb(223, 178, 69);
	background: -moz-linear-gradient(90deg, rgb(223, 178, 69) 30%, rgb(205, 145, 33) 70%);
	background: -webkit-linear-gradient(90deg, rgb(223, 178, 69) 30%, rgb(205, 145, 33) 70%);
	background: -o-linear-gradient(90deg, rgb(223, 178, 69) 30%, rgb(205, 145, 33) 70%);
	background: -ms-linear-gradient(90deg, rgb(223, 178, 69) 30%, rgb(205, 145, 33) 70%);
	background: linear-gradient(180deg, rgb(223, 178, 69) 30%, rgb(205, 145, 33) 70%);
	color: #fff;
}

a.button.red {
	background: rgb(204,27,27);
	background: -moz-linear-gradient(90deg, rgb(204,27,27) 30%, rgb(174,14,14) 70%);
	background: -webkit-linear-gradient(90deg, rgb(204,27,27) 30%, rgb(174,14,14) 70%);
	background: -o-linear-gradient(90deg, rgb(204,27,27) 30%, rgb(174,14,14) 70%);
	background: -ms-linear-gradient(90deg, rgb(204,27,27) 30%, rgb(174,14,14) 70%);
	background: linear-gradient(180deg, rgb(204,27,27) 30%, rgb(174,14,14) 70%);
	color: #fff;
}

a.button.orange {
	background: rgb(226,132,50);
	background: -moz-linear-gradient(90deg, rgb(226,132,50) 30%, rgb(204,114,36) 70%);
	background: -webkit-linear-gradient(90deg, rgb(226,132,50) 30%, rgb(204,114,36) 70%);
	background: -o-linear-gradient(90deg, rgb(226,132,50) 30%, rgb(204,114,36) 70%);
	background: -ms-linear-gradient(90deg, rgb(226,132,50) 30%, rgb(204,114,36) 70%);
	background: linear-gradient(180deg, rgb(226,132,50) 30%, rgb(204,114,36) 70%);
	color: #fff;
}

a.button.green {
	background: rgb(226,132,50);
	background: -moz-linear-gradient(90deg, rgb(145,155,63) 30%, rgb(102,120,35) 70%);
	background: -webkit-linear-gradient(90deg, rgb(145,155,63) 30%, rgb(102,120,35) 70%);
	background: -o-linear-gradient(90deg, rgb(145,155,63) 30%, rgb(102,120,35) 70%);
	background: -ms-linear-gradient(90deg, rgb(145,155,63) 30%, rgb(102,120,35) 70%);
	background: linear-gradient(180deg, rgb(145,155,63) 30%, rgb(102,120,35) 70%);
	color: #fff;
}

a.button.grey {
	background: rgb(187,183,164);
	background: -moz-linear-gradient(90deg, rgb(187,183,164) 30%, rgb(146, 142, 119) 70%);
	background: -webkit-linear-gradient(90deg, rgb(187,183,164) 30%, rgb(146, 142, 119) 70%);
	background: -o-linear-gradient(90deg, rgb(187,183,164) 30%, rgb(146, 142, 119) 70%);
	background: -ms-linear-gradient(90deg, rgb(187,183,164) 30%, rgb(146, 142, 119) 70%);
	background: linear-gradient(180deg, rgb(187,183,164) 30%, rgb(146, 142, 119) 70%);
	color: #fff;
}

a.button.blue {
	background: #0d6dab;
	-moz-linear-gradient(bottom, #0d6dab 0%, #1b8dd6 100%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, #0d6dab 0%, #1b8dd6 100%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, #0d6dab 0%, #1b8dd6 100%); /* gradient overlay */
	background-image: linear-gradient(bottom, #0d6dab 0%, #1b8dd6 100%); /* gradient overlay */
	color: #fff;
}

a.button.white {
	color: black;
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(90deg, rgb(255, 255, 255) 30%, rgb(255, 255, 255) 70%);
	background: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 30%, rgb(255, 255, 255) 70%);
	background: -o-linear-gradient(90deg, rgb(255, 255, 255) 30%, rgb(255, 255, 255) 70%);
	background: -ms-linear-gradient(90deg, rgb(255, 255, 255) 30%, rgb(255, 255, 255) 70%);
	background: linear-gradient(180deg, rgb(255, 255, 255) 30%, rgb(255, 255, 255) 70%);
	color: #000;
}

a.button.inlineblock {
	display: inline-block;
}

a.button.padded {
	padding: 0 15px;
}

a.button.margined {
	margin-left: 5px;
	margin-right: 5px;
}

div.dialog a.button {
	clear: none;
	margin-right: 15px;
	padding:0 15px;
	float: right;
}

div.dialog a.button.disabled {
	opacity: 0.5;
	cursor: no-drop;
}


a.btnish { text-decoration: none; font-size: 1.5rem; margin: 0 1rem; color: #800000/*#1EAEDB*/; display: inline-block; padding: 0.5rem; }
a.btnish.selected { font-weight: bold; text-decoration: underline; }
a.btnish:hover { background-color: #A00000/*#1EAEDB*/; color: #fff; }