/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/


/* სავალდებულო შეკითხვებიდან ფიფქის ნიშნის წაშლა */
.asterisk {display: none;}



/* ღილაკის შემდეგი/დასრულება ფერის შეცვლა */
.btn-primary {
    background-color: #376569 !important; /* მწვანე */
    border-color: #376569 !important;
}

/* გამოკითხვის მთავარი ფონის ფერის შეცვლა */
body {
    background-color: #f7fcfd !important;
}

/* ზედა სანავიგაციო სივრცის (სადაც ლოგოა) ფერების შეცვლა */
.navbar {
    background-color: #376569 !important;
    color: #376569 !important;
}


/* შეკითხვის პასუხების textbox-ის ფერის შეცვლა */
.question-container {
    background-color: #e5f5f9 !important;  /* Light blue, change as needed */
    }


/* შეკითხვის ტექსტის მახასიათებლების შეცვლა */
.question-container .question-text {
    color: #FFFFFF !important;  /* Teal color — change as needed */
    font-weight: bold;          /* Optional: make it bold */
    font-family: Arial, Helvetica, sans-serif !important; /* Adds Arial with fallbacks */
}


/* პროგრესის ფერის შეცვლა */
.progress {
    background-color: #bcd4d6 !important;  /* Background of the bar */
}

.progress-bar {
    background-color: #376569 !important;  /* Fill color (green in this example) */
}

/* შეკითხვის  textbox-ის ფერის შეცვლა */
.question-title-container {
    background-color: #376569 !important;
    color: #FFFFFF !important;
}


/* --- დახმარებოს ფეროს შცეცვლა Help Text (The top section with the '?' icon) --- */
.question-help-container {
    border: 1px solid #376569 !important; /* Teal border to match your buttons */
    color: #376569 !important;            /* Teal text color */
    background-color: #f7fbff !important; /* Keeping it light for readability */
}


/* --- Tip/Instruction (The middle bar with 'Choose one of the following...') --- */
.question-valid-container {
    border: 1px solid #376569 !important; /* Teal border */
    color: #FFFFFF !important;            /* White text for contrast */
    background-color: #376569 !important; /* Solid teal background to match the title */
}


/* Removes the grey background and border from the description container */
.group-description .well {
    background-color: transparent !important; /* Makes it match the body background */
    border: none !important;                /* Removes the grey outline */
    box-shadow: none !important;            /* Removes any inner shadow/depth */
    padding: 10px 0 !important;             /* Optional: tightens up the spacing */
}