/* 一覧表 */
table.list-table {
	border-collapse: collapse;
	/*margin: 1rem 0;*/
	width: 100%;
}
table.list-table caption {
    font-weight: bold;
    text-align: center;
    caption-side: top;
}
table.list-table th,
table.list-table td {
	padding: 0.2em 0.4em 0.2em 0.4em;
	border: 1px #ccc solid;
}
table.list-table th {
	font-weight: normal;
	background-color: #dfefff;
	color: #888;
	text-align: center;
}
table.list-table td a.linkable-area {
	text-decoration: none;
	color: #000;
	width: 100%;
	display: block;
}

table.list-table td.app-status,
table.list-table td.before-and-after,
table.list-table td.site-adjustment {
	text-align: center;
}
@media screen and (max-width:736px) {
	table.list-table,
	table.list-table tbody,
	table.list-table tr,
	table.list-table td {
		display: block;
		border: none;
		padding: 0;
	}
	table.list-table thead {
		display: none;
	}
	table.list-table tr {
		border: 1px solid #ddd;
		border-radius: 5px;
		box-shadow: 0 0 4px 1px #ddd;
		margin-bottom: 0.75rem;
		padding: 0.5rem;
		display: flex;
		flex-wrap: wrap;
	}
    table.list-table td.applicant {
        width: 100%;
        border-bottom: 1px solid #ddd;
        margin-bottom: 0.25rem;
        order:1;
    }
    table.list-table td.target-date {
        width: 100%;
        order:2;
    }
    table.list-table td.target-date:before {
        content: "対象日";
        width: 22.5%;
        color: #888;
        float: left;
        font-size: small;
    }
    table.list-table td.app-content {
        width: 100%;
        order:3;
    }
    table.list-table td.app-content:before {
        content: "申請内容";
        width: 22.5%;
        color: #888;
        float: left;
        font-size: small;
    }
    table.list-table td.site-adjustment {
        width: 3.5rem;
        text-align: left;
        order:4;
    }
    table.list-table td.before-and-after {
        width: 3rem;
        text-align: left;
        order:5;
    }
    table.list-table td.app-status {
        width: 4.5rem;
        text-align: right;
        margin-left: auto;
        order:6;
    }
}
table.list-table tr.app-status-done {
	background-color: #ddd;
	box-shadow: none;
}

table.list-table td.after {
	color: #c00;
}
table.list-table td.site-adjustment-not-yet {
	color: #c00;
}

/* 一覧表フィルター */
/*
form.list-filter {
	padding: 1rem;
	width: 100%;
	background-color: #eee;
	background-color: #dfefff;
	border-radius: 0.25rem;
}
form.list-filter label {
	color: #888;
}
@media screen and (max-width:736px) {
	form.list-filter {
		padding: 0.5em;
	}
}*/

/* ------------------------------------------------------ */

/* 情報表 */
table.info-table {
	border-collapse: collapse;
	/*margin-bottom: 1rem;*/
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
table.info-table caption {
	font-weight: bold;
	text-align: center;
	caption-side: top;
}
table.info-table th,
table.info-table td {
	border: 1px #ddd solid;
	padding: 0.5em;
}
table.info-table th {
	font-weight: normal;
	color: #888;
	background-color: #def;
	width: 25%;
	text-align: center;
}
table.info-table td.after {
    color: #c00;
}
table.info-table td.site-adjustment-not-yet {
    color: #c00;
}
table.info-table th span:first-child {
	display: inline-block;
	width: 5em;
}
table.info-table small {
    font-size: small;
}
@media screen and (max-width:736px) {
	table.info-table,
	table.info-table caption,
	table.info-table tbody,
	table.info-table tr,
	table.info-table th,
	table.info-table td {
		display: block;
		border: none;
	}
	table.info-table tbody {
		border-bottom: 1px solid #ccc;
		margin: 0.25rem;
	}
	table.info-table th {
		border: 1px solid #ccc;
		border-bottom: none;
		padding: 0;
		width: 100%;
	}
	table.info-table td {
		border: 1px solid #ccc;
		border-top: 1px dotted #ccc;
		border-bottom: none;
	}
}

/* 申請フォーム */
/*form.app-form fieldset {
	margin-top: 1rem;
	width: 100%;
	border: none;
	text-align: center;
}
form.app-form label {
    margin: 0;
}
form.app-form textarea {
    resize: vertical;
    width: 90%;
    min-height: 2rem;
    max-height: 6rem;
}*/
form.app-form input[type='submit'] {
	width: 150px;
	height: 50px;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0.25em 1.50em;
	margin: 1em 0.5em;
}/*
p.input-info {
	font-size: smaller;
	color: #777;
}
input.sentence[type='text'] {
	width: 99%;
}
input.days[type='text'] {
	width: 2rem;
}

input[type='submit']:disabled {
	background-color: #eee;
	border: 1px solid #ccc;
	color: #aaa;
	font-weight: bold;
}

table.info-table input[type='submit'] {
	padding: 0 1rem;
	margin: 0;
}
select {
	height: 1.45rem;
}*/

/* 帳票フォーム */
form.rep-form input[type='submit'] {
	height: 50px;
	font-size: 1.2em;
	padding: 0.25em 1.50em;
	margin: 1em 0.5em;
}

/* ------------------------------------------------------ */


/* ページメニュー */
/*
div.card-header {
	display: flex;
}
div.card-header span.page-title {
    margin-top: 0.25rem;
    margin-right: auto;
}
*/
/*div.card-header span.page-menu {
	letter-spacing: -1px;
	font-size: small;
}*/

/* バッジ（ステータス、事前/事後、現場調整）の文字サイズ */
.badge {
	font-size : 90%;
	border: 1px solid #ccc;
}

/* スマホ表示時のナビゲーションバーの区切り */
@media screen and (max-width:736px) {
	#leftNavBar .nav-item {
		border-bottom: 1px solid #ddd;
	}
}

/* ページネーションがはみ出る場合に折り返す */
.pagination {
	flex-wrap: wrap;
}


/*
**************************
        マスタ管理
**************************
*/
/* マスタ管理画面の(共通)一覧表 */
table.mst-list-table {
	border-collapse: collapse;
	width: 100%;
}
table.mst-list-table th,
table.mst-list-table td {
	padding: 0.2em 0.4em 0.2em 0.4em;
	border: 1px #ccc solid;
}
table.mst-list-table th {
	font-weight: normal;
	background-color: #dfefff;
	color: #888;
	text-align: center;
}
table.mst-list-table td a.linkable-area {
	text-decoration: none;
	color: #000;
	width: 100%;
	display: block;
}

/* 社員有休管理マスタ一覧(状態) */
table.mst-list-table tr.leave-status-invalid {
	background-color: #ddd;
	box-shadow: none;
}
table.mst-list-table tr.leave-status-unregistered {
	background-color: #e0ffff;
	box-shadow: none;
}

/* マスタ管理画面の(共通)入力項目 */
input.days[type='number'] {
	width: 120px;
	text-align: center;
}

input.date[type='date'] {
	text-align: right;
}

/* 社員マスタ登録画面 */
.box {
    padding: 6px;
    margin-bottom: 10px;
    background-color: #f6f6f6;
    color: #505050;
    line-height: 1.5em;
    border: 1px solid #e4e4e4;
    word-wrap: break-word;
    border-radius: 3px;
}
.legend-title {
    display: inline-block;
    width:initial;
    font-size: small;
}