@charset "utf-8";
/* CSS Document */
table 	{
	width:98%;
	text-align: center;
	
	margin-left:auto;
	margin-right:auto;
	background-color: white;
	height:50vh; 
	margin-bottom:0.5em;
  	border: 1px solid black;
  	border-radius: 10px;
	 }

caption {
	font-size: 22pt; 
	margin: 10px 0 20px 0; 
	font-weight: 700;
	 }
table.calendar {
	border:1px solid #000;
	border-color: #8B8787;
	 }
td 	{
	padding-left:0.25em;
	padding-right:0.25em;
	 }
td.day {
	width: 14%; 
	height: 140px; 
	border: 1px solid #000;
	border-color: #8B8787; 
	vertical-align: top;
	 }
td.day span.day-date {
	font-size: 14pt; 
	font-weight: 700;
	 }
th.header {
	background-color:#5E5B5B; 
	color: #fff; 
	font-size: 14pt; 
	padding: 5px;
	 }
.not-month {
	background-color:lightgray;
	 }
td.today {
	background-color:#B3B4E5;
	 }
td.day span.today-date {
	font-size: 16pt;
	 }
th, td {
  border: 1px solid black;
  border-radius: 10px;
}
h4	{
	padding-left:0.25em;
	padding-top:0.25em;
	padding-bottom:0.25em;
	text-align: left;
	border-radius:0.5em;
	 }
h1 {
	font-size:2.5vw;
}
.toggleDisp {
	display:inline;
}	 
.mr	{
	margin-left:2em;
}
	#nl {
		display:none;
	}
	#nl2 {
		display:none;
	}
	.head	{
		text-align: center;
  		width: 98%;
  		margin: auto;
    	margin-top: 0.5em;
  		background-color: white;
  		padding-top: 1em;
  		padding-bottom: 1em;
  		border-style: solid;
  		border-color: black;
  		border-top-left-radius: 1em;
  		border-top-right-radius: 1em;
  		border-width: 0.1em;
  		border-bottom-style: none;
	 }
	.flexC   {
		display:flex;
		justify-content: space-between;
		margin:auto;
    	width: 98%;
		background-color: white;
  		border-style: solid;
		border-color: black;
 		border-width: 0.1em;
  		border-bottom-left-radius: 1em;
  		border-bottom-right-radius: 1em;
		border-top-style: none;
}
.fl {
	padding-left:2em;

}
.fr {
	padding-right:2em;
	
}
.fc {
	padding-left:2em;
	padding-right:2em;
}
 .currStyle  {
width:50%;	
text-align: center;

	
 }
 .prevStyle  {
width:25%;		
	 
 }
 .nextStyle  {
width:25%;		
text-align: right;	
	 
	 
 }
.prevA 	{
	text-decoration: none;
	font-size: 2em;	 
	 }
.nextA 	{
	text-decoration: none;
	font-size:2em;
	 }
	 
.prevA:visited, .prevA:link, .nextA:visited, .nextA:link {
	color:black;
	 }

th,
td {

  width: 100px;
  overflow: hidden;
}
.butClass{
 width:10vw;
 margin-bottom: 1em;
 height: 5vh;
 font-size:1vw;
}


.loginBtn {
    display: flex;
    align-items: center;
    justify-content: center;
}
.butClassC {
  align-items: center;
  justify-content: center;
  background-color: #807979;
  color: white;
  padding: 15px 32px;
  text-decoration: none;
  font-size: 1vw;
  margin-right: 0px;
  margin-left: 0px;
  margin-top: 2vh;
  margin-bottom: 1vh;
}



.butClass2 {
  align-items: center;
  justify-content: center;
  background-color: #807979;
  color: white;
  padding: 15px 32px;
  text-decoration: none;
  font-size: 1vw;
  margin-right: 0.45vw;
  margin-top: 2vh;
  margin-bottom: 1vh;
}
	h4 {white-space: normal;
		margin:0px;
		}
tr {
	max-height:100px;
}
@media screen and (max-width :860px){
	.toggleDisp {
		display:block;
	}
	h1 {
	font-size: 4.5vw;
	}
.mr	{
	margin-left:0;
	margin-top:1em;
}
	#nl {
		display:block;
	}
	#nl2 {
		display:block;
	}
	.wrapper {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	}
 .currStyle  {
width:48%;	
text-align: center;

	
 }
.butClass{
 width:15vw;
 margin-bottom: 1em;
 
}

.fl {
	padding-left:1.1vw;

}
.fr {
	padding-right:1.1vw;
	
}
	.butClass {
	font-size: 2vw;
	}
}
@media screen and (max-width :500px){
	.flexC {
		width:98%;
	}
	.head {
		width:98%;
	}
	.butClass {
	font-size: 2vw;
	height:3em;
	}

}