body {
	margin: 0;
	font-family: Century Schoolbook, Arial;
	background-color: #ffffdd;
	font-size: 12px;
}

.header1 img {
	width: 70px;
}

.clgname {
	font-size: 14px;
	text-shadow: #76A0F5 0px 1px 3px;
	font-weight: bolder;
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 700px) {
	.clgname {
		font-size: 10px;
	}
}

#loader {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid blue;
	border-right: 16px solid green;
	border-bottom: 16px solid red;
	border-left: 16px solid pink;
	width: 120px;
	height: 120px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 0px solid;
  background-color: #007FFF;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 5px 10px;
  transition: 0.3s;
  font-size: 17px;
  border-radius: 20px;
  color:#fff;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #696969;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
  color:#000;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 3px 6px;
  border: 1px solid #ccc;
  border-top: none;
}

table.tblborder,td.tblborder,th.tblborder{
border: 1px solid gray;
padding:2px;
}
th.tblborder{
background-color: #8DBEF2;
}
table.tblcoll{
  width: 100%;
  border-collapse: collapse;
}