div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active {
	cursor: default; 
	color: rgba(0, 0, 0, 0.2) !important; 
	border: 1px solid transparent !important; 
	background: transparent !important; 
	box-shadow: inset 0 0 0 1px #ccc !important;    
}
div.dt-container {
	position: relative;
	clear: both;
	width: 90% !important;
} 
div.dt-container div.dt-layout-cell.dt-end {
	text-align: right;
	width: 150px !important;
}
table.dataTable>thead>tr>th, table.dataTable>thead>tr>td {
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
table.dataTable>tbody>tr>th, table.dataTable>tbody>tr>td {
	padding: 10px;
	border-bottom: 1px solid #ccc;
}


body {
min-height: 100vh;
min-height: -webkit-fill-available;
font-family: 'Lato';
}

html {
height: -webkit-fill-available;
}

main {
height: 100vh;
height: -webkit-fill-available;
max-height: 100vh;
overflow-x: auto;
overflow-y: hidden;
}

.dropdown-toggle { outline: 0; }

.btn-toggle {
padding: .25rem .5rem;
font-weight: 600;
color: var(--bs-emphasis-color);
background-color: transparent;
}
.btn-toggle:hover,
.btn-toggle:focus {
color: rgba(var(--bs-emphasis-color-rgb), .85);
background-color: var(--bs-tertiary-bg);
}

.btn-toggle::before {
width: 1.25em;
line-height: 0;
content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
transition: transform .35s ease;
transform-origin: .5em 50%;
}

[data-bs-theme="dark"] .btn-toggle::before {
content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}

.btn-toggle[aria-expanded="true"] {
color: rgba(var(--bs-emphasis-color-rgb), .85);
}
.btn-toggle[aria-expanded="true"]::before {
transform: rotate(90deg);
}

.btn-toggle-nav a {
padding: .1875rem .5rem;
margin-top: .125rem;
margin-left: 1.25rem;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
background-color: var(--bs-tertiary-bg);
}

.scrollarea {
overflow-y: auto;
}


/* Zaida's Code */

/* Search Bar */


.search{
	position: relative;
	transform: translate(-50%, -50%);
	top: 20%;
	left: 50%;
	max-width: 80rem;
	width: 65%;
	height: 12px; 
	display: grid;
	grid-template-columns: 1fr 3rem;
	align-items: center;
	background-color: transparent;
	padding: 1rem 2rem;
	border: 2px solid;
	border-color: #B7B7B7;
	border-radius: 60px;
	margin-top: 7rem;
}

.search input{
	font-size: 15px;
	padding: 1rem;
	outline: 0;
	border: 0;
	background-color: transparent;
	color: black; 
}

.search input::placeholder {
	color: #B7B7B7;
	text-align: left;
	margin-left: 10px;
}

.search-btn {
	background-color: transparent;
	border: 0;
	padding: 0;
	height: 3rem;
	width: 3rem;
	display: grid;
	place-items: center;
}

/* Search Results */

.parent-detail{
	white-space: wrap;
	text-align: left;
	margin: 0;
	padding-left: 0;
}

.detail{
	width: 24%;
	display: inline-block;
}

.job-title{
	font-weight: 600;
	font-size: 18px !important;
	line-height: 28.8px;
	color: black;
}

table {
    border-collapse: collapse;
    border: none;
	border-spacing: 0 5px;
	margin-left: 10%;
}

tr {
	border-top: 1px solid black;
}

tr:first-child {
	border-top: none;
}

td {
	border: none !important;
	padding: 1rem;
}

/* Image banner */

.banner{
	width: 100%;
}

/* Spacing Design */

.search-divider{
	color: black;
	width: 100%;
	margin:0 auto;
}

.details{
	color: #06838A;
	font-size: 14px !important;
	font-weight: 400;
	line-height: 18px;
}

/* Toggle Options */

.row{
	margin-left: .2rem;
}