/* hafas_2007_calendar.css */
/* ======================= */

table.calendar .header,
table.calendar .buttons,
table.calendar                      {width:220px; background-color: #f9f9f9; cursor: default;}
table.calendar td                   {height: 20px; text-align: center;cursor: default;font-size:12px; color:#006669;}
table.calendar th                   {color : #fff;background-color: #15a89e; border: none; text-align: center;}
table.calendar th.heading_months_enabled {background-color: #15a89e; color: #fff; border:none;text-align:center;cursor:pointer;}
table.calendar th.heading_months_disabled {background-color: #15a89e; color: #fff; border: none;text-align:center;}
table.calendar th.heading_daynames  {background-color: #cad0d1; color: #fff; font-size:12px; border:0px; font-weight: normal;}
table.calendar th.enabled           {cursor:pointer;}
table.calendar th.enabled:hover     {background-color: #98d7d6; color:#fff;}
table.calendar td.enabled           {color: #98d7d6;cursor:pointer;}
table.calendar td.enabled:hover     {background-color: #98d7d6; color:#fff;}
table.calendar td.disabled          {background-color: #f9f9f9; color: #98d7d6;}
table.calendar td.weekno            {background-color: #f9f9f9; color: #15a89e;}
table.calendar td.active            {background-color: #15a89e; color: #fff; cursor:pointer;}
table.calendar td.active:hover      {background-color: #10857d; color: #fff;}
table.calendar td.working           {background-color: #9ccf9c;}
table.calendar td.notworking        {background-color: #ce9a9c;}
table.calendar td.today             {background-color: #9ccf9c;font-weight:bold;font-style:italic;}
table.calendar td.preselect         {border:2px #c00 solid;}
table.calendarLegend                {width:100%; border-collapse:collapse; margin-top:20px; margin-bottom:20px;}
table.calendarLegend td.disabled    {background-color:#fff;border: 1px solid #98d7d6;}
table.calendarLegend td.working     {background-color: #9ccf9c;border: 1px solid #98d7d6;}
table.calendarLegend td.nonworking  {background-color: #ce9a9c;border: 1px solid #98d7d6;}
table.calendarLegend td.today       {background-color: #9ccf9c;border: 1px solid #98d7d6;font-weight:bold;font-style: italic;text-align: center;}
table.calendarLegend td.preselect   {background-color: #99fe94;border: 1px solid #98d7d6;text-align: center;}
table.calendar th.nextMonth:hover   {background-color:#98D7D6; color:#fff; cursor:pointer;}
table.calendar th.prevMonth:hover   {background-color:#98D7D6; color:#fff; cursor:pointer;}
div.calendardiv                     {width: 220px; z-index: 10000; background-color: #fff; border: #cad0d1 2px solid; padding: 8px;cursor: default; line-height: 18px; opacity: 1;filter: alpha(opacity=100);}


/* 0 - 500px, mobile
----------------------------------------------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 500px) {
    #dateTime .calendardiv              {left: 0px !important;}
    #dateTime table.calendar td.weekno            {width: 40px !important;}
    table.calendar td {text-align: left; font-size: 14px; float: none;}
    table.calendar td {
      cursor: default;
      font-size: 12px;
      height: auto;
      padding: 4px 0;
      text-align: center;
      width: auto;
  }


}