body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell,
      "Helvetica Neue", sans-serif;
    line-height: 1.5;
    font-size: 1.1rem;
  
    background-color: rgba(172, 229, 255, 0.5);
  }

p { margin: 10px; font-size: 1.1rem; }
.p3 { margin: 30px; font-size: 1.1rem; }
.p5 { margin: 50px; font-size: 1.1rem; }

h2 { margin: 10px; }

h3 { margin: 30px; font-size: 1.1rem; }

a { text-decoration: none; }

.ct {vertical-align: top; padding: 10px; font-size: 1.1rem; }

.map {width: 90%; height: 800px; margin: 10px; }
.map1 {width: 90%; height: 800px; margin: 5%; }

.prices {
    font-size: 1.5rem;
    font-weight: bold;
    padding-left: 30px;
  }

.calendars {
  justify-items: center;
  gap: 30px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(430px, 430px)) ;
}  

.calendar {
    text-align: center;
    border: solid 1px;
    border-spacing: 0;
}  


.cal1 {
    text-align: center;
    border: solid 1px;
    background-color: rgba(200, 200, 200, 0.8);
}  

.cal2 {
    text-align: center;
    border: solid 1px;
    padding: 3px 10px 3px 10px;
    width: 30px;
    background-color: rgba(200, 200, 200, 0.8);
  }  

.calf {
  text-align: center;
  border: solid 1px;
  padding: 3px 10px 3px 10px;
  width: 30px;
  background-color: rgba(200, 255, 200, 0.8);
}  

.calb {
  text-align: center;
  border: solid 1px;
  padding: 3px 10px 3px 10px;
  width: 30px;
  background-color: rgba(255, 200, 200, 0.8);
}  

.caln {
  text-align: center;
  border: solid 1px;
  padding: 3px 10px 3px 10px;
  width: 30px;
  background-color: rgba(200, 200, 200, 0.8);
}  

.calx {
  text-align: center;
  border: solid 1px;
  padding: 3px 10px 3px 10px;
  width: 30px;
}  


.logintable {
	width: auto;
	background: #EFFFEF;
	margin: 1px;
	padding: 1px;
}
.loginth {
	vertical-align: top;
	border : 1px;
	padding: 3px;
	text-align: left;
	background: #000000;
	color: #FFFFFF;
}
.logintd {
	vertical-align: top;
	border : 1px;
	padding: 3px;
    background: #FFD701; 
	color: #000000;
}

.tnb {
  border-spacing: 0;
  padding: 0 ;
}
.tsp {
  border-spacing: 20px;
  padding: 0 ;
}
.tsps {
  border-spacing: 10px;
  padding-left: 20px ;
}

.tvt {
  vertical-align: top;
}

.an {
  color: black ;
}

.ar {
  color: red ;
}

.ab {
  color: blue ;
}

.al {
  color: grey ;
}

.an2 {
  background-color: black ;
  color: white ;
}

.ar2 {
  background-color: red ;
  color: white ;
}

.ab2 {
  background-color: blue ;
  color: white ;
}

.al2 {
  background-color: grey ;
  color: white ;
}

.pt {
  background-color: black ;
  color: white ;
  padding-left: 10px;
  padding-right: 10px;

}



