/*desktop*/
@media only screen and (min-aspect-ratio: 13/9){
	#setWorkCsv{
		display:inline;
	}
}
/*mobile*/
@media only screen and (max-aspect-ratio: 13/9){
	#setWorkCsv{
		display:none;
	}
}

#name_table_div
{
	width:34.7%;
	height:100%;
	position:absolute;
	top:0;
	right:0.2%;
	overflow:scroll;
}
#name_table_div::-webkit-scrollbar
{
	display:none;
}
#name_table_div
{
	-ms-overflow-style: none;  // IE 10+
	overflow: -moz-scrollbars-none;  // Firefox
}
#name_table_div a:hover
{
	text-decoration:underline;
	cursor:pointer;
	filter:contrast(30%);
	-webkit-filter:contrast(30%);
}
#name_table_div a img
{
	width:1em;
	position:relative;
	top:0.1em;
}
#name_table_div .id_table_row_highlightTd:hover{
	cursor:pointer;
	font-weight:bold;
}
#set_work_op_button
{
	width:100%;
}
#set_work_op_button input[type=button]
{
	padding:2px;
	text-align:center;
	margin-bottom:2px;
	width:100%;
}
#set_work_op_button input[type=button]:hover
{
	color:blue;
	text-decoration:underline;
}
#setwork_name_table
{
	border:1px black solid;
	border-collapse:collapse;
	width:100%;
}
#setwork_name_table td, #setwork_name_table th
{
	border:1px black solid;
	padding:5px;
	text-align:center;
}
#setwork_name_table th:nth-child(1)
{
	width:1.3em;
}
#setwork_name_table th:nth-child(2)
{
	width:5em;
}
#setwork_name_table td:nth-child(1)
{
	width:1em;
}
#setwork_name_table td:nth-child(2)
{
	width:5em;
}
#setwork_name_table td[id$=_holiday]
{
	width:2em;
}
#setwork_name_table td[id$=_count]
{
	width:2em;
}
#setwork_name_table th
{
	background-color:#FFF176;
	word-break: break-all;
}
#setwork_name_table tr
{
	background-color:#FFF59D;
}
#setwork_name_table tr td.duty_note
{
	text-align:left;
	font-size:0.8em;
}
#setwork_name_table tr th.duty_note img
{
	width:1em;
}
#setwork_name_table tr th.duty_note img:hover
{
	cursor:pointer;
	filter:invert(1);
	-webkit-filter:invert(1);
}
#setwork_name_table .name_askwork td:nth-child(1), #setwork_name_table .name_askwork td:nth-child(2)
{
	background-color:#96ffbe;
}
#setwork_name_table .name_used td:nth-child(1), #setwork_name_table .name_used td:nth-child(2)
{
	background-color:lightgray;
	color:white;
}
#setwork_name_table .name_vacation td:nth-child(1), #setwork_name_table .name_vacation td:nth-child(2)
{
	background-color:lightgray;
	color:blue;
}
#setwork_name_table .name_vacation.name_used td:nth-child(1), #setwork_name_table .name_vacation.name_used td:nth-child(2)
{
	color:red;
}
#setwork_name_table .name_notwork td:nth-child(1), #setwork_name_table .name_notwork td:nth-child(2)
{
	color:orange !important;
}
#setwork_name_table .name_qod:not(.name_vacation) td:nth-child(1), #setwork_name_table .name_qod:not(.name_vacation) td:nth-child(2)
{
	color:green;
}
#setwork_name_table .name_dndo:not(.name_vacation) td:nth-child(1), #setwork_name_table .name_dndo:not(.name_vacation) td:nth-child(2)
{
	background-color:lightgray;
	color:green;
}
#setwork_name_table .name_dndw:not(.name_vacation) td:nth-child(1), #setwork_name_table .name_dndw:not(.name_vacation) td:nth-child(2)
{
	background-color:#e8e8e8;
	color:green;
}
#setwork_name_table .name_dndw:not(.name_vacation).name_used td:nth-child(1), #setwork_name_table .name_dndw:not(.name_vacation).name_used td:nth-child(2)
{
	background-color:lightgray;
}
#setwork_name_table .name_noqd:not(.name_vacation) td:nth-child(1), #setwork_name_table .name_noqd:not(.name_vacation) td:nth-child(2)
{
	color:green;
}
#setwork_name_table tr td.id_table_row_highlightAv{cursor:pointer;}
#setwork_name_table tr td.id_table_row_highlightAv.highlight{background-color:#4befff !important;}
#setwork_name_table tr td.funcbtn{text-align: right;}
#setwork_name_table tr td.funcbtn input[type="button"]{font-size: 1em; padding: 5px;}
#work_table_div
{
	position:relative;
	overflow:scroll;
	height:100%;
	width:64.7%;
	margin-left:0.3%;
}
#work_table_div::-webkit-scrollbar
{
	display:none;
}
#work_table_div
{
	-ms-overflow-style: none;
}
#set_work_nav
{
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
	background-color:#90EE90;
	position: sticky;
	top: 0;
	z-index: 1;
}
#set_work_nav li
{
	float:left;
	width:33%;
}
#set_work_nav li a
{
	font-size:1.5em;
	display:block;
	color:white;
	text-align:center;
	padding:5px;
}
#set_work_nav li a:hover
{
	background-color:#90EE00;
}
#setWorkMonthInput
{
	width:100%;
	text-align:center;
	padding:5px;
	font-size:1.5em;
	background-color:transparent;
	outline:none;
	border:none;
}
#setWorkCsv, .setwork_edit_headline
{
	font-size:0.8em;
	float:left;
	position:relative;
	margin:2px;
}
.setwork_edit_headline{display:inline;}
#setWorkCsv a:link, #setWorkCsv a:visited, #setWorkCsv a:active
{
	text-decoration:none;
	color:inherit;
}
#setWorkCsv a:hover
{
	text-decoration:underline;
	filter:contrast(30%);
	-webkit-filter:contrast(30%);
}
#setWorkCsv a img
{
	float:left;
	width:1.5em;
	margin-right:2px;
}
#setWorkCsvHint
{
	background-color:white;
	border:1px black solid;
	display:none;
	position:absolute;
	width:14em;
	z-index:1;
}
#setWorkCsvHint p:first-child
{
	padding-left:1em;
	color:#ff4f72;
	font-size:1.2em;
}
#setWorkCsvHint img
{
	width:300px;
}
#setWorkCsvHint a:hover{
	cursor:pointer;
}
#setWorkCsv a:hover + #setWorkCsvHint, #setWorkCsvHint:hover
{
	display:block;
}
#setWorkLastEdited
{
	display:inline;
	font-style:italic;
	font-size:0.8em;
	float:right;
	padding-right:0.6em;
}
#setWorkLastEdited:hover{
	text-decoration:underline;
}
#setWorkLastEdited #setWorkLastEditedHint {
	background-color:white;
	border:1px black solid;
	display:none;
	position:absolute;
	padding:0.5em 4em 0.5em 4em;
	font-size:0.6em;
}
#setWorkLastEdited #setWorkLastEditedHint a:hover{
	text-decoration: underline;
	color: black;
	cursor: pointer;
}
#setWorkLastEdited:hover #setWorkLastEditedHint {
	display:block;
	color: gray;
}
#setwork_work_table
{
	table-layout:fixed;
	margin-bottom:30px;
	border:1px black solid;
	border-bottom:2px black solid;
	border-collapse:collapse;
	width:100%;
}
#setwork_work_table th
{
	background-color:#DCE775;
	border-right:1px black solid;
}
#setwork_work_table th:first-child
{
	width:auto;
}
#setwork_work_table tr
{
	height:1em;
}
#setwork_work_table tr.dateRow
{
	border-top:5px black double;
	background-color:#C5E1A5;
	font-size:1.3em;
	text-align:center;
}
#setwork_work_table tr.dateRow td:first-child
{
	border-bottom:none;
	background-color:#DCE775;
}
#setwork_work_table tr.dateRow td:not(:first-child):empty
{
	background-color:lightgray;
}
#setwork_work_table tr:not(.dateRow) td.empty_data {
	background-color: lightgray;
	border: none;
}
#setwork_work_table tr.dateRow td.lastMonth,
#setwork_work_table tr.dateRow td.nextMonth
{
	color:gray;
	font-size:0.8em;
}
#setwork_work_table tr:not(.dateRow) td.lastMonth,
#setwork_work_table tr:not(.dateRow) td.nextMonth
{
	background-color:#5eff9b;
	border-right: 1px black solid;
	border-bottom: 1px lightgray solid;
	color:gray;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
}
#setwork_work_table .setwork_area
{
	background-color:#FFF176;
	text-align:right;
	padding: 0 0.5em;
	white-space: nowrap;
}
#setwork_work_table .day_header.holiday
{
	color:red;
}
#setwork_work_table .day_header.weekday
{
	color:black;
}
#setwork_work_table .day_header.askwork
{
	background-color:#96ffbe;
}
#setwork_work_table .day_header.available
{
	background-color:#4befff;
}
#setwork_work_table .day_header.available_nw
{
	background-color:#3ecddb;
}
#setwork_work_table .day_header.available_dnd
{
	background-color:#9085ff;
}
#setwork_work_table .setwork_who
{
	border-right:1px black solid;
	border-bottom:1px lightgray solid;
	padding:0;
}
#setwork_work_table .setwork_nameInput
{
	width:100%;
	height:100%;
	outline:none;
	text-align:center;
	border:none;
	font-size:1em;
}
#setwork_work_table.history .setwork_nameInput{
	background-color: darkgray;
	color: white;
}
#setwork_work_table .duplicate_name
{
	color:blue;
}
#setwork_work_table .no_id
{
	color:red;
}
#setwork_work_table .noqodConflict, #setwork_work_table.history .noqodConflict
{
	background-color:blue;
	color:white;
}
#setwork_work_table .dndw, #setwork_work_table.history .dndw
{
	background-color:lightgreen;
}
#setwork_work_table .noqdConflict, #setwork_work_table.history .noqdConflict
{
	background-color:purple;
	color:white;
}
/*
#setwork_work_table .noqdConflict.noqdHint, #setwork_work_table.history .noqdConflict.noqdHint
{
	background-color:#cce6ff;
}
*/

#setwork_work_table .vacationConflict, #setwork_work_table.history .vacationConflict
{
	background-color:red;
	color:white;
}
#setwork_work_table .notworkConflict, #setwork_work_table.history .notworkConflict
{
	background-color:orange;
	color:white;
}

#setwork_work_table .setwork_nameInput.available{
	background-color:#b6f9ff;
}

#setwork_work_table .setwork_nameInput.highlight,
#setwork_work_table tr:not(.dateRow) td.lastMonth.highlight,
#setwork_work_table tr:not(.dateRow) td.nextMonth.highlight{
	background-color:pink;
	font-weight:bold;
}
#setwork_work_table .setwork_nameInput[readonly]:not([disabled]):not(.empty_name), #setwork_work_table tr:not(.dateRow) td.lastMonth:not(.empty_name),
#setwork_work_table .setwork_nameInput[readonly]:not([disabled]):not(.empty_name), #setwork_work_table tr:not(.dateRow) td.nextMonth:not(.empty_name){
	cursor:pointer;
}
#setwork_work_table .setwork_nameInput[readonly].empty_name{
	cursor:default;
}