body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.top-bar {
    background-color: #2d4051;
    height: 30px;
    color: white;
}

.top-bar .container-fluid {
    padding-right: 20px; /* Add padding to the right */
}

.top-bar input {
    margin-right: 10px; /* Add space between search field and button */
}

.top-bar button {
    margin-right: 10px; /* Add space between button and language selector */
}

.top-bar a {
    color: white;
    margin-right: 10px; /* Add space between links */
    text-decoration: none;
}

.top-bar a:hover {
    color: #9ac7ff;
}

.actionbar {
    background-color: #2d4051;
    height: 50px; /* Change height to 50px */
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.actionbar .logo {
    height: 40px; /* Adjust the height to fit within the actionbar */
    margin-left: 10px; /* Add some margin to the left */
}

.menu-area {
    display: flex;
    align-items: center;
}

.menu-area .menu-item-area {
    color: white;
    margin-left: 20px;
    text-decoration: none;
}

.menu-area .menu-item-area:hover {
    color: #9ac7ff;
}

.quickaccess {
    background-color: white;
    height: 30px;
    color: black;
}

.filter-area {
    background-color: #F3F3F3;
    height: 30px;
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.filter-area label {
    margin-right: 5px;
}

.filter-area .dropdown-filter {
    margin-right: 20px;
    height: 25px; /* Reduce the height of the dropdowns */
    padding: 2px 5px; /* Adjust padding for better alignment */
}

.pageselect-area, .pageselectfooter-area {
    background-color: #e2e8fa;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-selector {
    text-align: center;
}

.content-area {
    background-color: white;
    flex-grow: 1;
}

.footer-bar {
    background-color: #2d4051;
    height: 40px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.footer-bar img {
    height: 30px; /* Adjust the height to fit within the footer */
}

.flag-icon {
    margin-right: 5px;
}

#language, #languageDropdown {
    background: inherit;
    color: white;
    border: none;
    padding-left: 0;
    margin-right: 10px; /* Add space between language selector and right edge */
  /*  appearance: none; /* Remove default dropdown arrow */
  /*  background-image: none; /* Remove default dropdown arrow */
}

#language option, #languageDropdown li {
    background: #525865; /* Background color for dropdown items */
    color: white;
    border: 1px solid #F3F3F3; /* Border color */
}

#language option:hover, #languageDropdown li:hover {
    color: #9ac7ff; /* Hover text color */
}

#language .flag-icon {
    margin-right: 5px;
}