.booking_panel_cal {
	width:100%;
	/* left:100px;
	bottom:100px;
	position:fixed; */
	/* height:100%; */
	/* z-index:4; */
  /* background:#000; */
}


.calendar {
    width: 100%;
	font-family: 'DMsans-Regular', Arial, sans-serif;
    /* border: 1px solid rgb(229, 231, 235, 0.15); */
    border-radius: 10px;
    /* padding: 10px; */
    /* background: rgb(255, 255, 255, 0.1); */
	color:var(--calmain-color);
	font-size:16px;
	/* display:none; */
}

  .cal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
  }

  .cal-header button {
    background: rgba(146, 146, 146, 0.6);
    color: white;
    border: none;
    border-radius: 6px;
    padding: 8px 8px 8px 8px;
    cursor: pointer;
  }

  .cal-header button:hover {
    background:var(--primary-color);
  }

  .cal-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
  }

  .cal-weekday {
    text-align: center;
    color: var(--secondary-color);
  }

  .cal-day {
    text-align: center;
    padding: 0px 0;
	margin:1px;
    border-radius: 20px;
    width:40px;
    height:40px;
    cursor: pointer;
    color: var(--calday-color);
    border:1px solid rgb(0, 0, 0, 0.1);
    transition: 0.2s;
    line-height:40px;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.05);
  }

  .cal-day:hover {
    background:var(--primary-color);
    color:white;
    opacity:0.85;
    /* background: rgba(5, 5, 5, 0.4); */
  }

  .cal-today {
	 background: rgb(255, 255, 255, 0.9);
	 color:var(--primary-color);
  }

  .cal-selected {
   background:var(--primary-color);
    color: white;
  }