@charset "UTF-8";

*,
*::before,
*::after {
	box-sizing: border-box;
}

/*header*/
.navbar {
	text-decoration-color: ghostwhite;
	background-color: #28a745;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);

}

.logout-button {
	color: rgba(255, 255, 255, 0.55);
	padding: 0px;
	box-sizing: border-box;
	border: none;
	outline: none;
	background: transparent;
}

.logout-button:hover {
	color: rgba(255, 255, 255, 0.75);
}


/*モーダル最前面表示のための応急処置1219*/
.modal-backdrop {
	z-index: 1000;
}


/*body*/
body {
	text-align: left;
	background-color: whitesmoke;
}

.container {
	max-width: 65%;
}

.card {
	box-shadow: 0 0px 15px -3px rgba(0, 0, 0, 0.2);
}

.table-dshadow {
	box-shadow: 0 0px 15px -3px rgba(0, 0, 0, 0.2);
}

@media (max-width: 575px) {
	.container {
		max-width: 100% !important;
	}

	.card {
		box-shadow: none;
	}

	.table-dshadow {
		box-shadow: none;
	}

	.text-pc {
		display: none;
	}

	.table-scroll {
		overflow-x: scroll;
	}

	.off-select {
		min-width: 100%;
	}
}

.off-select {
	width: 50%;
}

/* card */
.card-header {
	color: ghostwhite;
	background-color: #28a745;
}

.card-body {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	padding-left: 2rem !important;
	padding-right: 2rem !important;
}

.card-csv {
	box-shadow: none;
}

.exceptArea {
	border: black;
	border-radius: 0.7%;
	color: white;
	background-color: lightslategrey;
}

#form-off {
	display: none;
}


/* form button*/
.form-attend {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}

.btn-attend {
	text-align: center;
	color: ghostwhite;
	background-color: #28a745;
	border-radius: 5px;
	cursor: pointer;
}

.btn-attend:hover {
	background-color: lightcyan;
}

.btn-select {
	text-align: center;
	color: ghostwhite;
	background-color: #DD4535;
	border-radius: 5px;
	cursor: pointer;
}

.btn-select:hover {
	background-color: lightcyan;
}

.btn-move {
	text-align: center;
	color: ghostwhite;
	background-color: #28a745;
	border-radius: 5px;
	cursor: pointer;
}

.btn-move:hover {
	background-color: lightcyan;
}

.btn-approve {
	background-color: rgb(255, 255, 74);
}

.btn-approve:hover {
	background-color: rgb(255, 255, 74, 0.75);
}

.btn-menu {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	cursor: pointer;
}

.modal-header {
	color: ghostwhite;
	background-color: #28a745;
}

.modal-body {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	padding-left: 2rem !important;
	padding-right: 2rem !important;
}

.searchBox {
	background-color: #E5E5E5;
	border: solid #28a745;
	border-width: 2px;
	border-radius: 5px;
}

.sectionBox {
	background-color: white;
	border: solid #28a745;
	border-width: 1.5px;
	border-radius: 5px;
}

.weekAttendBox {
	background-color: white;
	border: gray;
	border-radius: 4px;
	padding: 2rem;
	box-shadow: 0 0px 15px -3px rgba(0, 0, 0, 0.2);
}

.fake-header {
	background-color: #28a745;
	border-bottom: gray;
}

.remarkW {
	min-width: 99px;
	resize: vertical;
}

.rest-number {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}

.st-tbl th:first-child {
	position: sticky;
	left: 0;
	background-color: white;
}

.date-box {
	box-sizing: border-box;
	border-radius: 5px;
	color: whitesmoke;
}

.dropdown-menu {
	background-color: #28a745;
	border: none;
	box-shadow: none;
}

.btn-link {
	color: whitesmoke;
}

/* テキストボックス　2行*/
.remark-text {
	text-align: left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin: 0;
}

/*ヘッダー固定用*/
.day-fixed {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 5;
}

.day-fixed::before {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(0, 0, 0, 0.075);
	border-bottom: rgba(0, 0, 0, 0.075);
	box-sizing: content-box;
	border-collapse: collapse;
	border-spacing: 0;
}

.vertical-fixed {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 5;
}

.vertical-fixed::before {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;
	border: 1px solid #dee2e6;
	box-sizing: content-box;
}

.record-head {
	position: sticky;
	top: 0;
	z-index: 10;
	border-collapse: collapse;
	border-spacing: 0;
}

.hidden {
	display: none;
}

.block {
	display: block;
}

/*th.sort-asc::after {*/
/*	content: '▲';*/
/*}*/

/*th.sort-desc::after {*/
/*	content: '▼';*/
/*}*/

th[name="textTeokis"] {
	cursor: pointer;
	position: relative;
}

div[name="icon"]::before,
div[name="icon"]::after {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border: 5px solid transparent;
	right: 10px;
	top: 50%;
}

div[name="icon"]::before {
	border-bottom-color: #aaa;
	margin-top: -10px;
}

div[name="icon"]::after {
	border-top-color: #aaa;
	margin-top: 2px;
}

/*traffic*/
th[name="create"] {
	cursor: pointer;
	position: relative;
}

div[name="create"]::before,
div[name="create"]::after {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border: 5px solid transparent;
	right: 10px;
	top: 50%;
}

div[name="create"]::before {
	border-bottom-color: #aaa;
	margin-top: -10px;
}

div[name="create"]::after {
	border-top-color: #aaa;
	margin-top: 2px;
}

/*ヘッダ固定*/
tr.simebi-on {
	background-color: #e2e3e5;
	border-bottom: rgba(0, 0, 0, 0.075);
}

tr.simebi-off {
	background-color: white;
	border-bottom: rgba(0, 0, 0, 0.075);
}

#teikisTable {
	white-space: nowrap;
	overflow-y: auto;
	table-layout: fixed;
	border: solid rgba(0, 0, 0, 0.075) 1px;
}

#trafficTable {
	white-space: nowrap;
	overflow-y: auto;
	table-layout: fixed;
	border: solid rgba(0, 0, 0, 0.075) 1px;
}

/*経路2行表示*/
td.remark {
	white-space: normal;
	overflow-wrap: break-word;
	padding: 4px;
	text-align: left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 54px;
}

/*.header-layout{*/
/*	table-layout: fixed;*/
/*}*/

th.icon {
	cursor: pointer;
	position: relative;
}

/*ソートアイコン*/
th.icon::before,
th.icon::after {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border: 5px solid transparent;
	right: 10px;
	top: 50%;
}

th.icon::before {
	border-bottom-color: #aaa;
	margin-top: -10px;
}

th.icon::after {
	border-top-color: #aaa;
	margin-top: 2px;
}

th.sort-asc::before {
	border-bottom-color: #444;
}

th.sort-desc::after {
	border-top-color: #444;
}

/*ソート時レイアウト崩れ*/
td.sortLayOut {
	padding: 0 0.3em;
	border: 1px solid rgba(0, 0, 0, 0.075);
	height: 54px;
}

.error {
	width : 100%;
	padding: 0;
	display: inline-block;
	font-size: 90%;
	color: red;
	box-sizing: border-box;
}

/*交通費申請削除モーダル表示時、レイアウト崩れ*/
@media screen and (max-width: 650px) {
	#tra-del-table td {
		display: block;
	}
}

@media screen and (max-width: 650px) {
	#teiki-del-table td {
		display: block;
	}
}

/* スイッチ */
/* スイッチのオン状態の色 */
.switch-attend:checked {
	background-color: #28a745;
	border-color: #28a745;
}

/* フォーカス時のボーダーカラー */
.switch-attend:focus {
	box-shadow: 0 0 0 0.25rem rgba(40, 167, 69, 0.25);
}

/* 帳票ヘッダ編集モーダル */
.flexbox {
     display: flex;
 }
 .flexbox>button{
     width: 100%;
     padding: 5px;
     margin: 5px;
 }
 
@media screen and (max-width: 389px) {
	.flexbox {
		display: flex;
		flex-wrap: wrap;
	}
}