@font-face{
	font-family: uokFont;
	src: url(Rabar_013.ttf);
}

div, head, body{
	font-family: uokFont;
}
#main{
	background-color: rgb(118,106,171);
	border-radius: 10px;
	padding: 2%;
}

#content{
	width: 96%;
	background-color: rgb(99,171,255);
	border-radius: 0px 0px 10px 10px;
	padding: 2%;
}
#header{
	width: 96%;
	background-color: rgb(185,230,251);
	border-radius: 10px 10px 0px 0px;
	font-size: 3.5em;
	text-align: center;
	padding: 2%;
}
.summer{
	background: rgba(62,174,72,255);
}
.summer-week{
	background: rgba(123,203,106,255);
}
.fall{
	background: rgba(246,127,35,255);
}
.fall-week{
	background: rgba(245,170,29,255);
}
.winter{
	background: rgba(69,149,208,255);
}
.winter-week{
	background: rgba(136,191,232,255);
}
.spring{
	background: rgba(198,73,154,255);
}
.spring-week{
	background: rgba(237,129,153,255);
}
.vertical-text{
	transform: rotate(-90deg);
}
.holiday{
background: rgba(243,187,32,255);
}
table{
	direction: rtl;
	width: 100%;
}
table, th, td {
	border: 3px solid white;
	border-collapse: collapse;
}


th, td {
	padding: 1px;
	text-align: center;
	}

tr:first-child {
	background-color: blue;
	color: white;
	}
tr:not(:first-child) {
	background-color: lightblue;
	}
	tr td:nth-child(2):hover,
	tr td:nth-child(3):hover,
	tr td:nth-child(4):hover,
	tr td:nth-child(5):hover,
	tr td:nth-child(6):hover,
	tr td:nth-child(7):hover {
		background-color: yellow; /* Change to the desired hover color */
		}