jquery.day.less

/**
 * Day - A jQuery date picker
 *
 * Copyright (C) 2011 by Markus Eliasson
 *
 * Licensed under the MIT license
 */
.popup_day_selector {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 2px 2px 3px #666;
  position: absolute;

  font-family: Helvetica;
  font-size: 12px;
  color: #555;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;

  a,
  a:active,
  a:visited,
  a:hover {
  text-decoration: none;
    color: #333;
    font-weight: 600;
  }

  table {
    font-size: 12px;
    background-color: #fff;
    border-collapse: collapse;
    border-spacing: 0;
    font-weight: normal;

    th {
      font-weight: normal;
      padding: 5px;
    }

    thead .day_header th {
      color: #333;
      font-weight: 600;
      text-align: center;
    }

    thead {
      background-color: #efefef;
    }

    tbody {
      background-color: #fff;
    }

    tbody td {
      padding: 5px;
      text-align: center;
      cursor: pointer;
    }

    tbody td:hover {
      background-color: #dedede;
    }

    tbody .date_off {
      color: #aaa;
    }

    tbody .date_selected {
      background-color: #efefef;
      color: #555;
      font-weight: bolder;
    }
  }

  .date_prev {
    float: left;
    padding-left: 5px;
  }

  .date_next {
    float: right;
    padding-right: 5px;
  }
}