@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300');
@import url('https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css');

.calendar-container {
  font-family: 'Open Sans', sans-serif;
  padding: 8px 2px;

  position: absolute;
  z-index: 999;
  background-color: #fff;
  margin-top: 50px;
}

.calendar-wrap table{
  font-family: 'Open Sans', sans-serif;
  padding: 2px;
  font-weight: 300 !important;

}

.mighty-picker__month-name {
  background-color: #00377F;
  color: #fff;
  text-align: center;
  padding: 6px;
}

.mighty-picker-calendar__day {
  cursor: pointer;
  position: relative;
  text-align: center;
  padding: 3px 6px;
}
.mighty-picker-calendar__days th {
  font-weight: 400 !important;
  color: #272727;
}

.mighty-picker-calendar__day--disabled {
  color: #aaa;
  cursor: auto;
}
.mighty-picker-calendar__day-marker-wrapper {
  position: relative;
}
.mighty-picker-calendar__day-marker {
  display: none;
  position: absolute;
  background: #fff;
  padding: 4px 7px;
  border: 1px solid #aaa;
  bottom: 16px;
}
.mighty-picker-calendar__day--marked:hover .mighty-picker-calendar__day-marker {
  display: block;
}
.mighty-picker-calendar__day--marked {
  color: orange;
  font-weight: bold;
}
.mighty-picker-calendar__day--selected {
  color: white;
  background-color: #00377F;
}
.mighty-picker__month {
  display: inline-block;
  margin: 0 6px;
  border: 1px solid #ccc;
}
.back {
  float: left;
  cursor: pointer;
  padding-top: 3px;
  padding-left: 4px;
}

.forward {
  float: right;
  cursor: pointer;
  padding-top: 3px;
  padding-right: 4px;
}

.currentDate {
  text-align: center;
}