/* Overall page layout */
body
{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    padding: 0;
}

header
{
  /*background-image: url('iaccounting-header.svg');
  background-size: cover;*/
  background-color: #05101d;
  height: 100px;
  display: flex;
  align-items: center;
}

.container-fluid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.logo
{
    width: 50px;
    margin-left: 10px;
}

.left-section
{
    display: flex;
    align-items: center;
}

div #title
{
    margin-left: 10px;
}

.collapse.navbar-collapse
{
    display: flex;
    justify-content: flex-end;
}

/* Ensure the navbar items are properly aligned */
.navbar-nav
{
    margin-left: auto;
}

/* Size for brand */
nav .navbar-brand
{
    font-size: xx-large;
}

/* Colors for brand */
nav .navbar-brand .blue
{
    color: #537fbe;
}

nav .navbar-brand .color
{
    color: #aaffdd;
}

.nav-link
{
    --bs-nav-link-color: #aaffdd;
    --bs-nav-link-hover-color: #aaffdd;
}

.category-section {
    display: none;
}

.category-section.show {
    display: block;
}

main
{
    flex: 1;
    background-color: #0b1c34;
    background-image:
    linear-gradient(to right, #132c4a 1px, transparent 1px),
    linear-gradient(to bottom, #132c4a 1px, transparent 1px);
    background-size: 70px 70px; /* Size of each grid cell */
    color: white; /* Text color for better contrast */
    padding: 20px 0;
}

.text-muted
{
    color: #abf7b1 !important;
}

/* Footer styling */
footer
{
    background-color: #05101d; /* Slightly darker than the main for contrast */
    color: #aaffdd;
    text-align: center;
    padding: 20px 0;
    font-size: 0.9rem;
}