#DIV2_JCalendar {position:fixed; left:0; top:0; width:100%;height:100%; z-index:9999998; display:none;}

#DIV_JCalendar {position:absolute; left:400px; top:100px; width:250px; min-height:100px; z-index:9999999; background-color:#ffffff; border:0; box-shadow: 0 0 9px #aaa; margin:0; padding:0; cursor:default; display:none; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
#DIV_JCalendar ul { clear:both; }
#DIV_JCalendar .div_head { margin:0; padding:0; height:50px; background-color:#078DCD; border:1px solid #078DCD; }
#DIV_JCalendar .div_head li {float:left; margin:0; padding:0; }
#DIV_JCalendar .div_head li.center_name span { line-height:49px; vertical-align:bottom; }
#DIV_JCalendar .div_body { clear:both; margin:0; padding: 5px 0; border-left:1px solid #aaa; border-right:1px solid #aaa; border-bottom:1px solid #aaa;}
#DIV_JCalendar .head_btn { margin:0; padding:0; width:10%; text-align:center; font-size:20px; height:100%; cursor:pointer; color:#ffffff; }
#DIV_JCalendar .head_btn i { padding: 0; margin:0; line-height:50px; }
#DIV_JCalendar .head_btn.on { background-color:#0676AC; color:#ffffff; }
#DIV_JCalendar .center_name { width:80%; text-align:center; }
#DIV_JCalendar .center_name[val=DD] #year{ font-size:14px; color:#ffffff; cursor:pointer;}
#DIV_JCalendar .center_name[val=DD] #month{ font-size:30px; font-weight:bold; padding: 0 5px; font-family:arial; color:#ffffff; cursor:pointer;}
#DIV_JCalendar .center_name[val=DD] #month2{ font-size:14px; color:#ffffff;cursor:pointer; }
#DIV_JCalendar .center_name[val=MM] #year{ font-size:26px; font-weight:bold; padding: 0 5px; font-family:arial; color:#ffffff; cursor:pointer; }
#DIV_JCalendar .center_name[val=YY] #year{ font-size:20px; font-weight:bold; padding: 0 5px; font-family:arial; color:#ffffff; }
#DIV_JCalendar .div_wook { margin: 5px; }
#DIV_JCalendar .div_wook li { float:left; width:14.28%; font-size:12px; text-align:center; }
#DIV_JCalendar .div_day { margin: 5px; clear:both; }
#DIV_JCalendar .div_day ul { clear:both; }
#DIV_JCalendar .div_day li { float:left; width:14.28%; font-size:12px; text-align:center; padding: 8px 0; font-family:arial; cursor:pointer; }
#DIV_JCalendar .div_day li.on { background-color:#4970F3; color:#ffffff;  border-radius:4px; }
#DIV_JCalendar .color1 { color:#ff0000; }
#DIV_JCalendar .color2 { color:#4b4b4b; }
#DIV_JCalendar .color3 { background-color:#D3FFA8; border-radius:4px; }
#DIV_JCalendar .color4 { color:#cccccc; }
#DIV_JCalendar .color5 { background-color:#4970F3; color:#ffffff; border-radius:4px; }
#DIV_JCalendar .div_mm { margin:5px; }
#DIV_JCalendar .div_mm ul { margin-top:30px; }
#DIV_JCalendar .div_mm ul { margin-top:30px; }
#DIV_JCalendar .div_mm ul { clear:both; }
#DIV_JCalendar .div_mm li { float:left; width:25%; font-size:12px; text-align:center; padding:15px 0; font-family:arial; cursor:pointer; }
#DIV_JCalendar .div_mm li.on { background-color:#4970F3; color:#ffffff;  border-radius:4px; }
#DIV_JCalendar .div_yy { margin:5px; }
#DIV_JCalendar .div_yy ul { margin-top:30px; }
#DIV_JCalendar .div_yy ul { margin-top:30px; }
#DIV_JCalendar .div_yy ul { clear:both; }
#DIV_JCalendar .div_yy li { float:left; width:25%; font-size:12px; text-align:center; padding:10px 0; font-family:arial; cursor:pointer; }
#DIV_JCalendar .div_yy li.on { background-color:#4970F3; color:#ffffff;  border-radius:4px; }
#DIV_JCalendar .now_date { text-align:right; padding-right:5px; }
#DIV_JCalendar .now_date a { font-size:11px; padding:2px 4px; background-color:#078DCD; color:#ffffff; cursor:pointer; }


button[data-toggle=jCalendar] { width:30px; height:30px; background: url('./calendar_icon.png') no-repeat center center; border:1px solid #cccccc; border-left:0; }
input[data-toggle=jCalendar] { background-color:#fff; text-align:center; padding:2px; font-size:13px; border:1px solid #cccccc; }

button[data-toggle=jCalendar-move][data-move-type=prev] { background-color:#ffffff; width:25px; height:30px; 
	border:1px solid #cccccc;  
	background-image: url('./calendar_icon_prev.png'); 
	background-position: center; 
	background-repeat: no-repeat;
	background-size: 30%;
}
button[data-toggle=jCalendar-move][data-move-type=next] { background-color:#ffffff; width:25px; height:30px; 
	border:1px solid #cccccc; 
	background-image: url('./calendar_icon_next.png'); 
	background-position: center; 
	background-repeat: no-repeat;
	background-size: 30%;
}

.input-group-btn button[data-toggle=jCalendar] { width:40px; background: url('./calendar_icon.png') no-repeat center center; }
.input-group-btn button[data-toggle=jCalendar].on { background-color:#e8e8e8; border:1px solid #cccccc; }