/* WHATSOCK, 2018 */
/* Specific styles for ARIA Calendar */

div.calendar-container {
  position: relative;
}

a.accCalendar {
  display: inline-block;
/*  background: transparent; */
}

div.calendar {
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  color: #4f4d51;
  background-color: #FFF;
  padding: 0.5rem;
  border: solid 1px #ced4db;
  border-radius: 0.3rem;
  -webkit-box-shadow: 0 10px 6px -6px #AAA;
  -moz-box-shadow: 0 10px 6px -6px #AAA;
  box-shadow: 0 10px 6px -6px #AAA;
}

table.calendar {
  border-collapse: separate;
  border-spacing: 1px;
}

table.calendar td,
table.calendar th {
  padding: 0.3em 0.5em;
  border-radius: 0.15rem;
}

td.empty {
  background-color: rgba(255, 255, 255, .07);
}

th.week {}

td.nav,
td.day {
  cursor: pointer;
}

td.nav {
  font-weight: 600;
}

td.day {
  text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
  color: #000;
  background-color: #fff;
}


td.year,
td.month {
  color: #4f4d51;
  font-weight: 600;
}

td.dayToday {
  color: #000;
  background-color: #db7093;
}

td.dayInMonth {
  border: solid #ced4db 1px;
}
  
td.dayInPrevMonth,
td.dayInNextMonth {
  color: #000;
  background-color: #e6e6e6;
}

td.day:hover {
  background-color: #369ece;
  color: #fff;
  font-weight: 600;
}

td.day.disabled:hover {
  font-weight: 400;
}

td[aria-current="date"] {
  background-color: #006298;
  color: #fff;
  font-weight: 600;
}

div.calendar .day.dayInMonth.selected:focus {
  background-color: #006298;
  color: #fff;
  font-weight: 600;
}

div.calendar .btn.month:hover {
  border:1px solid #9e9999;
}

td.disabled,
td.disabled:hover {
  color: #76747B;
  background-color: #e9e9e9;
  cursor: not-allowed;
}

td.disabled.selected {
  background-color: #ddd;
}

table.calendar {
  border-spacing: 2px;
}

div.monthMessage {
  border: 1px solid #000;
  margin: 20px 10px 10px 10px;
  padding: 10px;
}

/* To make month arrows appear centered */ 

.nav.prev.btn.month span,
.nav.next.btn.month span {
    position: relative;
    left: 6px;
}