.calendar-cell {
  border: solid 1px;
  height: 70px;
  max-height: 45px;
  width: auto;
  max-width: 110px;
  text-align: center;
  background: var(--bs-orange);
}

.event-time {
    font-size: 8px;
}

@media screen and (min-width: 576px) {
    .calendar-cell {
        /*
        border: solid 1px;
        width: auto;
        max-width: 110px;
        text-align: center;
        background: var(--bs-orange);
        */
        height: 110px;
        min-width: 110px;
    }

    .event-time {
        font-size: inherit;
    }

}

.calendar-header-cell {
  border: none;
  border-bottom: solid 1px;
  height: 45px;
  width: auto;
  min-width: 40px;
  max-width: 110px;
  text-align: center;
  background: var(--bs-orange);
  /*border-top: solid 1px;*/
}

#calendar {
}

.orange {
  background: var(--bs-orange) !important;
}

.top-left-header {
  border-top-left-radius: 5px;
  /*border-left: solid 1px;*/
}

.top-right-header {
  border-top-right-radius: 5px;
  /*border-right: solid 1px;*/
}

.game-requested {
    background-color: lightgreen !important;
}

.disable-anchor {
    pointer-events: none;
    background-color: lightgray;
}

.tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
    opacity: 100;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}