header.header-transparent {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    z-index: 10 !important;
    padding: 20px 50px !important;
}

header.header-filled {
    background-color: white;
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    z-index: 10 !important;
}

    header.header-filled > div {
        padding: 15px 40px;
    }

header #driver-portal-logo {
    max-width: 8em;
}

header #ictsi-logo {
    max-width: 10em;
    max-height: 8em;
    width: auto;
    height: auto;
}

nav {
    background-color: var(--ictsi-orange) !important;
    max-height: 4em;
}

    nav .navbar-collapse {
        background-color: var(--ictsi-orange);
        width: 100% !important;
    }

    nav.navbar .navbar-toggler {
        margin: 5px;
    }

    nav.navbar .nav-item {
        padding: 2px 5px;
    }

        nav.navbar .nav-item:hover {
            background-color: rgba(var(--ictsi-gray-rgb), 0.2) !important;
        }

    nav.navbar img {
        height: 1.5em;
        width: 1.5em;
    }

    nav.navbar span {
        font-size: 1.15em;
        font-weight: bold;
    }

    nav.navbar > .container-fluid {
        justify-content: end !important;
    }

@media (max-width: 992px) {
    header {
        background-color: white !important;
    }
}