/* Google Font API */
/*@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700|Droid+Sans:700);*/
/* you yu gu ge zai 2014-5-27 hao,kai shi bei quan mian he xie,suo yi gai wei ben di diao yong.*/
@import url(/cli-center/public/guge_font.css);

/* import core styles | Basis-Stylesheets einbinden */
@import url(/lib/yaml/core/base.min.css);

/* import screen layout | Screen-Layout einbinden */
@import url(/lib/yaml/navigation/hlist.css);
@import url(/lib/yaml/forms/gray-theme.css);
@import url(/lib/yaml/screen/typography.css);
@import url(/lib/yaml/screen/screen-FULLPAGE-layout.css);
@import url(/lib/yaml/add-ons/accessible-tabs/tabs.css);

/* import print layout | Druck-Layout einbinden */
@import url(/lib/yaml/print/print.css);

.tipfontfamily{font-family:trebuchet ms,arial,verdana,sans-serif;}

body.page-login {
	min-height:100vh;
	min-height:100dvh;
	display:flex;
	flex-direction:column;
}
body.page-login > header,
body.page-login > footer {
	flex:0 0 auto;
}
body.page-login > #main {
	flex:1 0 auto;
}
body.page-login footer .ym-wbox {
	padding-bottom:max(1em, env(safe-area-inset-bottom));
}

header { background-color:#8E8E8E; }
#login-form form {
	width:min(100%, 520px);
	border:1px solid #d7d7d7;
	padding:0;
	margin:78px auto 96px;
	text-align:left;
	background:#f4f4f4;
	box-shadow:0 2px 10px rgba(0, 0, 0, 0.08);
	overflow:hidden;
}
#login-form .login-shell {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:14px;
	padding:24px 26px 24px 28px;
}
#login-form .login-copy {
	flex:0 0 250px;
	min-width:250px;
}
#login-form h2 {
	margin:0 0 8px;
	color:#111;
	font-size:20px;
	line-height:1.2;
	font-family:Arial, Helvetica, sans-serif;
}
#login-form .login-intro {
	max-width:250px;
	margin:0 0 14px;
	color:#333;
	font-size:14px;
	line-height:1.35;
}
#login-form .login-fields {
	width:200px;
	max-width:200px;
}
#login-form .login-field {
	margin-bottom:12px;
}
#login-form .login-field label {
	display:block;
	margin-bottom:3px;
	color:#555;
	font-size:11px;
	font-weight:normal;
	letter-spacing:0;
}
#login-form .login-field input {
	width:100%;
	height:24px;
	padding:2px 6px;
	border:1px solid #d7d7d7;
	border-radius:0;
	background:#ffffff;
	box-shadow:none;
	font-size:13px;
	line-height:18px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background-image:none !important;
}
#login-form .login-field input:focus {
	border-color:#999;
	box-shadow:none;
	outline:none;
	background:#fff;
}
#login-form .login-actions {
	margin-top:10px;
	width:200px;
	text-align:center;
}
#login-form .login-submit {
	width:120px;
	height:30px;
	border:1px solid #8c8c8c;
	border-radius:2px;
	background:#d8d8d8;
	background-image:linear-gradient(to bottom, #f4f4f4 0%, #cfcfcf 100%);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.9);
	color:#222 !important;
	font-size:14px;
	font-weight:normal;
	letter-spacing:0;
	text-transform:none;
	cursor:pointer;
	margin:0;
	padding:0 10px;
	text-shadow:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
#login-form .login-submit:hover,
#login-form .login-submit:focus {
	background:#dcdcdc;
	background-image:linear-gradient(to bottom, #fafafa 0%, #d5d5d5 100%);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.95);
	outline:0;
}
#login-form .login-visual {
	flex:0 0 112px;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:170px;
}
#login-form .login-visual-image {
	width:102px;
	height:152px;
	background:url(images/login-form-bg-house.png) no-repeat center center;
	background-size:contain;
}
#msg-form form {width:400px; padding:20px; margin:80px auto;}
.userinfo { display: inline; float: right; line-height: 2em; padding: 0.5em 1.5em; }

/*common start*/
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mt10 { margin-top:10px; }
.ml {float:left;}
.mr {float:right;}
/*common end*/

/*floor start*/
.building-box .floor li.no-use { background:url(images/empty_room_bg.gif); cursor:auto;}
.building-box .floor li .number{ width:24px; height:20px; line-height:18px; font-size:11px; font-family:verdana; color:#000; left:73px; top:70px; background:url(images/bed_bg.png) no-repeat; }
/*floor end*/

.export-to-excel{margin-top:5px; font-size:12px; padding:2px 8px; font-family:verdana;}

@media (max-width: 900px) {
	#login-form form {
		margin:48px auto 72px;
		width:min(100%, 640px);
	}
	#login-form .login-shell {
		padding:24px;
	}
	#login-form .login-copy {
		flex:1 1 auto;
		min-width:0;
	}
	#login-form .login-intro {
		max-width:none;
	}
	#login-form .login-fields,
	#login-form .login-actions {
		width:250px;
		max-width:250px;
	}
	#login-form .login-visual {
		flex:0 0 150px;
		min-height:200px;
	}
	#login-form .login-visual-image {
		width:126px;
		height:186px;
	}
}

@media (max-width: 640px) {
	#login-form form {
		margin:24px auto 48px;
		width:100%;
	}
	#login-form .login-shell {
		flex-direction:column;
		align-items:center;
		gap:10px;
		padding:18px 16px 22px;
	}
	#login-form .login-copy {
		width:100%;
	}
	#login-form h2 {
		font-size:20px;
	}
	#login-form .login-intro {
		max-width:none;
		margin-bottom:14px;
	}
	#login-form .login-fields {
		max-width:none;
		width:100%;
	}
	#login-form .login-field {
		margin-bottom:12px;
	}
	#login-form .login-field input {
		height:38px;
		padding:7px 10px;
		font-size:16px;
	}
	#login-form .login-actions {
		width:100%;
		max-width:none;
		display:flex;
		justify-content:center;
		text-align:center;
	}
	#login-form .login-submit {
		width:150px;
		height:42px;
	}
	#login-form .login-visual {
		width:100%;
		min-height:0;
		justify-content:center;
		padding-top:0;
	}
	#login-form .login-visual-image {
		width:90px;
		height:133px;
		background:url(images/login-form-bg-house.png) no-repeat center center;
		background-size:contain;
	}
}