html {
	position: relative;
  	min-height: 100%;
  	box-sizing: border-box;
  	margin: 0px;
  	
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body{
	font-family: Montserrat,Arial, sans-serif;
	background-color: #f2f2f2;
  	color: #000000;
	height: 100%;
	margin-bottom: 140px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	
}
.btn-blue {
  background-color: #337ab7;
  color:#fff;
}
.toppading{
	padding-top: 80px;
}
.container-fluid{
	
}
.anti-container{
	padding-left: 15px;
	padding-right: 0px;
}
#caption{
  padding-left: 3%;
  margin-top: 5%;
  margin-bottom: 10%;
}

.credits{
	width:55px;
	color:#000000;
}





#prev{
	padding-top: 3%;
  padding-bottom: 3%;
  background-color: #337ab7;
  color:#fff;
}

#sonuc {
	padding-top:5%;
}


.InnerPrev{
	color:#463A3A;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #A6ACB2;
	border: 1px solid #4b8df8;
	font-size: 15px;
}
.prevCourse{
	--bs-bg-opacity: .3;
	padding-bottom: 3%;
	padding-top: 3%;
	margin-top: -10px;
	margin-bottom: 5%;
}
.gradingSys {
  padding-bottom: 10%;
  padding-top: 10%;
  margin-top: -10px; 
  margin-bottom: 20%;
  --bs-bg-opacity: .3;
}
#gradsys {
  padding-top: 3%;
  padding-bottom: 3%;
  background-color: #337ab7;
}
#grades{
	padding-top: 3%;
  padding-bottom: 3%;
  background-color: #337ab7;
  color:#fff;
}










select:hover{
	cursor:pointer;
}


thead{
	
	color:#ffffff;


}



.gradesTable thead {
  color: #000; 
}

.gradesTable{
	--bs-bg-opacity: .3;
	color:white;
	margin-top: -10px;
	table-layout: fixed;

}
.gradingTable th, tr, td{
    padding: 10px;
}
.gradingTable th{
	color:#000000;
}
.newGrade, .oldGrade{
	width: 60px;
}










.Course{
	color:#463A3A;
	font-size: 14px;
}

#addButton{
	
	border-radius: 2px;
	background-color: #337ab7;
}

#addButton:hover{
	cursor: pointer;

}


#calcButton:hover{
	cursor:pointer;
}

#fbutton{
	
	border: 1px solid black;
	border-radius: 2px;
	height:20px;
	width: 100px;
	padding:10px;
	background-color:#3a5795;

	font-size: 10px;
	text-align: center;
	color:#fff;
	text-decoration: none;
	

}
#fbuttonOuter{
	margin-top: 100px;
}



footer{
	position: absolute;
	right: 0;
  	bottom: 0;
  	left: 0;
  	height: 200px;
	padding-left: 0;
	padding-top: 30px;
	padding-bottom: 40px;
	width: 100%;
	
}
footer ul li{
	list-style-type: none;
	display: block;
	padding: 0.1% 1% 0.1% 0;
	font-size: 14px;
	
}
footer ul {
	
	padding-left: 5%;
}

footer a{
	text-decoration: none;
	color:#000;

}
footer a:hover{
	color:#4b8df8;
	text-decoration: none;
}
#divider{
	margin-bottom: 15%;
}
#about{
	padding: 15% 5% 5% 5%;
}


#contact{
	padding:15% 0 0 10%;
}
#mail{
	width: 100%;
	padding-left: 0px;
}
.left{
	display: none;
}
.right{
	display: none;
}

#privacy{
	margin-top: 10%;
	margin-bottom: 10%;
}
#terms{
	margin-top: 10%;
	margin-bottom: 10%;
}
.social{
    	padding-right: 0px;
    	display: none;

 }
 #myBtn{
      display: none;
      position: fixed;
      bottom: 10px;
      right: 10px;
      z-index: 99;
      border: none;
      outline: none;
      background-color: black;
      color: white;
      cursor: pointer;
      padding: 10px;
      border-radius: 10px;
}
#myBtn:hover {
      background-color: #555;
}