.closeBtn {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px;
	border: 0;
	box-sizing: border-box;
	border-radius: 5px;
	color: #ffffff;
	background-color: #d32f2f;
	font-size: 46px;
	font-family: math;
	outline: none;
}

.closeBtn:hover {
	background-color: #c62828;
}

/* ==== Data Tables ==== */

.table-responsive * {
	border-color: var(--border-color) !important;
	font-size: 15px !important;
}

.paginate_button {
	border-width: 0px !important;
	border-radius: 5px;
}

.paginate_button.current {
	border-width: 1px !important;
}

.dataTables_wrapper .dataTables_length select {
	border-radius: 5px;
	border-color: var(--border-color) !important;
	border-style: solid;
	border-width: 1px;

	/* Arrow */
	padding: 4px 25px 4px 4px !important;
	appearance: none;
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-position: right 0.7rem top 50%;
	background-size: 0.65rem auto;
}

.schoolFilter {
	/* Border */
	border-radius: 5px;
	border-color: var(--border-color) !important;
	border-style: solid;
	border-width: 1px;

	/* Theme */
	background-color: #FFFFFF;

	/* Font */
	font-size: 15px;

	/* Spacing */
	width: calc(50% - 7px);
	max-width: 425px;
	padding: .375rem .75rem;

	/* Arrow */
	appearance: none;
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-position: right 0.7rem top 50%;
	background-size: 0.65rem auto;
}

.dropdown-menu {
	max-height: 280px;
	overflow-y: auto;
}

.schoolFilter:focus, .schoolFilter:active {
	border: 1px solid var(--border-color) !important;
	outline: none !important;
	box-shadow: none !important;
}

table.dataTable thead th,
table.dataTable thead td {
	padding: 10px 10px;
}

table.dataTable tbody tr {
	line-height: 20px;
}

th {
	color: #000000;
}

.tableBtn {
	background-color: var(--primary-color);
	padding: 5px 5px;
	color: #ffffff;
	border-radius: 5px;
	border-width: 0px;
	font-weight: 500;
}

.dataTables_scrollHead {
	padding-top: 10px;
	font-size: 14px !important;
	overflow: visible !important;
}

.dataTables_scrollHeadInner {
	padding-right: 0px !important;
}

.dataTables_scrollHeadInner>table {
	border-radius: 5px 5px 0px 0px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: var(--border-color);
	background-color: var(--menu-background-color);
}

.dataTables_scrollBody {
	border-radius: 0px 0px 5px 5px;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: var(--border-color);
}

.dataTables_scrollBody {
	font-size: 14px !important;
}

.dataTables_scrollHead,
.dataTables_scrollHeadInner,
.dataTables_scrollBody,
.table {
	width: 100% !important
}

/* Tabs */

.tabsContainer {
	display: flex;
	gap: 5px;
	flex-grow: 1;
}

.tabItem {
	display: flex;
	gap: 6px;
	background-color: var(--menu-background-color);
	border-radius: 5px;
	border: 1px solid var(--border-color);
	padding: 8px;
	font-size: 14px
}

.tabItem:hover {
	background-color: var(--background-color);
}

.tabItem--active {
	background-color: var(--background-color);
	border-color: var(--primary-color);
	color: var(--primary-color);
}

/* Generic Table Page */

.tableTitle {
	/* Spacing */
	margin: 0px;

	/* Font */
	font-size: 20px;
}

.tableGrid {
	/* Layout */
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.mainContainer {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.downloadContainer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.label {
	font-size: 14px;
	cursor: pointer;
}