button{margin:0.4em;padding:8px;font-size:12pt;}
br{clear:both;}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v77/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}



.scanArea {
    position: relative;
}
.scanArea__freezedFrame {
    position: absolute;
    left: 0;
    top: 0;
}
.controls .reader-config-group select{font-size:14pt;}
.controls .reader-config-group label{	font-size:14pt;margin:8px 2px;}

input[type="number"]{font-size:14pt;}
input[type="tel" i]{font-size:14pt;}
li{list-style-type: none}
ul{ margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px; 
    margin-inline-end: 0px;
    padding-inline-start: 0;
	}
	.controls .input-group button,
	button{display:inline-block;}
	.button-box {text-align:center;position:relative;bottom:0}
.button-box	button{width:calc(30% - 4px);
	margin: 0;
}
	div.step-box{min-height:calc(100vh); width:100%;   position: relative;overflow:auto;padding-bottom:6em;}
	h1{margin:0;text-align:center}
	div.worker-in{padding:8px 4px;float:left;}

	span.hint{color:blue;font-size:8pt;}
	
/*管理画面系*/	
.table_in input[type='text']{	/* 入力用テーブル */
    border: none;
    width: calc(100% - 4px);
    height: 2em;
}

td{padding:0 4px;}
/* イベントログ */
.log_list{border: solid 1px gray;
    border-collapse: separate;
    border-spacing: 0px;
	margin :0 auto;
	table-layout: fixed;
	}
.log_list th,
.log_list td{border-width: 0 1px 1px 0;border-color: #a4a4a4;border-style: solid;word-break: break-all;overflow-wrap : break-word;}	
.log_list  tr > td:nth-last-child(6){text-align:center}	
.log_list  tr > td:nth-last-child(5){text-align:right}	
.log_list  tr > td:nth-last-child(4){text-align:center}	
.log_list  tr > td:nth-last-child(3){text-align:right}	
.log_list  tr:nth-last-child(1) > td:nth-last-child(2){text-align:right}

/* 作業指示書 */
.day_list{border: solid 1px gray;
    border-collapse: separate;
    border-spacing: 0px;
	margin :0 auto;
	}
.day_list th,
.day_list td{border-width: 0 1px 1px 0;border-color: #a4a4a4;border-style: solid;}	
.day_list  tr > td:nth-last-child(3){text-align:right}	
.day_list  tr > td:nth-last-child(6){text-align:right}	

.day_list td .proc-end{float:right;}

/* CSV取込データ*/
.proc_list{border: solid 1px gray;
    border-collapse: separate;
    border-spacing: 0px;
	margin :0 auto;
	}
.proc_list th,/* 枠内文字数が多いため、最小フォントを適用 */
.proc_list td{border-width: 0 1px 1px 0;border-color: #a4a4a4;border-style: solid;/*font-size:8pt*/}	

.hide{display:none;}
	
/* ログイン画面 */
body.login	{ max-width:400px;
	margin: 0 auto;
}
/* 社員マスタ */
.user_list{border: solid 1px gray;
    border-collapse: separate;
    border-spacing: 0px;
	margin :0 auto;
	}
.user_list th,
.user_list td{border-width: 0 1px 1px 0;border-color: #a4a4a4;border-style: solid;}	
.user_list td button {
    margin: 0.1em;
    padding: 4px 8px;
    font-size: 12pt;
}
.op_button{display:inline-block;}

/*=============================== */
.layer {
    display: none;  /* 初期表示は非表示 */
    position: absolute; 
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.20;
}
.popup {
    display: none;  /* 初期表示は非表示 */
    position: absolute; 
    left: 50%;
    top: 50%;
    width: 300px;
    min-height: 200px;
    max-height: calc(100vh - 400px);
    margin-left: -160px;
    margin-top: -100px;
    background-color: white;
    border-radius: 5px;
    text-align: center;
    opacity: 1;
	padding:1em;
}
.popup label{
    margin: 0.4em;
    display: inline-block;
}
li span{display:inline-block;}
li ul{margin-left:4em;}
.fullpopup {
    display: none;  /* 初期表示は非表示 */
    position: absolute; 
    left: 10px;
    top: 60px;
	margin:0 auto;
    width: calc(100vw - 48px);
    height: calc(100vh - 120px);
    background-color: white;
    border-radius: 5px;
    text-align: center;
    opacity: 1;
	padding:1em;
}