/* CALENDAR.css */

/* #Cal0,
#Cal2 {
  display: none;
} */

/* The left / right displacement is different between Chrome and FF  */
.CalGenericWidth {
  /* To allow block */
  width: 583px;
  /* To prevent 584px 9/11/2024 */
  /* display: block; */
  position: relative; /* The td and the table need to move right */
}
.CalTableGenericWidth {
  display: block;
  position: relative; /* The td and the table need to move right */
  width: 583px;
}

.CalEvTableGenericWidth {
  /* display: block; */
  position: relative; /* The td and the table need to move right */
  width: 581px;
}

.Firefox_CalLeft {
  left: -1px; /* 8px for Chrome */
}
.Chrome_CalLeft {
  left: 8px; /* -1px for Firefox*/
}

html,
* {
  font-family: "Inter";
  /* box-sizing: border-box; */
  /* font-size: large; */
}
body {
  background-color: #fbf9f9;
  line-height: 1.6;
}
.lead {
  font-size: 2rem;
  font-weight: 400;
}
.container {
  margin: 0px auto;
  /* max-width: 500px; */
}

.hbContainer {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.left {
  float: left;
}

.right {
  float: right;
}

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.calendarList1 {
  list-style: none;
  width: 98%; /* Was 100 */
  margin: 0;
  padding: 0;
  text-align: center;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(1, 40px);
  align-items: center;
  justify-items: center;
  grid-gap: 8px;
  font-size: 16px;
  color: #707070;
}

.calendarList2 {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(6, 30px);
  align-items: center;
  justify-items: center;
  grid-gap: 8px;
  font-size: 14px;
  color: #707070;
}

.calendarYearMonth {
  margin-top: 12px;
  color: #4f46e5;
}

.calendarYearMonth p {
  display: inline-block;
  vertical-align: middle;
}

.calBtn {
  user-select: none;
  cursor: pointer;
  background: #4f46e5;
  margin: 8px 0;
  padding: 8px 12px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  border: 1px solid #4f46e5;
}