@import "variables";

div.datepicker {
  position: absolute;
  text-align: center;
  border: 1px solid #aaaaaa;
  background: $white;
  padding: 0;

  table {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 9px;

    thead tr th {
      /* The rest will be done by the ".btn" class */
      display: table-cell;
    }

    tbody tr {
      border: 1px solid $white;
      margin: 0;
      padding: 0;

      td {
        border: 1px solid $lightgrey;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 35px;
        line-height: 15px;
        cursor: pointer;

        &.wday {
          border: 1px solid $white;
          cursor: default;
        }

        &.outbound {
          background: $lightgrey;

          &:hover {
            border: 1px solid #aaaaaa;
          }
        }

        &.today {
          border: 1px solid lighten($brand-color, 6.7%);
          background: $white;
          color: lighten($brand-color, 6.7%);

          &:hover {
            border: 1px solid #aaaaaa;
            background: #fbfbfb;
          }
        }

        &.nclick, &.nclick_outbound {
          cursor: default;
          color: #aaaaaa;

          &:hover {
            border: 1px solid $lightgrey;
            background: $white;
          }
        }

        &.nclick_outbound {
          background: $lightgrey;

          &:hover {
            background: $lightgrey;
          }
        }

        &:hover {
          border: 1px solid #aaaaaa;
          background: #fbfbfb;
        }
      }
    }

    tfoot {
      padding: 0;

      td {
        /* The rest will be done by the ".btn" class */
        display: table-cell;
      }
    }
  }
}
