/* ========================================================================  
   Component: Datepicker  
 ========================================================================== */  
/*  
 * 1. Highest z-index  
 * 2. Reset dropdown width  
 * 3. Set animation  
 * 4. Needed for scale animation  
 */  
.uk-datepicker {  
  /* 1 */  
  z-index: 1050;  
  /* 2 */  
  width: auto;  
  /* 3 */  
  -webkit-animation: uk-fade 0.2s ease-in-out;  
  animation: uk-fade 0.2s ease-in-out;  
  /* 4 */  
  -webkit-transform-origin: 0 0;  
  transform-origin: 0 0;  
}  
/* Sub-object: `uk-datepicker-nav`  
========================================================================== */  
.uk-datepicker-nav {  
  margin-bottom: 15px;  
  text-align: center;  
  line-height: 20px;  
}  
/*  
 * Micro clearfix  
 */  
.uk-datepicker-nav:before,  
.uk-datepicker-nav:after {  
  content: " ";  
  display: table;  
}  
.uk-datepicker-nav:after {  
  clear: both;  
}  
/*  
 * Previous and next navigation  
 */  
.uk-datepicker-nav a {  
  color: #9f9f9e;  
  text-decoration: none;  
}  
.uk-datepicker-nav a:hover {  
  color: #9f9f9e;  
}  
.uk-datepicker-previous {  
  float: left;  
}  
.uk-datepicker-next {  
  float: right;  
}  
.uk-datepicker-previous:after,  
.uk-datepicker-next:after {  
  width: 20px;  
  font-family: FontAwesome;  
}  
.uk-datepicker-previous:after {  
  content: "\f053";  
}  
.uk-datepicker-next:after {  
  content: "\f054";  
}  
/* Sub-object: `uk-datepicker-heading`  
========================================================================== */  
/* Sub-object: `uk-datepicker-table`  
========================================================================== */  
/* Block element behavior */  
.uk-datepicker-table {  
  width: 100%;  
}  
.uk-datepicker-table th,  
.uk-datepicker-table td {  
  padding: 2px;  
}  
.uk-datepicker-table th {  
  font-size: 12px;  
}  
/*  
 * Item  
 */  
.uk-datepicker-table a {  
  display: block;  
  width: 26px;  
  line-height: 24px;  
  text-align: center;  
  color: #9f9f9e;  
  text-decoration: none;  
}  
/*  
 * Sub-object: `uk-datepicker-table-muted`  
 */  
a.uk-datepicker-table-muted {  
  color: #babab7;  
}  
/*  
 * Hover  
 * 1. Apply hover style also to focus state  
 * 2. Remove default focus style  
 */  
.uk-datepicker-table a:hover,  
.uk-datepicker-table a:focus {  
  background-color: #dce1e3;  
  color: #9f9f9e;  
  /* 2 */  
  outline: none;  
}  
/* OnClick */  
.uk-datepicker-table a:active {  
  background-color: #eaedee;  
  color: #9f9f9e;  
}  
/*  
 * Active  
 */  
.uk-datepicker-table a.uk-active {  
  background: #2d4951;  
  color: #e1eaec;  
}