.AiCalendarDate
{
  background-color:#cccccc;
  height:2.4em;
  width: 7.7em;
  margin: 0 auto;
  position:relative;
  padding-left:3px;
  cursor:pointer;
  border-radius: .3em;
  border: 1px solid black;
  box-sizing: border-box;
}

.AiCalendarDate img
{
  width:28px;
  height:28px;
  margin-left:1px;
  position:absolute;
  top:2px;

}

.AiCalendarDateString
{
  display:inline-block;
  line-height:2.7em;
  position:absolute;
  left:36px;
  font-size: 85%;
}

.AiCalendarDayNbr
{
  position:absolute;
  left:10px;
  top:13px;
  font-size:90%;
  color:black;
}


@media screen and (max-device-width:1440px), screen and (max-width:1440px)
{

  .AiCalendarDate img
  {
    width:23px;
    height:23px;
   }

  .AiCalendarDayNbr
  {
    top: 11px;
    font-size: 80%;
  }

  .AiCalendarDateString
  {
    left: 31px;
  }
}

@media screen and (max-device-width:1280px), screen and (max-width:1280px)
{

  .AiCalendarDate img
  {
    width:21px;
    height:21px;
   }

  .AiCalendarDayNbr
  {
    top: 11px;
    font-size: 80%;
  }
}