:root {
    --margin-logo: 4rem;
    --margin-generic: 1.5rem;
    --border-radius: 20px;
    --font-size: 20px;
    --hover-bg-colour: black;
    --hover-text-colour: white;
    --object-height: 36px;
    --padding-left: 5px;
    --padding-general: 5px;
}

#fleuropLogo {
    float: left;
    margin-left: var(--margin-logo);
}

.centerBlock{
    margin: 0 auto;
    display: inline-block;
}

#header {
    width: 100%;
    display: block;
    height: auto;
    display: inline-block;
    height: var(--object-height);
    padding-left: var(--padding-left);
}

button, input[type=submit] {
    margin-bottom: var(--margin-generic);
    border-radius: var(--border-radius);
    font-size: var(--font-size);
    font-weight: bold;
    padding: 5px 40px;
    background-color: transparent;
    border: 1px solid black;
    transition: 0.3s;
    line-height: 1.5px;
    height: var(--object-height);
}

button:hover, input[type=submit]:hover {
    cursor: pointer;
    background-color: var(--hover-bg-colour);
    color: var(--hover-text-colour);
    transition: 0.3s;
}

input:first-of-type:not(.GetCodes) {
    margin-top: var(--margin-generic);
}

input {
    width: 100%;
    max-width: 300px;
    display: inherit;
    margin: 0 auto;
    margin-bottom: var(--margin-generic);
}

#error {
    white-space: pre-line;
}

label{
    margin-top: var(--margin-generic);
    margin-bottom: 0px;
}

.centerBlock {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

tr td, tr th {
    padding: var(--padding-general);
}

tr {
    transition: 0.3s;
    background-color: RGBA(255, 255, 255, 1);
}

tbody tr:hover{
    background-color: RGBA(0, 0, 0, 0.2);
    cursor: pointer;
    transition: 0.3s;
}

tr:last-child{
    border-bottom: 1px;
}
tbody:first-child{
    border-top:1px;
}

#campaignTypeContainer label{
    margin-top: 0px;
    width: 100%;
    margin-bottom: 10px;
}

#campaignTypeContainer {
    margin-bottom: var(--margin-generic);
}

.pb-3 {
    margin-top: 95px;
}

#codes{
    white-space:pre-line;
    height: 100px;
    overflow-y: auto;
}

.text-right{
    top: 0;
    position:fixed;
    display: block;
}

.centerBlock {
    width: 1180px;
    margin: 0 auto;
    position: relative;
    display: block;
}

.elucidation {
    width: 340px;
    float: right;
    display: block;
    position: fixed;
}

.container{
    max-width: 100% !important;
}