/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.ui-datepicker {

  &.modal-body{
    padding: 10px;
  }

  > .ui-datepicker-header {
    > .ui-datepicker-title {
      float: left;
      white-space: nowrap;
      > select {
        display: inline-block;
        width: auto;
        height: 23px;
      }
    }

    > a {
      @extend .button;
      height: 23px;
      padding-left: 7px;
      line-height: 14px;
      padding-right: 6px;
      display: inline-block;

      > span {
        display: none;
      }
      &:before {
        font-family: FontAwesome;
        display: block;
      }

      &:hover {
        color: inherit;
        text-decoration: none;
      }
      &.ui-datepicker-prev {
        float: left;
        &:before {
          content: "\f053";
        }
      }

      &.ui-datepicker-next {
        float: right;
        &:before {
          content: "\f054";
        }
      }
    }
    &::after{
      content: ".";
      clear: both;
      display: block;
      visibility: hidden;
      height: 0px;
    }
  }

  >.ui-datepicker-calendar{
    width: 100%;
    > thead > tr > th span {
      font-size: 11px;
      color: #707070;
    }
    > tbody > tr > td {
      text-align: center;
      a{
        display: block;
        color: #555;
        font-size: 11px;

        &.ui-state-active,
        &.ui-state-highlight,
        &:focus,
        &:hover {
          color: #fff;
          text-decoration: none;
          background-color: lighten(#6FB536, 20%);
        }

        &.ui-state-active{
          background-color: #6FB536;
        }
      }
      &.ui-datepicker-week-end {
        background-color: #F0F0F0;
      }
    }
  }
  &:before {
    content: '';
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    position: absolute;
    top: -7px;
    left: 6px;
  }
  &:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
    top: -6px;
    left: 7px;
  }

}