/* Brand primary text */
.bayport-primary { 
	color: #00133d; /* Bayport Future Dark Blue */
}

/* Outline Bayport button */
.btn-outline-bayport {
	border: 2px solid #00b0ed; 
	color: #00b0ed; 
	background-color: transparent;
}
.btn-outline-bayport:hover {
	background-color: #00b0ed; 
	color: #fff;
}

/* Navbar branding logo */
.navbar-brand img {
	max-width: 250px;
	height: auto;
}

.card-bayport {
	border-left: 5px solid #00133d; /* Bayport Future Dark Blue */
	border-radius: 10px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.05);
	transition: transform 0.2s ease-in-out;
}

.card-bayport:hover {
	transform: scale(1.02);
}

.card-link {
	text-decoration: none;
	color: inherit;
}

.card-title {
	font-size: 1.2rem;
	color: #00133d; /* Dark Blue text */
}

.card-value {
	font-size: 2rem;
	font-weight: bold;
	color: #00b0ed; /* Light Blue for numbers */
}

.card-header {
	background-color: #00133d; /* Dark Blue */
	color: #fff;
	font-weight: bold;
}

* Override Bootstrap's .btn-primary */
.btn-primary {
	background-color: #00133d !important; /* Bayport Future Dark Blue */
	border-color: #00133d !important;
	color: #fff !important;
	font-weight: 600;
	border-radius: 8px;
	transition: all 0.2s ease-in-out;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	background-color: #00b0ed !important; /* Bayport Future Light Blue */
	border-color: #00b0ed !important;
	color: #fff !important;
	transform: scale(1.02);
}

/* Keep full-width if w-100 is applied */
.btn-primary.w-100 {
	display: block;
	width: 100% !important;
}

/* Badge Colors aligned with Bayport */
.badge.bg-danger {
	background-color: #ef1450 !important; /* Bayport Red */
}

.badge.bg-warning {
	background-color: #fec034 !important; /* Bayport Yellow */
	color: #00133d !important;
}

.badge.bg-success {
	background-color: #802d8e !important; /* Bayport Purple as success tone */
}

.badge.bg-secondary {
	background-color: #00b0ed !important; /* Light Blue for neutral/info */
}

.text-primary-title{color:#00b0ed;}
.btn-success {background-color:#7080a3;}
.btn-success:hover {background-color:#acb4cb;}

.btn-primary2 {background-color:#00b0ed; color: white;}
.btn-primary2:hover {background-color: #00133d; color: white;}

.btn-primary {background-color:#17345c; color: white;}
.btn-primary:hover {background-color:#596a8e; color: white;}

.btn-danger {background-color:#df1450;}
.btn-danger:hover {background-color:#f1a8a6;}

.btn-secondary {background-color: white; color: #14254b;}
.btn-secondary:hover {background-color:#e8e8e8; color: #14254b;}

.btn-warning {background-color:#fec034; color: #14254b;}
.btn-warning:hover {background-color:#ffdd95; color: #14254b;}

.filter-box {
	border: 1px solid #ccc;
	padding: 20px;
	margin-bottom: 30px;
	background-color: #f9f9f9;
}

.job-card {
	border: 1px solid #ccc;
	padding: 20px;
	margin-bottom: 20px;
	background-color: #ffffff;
}

.job-title {
	font-size: 20px;
	font-weight: bold;
	color: #00133d;
}

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

.job-meta i {
	margin-right: 5px;
	color: #00b0ca;
}

.btn-bayport {
	background-color: #00133d;
	color: white;
	border: none;
	padding: 8px 16px;
	margin-left: 5px;
}

.btn-bayport:hover {
	background-color: #00b0ed;
	color: #fff;
}

.btn-outline-bayport {
	border: 2px solid #00b0ca;
	color: #00b0ca;
	padding: 8px 16px;
	background: none;
}

.btn-outline-bayport:hover {
	background-color: #00b0ca;
	color: white;
}

.social-icons i {
	margin-right: 10px;
	font-size: 16px;
	color: #003f72;
	cursor: pointer;
}

.search-toggle {
	cursor: pointer;
	color: #003f72;
}

.filter-box .row {
	transition: all 0.3s ease;
}

table thead .dark{
	background-color: #00133d;
	color: white;
}
.
/* Responsive tweaks */
@media (max-width: 576px) {
	.card-title {
		font-size: 1rem;
	}
	.card-value {
		font-size: 1.5rem;
	}
}