:root {
    --form-control-color: black;
}


html,
body {
    width: 100%;
    height: 100%;
    min-height: 100%;
}

html::-webkit-scrollbar {
    width: 10px;
}

html::-webkit-scrollbar-track {
    background: #f1f1f1;
}

html::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 6px;
}

html::-webkit-scrollbar-thumb:hover {
    background: #555;
}

body {
    background-color: #FEFCFD;
}

.disabled {
    cursor: none;
    pointer-events: none;
    opacity: 0.5;
}

[v-cloak] > * {
    display: none !important;
}

body {
    background-image: url('../img/background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

input[type="radio"]:checked::before {
    box-sizing: border-box;
    transform: scale(1);
}


input[type="checkbox"] {
    appearance: none;
    width: 15px;
    height: 15px;
    aspect-ratio: 1/1;
    border: 1px solid #000;
    background-clip: content-box;
    background-color: white;
    padding: 1px;
    display: block;
}

input[type="checkbox"]:checked {
    background-color: #313131;
}

.form_container {
    background-color: rgba(255, 255, 255, 0.6);
    background-position: bottom right;
    background-size: unset;
    background-repeat: no-repeat;
}

.form_container.with-background-image {
    background-image: url('../img/second_background.jpg');
    background-position: bottom right;
    background-size: unset;
    background-repeat: no-repeat;
}


@media(max-width: 1536px) {
    .form_wrapper {
        padding-top: 610px;
        padding-left: 300px;
        max-width: 70%;
    }
}

@media(max-width: 1279px) {
    .form_wrapper {
        padding-top: 486px;
        padding-left: 225px;
    }
}

@media(max-width: 1023px) {
    .form_wrapper {
        padding-left: 145px;
        padding-top: 365px;
        max-width: 80%;
    }
}

@media(max-width: 767px) {
    .form_wrapper {
        padding-left: 5%;
        padding-top: 60%;
        max-width: 90%;
    }
}

.footer {
    justify-content: center;
    bottom: 0;
}

@media(max-width: 768px) {
    body {
        background-position-x: 92%;
        background-position-y: 22px;
    }
}