/******************
    User custom CSS - Program razvoja kulture Tivat
*/

/* =========================================================
   1. ZVJEZDICE (*) ZA OBAVEZNA PITANJA U PETROLEJ BOJI (#028090)
   ========================================================= */
.text-danger, 
span.asterisk, 
.asterisk, 
.mandatory label::after, 
label.mandatory::after, 
.mandatory label .asterisk,
p.mandatory span.asterisk,
.mandatory .asterisk,
.ls-mandatory-asterisk,
span.mandatory,
.asterisk::before,
.asterisk::after,
.mandatory::before,
.mandatory::after,
.text-danger::before,
.text-danger::after,
[class*="asterisk"],
.label-mandatory,
form .mandatory label span {
    color: #028090 !important;
    fill: #028090 !important;
}

/* =========================================================
   2. TRAKA NAPREDOVANJA (PROGRESS BAR) U PETROLEJ BOJI
   ========================================================= */
.progress-bar,
.progress-bar-success,
.progress-bar-primary {
    background-color: #028090 !important;
}

/* =========================================================
   3. SVA DUGMAD U PETROLEJ BOJI
   ========================================================= */
.btn-primary, 
.btn-success, 
.ls-move-submit, 
.ls-move-next, 
.ls-move-previous,
.action--next,
.action--submit,
button[value="movenext"],
button[value="movesubmit"],
button[name="move"] {
    background-color: #028090 !important;
    border-color: #028090 !important;
    color: #ffffff !important;
}

.btn-primary:hover, 
.btn-success:hover, 
.ls-move-submit:hover, 
.ls-move-next:hover, 
.ls-move-previous:hover,
.action--next:hover,
.action--submit:hover,
button[value="movenext"]:hover,
button[value="movesubmit"]:hover,
button[name="move"]:hover {
    background-color: #026673 !important;
    border-color: #026673 !important;
    color: #ffffff !important;
}

/* =========================================================
   4. PREIMENOVANJE DUGMADI NA NAŠ JEZIK
   ========================================================= */
/* Next -> Sljedeće */
button[value="movenext"],
.ls-move-next,
.action--next {
    font-size: 0 !important;
}
button[value="movenext"]::after,
.ls-move-next::after,
.action--next::after {
    content: "Sljedeće" !important;
    font-size: 14px !important;
    color: #ffffff !important;
}

/* Previous -> Prethodno */
button[value="moveprev"],
.ls-move-previous,
.action--prev {
    font-size: 0 !important;
}
button[value="moveprev"]::after,
.ls-move-previous::after,
.action--prev::after {
    content: "Prethodno" !important;
    font-size: 14px !important;
    color: #ffffff !important;
}

/* Submit -> Pošalji */
button[value="movesubmit"],
.ls-move-submit,
.action--submit {
    font-size: 0 !important;
}
button[value="movesubmit"]::after,
.ls-move-submit::after,
.action--submit::after {
    content: "Pošalji" !important;
    font-size: 14px !important;
    color: #ffffff !important;
}

/* =========================================================
   5. POTPUNO SAKRIVANJE SISTEMSKIH OBAVJEŠTENJA I IKONA
   ========================================================= */
.ls-question-mandatory,
.ls-mandatory-tip,
.mandatory-tip,
.ls-question-valid-container,
.ls-question-help,
.ls-em-tip,
.ls-em-legend,
.ls-question-valid-container i,
.ls-em-tip i,
.fa-question-circle,
.fa-exclamation-circle,
.fa-help,
.text-danger.ls-mandatory-tip,
.text-info.ls-em-tip,
div.ls-em-tip,
span.ls-mandatory-tip {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
}

/* =========================================================
   6. POTPUNO SAKRIVANJE CRVENE TRAKE SA VRHA STRANICE
   ========================================================= */
.alert-danger, 
.alert-dismissible,
#vmsg_0,
.ls-alert-mandatory {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* =========================================================
   7. SISTEMSKI POP-UP (MODAL) ZA OBAVEZNA PITANJA
   ========================================================= */
/* Sakriva engleski tekst unutar pop-up prozora */
.modal-body,
.modal-body p {
    font-size: 0 !important;
}

/* Ubacuje prilagođeni tekst na našem jeziku */
.modal-body::after {
    content: "Jedno ili više obaveznih pitanja nisu odgovorena. Molimo Vas da popunite označena polja kako biste nastavili." !important;
    font-size: 14px !important;
    color: #333333 !important;
    display: block !important;
    line-height: 1.5 !important;
}

/* Stil i prilagođavanje dugmeta "Close" u "Zatvori" */
.modal-footer .btn,
.modal-footer button {
    font-size: 0 !important;
    background-color: transparent !important;
    border: 1px solid #028090 !important;
    border-radius: 4px !important;
    padding: 6px 16px !important;
    transition: background-color 0.2s ease !important;
}

.modal-footer .btn::after,
.modal-footer button::after {
    content: "Zatvori" !important;
    font-size: 14px !important;
    color: #028090 !important;
    font-weight: 500 !important;
}

.modal-footer .btn:hover,
.modal-footer button:hover {
    background-color: #028090 !important;
}

.modal-footer .btn:hover::after,
.modal-footer button:hover::after {
    color: #ffffff !important;
}/* =========================================================
   9. SAKRIVANJE ZELENIH UPITNIKA I SISTEMSKOG END URL LINKA
   ========================================================= */

/* Sakriva sve preostale ikonice upitnika (fa, bootstrap, ls) */
.ls-question-valid-container i,
.ls-question-help i,
.fa-question-circle,
.fa-question,
.fa-help,
span.ls-question-help,
div.ls-question-help-container,
.question-help-container {
    display: none !important;
    visibility: hidden !important;
}

/* Sakriva fabrički zelen sistemski link na samom kraju ankete */
.end-url-link,
.survey-url,
p.end-url,
a.ls-end-url {
    display: none !important;
}/* =========================================================
   10. STILIZOVANJE LINKOVA NA ZAVRŠNOJ STRANICI U PETROLEJ
   ========================================================= */
.completed-wrapper a,
.end-text a,
a.ls-end-url {
    color: #028090 !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}

.completed-wrapper a:hover,
.end-text a:hover {
    color: #026673 !important;
}/* =========================================================
   11. POTPUNO POTISKIVANJE PREOSTALIH ZELENIH UPITNIKA
   ========================================================= */

/* Sakriva sve ikonice upitnika i njihove kontejnere */
.ls-question-help,
.ls-question-help-container,
.question-help-container,
.ls-question-help i,
.help-block i,
[class*="question-help"],
[class*="fa-question"],
.ls-question-help .fa-question-circle,
.ls-question-help .fa,
.ls-question-help span {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
}/* =========================================================
   12. SAKRIVANJE ZELENIH UPITNIKA KOD MULTIPLE CHOICE (EM TIPS)
   ========================================================= */

/* Sakriva same kontejnere validacionih savjeta kod Multiple Choice */
.ls-question-valid-container,
.ls-em-tip,
.ls-em-legend,
.em_tip,
div[id^="vmsg_"],
span[id^="vmsg_"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Uklanja zeleni kružić ako se generiše kao ikona ili font-element */
.ls-question-valid-container::before,
.ls-question-valid-container::after,
.ls-em-tip::before,
.ls-em-tip::after,
.em_tip::before,
.em_tip::after {
    content: none !important;
    display: none !important;
}/* 1. Zamjena glavnog naslova */
.ls-token-message, h2:has-text("restricted survey") {
    font-size: 0 !important;
}
.ls-token-message::after {
    content: "Za pristup ovoj anketi potreban je validan pristupni kod." !important;
    font-size: 24px !important;
    display: block;
    color: #028090;
    font-weight: 600;
}

/* 2. Zamjena instrukcije iznad polja */
.text-info.ls-token-instruction {
    font-size: 0 !important;
}
.text-info.ls-token-instruction::after {
    content: "Ukoliko ste dobili pristupni kod na računu, unesite ga u polje ispod i kliknite na „Nastavi“." !important;
    font-size: 15px !important;
    display: block;
    color: #2b2d42;
}

/* 3. Zamjena labele Access code */
label[for="token"] {
    font-size: 0 !important;
}
label[for="token"]::after {
    content: "* Pristupni kod:" !important;
    font-size: 15px !important;
    font-weight: bold;
    color: #028090;
}

/* 4. Dugme Continue u Nastavi */
button[value="continue"], #ls-button-submit {
    font-size: 0 !important;
}
button[value="continue"]::after, #ls-button-submit::after {
    content: "Nastavi" !important;
    font-size: 16px !important;
    color: #ffffff;
}/* 1. Sakrivanje preostalog engleskog naslova */
.ls-token-message, 
h1, h2, h3, .h2, .h3 {
    display: none !important;
}

/* 2. Popravka boje teksta instrukcije (iz zelene u tamnosivu) */
.text-info, 
.ls-token-instruction, 
p {
    color: #2B2D42 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

/* 3. Usklađivanje ikonice oka sa petrolej bojom */
.input-group-addon, 
.input-group-text {
    background-color: #028090 !important;
    border-color: #028090 !important;
    color: #ffffff !important;
}/* Forsiranje čiste bijele boje slova na završnom dugmetu */
.survey-completed a,
a[href*="program-razvoja-kulture"],
p a[style*="background-color: #028090"],
p a[style*="background-color:#028090"] {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}

/* Efekat prelaza mišem */
.survey-completed a:hover,
a[href*="program-razvoja-kulture"]:hover,
p a[style*="background-color: #028090"]:hover {
    color: #f1f1f1 !important;
    background-color: #026673 !important;
}