@charset "UTF-8";
#sysOK {
	position:fixed;
	display:flex;
	list-style:none;
	font-size:1.6em;
	top:-20%;
	left:30%;
	width:40%;
	color:green;
	border:2px solid #2c4d6d;
	padding:0.3em 1em;
	text-align:center;
	font-weight:bold;
	background-color:white;
	opacity:0;
	transition: all 1200ms 0s ease;
	z-index:10000;
}
#sysOK .red {
	color:red;
}
#sysNG {
	position:fixed;
	display:flex;
	list-style:none;
	font-size:1.6em;
	top:-20%;
	left:30%;
	width:40%;
	color:red;
	border:2px solid #ff0000;
	padding:0.3em 1em;
	text-align:center;
	font-weight:bold;
	background-color:#ffffee;
	opacity:0;
	transition: all 1200ms 0s ease;
	z-index:10000;
}
#sysOK.sysMessagePop
, #sysNG.sysMessagePop {
	top:0%;
	opacity:1;
	animation-duration:0.4s;
	animation-name:popDown;
}
@keyframes popDown {
	from {
		top:-10%;
		opacity:0;
	}
	to {
		top:0%;
		opacity:1;
	}
}

.setSelect {
	color:black;
	background-color:#d0e1f1;
}
.nonSelect {
	color:black;
}
.setSelect:focus {
	color:black;
}
.setSelect option,
.nonSelect option {
	color:black;
	background-color:white;
}
.setSelect option.nonSelect,
.nonSelect option.nonSelect {
	color:black;
	background-color:#eee;
}

/***** datepickerのCSS設定 *****/
div.ui-datepicker {
	font-size: 1.8rem;
}
table.ui-datepicker-calendar th {
	background: #fff!important;
	color: #000!important;
}
/* 土曜日の色設定 */
td.ui-datepicker-week-end:last-child a.ui-state-default{
  background: #f99!important;
}
/* 日曜日の色設定 */
td.ui-datepicker-week-end:first-child a.ui-state-default{
  background: #6cf!important;
}