/* ------ DATEPICKER  start   ----- */
  .datepicker-container,  .datepicker-container * {font-family: "SFProText";font-weight: normal;}
 .datepicker-container {font-size: 12px; line-height: 30px; position: fixed; z-index: 9999999 !important; top: 0; left: 0; width: 210px; background-color: #fff;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;direction: ltr !important;-ms-touch-action: none;touch-action: none;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;}
 .datepicker-container ul li:before {content:none;}
 .datepicker-container:before,
 .datepicker-container:after {position: absolute; display: block; width: 0; height: 0; content: ' '; border: 5px solid transparent;}
 .datepicker-dropdown {position: absolute; z-index: 1; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: 1px solid #ccc;}
 .datepicker-inline {position: static;}
 .datepicker-top-left, .datepicker-top-right {border-top-color: #3f51b5}
 .datepicker-top-left:before, .datepicker-top-left:after, .datepicker-top-right:before, .datepicker-top-right:after {top: -5px; left: 10px; border-top: 0;}
 .datepicker-top-left:before, .datepicker-top-right:before {border-bottom-color: #3f51b5;}
 .datepicker-top-left:after, .datepicker-top-right:after {top: -4px; border-bottom-color: #fff;}
 .datepicker-bottom-left, .datepicker-bottom-right {border-bottom-color: #70be55;}
 .datepicker-bottom-left:before, .datepicker-bottom-left:after, .datepicker-bottom-right:before, .datepicker-bottom-right:after {bottom: -5px; left: 10px; border-bottom: 0;}
 .datepicker-bottom-left:before, .datepicker-bottom-right:before {border-top-color: #70be55;}
 .datepicker-bottom-left:after, .datepicker-bottom-right:after {bottom: -4px; border-top-color: #fff;}
 .datepicker-top-right:before, .datepicker-top-right:after, .datepicker-bottom-right:before, .datepicker-bottom-right:after {right: 10px; left: auto;}
 .datepicker-panel {font-size:13px;}
 .datepicker-panel > ul:before, .datepicker-panel > ul:after {display: table; content: ' ';}
 .datepicker-panel > ul:after {clear: both;}
 .datepicker-panel > ul {width: 102%; margin: 0; padding: 0;}
 .datepicker-panel > ul > li {float: left; width: 30px; height: 30px; margin: 0; padding: 0; list-style: none; cursor: pointer; text-align: center; background-color: #fff;}
 .datepicker-panel > ul > li:hover {background-color: #eee;}
 .datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover {color: #999;}
 .datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {color: #3f51b5; font-weight:600;}
 .datepicker-panel > ul > li.disabled, .datepicker-panel > ul > li.disabled:hover {cursor: default; color: #ccc; background-color: #fff;}
 .datepicker-panel > ul > li[data-view='years prev'], .datepicker-panel > ul > li[data-view='year prev'], .datepicker-panel > ul > li[data-view='month prev'], .datepicker-panel > ul > li[data-view='years next'], .datepicker-panel > ul > li[data-view='year next'], .datepicker-panel > ul > li[data-view='month next'], .datepicker-panel > ul > li[data-view='next'] {font-size: 18px;}
 .datepicker-panel > ul > li[data-view='years current'],
 .datepicker-panel > ul > li[data-view='year current'],
 .datepicker-panel > ul > li[data-view='month current'] {width: 150px; font-weight:600;}
 .datepicker-panel > ul[data-view='years'] > li, .datepicker-panel > ul[data-view='months'] > li {line-height: 52.5px; width: 52.5px; height: 52.5px;}
 .datepicker-panel > ul[data-view='week'] > li, .datepicker-panel > ul[data-view='week'] > li:hover {cursor: default; background-color: #fff; font-weight:600;}
 .datepicker-hide {display: none;}
 div.selc_date {margin: 0 5px 0 5px;display: inline-block;}
 div.selc_date input {display: block;border: 1px solid #e1e1e1;outline: none;color: #000;border-radius: 2px;font-size: 12px;font-weight: normal;line-height: 16px;letter-spacing: 1.5px;padding: 7px 14px;position: relative;min-width: 100px;}
 @media  only screen and (max-width:560px) {  div.selc_date {margin: 0 auto 5px auto;display:block;width: 100%;}  div.selc_date input {display: block;min-width: 100%;width: 100%;}  }
 /* ---- DATEPICKER  finish   ---- */