/* forma 35 */
/* inicijalno */
/* hdden grruoa status */
#group71 , #group84 {
    visibility: hidden;
    display:none;
}
/* Ograničavanje resetiranja širine samo na formu 35 */
#form_35 [class^="fabrikRepeatGroup___"],
#form_35 [class*=" fabrikRepeatGroup___"],
[id^="form_35_"] [class^="fabrikRepeatGroup___"],
[id^="form_35_"] [class*=" fabrikRepeatGroup___"] {
    width: unset !important;
    margin-bottom: 0px !important;
}
/* Ograničavanje resetiranja širine samo na formu 37 */
#form_37 [class^="fabrikRepeatGroup___"],
#form_37 [class*=" fabrikRepeatGroup___"],
[id^="form_37_"] [class^="fabrikRepeatGroup___"],
[id^="form_37_"] [class*=" fabrikRepeatGroup___"] {
    width: unset !important;
    margin-bottom: 0px !important;
}
/* KOrekcija css za validation error */
/* Only affects elements that HAVE an error */
.fabrikError .fabrikErrorMessage {
    display: block !important; /* Forces it to show without hovering */
    color: #d9534f;
    margin-bottom: 5px;
}

/* Styles the link inside the error message so it doesn't look like a link */
.fabrikError .fabrikTip {
    text-decoration: none !important;
    cursor: default !important;
    color: #d9534f !important;
}

/* Highlights the specific input that failed */
.fabrikError input.fabrikinput,
.fabrikError .chzn-single {
    border: 1px solid #d9534f !important;
    box-shadow: 0 0 5px rgba(217, 83, 79, 0.5);
}

/* dodatno za tooltip grteške */
/* Sprječava da klik na ikonu greške baci korisnika na vrh stranice */
.fabrikErrorMessage a.fabrikTip {
    pointer-events: auto !important; /* Dozvoljava klik za popover */
}

/* Onemogućava defaultnu akciju linka (href=#) kroz JavaScript ili CSS trik */
.fabrikErrorMessage a.fabrikTip[href="#"] {
    cursor: default;
}

/* Dodatno: osigurajte da popover ne zaklanja input polje */
.popover {
    max-width: 600px !important;
    z-index: 1060 !important;
}

/* za repeat grupu 60 član ro */
/* Ciljamo elemente samo unutar repeatable grupe 60 */
#group60 .fabrikSubGroupElements , #group76 .fabrikSubGroupElements {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap; /* Dozvoljava prelazak u novi red ako nema mjesta */
    align-items: flex-start;
    gap: 15px; /* Razmak između polja */
    width: 100%;
}

/* Prisiljavamo kontejnere elemenata da ne budu 100% širine */
#group60 .fabrikElementContainer, #group76 .fabrikElementContainer {
    flex: 0 1 auto; /* Širina prema sadržaju */
    width: auto !important;
    /*min-width: 180px; *//* Minimalna širina da polja ne budu premala */
    margin-bottom: 15px;
}

/* Popravak za labele iznad polja */
#group60 .fabrikElementContainer .fabrikLabel, #group76 .fabrikElementContainer .fabrikLabel {
    display: block;
    margin-bottom: 0px;
    font-weight: bold;
}

/* važno za smanjenjenje razmaka u repet grupi */
#group60 .fabrikSubGroupElements, #group76 .fabrikSubGroupElements {
    width: auto !important;
}
#group60 .row-fluid , #group76 .row-fluid{
    margin-right: 0px;
    line-height:auto;
}

/* Budući da skrivaš polja JS-om, Flexbox će automatski povući ostala polja ulijevo */

/* fix za prvi red u grup članovi RO tako da se ne briše predsjednik */
#group60 div.fabrikSubGroup:first-of-type a.deleteGroup, #group76 div.fabrikSubGroup:first-of-type a.deleteGroup {
    display: none !important;
}
#group60 label, #group76 label  {
    padding-bottom:0px;
}


/* grupa 64 OZP clanovi */
/* za repeat grupu 64 član ro */
/* Ciljamo elemente samo unutar repeatable grupe 64 */
#group64 .fabrikSubGroupElements, #group79 .fabrikSubGroupElements {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap; /* Dozvoljava prelazak u novi red ako nema mjesta */
    align-items: flex-start;
    gap: 15px; /* Razmak između polja */
    width: 100%;
}

/* Prisiljavamo kontejnere elemenata da ne budu 100% širine */
#group64 .fabrikElementContainer, #group79 .fabrikElementContainer {
    flex: 0 1 auto; /* Širina prema sadržaju */
    width: auto !important;
    /* min-width: 180px; /* Minimalna širina da polja ne budu premala */
    margin-bottom: 15px;
}

/* Popravak za labele iznad polja */
#group64 .fabrikElementContainer .fabrikLabel , #group79 .fabrikElementContainer .fabrikLabel{
    display: block;
    margin-bottom: 0px;
    font-weight: bold;
}

/* važno za smanjenje razmaka u repeat grupi */
#group64 .fabrikSubGroupElements , #group79 .fabrikSubGroupElements{
    width: auto !important;
}

#group64 .row-fluid, #group79 .row-fluid {
    margin-right: 0px;
    line-height: auto;
}

/* Budući da skrivaš polja JS-om, Flexbox će automatski povući ostala polja ulijevo */

/* fix za prvi red u grupi članovi RO tako da se ne briše predsjednik */
#group64 div.fabrikSubGroup:first-of-type a.deleteGroup, #group79 div.fabrikSubGroup:first-of-type a.deleteGroup  {
    display: none !important;
}

#group64 label , #group79 label{
    padding-bottom: 0px;
}

/* group 68 premejraci */
#group68 .fabrikSubGroupElements , #group81 .fabrikSubGroupElements {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap; /* Dozvoljava prelazak u novi red ako nema mjesta */
    align-items: flex-start;
    gap: 15px; /* Razmak između polja */
    width: 100%;
}

/* Prisiljavamo kontejnere elemenata da ne budu 100% širine */
#group68 .fabrikElementContainer, #group81 .fabrikElementContainer {
    flex: 0 1 auto; /* Širina prema sadržaju */
    width: auto !important;
    /*  min-width: 180px; /* Minimalna širina da polja ne budu premala */
    margin-bottom: 15px;
}

/* Popravak za labele iznad polja */
#group68 .fabrikElementContainer .fabrikLabel, #group81 .fabrikElementContainer .fabrikLabel {
    display: block;
    margin-bottom: 0px;
    font-weight: bold;
}

/* važno za smanjenje razmaka u repeat grupi */
#group68 .fabrikSubGroupElements , #group81 .fabrikSubGroupElements{
    width: auto !important;
}

#group68 .row-fluid , #group81 .row-fluid {
    margin-right: 0px;
    line-height: auto;
}

/* Budući da skrivaš polja JS-om, Flexbox će automatski povući ostala polja ulijevo */

/* fix za prvi red u grupi članovi RO tako da se ne briše predsjednik */
#group68 div.fabrikSubGroup:first-of-type a.deleteGroup, #group81 div.fabrikSubGroup:first-of-type a.deleteGroup {
    display: none !important;
}

#group68 label , #group81 label{
    padding-bottom: 0px;
}

/*   za form 37 polja predsjednik  */
div#prijave_regata___zemljapredsjednikozp_chzn, div#prijave_regata___zemljapredsjednikro_chzn {
  /*  width: unset !important; */
}


/*
!* Fiksna širina za elemente u grupi 75 (Predsjednik i Zemlja) */
#prijave_regata___predsjednik_ro_chzn, #prijave_regata___predsjednik_ozp_chzn
{
    width: 332px !important;
    min-width:332px;
}
#prijave_regata___zemljapredsjednikro_chzn,#prijave_regata___zemljapredsjednikozp_chzn{
    width: 72px !important;
    min-width: 72px;
}


#group75 .control-group,#group78 .control-group {
    float: left !important;
    clear: none !important;
    width: auto !important; /* Sprječava da element pojede cijelu širinu */
    /*min-width: 250px; */ /* Postavite minimalnu širinu da se ne stisnu previše */
}

/* Sprječavanje loma reda unutar same grupe */
#group75 .fabrikGroup,#group78 .fabrikGroup {
    white-space: nowrap;
    overflow-x: auto; /* Ako je ekran baš premali, pojavit će se scrollbar umjesto pada elementa */
}

/* Cilja sve Chosen kontejnere za članove RO u repeat grupi */
[id^="prijave_regata_60_repeat___sudac_id_ro_clan"][id$="_chzn"] , [id^="prijave_regata_64_repeat___sudac_id_ozp_clan"][id$="_chzn"]{
    min-width: 332px !important;
    width: 332px !important; /* Chosen često zahtijeva fiksni width da ne puca */
}