html {
    font-size: 14px;
}


.container {
    max-width: 2370px;
}

@media (min-width: 1400px) {
    .container {
        width: 1370px;
    }
}

@media (min-width: 1600px) {
    .container {
        width: 1570px;
    }
}

@media (min-width: 1800px) {
    .container {
        width: 1770px;
    }
}

@media (min-width: 2000px) {
    .container {
        width: 1970px;
    }
}

@media (min-width: 2200px) {
    .container {
        width: 2170px;
    }
}

@media (min-width: 2400px) {
    .container {
        width: 2370px;
    }
}


@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;
}

[v-cloak] {
    display: none;
}

.test_peter {
    color: green;
}

.checkmark {
    display: inline-block;
    width: 22px;
    height: 22px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.checkmark_circle {
    /*position: absolute;*/
    width: 22px;
    height: 22px;
    background-color: green;
    color: white;
    border-radius: 11px;
    left: 0;
    top: 0;
    text-align: center;
}

.qr-code-img {
    width: 100%;
    height: auto;
    max-height: 70vh; /* Limit height to 60% of viewport height to avoid scrolling */
    object-fit: contain; /* Ensure the image scales without distortion */
    display: block; /* Remove any inline spacing */
}

@media (max-width: 767.98px) {
    .qr-code-img {
        max-height: 50vh; /* Slightly smaller max-height for smaller screens */
    }
}