.header{ background: #000; }
.navbar-brand{ color: #d8dde3 !important; 
display: flex; /* Keep the logo and text in a flex container */
    align-items: center; /* Center the logo and text vertically */
    white-space: nowrap; /* Prevent text from wrapping by default */}
/* .menu_bar{ background: #cdd4e5 !important; } */
.menu_bar{ background: #d7ebff !important; }
.nav-link-icon{ color: #000 !important; }
body{ background: #eceef1 !important; }
.page_div{ background: #fff !important; }
.table-responsive{ margin: 30px; }
.page-link{ color: #000 !important; }
.active>.page-link, .page-link.active{
	background: #87a4c1 !important;
	border-color: #87a4c1 !important;
}
/* .card-header{ background: #8f9bb7; } */
.card-header{ background: #75c6fd; }
.footer{
	text-align: center;
	color: #202124 !important;
}
.navbar{ --tblr-navbar-active-border-color: #585757 !important;
display: flex; /* Make the navbar a flex container */
    flex-direction: column; /* Stack items vertically */ }
.navbar .navbar-nav .nav-link{ min-height: 0rem !important; }
.signIn_btn, .logout_btn{
	background: #cdd4e5;
    padding: 5px;
    border-radius: 7px;
    color: #000;
    font-weight: 700;
    text-decoration: none;
    width: 7%;
    text-align: center;
}
.sub_head{ font-size: 1.6em !important; }
.form_card{ padding: 40px; }
.btn-primary { 
	--tblr-btn-bg: #44557c !important; 
	--tblr-btn-hover-bg: #16264a !important;
}
.sign_in{ 
	display: block;
	float: right; 
}
.logo{ height: 145px; }

.dlr{
	font-weight: 600;
    font-size: 2em;
    font-family: math;
}
.d-none {
    display: none;
}
.bg-blue {
    background-color: #44557c !important;
}
@media (max-width: 480px) {
    .navbar-brand {
        white-space: normal; /* Allow text to wrap */
        flex-direction: column; /* Stack logo and text vertically */
        text-align: center; /* Center align text */
        width: 100%; /* Full width for the brand */
    }

    .navbar-brand-image {
        height: 50px;
    }
    }
}