body {
    height: 100vh;
    width: 97%;
    padding: 0;
    margin: 0;
    background-color: transparent;
}

/* 
    Custom checkboxes
*/
.option {
    /*display: block;*/
    position: relative;
    padding-left: 15px;
    /*margin-bottom: 12px;*/
    cursor: pointer;
    font-size: 16px;
}

.customcheckbox {
    position: absolute;
    top: 6px;
    left: -15px;
    height: 12px;
    width: 12px;
    border: 1px solid #b5b0b0;
}

.option input:checked ~ .customcheckbox {
    background-color: rgb(var(--pa2-primary-color));
}

.customcheckbox:after {
    content: "";
    position: absolute;
    display: none;
}

.option input:checked ~ .customcheckbox:after {
    display: block;
}

.option .customcheckbox:after {
    left: 3.5px;
    bottom: 1px;
    width: 4px;
    height: 12px;
    border: solid rgb(var(--pa2-text-color));
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

input[type="search"]::-webkit-search-cancel-button {
    margin-right: 10px;
    cursor: pointer;
    color: rgb(var(--pa2-primary-color));
}

.race-dropdown {
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    text-align: initial;
    height: 37px;
    cursor: default !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.race-dropdown:disabled {
    background-color: var(--bs-secondary-bg) !important;
    opacity: 1;
    border: none;
}

.dropdown-menu {
    max-height: 240px;
    overflow-y: auto;
}

.info-text {
    background-color: #FFECB5;
    color: #664D03;
}

@media only screen and (max-width: 575.98px) {
    .mobile-row {
        flex-direction: row !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
    }
}