﻿@charset "UTF-8";     

.Cal2	{ position:absolute;background-color:#fff;border:1px solid #cdcdcd;overflow:hidden;width:max-content;font-size:0.8rem}
.Cal2	div {padding:10px;}
.Cal2	div:last-child {text-align:right}
.Cal2	div span {text-align:center;width:15px;display:inline-block; font-weight:800}
.Cal2	div span:hover { background-color: #dbdbff; cursor:pointer }
.Cal2	div .on { background-color: #dddd00;}
.Cal2	#cdate { width:150px;display:inline-block; font-weight:800;text-align:right}
.Cal2	table { table-layout:fixed; margin:10px; border:1px solid #ececec; border-collapse : collapse;width:-webkit-fill-available;}
.Cal2	table th { font-weight:800; text-align:center; background-color: #ececec; padding:5px; }
.Cal2	table th:first-child {color:green}
.Cal2	table th:nth-child(7) {color:blue}
.Cal2	table th:last-child {color:red}
.Cal2	table td{text-align:center; padding:5px; cursor:pointer; font-weight: 900 }
.Cal2	table td span{display:inline-block}
.Cal2	table td:first-child {color:green}
.Cal2	table td:nth-child(7) {color:blue}
.Cal2	table td:last-child {color:red}
.Cal2	table td:hover {background-color: #ff8040; }
.Cal2	table .currday { background-color: #dddd00; }
.Cal2	table .off{ font-weight: 200!important; color:#999!important }
.Cal2	.cal2_left {float:left;padding-top:20px;padding-right:0;}
.Cal2	.cal2_right {float:right;}
.Cal2	.cal2_left select {height:180px;border:0px}
.Cal2	.cal2_left select option {padding:2px 10px;}

.Mon2	{ position:absolute;background-color:#fff;border:1px solid #cdcdcd;overflow:hidden;width:max-content;font-size:0.8rem}
.Mon2	div {width:100%;margin:10px;margin-left:0;text-align:center;}
.Mon2	div input {text-align:center;width:50px;display:inline-block;font-weight:800;border:0;border-bottom:1px solid #dddd00}
.Mon2	div .on { background-color: #dddd00;}
.Mon2	table {table-layout:fixed;margin:10px;border:1px solid #ececec;border-collapse:collapse;}
.Mon2	table th { font-weight:800; text-align:center; background-color: #ececec; padding:5px; }
.Mon2	table th:first-child {color:green}
.Mon2	table th:last-child {color:red}
.Mon2	table td{text-align:center;padding:5px;cursor:pointer;font-weight:900}
.Mon2	table td:first-child {color:green;display:inline-block;overflow-y:auto;max-height:200px}
.Mon2	table td:last-child {color:black}
.Mon2	table td span{display:inline-block;width:90px}
.Mon2	table td .on{background-color: gold; }
.Mon2	table td span:hover {background-color: #ff8040; }
