h1, h2, h3, h4, h5, h6, th, tfoot, .card-header, .alert {
font-family: 'Poppins', sans-serif;
font-weight: bold;
}

main > .container{
margin-top: 80px; /* Adjust this value to match or slightly exceed your navbar height so content isnt hidden */
}

p, li {
font-family: 'Poppins', sans-serif;
font-weight: normal;
font-size: 18px;
line-height: 2.0;
}

.card-body {
font-family: 'Poppins', sans-serif;
font-weight: normal;
font-size: 16px;
}

.navbar {
min-height: 80px; /* Adjust as needed */
background-color: #FFFFFF !important;
/* padding-top: 12px; */
/* padding-bottom: 12px; */
border-bottom: 4px solid #faa53c;
}

.badge {
vertical-align: middle;
margin-left: 8px; /* optional spacing */
}

.nav-item{
font-size: 19px;
margin-left: 16px;
}

.navbar-nav .nav-item:last-child {
padding-right: 24px; /* Add space between last nav item and login/logout button */
}

.nav-link {
letter-spacing: 0.5px; /* small text spacing */
color: #383838 !important; /* dark text color */
transition: color 0.2s;
}

.nav-link:hover,
.nav-link:focus {
color: #faa53c !important; /* Change to your preferred hover color */
}

.tdi-footer {
background-color: #383838 !important; /* Set your desired background color */
color: #ffffff !important;           /* Set your desired text color */
font-size: 19px;
}

.tdi-footer a {
color: #ffffff !important;           /* Set link color in footer */
}

/* CUSTOM OBJECTS CSS */
/* ------------------ */

#divider{
    width:100px;
    height:6px;
    background:#faa53c;
    margin-top: 0.5em;
}

/* BUTTON CSS */
/* ---------- */

.btn {
font-family: 'Poppins', sans-serif;
font-weight: bold;
border-radius: 2em;
padding: 0.6em 2em 0.5em 2em;
text-transform: uppercase;
}

.tdi-btn-main-orange {
background-color: #faa53c !important;
color: #ffffff !important;
}

.tdi-btn-main-purple {
background-color: #4f50bc !important;
color: #ffffff !important;
}


.tdi-btn-support-green {
background-color: #13a662 !important;
color: #ffffff !important;
}

.tdi-btn-support-blue {
background-color: #2d9fce !important;
color: #ffffff !important;
}

.tdi-btn-support-orange {
background-color: #f1562c !important;
color: #ffffff !important;
}


/* BACKGROUNDS CSS */
/* --------------- */

.tdi-bg-main-purple {
background-color: #4f50bc !important;
color: #ffffff !important;
}

.tdi-bg-main-orange {
background-color: #faa53c !important;
color: #ffffff !important;
}

.tdi-bg-support-green {
background-color: #13a662 !important;
color: #ffffff !important;
}

.tdi-bg-support-blue {
background-color: #2d9fce !important;
color: #ffffff !important;
}

.tdi-bg-support-orange {
background-color: #f1562c !important;
color: #ffffff !important;
}


/* BORDERS CSS */
/* ----------- */

.tdi-border-main-purple {
border-color: #4f50bc !important;
}

.tdi-border-main-orange {
border-color: #faa53c !important;
}

.tdi-border-support-green {
border-color: #13a662 !important;
}

.tdi-border-support-blue {
border-color: #2d9fce !important;
}

.tdi-border-support-orange {
border-color: #f1562c !important;
}


/* SUPPLIER TABLE CSS */
/* ------------------ */


/* Custom table header background and text color */
.table-primary, .table thead tr.table-primary th {
    background-color: #4f50bc !important; /* Your purple */
    color: #ffffff !important;
}

/* Custom table row hover color */
.table-hover tbody tr:hover {
    background-color: #faa53c !important; /* Your orange */
    color: #ffffff !important;
}

/* Custom table footer background */
.table tfoot tr {
    background-color: #ececec !important;
    color: #383838 !important;
}