/******************
    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
*/
/* Kogu üldise teksti ja pealkirjade värvi muutmine */
body, h1, h2, h3, h4, h5, h6, p, span, div {
    color: #001A72 !important;
}

/* Kõikide viidete (linkide) värvi muutmine */
a, a:hover, a:focus, a:active {
    color: #001A72 !important;
}

/* Peamiste nuppude (nt "Edasi", "Saada") taust siniseks ja tekst valgeks */
.btn-primary {
    background-color: #001A72 !important;
    border-color: #001A72 !important;
    color: #ffffff !important;
}

/* Nupu välimus siis, kui hiirega peale minna või nupule vajutada */
/* Teeme tausta pisut tumedamaks, et vastaja saaks aru, et nupp on klikitav */
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #000f42 !important;
    border-color: #000f42 !important;
    color: #ffffff !important;
}
/* "Tagasi" (Previous) nupu raam ja tekst siniseks, taust valgeks */
.ls-move-previous-btn,
button[value="moveprev"],
.btn-default {
    border-color: #001A72 !important;
    color: #001A72 !important;
    background-color: #ffffff !important;
}

/* "Tagasi" nupu välimus hiirega peale minnes */
.ls-move-previous-btn:hover,
button[value="moveprev"]:hover,
.btn-default:hover,
.ls-move-previous-btn:focus,
button[value="moveprev"]:focus,
.btn-default:focus {
    border-color: #000f42 !important; /* Pisut tumedam sinine raam */
    color: #000f42 !important; /* Pisut tumedam sinine tekst */
    background-color: #f0f4fc !important; /* Väga õrn helesinine taust hiirega peale minnes */
}
/* Maatriksküsimuste (tabelite) ridade tekstid ja veergude pealkirjad siniseks */
table th, 
table td, 
.answertext, 
.ls-answer-text,
.array-text {
    color: #001A72 !important;
}
/* Edenemisriba (progress bar) täidetud osa siniseks ja tekst valgeks */
.progress-bar {
    background-color: #001A72 !important;
    color: #ffffff !important;
}
/* Kohustusliku küsimuse tärn, kui see on sup-elemendiga (ülaindeks) */
sup.fa-asterisk,
sup.text-danger,
.fa.fa-asterisk {
    color: #ef426f !important;
}

/* Veateadete tekst (nt "See küsimus on kohustuslik") */
div.ls-em-error,
span.ls-em-error,
div.errormandatory,
span.errormandatory,
div.text-danger,
span.text-danger {
    color: #ef426f !important;
}

/* Veateadete ees olevad hüüumärgi ikoonid */
.ls-em-error span,
.ls-em-error i,
.errormandatory span,
.errormandatory i,
.text-danger span,
.text-danger i,
.fa-exclamation-circle {
    color: #ef426f !important;
}
/* Uuema kujunduse hüüumärgi ikoon */
span.ri-error-warning-fill,
.ri-error-warning-fill {
    color: #ef426f !important;
}

/* Veendume, et ka ikooni ümber/kõrval olev tekst läheb punaseks */
div:has(> span.ri-error-warning-fill),
span:has(> span.ri-error-warning-fill) {
    color: #ef426f !important;
}
/* Maatriksküsimuste sildid väikestel ekraanidel / mobiilivaates */
label.ls-label-xs-visibility,
.ls-label-xs-visibility {
    color: #001A72 !important;
}