/*
 * This code has been designed and authored by GOVISION SRL. 
   Use of this script is permitted only with explicit consent from GOVISION SRL. 
   Copyright details are as follows:
 * Drivcert v1.2.0 (http://govision.ro)
 * Copyright 2008 - 2024 S.C. GOVISION S.R.L.
 * Autor GOVISION SRL
 */

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    margin: 0;
    padding: 0;
}

.container {
    width: 100%;
    margin: 50px auto;
    padding: 20px;
    background: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

h1 {
    text-align: center;
    margin-bottom: 30px;
}

h2 {
    text-align: center;
    margin-bottom: 30px;
}

.question {
    margin-bottom: 20px;
}

.feedback {
    color: red;
    font-weight: bold;
}

.french {
    color: #0056b3; /* Schimbă culoarea în funcție de preferințe */

}

#result {
    margin-top: 20px;
	margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.btn-submit {
    border-radius: 10px;
    transition: background-color 0.3s;
	align: center;
}

.btn-submit:hover {
    background-color: #00b200;
	border-radius: 13px;
}


/* Stilizează casetele radio */
.custom-radio {
    margin-right: 10px; /* Ajustează valoarea la necesitate */
}


/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.button-container {
    display: none; /* Inițial containerul este ascuns */
    position: fixed; /* Poziție fixă pentru a rămâne pe ecran */
    bottom: 20px; /* Plasare la 20px de marginea de jos */
    right: 20px; /* Plasare la 20px de marginea din dreapta */
    gap: 10px; /* Distanța între butoane */
    z-index: 1000; /* Asigură-te că butoanele sunt peste toate celelalte elemente */
}

.button-container button {
    padding: 10px;
    font-size: 16px;
    background-color: #007BFF; /* Albastru */
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.button-container button:hover {
    background-color: #0056b3; /* O nuanță mai închisă la hover */
}


/*--------------------------------------------------------------
# Image
--------------------------------------------------------------*/

.question-image {
    width: auto; /* Adjust this value as needed */
    height: auto; /* Maintains aspect ratio */
    margin-top: 20px; /* Space from the top margin */
    margin-bottom: 20px; /* Space from the bottom margin */
    border: 1px solid #000; /* Adds a border around the image */
    max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    box-sizing: border-box; /* Ensures padding and border are included in the element's total width and height */
}