.tavo-calendar {
    text-align: center;
    font-size: 13px;
    border: 1px solid #0a85c6;
}


.tavo-calendar__info {

  display: none;

  text-align: left;

  margin-bottom: 8px;

  font-size: 12px; }

  .tavo-calendar__info span {

    font-weight: bold;

    background-color: #f1f1f1; }

  .tavo-calendar__info:after {

    content: '';

    display: block;

    clear: both; }
    
.tavo-calendar__header {
    display: flex;
    justify-content: space-between;
    background-color: #0a85c6;
    color: white;
    align-items: center;
    padding: 4px 8px;
    font-size: 30px;
}

.tavo-calendar__nav {

  float: left;

  font-size: 1.125em;

  font-weight: bold;

  position: relative;

  padding: 0;

  cursor: pointer;

  fill: white; }

  .tavo-calendar__nav_prev, .tavo-calendar__nav_next {

    text-align: left; }

    .tavo-calendar__nav_prev svg, .tavo-calendar__nav_next svg {

      width: 16px;

      height: 16px; }



.tavo-calendar__code_lock {

  opacity: 0.7; }



.tavo-calendar__code_lock:hover {

  opacity: 1; }



.tavo-calendar__code_lock .tavo-calendar__days {

  pointer-events: none; }


.tavo-calendar__week-names {
    display: flex;
    background-color: #F1F1F1;
    font-size: 20px;
    padding: 4px;
}


.tavo-calendar__days {

  display: flex;

  flex-wrap: wrap;

  margin-top: 5px; }



.tavo-calendar__reset {

  float: right; }

  .tavo-calendar__reset svg {

    height: 16px;

    width: 16px; }



.tavo-calendar__weekday {

  flex: 1;

  text-align: center; }



.tavo-calendar__day {

  flex: 1;

  min-width: 14%;

  max-width: 15%;

  text-align: center;

  cursor: pointer;
      padding: 20px 2px;
    border: 1px solid lightgrey;
    
}

  .tavo-calendar__day span {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-block;
    line-height: 26px;
    font-size: 20px;
}

    .tavo-calendar__day span:hover {

      background-color: #262262; }

  .tavo-calendar__day_highlight day {

    color: red !important; }

  .tavo-calendar__day_abs-today day {

    background-color: lightgoldenrodyellow;

    border-radius: unset; }

  .tavo-calendar__day_today:hover day:hover {

    border-radius: 50%; }

  .tavo-calendar__day_off, .tavo-calendar__day_exp, .tavo-calendar__day_different-month, .tavo-calendar__day_lock {

    cursor: default;

    color: grey;

    background-color: unset;
    
        padding: 20px 2px;
        
    border: 1px solid lightgrey;
      
  }
.tavo-calendar__day_select {
    background: #0a85c6;
}
    .tavo-calendar__day_off day, .tavo-calendar__day_off day:hover, .tavo-calendar__day_exp day, .tavo-calendar__day_exp day:hover, .tavo-calendar__day_different-month day, .tavo-calendar__day_different-month day:hover, .tavo-calendar__day_lock day, .tavo-calendar__day_lock day:hover {

      background: unset; }

  .tavo-calendar__day_off span {

    text-decoration: line-through; }

  .tavo-calendar__day_select span {

    background-color: unset; }

  .tavo-calendar__day_select span {

     background-color: #0a85c6;
    border-radius: unset;
    color: white;
    }

  .tavo-calendar__day_select day:hover {

    background-color: lightblue; }

  .tavo-calendar__day_range-select {

    background-color: lightblue; }

  .tavo-calendar__day_select-lock {

    pointer-events: none;

    color: grey; }