/** create by MSS.negi */

a.navbar-brand {
	background: url(../img/ffprimark.png) no-repeat left center;
    background-size: 58px auto;
    width: 58px;
    margin: 5px 10px;
}

div.header-link {
	text-align: right;
	margin: 3px 20px;
}

div.header-link > span {
	display: inline-block;
	margin: 0px 10px;
}

div.folis-panel {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	min-width: 1000px;
}

div.folis-footer {
	text-align: center;
}

.disabled-bgcolor {
	background-color: #eeeeee;
}

/* ---------------------------------------- form内の指定 */
.required:after {
	content: " ※";
	color: #E00;
}

dl.input-row {
	/*width: 600px;*/
	height: 20px;
}

dl.input-row > dt {
	float: left;
	clear: left;
	width: 150px;
	text-align: right;
	padding-right: 5px;
	margin: 3px;
}
dl.input-row > dt.input {
	width: 100px;
}

dl.input-row > dd {
	float: left;
	/*width: 450px;*/
}

dl.input-row > dd > .search-input {
	width: 400px;
}

dl.input-row > dd > .record-input1,
dl.input-row > dd > div > .record-input1 {
	width: 220px;
}

td.input-row {
	vertical-align: middle !important;
}

td.input-row > .record-input1 {
	width: 98%;
}

dl.input-row > dd > .record-input2 {
	width: 495px;
}

dl.input-row > dd > .form-control {
	width: auto;
	height: 25px;
	display: inline-block;
	margin-left: 10px;
	min-width: 150px;
	padding: 0 12px;
}

div#label-year-div > .form-control {
	width: 100px;
	display: inline-block;
}

dl.input-row > dd > .label-radio {
	margin-right: 20px;
	margin-top: 2px;
}

dl.input-row > dd > .label-check {
	margin-right: 20px;
}

dl.input-row > dd > div > .label-yomi {
	font-weight: 700;
	display: inline-block;
	margin: 3px 10px;
}

dl.input-row > dd > .label-confirm {
	display: inline-block;
	margin: 3px 10px;
}

p.errmsg {
	color: red;
}

div.errmsg {
	color: red;
	margin-left: 160px;
}

div.errmsg-input {
	color: red;
	margin-left: 110px;
}

span.errmsg {
	color: red;
	margin-left: 5px;
	vertical-align: middle;
}

/* ---------------------------------------- 検索機能 */
div.search-record {
	margin: 5px;
}

div.search-record > span.record-column {
	display: block;
}

hr.search-record-hr {
	border: 0;
	border-top: 1px dotted #626b6f;
}

div.folis-summary {
	width: 200px;
}

div.folis-summary > span.title {
	display: inline-block;
	width: 80px;
}

div.folis-summary > span.data {
	display: inline-block;
	width: 120px;
	text-align: right;
}

/* ---------------------------------------- 入力機能 */
div.menu-button {
	margin-bottom: 20px;
	text-align: center;
}

div.menu-button > a {
	width: 160px;
}
div.view-row {
	margin-bottom: 10px;
}

div.view-row > span:first-child {
	display: inline-block;
	width: 100px;
	text-align: right;
	padding-right: 5px;
	margin: 3px;
	font-weight: 700;
	vertical-align: top;
}

div.view-row > span:nth-child(2) {
	display: inline-block;
	width: 80%;
	margin: 3px 10px;
}

/* ---------------------------------------- PAGE TOP */
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 15px;
}

.pagetop a {
	display: block;
	background-color: #fff;
	text-align: center;
	color: #0383b7;
	font-size: 15px;
	text-decoration: none;
	padding: 5px 10px;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	border: 3px solid;
	height: 70px;
	border-radius: 1em;
}

/* ---------------------------------------- LOADING */
#loading {
	display: table;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	opacity: 0.8;
	z-index: 3;
}

#loading .loadingMsg {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding-top: 50px;
	background: url("../img/loader.gif") center center no-repeat;
}
/* -------------------------------------- help page */
#helppage h4,
#helppage h5 {
	font-weight: 700;
}

:host {
  overflow-y: auto;
  position: relative;
}

.loading {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 74px;
  margin: auto;
}

app-cards {
  width: 70vh;
  max-width: 80%;
  margin: 50px auto;
  display: block;
}

.print-button{
  position: fixed;
  right: 25px;
  bottom: 25px;
}

@media print{
  html,body{
    height: auto;
  }
}