.header {
    background-color: var(--pave-bg-color);
    color: white;
    margin: 0;
    padding: 0.1em 1em 0.1em 1em;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    width: 100%;
}

.header h1 {
    display: inline;
    padding-left: .5em;
    font-size: 2em;
    /*letter-spacing: 0.3em;*/
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
}

.headerButtonRegister {
    margin: .5em 0 .5em 0.5em;
    padding: 0.25em 0.5em 0.25em 0.5em;
    border-radius: 1lh;
    --bs-btn-bg: None;
    --bs-btn-border-color: White;
    --bs-btn-hover-bg: rgba(0, 0, 0, 0.3);
    --bs-btn-hover-color: None;
    flex-shrink: 0;
}

.headerButtonProfile {
    color: white;
    margin: 0;
    height: 100%;
    --bs-btn-bg: None;
    --bs-btn-border-color: None;
    --bs-btn-hover-bg: white;
    --bs-btn-hover-color: var(--pave-bg-color);
    --bs-btn-active-bg: rgba(0, 0, 0, 0.3);
    --bs-btn-active-color: None;
    flex-shrink: 0;
}
.headerButtonProfile svg {
    margin: 0 !important;
}

.headerButton, .headerButton .dropdown-toggle {
    margin: 0 0 0 0.5em;
    padding: 0 0.5em 0 0.5em;
    height: 100%;
    --bs-btn-bg: None;
    --bs-btn-border-color: None;
    --bs-btn-hover-bg: white;
    --bs-btn-hover-color: var(--pave-bg-color);
    --bs-btn-active-bg: white;
    --bs-btn-active-color: var(--pave-bg-color);
    flex-shrink: 0;
}

.headerButton .dropdown-toggle {
    margin: 0 0 0 -.5em;
}

.header .dropdown-menu {
    background-color: var(--pave-working-grey);
    --bs-dropdown-min-width: None;
}


.fileHeader {
    display: flex;
    flex-direction: row;
    margin: .1em .5em .1em .5em;
    align-items: center;
    overflow: hidden;
    border-left: white solid 0.25em;
    padding-left: .5em;
}

.fileName {
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space:nowrap;
}

.linkButtons {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
}

.linkButtons svg {
    margin-right: .5em;
}