/*!
 * Datepicker v@VERSION
 * https://github.com/fengyuanchen/datepicker
 *
 * Copyright (c) 2014-@YEAR Fengyuan Chen
 * Released under the MIT license
 *
 * Date: @DATE
 */


.datepicker-container {
  background-color: #fff;
  direction: ltr;
  font-size: 12px;
  left: 0;
  line-height: 30px;
  position: fixed;
  top: 0;
  touch-action: none;
  user-select: none;
  width: 210px;
  z-index: -1;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.datepicker-dropdown {
  border: 1px solid #ccc;
  box-shadow: 0 3px 6px #ccc;
  box-sizing: content-box;
  position: absolute;
  z-index: 1;
}

.datepicker-inline {
  position: static;
}

.datepicker-top-left,
.datepicker-top-right {
  border-top-color: gray;
}

.datepicker-bottom-left,
.datepicker-bottom-right {
  border-bottom-color: gray;
}

.datepicker-top-right,
.datepicker-bottom-right {
  &:before,
  &:after {
    left: auto;
    right: 10px;
  }
}

.datepicker-panel ul {
	
	margin: 0;
    padding: 0;
    width: 102%;
	display: table;
	list-style-type:none;
}

.datepicker-panel li {
	
	background-color: #fff;
      cursor: pointer;
      float: left;
      height: 28px;
      list-style: none;
      margin: 0;
      padding: 0;
      text-align: center;
      width: 28px;
	border:1px solid rgba(0,0,0,0);
}

.datepicker-panel li:hover {background-color:  rgba(0,0,0,.1);}
.datepicker-panel li.muted {color: #999;}
.datepicker-panel li.highlighted {background-color: rgba(0,0,0,.1);}
.datepicker-panel li.picked {color: green;font-weight:bold;border-radius:100%;border:1px solid rgba(0,0,0,.1);}
.datepicker-panel li.disabled {color: #ccc;cursor: default;text-decoration: line-through;}


.datepicker-panel li[data-view='years prev'],
.datepicker-panel li[data-view='year prev'],
.datepicker-panel li[data-view='month prev'],
.datepicker-panel li[data-view='years next'],
.datepicker-panel li[data-view='year next'],
.datepicker-panel li[data-view='month next'],
.datepicker-panel li[data-view='next'] {font-size: 18px;}

.datepicker-panel li[data-view='years current'],
.datepicker-panel li[data-view='year current'],
.datepicker-panel li[data-view='month current'] {width: 150px;}

.datepicker-panel li[data-view='years'],
.datepicker-panel li[data-view='months'] > li {
	height: 52.5px;
	line-height: 52.5px;
	width: 52.5px;
}

.datepicker-panel li[data-view='week']> li,
.datepicker-panel li[data-view='week']> li:hover{
	background-color: #fff;
	cursor: default;
}


.datepicker-hide {
  display: none;
}