:root {
    --bs-body-bg: #061d3c;
}

body {
    padding: 0.2rem;
}

@media (min-width: 500px) {
    body {
        padding: 0.5rem;
    }
}


/* generalTopBar */
.generalTopBar {
    padding: 0.5rem 1rem 1rem 0.5rem;
}

.generalTopBar > * {
    margin-bottom: 0.5rem;
}

@media (min-width: 500px) {
    .generalTopBar {
        padding: 0 0 1rem 0;
    }
}



/* images */
.mainContainer img {
    max-width: 100%;
}





.fa.fa-check {
    color: green;
}

.fa-solid.fa-xmark {
    color: #c90000;
    font-size: 1.2em;
    vertical-align: middle;
}


.small {
    font-size: 0.75em;
}

.hidden {
    display:none;
}


/*
abbr {
    position: relative;
}
abbr:hover::after {
    position: absolute;
    bottom: 100%;
    left: 100%;
    display: block;
    padding: 1em;
    background: var(--bs-body-bg);
    font-size: 1.2rem;
    white-space: nowrap;
    content: attr(title);
}
 */







/* forms */

.btn-primary {
    --bs-btn-bg: #445394;
}

form {
    max-width: 45rem;
}

form[name=besttimes_type_new] div#besttimes_type_new_besttime > .input-group > .input-group-text:nth-of-type(1),
form[name=besttimes_type_edit_many] div#besttimes_type_edit_many_besttime > .input-group > .input-group-text:nth-of-type(1) {
    display: none;
}

select#besttimes_type_new_besttime_hour,
select#besttimes_type_edit_many_besttime_hour {
    display: none;
}



form[name=besttimes_type_new] > div#besttimes_type_new > fieldset,
form[name=besttimes_type_new] > div#besttimes_type_new > div.mb-3.decimalsfield,
form[name=besttimes_type_edit_many] > div#besttimes_type_edit_many > fieldset,
form[name=besttimes_type_edit_many] > div#besttimes_type_edit_many > div.mb-3.decimalsfield{
    display: inline-block;
}

form[name=besttimes_type_new] > div#besttimes_type_new > div.mb-3.decimalsfield,
form[name=besttimes_type_edit_many] > div#besttimes_type_edit_many > div.mb-3.decimalsfield {
    padding-left: 1rem;
}

form[name=besttimes_type_new] > div#besttimes_type_new > fieldset #besttimes_type_new_besttime .input-group select,
form[name=besttimes_type_edit_many] > div#besttimes_type_edit_many > fieldset #besttimes_type_edit_many_besttime .input-group select {
    width: 10rem;
}

/*.btn .badge {
    background: var(--bs-btn-color);
    color: black;
    border-radius: 50%;
    font-size: 10px;
    font-weight: bold !important;
}*/

.boardButtonBar a.btn {
    /*width: 16rem;*/
    margin: 0.2rem 0.1rem;
}


div.raceresultsCar,
div.raceresultsName {
    /*font-family: "DejaVu Sans Mono", "Consolas", "Segoe UI", sans-serif;*/
    letter-spacing: -0.056em;
}

div.raceresultsModusHeading,
div.raceresultsModus {
    /*font-family: "DejaVu Sans Mono", "Consolas", "Segoe UI", sans-serif;*/
}