/**
* Style-sheet for dtpicker
* https://github.com/mugifly/jquery-simple-datetimepicker
*/

.datepicker {display: inline-block;width: 528px;height: 460px;border: 1px solid #c6cad0;box-sizing: border-box;padding: 48px 0 0;}

/*
* datepicker_header
*/

.datepicker  .datepicker_header{padding-top:2px;padding-bottom:2px;padding-left:5px;padding-right:5px;background-color: #fff;color: #333;text-align: center;font-size: 30pt;font-weight: bold;user-select: none;-webkit-user-select: none;-moz-user-select: none;}
.datepicker  .datepicker_header > a {user-select: none;-webkit-user-select: none;-moz-user-select: none;cursor: pointer;width:32px;height:32px; display:inline-block;}
.datepicker .datepicker_header > a.prev_arr,.datepicker .datepicker_header > a.next_arr{background:url(/Homedata/images/customer/cal_next_arr.png) 0 0 no-repeat; background-size: contain;}
.datepicker .datepicker_header > a.prev_arr{transform:rotateZ(180deg)}
.datepicker .datepicker_header > a.prev_arr.non_focus_arr{background:url(/Homedata/images/customer/cal_prev_arr.png) 0 0 no-repeat;transform:rotateZ(0deg);cursor: default; background-size: contain;}
.datepicker  .datepicker_header > a:hover {color: #303030;background-color:	#c8c8c8;}
.datepicker  .datepicker_header > a:active{color: #ffffff;background-color:	#808080;}
.datepicker  .datepicker_header > span {margin:0 20px;user-select: none;-webkit-user-select: none;-moz-user-select: none;}
.datepicker  .datepicker_header > .icon-home {position:	absolute;display:none;float:left;margin-top:2px;margin-left:5px;width:11pt;	height:11pt;vertical-align: middle;}
.datepicker  .datepicker_header > .icon-home > svg > g > path {	fill: #3b7796;}
.datepicker > .datepicker_inner_container {background-color: #fff;max-width: 520px;margin: 12px auto 0;}
.datepicker > .datepicker_inner_container:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.datepicker > .datepicker_inner_container > .datepicker_calendar {width: 470px; margin:0 auto;background-color:#fff;}
.datepicker > .datepicker_inner_container > .datepicker_calendar > table {padding: 10px;width:100%;box-sizing: border-box;}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr {display:flex;margin: 0 auto;justify-content: space-around;position:relative;}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > th {width:50px;height: 30px;color: #929292;font-size: 16px;font-weight: bold;text-align:center;background: #f2f4f7;padding: 0 9px;line-height: 30px;font-weight:bold;}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr:first-child{background: #f2f4f7;}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr:first-child:before,.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr:first-child:after{padding:10px;content:'';position: absolute;left: -8px;top: 0;display: block;width: 10px;height: 10px;background: #f2f4f7;border-radius: 100%;}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr:first-child:after{right: -8px;left: auto;}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > th:first-of-type{color: #e34f4e;}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > th:last-of-type{color: #5836b6;}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td {width: 50px;box-sizing: border-box;height: 50px;line-height:50px;color:#000;text-align:center;-moz-user-select: none;cursor: pointer;margin: 0 9px;}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.today {}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sat {color:	#0044aa;}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sun {color:	#e13b00;}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_another_month {color:#ccc;user-select: none;-webkit-user-select: none;-moz-user-select: none;}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_in_past {cursor: default;color: #ccc;}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_in_unallowed {cursor: default;color: #ccc; user-select: none;-webkit-user-select: none;-moz-user-select: none;}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.out_of_range {cursor: default;color: #ccc;}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.active {color: #fff;background-color:#333;}
.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.hover {color: #fff;background-color:#333;}
/*
* datepicker_inner_container > datepicker_timelist
*/
.datepicker > .datepicker_inner_container > .datepicker_timelist {float: left;width:526px;height:462px;	margin-top: -0.5px;padding: 5px;padding-left: 0px;padding-right: 0px;overflow: auto;overflow-x: hidden;background-color:#fff;	display:none!important;}
.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar {overflow: hidden;width: 6px;background: #fafafa;	}
.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar:horizontal {height: 1px;}
.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-button {display: none;}
.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-piece {background: #eee;}
.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-piece:start {background: #eee;}
.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-thumb {background: #aaaaaa;border-radius: 3px;-webkit-border-radius: 3px;  -moz-border-radius: 3px;}
.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-corner {background: #333;}
.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item {padding-top:   1px;padding-bottom:1px;padding-left:  7px;padding-right: 25px;margin-top: 5px;margin-bottom: 2px;font-size: small;	user-select: none;-webkit-user-select: none;-moz-user-select: none;cursor: pointer;}
.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.time_in_past {cursor: default;color: #ccc;}
.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.out_of_range {cursor: default;color: #ccc;}
.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.active {color: #ffffff;background-color:	#808080;}
.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.hover {color: #000000;background-color:	#c8c8c8;}