@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/Anton_SC/AntonSC-Regular.ttf') format('truetype'); /* Adjust path and format as necessary */
    font-weight: normal;
    font-style: normal;
}

body{
    font-family: 'Open sans', sans-serif;
}


.pagination {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
.pagination .page-item {
	margin: 0 5px;
}
.pagination .page-item a {
	color: #007bff;
	text-decoration: none;
}
.pagination .page-item.active a {
	background-color: #007bff;
	color: white;
}
.pagination .page-item.disabled a {
	pointer-events: none;
	color: #6c757d;
}

.table{
	border-radius: 5px;
	overflow: hidden;
	table-layout: auto;
	

	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	box-shadow: none!important;
	margin-top: 12px;
	margin-bottom: 12px;
}

.table-custom{
	border-radius: 5px !important;
	overflow: hidden !important;
	table-layout: auto !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	width: 100% !important;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) !important;
	margin-top: 12px !important;
	margin-bottom: 12px !important;
}
.table-custom th,
.table-custom td {
	vertical-align: middle !important;
	text-align: center;
	padding: 12px 15px;
}
.table-custom thead th {
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
	background-color: rgba(14, 109, 144, 0.625);
	color: rgb(255, 255, 255);
}

.table-custom td{
	border-width: 0px 3px 0px 0px; /* top right bottom left */
	border-style: solid solid solid solid; /* top right bottom left */
	border-color: red rgb(192, 192, 188, 0.3) blue yellow;
}
.table-custom tbody tr:nth-child(odd){
	background-color: #fff;
}
.table-custom tbody tr:nth-child(even){
	background-color: #e9ecef;
}
.table-custom tbody tr{
	transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 0.6s cubic-bezier(0.25, 0.1, 0.25, 1), background-color 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.table-hover-class{
	text-align: left !important; 
	padding-left: 10px !important;
}

.table-hover-class:hover{
	box-shadow: 1px 1px 1px rgba(206, 205, 205, 0.1) !important;
	background-color: #edeff5fb !important;
	
	
	transform: translateY(1px) !important;
	transform: scale(1.0) !important;
	cursor: pointer !important;
}
.table-custom tbody tr:hover{
	cursor: text ;
}

#table-container{
	margin-top: 0px! important;
}

#table-container td a{
	font-family: 'Arial', sans-serif ;
	font-weight: 400;
	color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
}

#table-container td a:hover{
	text-decoration: underline;
	color: #073a71;
}


#navbar-container .navbar {
	display: flex; /* Ensure navbar contents are in a row */
	justify-content: center; /* Center navbar contents horizontally */
	color: #fff;
	padding: 10px;
	border-radius: 5px;
}


#title-container{
	margin-top: 25px !important;
	margin-bottom: 30px !important;
}




#title-container h2{
	margin-bottom: 0px!important;
	
	font-family: "Bebas Neue", sans-serif;
  	font-weight: 400;
  	font-style: normal;
	
	color: #345476f9;
	text-shadow: 5px 5px 5px rgb(255, 255, 255, 0.3) !important;
	
	border: 1px solid #e2e2e2e1;
	border-radius: 10px;
	padding: 10px 20px;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);
	display: inline-block;
	
	white-space: pre;
	background: linear-gradient(to bottom, #f5f5f5, #fffbf90e);
}

#title-container{
	margin-top: 20px;
	margin-bottom: 20px;
	
}










.watermark {
	position: fixed;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0.035; /* Adjust the transparency */
	z-index: 1; /* Ensures the watermark is behind other content */
	pointer-events: none; /* Ensures the watermark doesn't interfere with other elements */
}



.download-icon {
	color: #1d5188; /* Customize the icon color */
	cursor: pointer;
	font-size: 1.3em; /* Adjust the icon size */
}

td a{
	font-family: 'Open sans', sans-serif!important;
}

.syllabus-title{
	cursor: pointer; 
	text-decoration: underline; 
	color: #214d7c!important;
}