html,
body {
  height: 100%;
}


body {
     flex-direction: column; /* article, then footer */
     display: flex; /* flex, to extend the content to full size */
     min-height: 100vh; /* full height, to bottom-align footer */
}


.fruity_twentythree_eurostudent9 {
    padding-top: 10px !important;
}

.top-container {
    margin-bottom: 1rem;
}

#main-col {
    margin-top: 0.5em;
}

.navbar {
  top: 0;
  right: 0;
  left: 0;
}


.registerquick-token-input {
    width: 20ch;
}

#token.form-control {
    width: 30ch;
}

.form-control {
    font-size: 1.1rem;
    font-weight: 600;
}

input.form-control[inputmode="decimal"] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.total .information-item .form-control {
    width: initial;
}


.logo-container > img {
    max-height: 30px;
    padding: 1px;
    width: auto;
}

@media only screen and (max-width: 767px) {
    .logo-container.hidden-xs {
        display: block !important;
    }

    .logo-container > img,
    .logo {
        display: block !important;
        max-height: 30px;
        width: auto;
        height: auto;
        margin: 0 auto;
    }
}

/*
.brand-logo .top-container .top-content {
    padding-top: 2em;
}
*/

.top-content {
    padding-top: 0 !important;
}

.top-container.container-fluid {
    margin-top: 1px;
    margin-bottom: 0.2rem;
}

#welcome-container .large-heading {
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.2rem;
}

#welcome-container .form-heading {
    line-height: 1.6rem;
}

#datasecurity_notice .privacy,
.privacy {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.4rem;
}

#datasecurity_notice,
#datasecurity_notice_label,
.datasecurity-checkbox-label {
    max-width: 750px;
}

#ls-button-previous {
    font-size: 0.75rem !important;
    padding: 0.35rem 0.6rem !important;
    min-height: 2rem !important;
    line-height: 1.2 !important;
    border-radius: 0.375rem !important;
}

.space-col {
    margin-bottom: 0.1em;
}

.question-container {
    margin-bottom: 2rem;
}

#outerframeContainer,
.question-text,
.answertext {
    word-break: normal !important;
    word-wrap: normal !important;
    hyphens: none !important;
    -moz-hyphens: none !important;
    -webkit-hyphens: none !important;
    overflow-wrap: normal !important;
}

.question-help-container .ls-questionhelp {
  font-style: italic;
}

.ls-answers .ls-heading th, .ls-answers th {
    color: #494747;
}

.table-hover > tbody > tr:hover > th {
    background-color: #EEEFF7;
    color: #000000;
}

.ls-answers label, .answer-item label, .control-label {
    color: #494747;
}

.form-control[disabled] {
    background-color: #0069B4;
}

.dropdown.bootstrap-select.form-control.list-question-select {
    width: 100% !important;
}

#question13635 .form-select {
    width: 6rem;
}

#question13635 .ls-answers .ls-heading th {
    text-align: left;
}


.footer-sticky {
  margin-top: auto;

  padding-top: var(--bs-gutter-x, 1.75rem);
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  padding-bottom: var(--bs-gutter-x, 0.75rem);

  width: 100%;
  color: white;
  text-align: right;
  font-size: 0.7em;
  z-index: 10;
}


.token-display {
    font-size: 0.7rem;
    font-family: monospace;
}