#v-cal *,#v-cal :after,#v-cal :before{
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
#v-cal{
  background-color:#fff;
  border-radius:0;
  border:1px solid #e7e9ed;
  -webkit-box-shadow:0 4px 22px 0 rgba(0,0,0,.05);
  box-shadow:0 4px 22px 0 rgba(0,0,0,.05);
  margin:0 auto;
  /* overflow:hidden; */
  width:100%
}
#v-cal .vcal-btn{
  -moz-user-select:none;
  -ms-user-select:none;
  -webkit-appearance:button;
  background:none;
  border:0;
  color:inherit;
  cursor:pointer;
  font:inherit;
  line-height:normal;
  min-width:27px;
  outline:none;
  overflow:visible;
  padding:0;
  text-align:center
}
#v-cal .vcal-btn:active{
  border-radius:0;
  -webkit-box-shadow:0 0 0 2px rgba(16,152,158,.1);
  box-shadow:0 0 0 2px rgba(16,152,158,.1)
}
#v-cal .vcal-header{
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding:19.2px 22.4px;
  padding:1.2rem 1.4rem
}
#v-cal .vcal-header svg{
  fill:#10989e;
}
#v-cal .vcal-header__label{
  font-weight:700;
  text-align:center;
  width:100%
}
#v-cal .vcal-week{
  background-color:#6cb9e0;
  /* background-color: #002A5C;
  color: #fff; */
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
#v-cal .vcal-week span{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-flex:0;
  -ms-flex:0 0 14.28%;
  flex:0 0 14.28%;
  font-size:19.2px;
  font-size:1.2rem;
  font-weight:700;
  max-width:14.28%;
  padding:19.2px 22.4px;
  padding:1.2rem 1.4rem;
  text-align:center;
  /* text-transform:lowercase; */
}
#v-cal .vcal-body{
  background-color:rgba(231,233,237,.3);
  -ms-flex-wrap:wrap;flex-wrap:wrap
}
#v-cal .vcal-body,#v-cal .vcal-date{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
#v-cal .vcal-date{
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  background-color:#fff;
  border-radius:0;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-flex:0;
  -ms-flex:0 0 14.28%;
  flex:0 0 14.28%;
  max-width:14.28%;
  padding:19.2px 0;
  padding:1.2rem 0
}
#v-cal .vcal-date--active{
  /* cursor:pointer */
}
#v-cal .vcal-date--today{
  /* background-color:#10989e; */
  /* color:#fff */
  color: black;
}
#v-cal .vcal-date--selected{
  background-color:#e7e9ed;
  color:#333
}
#v-cal .vcal-date--disabled{
  border-radius:0;
  cursor:not-allowed;
  opacity:.5
}

#v-cal .vcal-eventday{
  background-color: #81c3e4;
  color: #000;
}
#v-cal .vcal-eventday:hover{
  background-color: #247ca8;
  cursor: pointer;
}

.vcal-eventdayactive-color{
  background-color: #247ca8;
  color: #000;
}

 .calendarTooltip {
    position: relative;
    display: inline-block;
}

 .calendarTooltiptext {
    /* visibility: hidden; */
    width: 220px;
    background-color: #247ca8;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 0px 10px;
    z-index: 9000;
    position: absolute;
    bottom: 125%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 12px;
    font-family: 'Noto Serif', serif;
}

.calendarTooltipleft{
  left: 100%;
}

.calendarTooltipmid{
  left: 0%;
}

.calendarTooltipright{
  right: 10%;
}

 .calendarTooltipleft::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 10%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #247ca8 transparent transparent transparent;
}

.calendarTooltipmid::after{
  content: "";
  position: absolute;
  top: 100%;
  left: 40%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #247ca8 transparent transparent transparent;
}

.calendarTooltipright::after{
  content: "";
  position: absolute;
  top: 100%;
  right: 10%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #247ca8 transparent transparent transparent;
}

 /* .calendarTooltip:hover .calendarTooltiptext {
    visibility: visible;
    opacity: 1;
} */

.TooltipVisibility_show {
   visibility: visible;
   opacity: 1;
}
.TooltipVisibility_notshow {
   visibility: hidden;
   opacity: 1;
}


html {
    box-sizing: border-box;
    font-size: 10px;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    /* color: #333; */
    font-size: 1.6rem;
    /* background-color: #FAFAFA; */
    -webkit-font-smoothing: antialiased;
}

a,
a:visited {
    color: #0A9297;
}

.cal-container {
    width: 25%;
    margin: 1.6rem auto;
    max-width: 42rem;
    /* text-align: center; */
}