/* calendar styling */

/* Default and small screens */


.calendar-month-selectors {
  margin-bottom:0.5em;
}

.calendar-month-selectors {
  display: flex;
  justify-content: space-between;
}

table.calendar {margin-left:auto; margin-right:auto; margin-top:0; border-left:1px solid #999;}

td.calendar-day { font-size:11px; position:relative; padding-top:30px !important; vertical-align:top;}
td.calendar-day-np  { background:#eee; }
div.calendar-day-placeholder {min-height: 4em;}
td.calendar-day p { margin: 0; font-size: 1em;}
td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; height:30px;}
div.day-number      { background:#999; padding:5px; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; position:absolute;top:5px;left:0px; font-size:16px;}
td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }

td.calendar-day-head{
padding: 6px 2px 6px 2px;
  border-width: 1px;
  border-style: solid;
  border-color: #cdcbc4;
  text-align: center;
  font-family: 'Open Sans', Verdana, Geneva, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  line-height: 1em;
}

div.day-number{
  padding: 2px 3px 0 3px;
  font-size: 10pt;
  font-weight: bold;
  font-family: 'Open Sans', Verdana, Geneva, sans-serif; background-color: #ffffff;
}

td.today-date{
  color: #73726f;
  background-color: #f7f7f7;
}

th.list-breaker{text-align:left;color:#5D2E7E;font-weight:bold;}
table.calendar-list td {padding:5px;}
