:root {
    --colorBlack_Raw: 0, 0, 0;
    --colorBlack100: rgba(var(--colorBlack_Raw), 1);
    --colorBlack80: rgba(var(--colorBlack_Raw), 0.8);
    --colorBlack60: rgba(var(--colorBlack_Raw), 0.6);
    --colorBlack50: rgba(var(--colorBlack_Raw), 0.5);
    --colorBlack40: rgba(var(--colorBlack_Raw), 0.4);
    --colorBlack20: rgba(var(--colorBlack_Raw), 0.2);
    --colorBlack10: rgba(var(--colorBlack_Raw), 0.1);
    --colorBlack5: rgba(var(--colorBlack_Raw), 0.05);
    --colorBlue_Raw: 13, 110, 253;
    --colorBlue100: rgba(var(--colorBlue_Raw), 1);
    --colorBlue80: rgba(var(--colorBlue_Raw), .8);
    --colorBlue50: rgba(var(--colorBlue_Raw), .5);
    --colorBlue30: rgba(var(--colorBlue_Raw), .3);
    --colorAlert: rgba(var(--bs-danger-rgb), 1);
    --colorAlert80: rgba(var(--bs-danger-rgb), .8);
    --colorSuccess: rgba(var(--bs-success-rgb), 1);
    --colorSuccess80: rgba(var(--bs-success-rgb), .8);
}

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    z-index: -1;
}

.bodyContainer {
    position: relative;
    display: flex;
    flex-direction: row;
    column-gap: 25px;
    margin-right: 10px;
}

.spinner {
}

    .spinner .spinnerContainer {
        fill: currentColor;
        width: 50px;
        max-width: 50px;
    }

    .spinner .large {
        width: 85px;
        max-width: 85px;
    }

    .spinner .small {
        width: 35px;
        max-width: 35px;
    }

    .spinner .primary {
        color: var(--colorBlue80);
        fill: currentColor;
    }

    .spinner .spinnerContainer circle {
        animation: bounce 0.8s alternate infinite;
    }

        .spinner .spinnerContainer circle:nth-child(1) {
        }

        .spinner .spinnerContainer circle:nth-child(2) {
            animation-delay: 0.2s;
        }

        .spinner .spinnerContainer circle:nth-child(3) {
            animation-delay: 0.4s;
        }

@keyframes bounce {
    to {
        opacity: 50%;
        transform: translate3d(0px, -25%, 0px);
    }
}