/* Robna / nerobna faktura – osnovna polja u panelu (sapf-osnovno.html) i detaljni popup (node-sap-faktura-dialog.html) */

/* ---------- osnovna polja u panelu ---------- */
/* <sapf-osnovno> je nepoznat element (podrazumijevano inline), a iznad njega u staroj formi
   stoji plutajući "input-group pull-right" – bez ovoga se sadržaj sabije pored njega. */
sapf-osnovno { display: block; clear: both; }
.sapf-osnovno { clear: both; }
.sapf-osnovno-polja, .sapf-iznosi-red, .sapf-box, .sapf-nedostaje, .sapf-obavezna, .sapf-osnovno-knjizenje { clear: both; }
.sapf-osnovno .sapf-num { text-align: right; font-variant-numeric: tabular-nums; }
.sapf-osnovno .form-control[readonly] { background: #fff; cursor: pointer; }
.sapf-osnovno-iznos { display: flex; gap: 6px; }
.sapf-osnovno-iznos .form-control:first-child { flex: 1; min-width: 0; }
.sapf-osnovno-iznos select.form-control { flex: 0 0 80px; }

/* dobavljač: SAP šifra (vide se bar početne cifre) pa naziv */
.sapf-dob-grupa { display: flex; width: 100%; }
.sapf-dob-grupa > .input-group-btn { display: flex; width: auto; }
.sapf-dobavljac { display: block; flex: 1 1 auto; min-width: 0; cursor: pointer; background: #fff; overflow: hidden; white-space: nowrap; }
.sapf-dob { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
/* kad nema mjesta, prvo se skraćuje šifra (do prve 3 cifre), pa tek onda naziv */
.sapf-dob-sifra { flex: 0 100000 auto; min-width: calc(3ch + 1px); overflow: hidden; text-overflow: clip; color: #0971fe; font-variant-numeric: tabular-nums; }
.sapf-dob-sifra.sapf-dob-bez { color: #b7791f; flex-shrink: 1; min-width: 0; text-overflow: ellipsis; }
.sapf-dob-naziv { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; color: #3f4254; }
.sapf-dob-prazno { color: #b5b5c3; }
.sapf-osnovno-knjizenje { border-radius: 4px; background: #f7f8fb; padding: 10px 12px 12px; margin: 4px 0 14px; }
.sapf-osnovno-naslov { font-weight: 600; font-size: 13px; color: #3f4254; margin-bottom: 6px; }
.sapf-kv { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; font-size: 13px; padding: 3px 0; }
.sapf-kv > span { color: #7e8299; white-space: nowrap; }
.sapf-kv > b { font-weight: 500; color: #3f4254; text-align: right; min-width: 0; }
.sapf-kv > b small { font-weight: 400; color: #7e8299; font-size: 12px; margin-left: 3px; }
.sapf-todo-txt { color: #b5b5c3 !important; font-weight: 400 !important; font-style: italic; }

/* kartice u panelu: stavke / mjesta troška / ključ raspodjele */
.sapf-box { border-radius: 4px; background: #f7f8fb; padding: 9px 12px 10px; margin-bottom: 10px; }
.sapf-box-h { display: flex; align-items: center; gap: 8px; }
.sapf-box-naslov { font-weight: 600; font-size: 13px; color: #3f4254; }
.sapf-box-link { margin-left: auto; font-size: 12px; }
.sapf-cnt { display: inline-block; min-width: 20px; padding: 0 6px; border-radius: 10px; background: #e1e9ff; color: #0971fe; font-size: 11px; font-weight: 600; text-align: center; line-height: 18px; }
.sapf-cnt.prazno { background: #f0f1f5; color: #b5b5c3; }
.sapf-box-sub { font-size: 12px; color: #7e8299; margin-top: 4px; }
.sapf-box .sapf-mt-list { margin-top: 6px; }
.sapf-box .sapf-mt-add { margin-top: 0; }

/* mjesta troška u panelu */
.sapf-mt-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 6px 8px; margin: 0 -8px; border-radius: 4px; cursor: pointer; font-size: 13px; }
.sapf-mt-row:hover, .sapf-mt-row:focus { background: #eef2f9; outline: none; }
.sapf-mt-name { min-width: 0; display: flex; flex-direction: column; line-height: 1.3; }
.sapf-mt-name b { font-weight: 500; color: #3f4254; }
.sapf-mt-name small { color: #7e8299; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sapf-mt-val { white-space: nowrap; font-variant-numeric: tabular-nums; color: #3f4254; font-weight: 500; }
.sapf-mt-val small { color: #b5b5c3; font-weight: 400; margin-left: 6px; font-size: 11px; }
.sapf-mt-form { background: #fff; border: 1px solid #c9d4f5; border-radius: 4px; padding: 8px; margin: 4px 0 6px; box-shadow: 0 1px 4px rgba(9,113,254,.12); }
.sapf-mt-form .form-control { height: 30px; }
.sapf-mt-form-row { display: flex; align-items: center; gap: 6px; margin-top: 6px; }
.sapf-mt-form-row .form-control { flex: 1; min-width: 0; }
.sapf-mt-form-pct { font-size: 12px; color: #7e8299; min-width: 32px; text-align: right; font-variant-numeric: tabular-nums; }
.sapf-mt-form-row .btn { padding: 4px 8px; }
.sapf-mt-del { color: #f64e60; }
.sapf-mt-alloc { margin-top: 6px; }
.sapf-mt-alloc-wide { margin: 0 0 8px; max-width: 760px; }
.sapf-mt-bar { height: 6px; border-radius: 3px; background: #e9ecf3; overflow: hidden; }
.sapf-mt-bar i { display: block; height: 100%; background: #6993ff; border-radius: 3px; transition: width .2s; }
.sapf-mt-bar i.full { background: #1bc5bd; }
.sapf-mt-bar i.over { background: #f64e60; }
.sapf-mt-sum { font-size: 12px; color: #7e8299; margin-top: 4px; }
.sapf-mt-sum b { color: #3f4254; font-weight: 500; }
.sapf-mt-add { padding: 4px 0; margin-top: 2px; }
.sapf-osnovno-knjizenje .btn-block { margin-top: 10px; }

/* ---------- popup ---------- */
.sap-faktura-modal .modal-dialog { width: auto; max-width: 1600px; margin: 15px; }
@media (min-width: 1660px) { .sap-faktura-modal .modal-dialog { margin: 15px auto; } }

.sapf-header .modal-title { font-size: 16px; }
.sapf-header-file { font-size: 13px; opacity: .8; margin-left: 8px; font-weight: 400; }
.sapf-header .close { color: #fff; opacity: .8; text-shadow: none; margin-left: 12px; }
.sapf-layout { float: right; margin-top: 1px; }
.sapf-layout .btn { background: rgba(255,255,255,.15); border: 0; color: #fff; padding: 2px 9px; }
.sapf-layout .btn.active, .sapf-layout .btn:hover { background: #fff; color: #0971fe; box-shadow: none; }

.modal-body.sapf { padding: 0; display: flex; height: calc(100vh - 30px - 56px - 68px); min-height: 480px; }
.sapf-split { flex-direction: row; }
.sapf-stack { flex-direction: column; }
.sapf-doc { background: #f3f6f9; position: relative; overflow: auto; }
.sapf-split .sapf-doc { flex: 0 0 42%; border-right: 1px solid #ebedf3; }
.sapf-stack .sapf-doc { flex: 0 0 38%; border-bottom: 1px solid #ebedf3; }
.sapf-doc object { display: block; width: 100%; height: 100%; }
.sapf-doc img { display: block; max-width: 100%; margin: 0 auto; }
.sapf-doc-empty { color: #b5b5c3; padding: 24px; text-align: center; }
@media (max-width: 991px) {
    .sapf-split { flex-direction: column; }
    .sapf-split .sapf-doc { flex-basis: 35%; border-right: 0; border-bottom: 1px solid #ebedf3; }
}

.sapf-form { flex: 1; min-width: 0; min-height: 0; overflow-y: auto; color: #3f4254; }
.sapf-form label { font-weight: 500; font-size: 13px; color: #3f4254; margin-bottom: 4px; }
.sapf-form .form-group { margin-bottom: 14px; }
.sapf-form .help-block { font-size: 12px; margin: 4px 0 0; color: #7e8299; }
.sapf-form .help-block.text-danger, .sapf-form .text-danger { color: #f64e60; }
.sapf-req { color: #f64e60; font-weight: 400; }
.sapf-num { text-align: right; font-variant-numeric: tabular-nums; }
.sapf-form .form-control[readonly] { background: #fff; cursor: pointer; }
/* obavezno polje koje nije popunjeno – i u panelu i u Detaljnije, i za ui-select */
.form-control.sapf-todo,
.sapf-todo > .ui-select-match > .ui-select-toggle,
.sapf-todo > .ui-select-search.form-control { background: #fffbea; border-color: #f2d48a; }

/* dva dijela: sa fakture / knjiženje */
.sapf-part { padding: 18px 24px 10px; }
.sapf-part + .sapf-part { border-top: 6px solid #f3f6f9; }
.sapf-part-user { background: #fcfcfd; }
.sapf-part-h { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; margin-bottom: 16px; padding-bottom: 10px; border-bottom: 1px solid #ebedf3; }
.sapf-part-h h4 { margin: 0; font-size: 16px; font-weight: 600; color: #181c32; }
.sapf-part-h span { font-size: 13px; color: #7e8299; }
.sapf-form .sapf-table-label { display: block; margin: 4px 0 6px; }

.sapf-amounts { display: grid; gap: 0 16px; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); }

/* vrsta dokumenta */
.sapf-choice { display: grid; gap: 8px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.sapf-form .sapf-opt { display: flex; align-items: flex-start; gap: 10px; margin: 0; padding: 10px 12px; border: 1px solid #e2e5ec; border-radius: 4px; background: #fff; cursor: pointer; font-weight: 400; }
.sapf-form .sapf-opt:hover { border-color: #93a1bb; }
.sapf-form .sapf-opt.active { border-color: #6993ff; background: #f3f6ff; box-shadow: inset 0 0 0 1px #6993ff; }
.sapf-opt input { margin: 3px 0 0; }
.sapf-opt-code { font-weight: 700; font-size: 15px; color: #0971fe; min-width: 24px; line-height: 20px; }
.sapf-opt-txt { display: flex; flex-direction: column; min-width: 0; line-height: 1.35; }
.sapf-opt-name { color: #3f4254; font-weight: 500; }
.sapf-opt-desc { color: #7e8299; font-size: 12px; }

/* zadane vrijednosti */
.sapf-defaults { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 8px; font-size: 13px; color: #7e8299; }
.sapf-defaults .form-control { width: 130px; }

/* tabele za unos */
.sapf-table-wrap { overflow-x: auto; margin-bottom: 14px; }
.sapf-table-wrap .sapf-table { margin-bottom: 0; }
.sapf-items { min-width: 660px; }
.sapf-konto { min-width: 560px; }
.sapf-table { margin-bottom: 14px; table-layout: fixed; background: #fff; }
.sapf-table > thead > tr > th { background: #f3f6f9; color: #3f4254; font-weight: 500; font-size: 13px; padding: 8px 8px; border-bottom-width: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sapf-table > tbody > tr > td, .sapf-table > tfoot > tr > td { padding: 0; vertical-align: middle; }
.sapf-table > tbody > tr > td > .form-control { border: 0; border-radius: 0; height: 36px; box-shadow: none; background: transparent; }
.sapf-table > tbody > tr > td > .form-control::placeholder { color: #c4c6d3; }
.sapf-table > tbody > tr > td > .form-control:focus { box-shadow: inset 0 0 0 2px #6993ff; background: #fff; }
.sapf-table > tbody > tr > td.sapf-readonly { padding: 8px; color: #5e6278; background: #fafbfc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sapf-table > tfoot > tr > td { padding: 6px 8px; background: #fafbfc; font-weight: 500; }
.sapf-table > tfoot small { display: block; font-weight: 400; font-size: 12px; }
.sapf-table .sapf-actions { text-align: center; white-space: nowrap; }
.sapf-table .sapf-actions .btn-link { color: #b5b5c3; padding: 2px 5px; font-size: 15px; }
.sapf-table .sapf-actions .btn-link:hover { color: #3f4254; }
.sapf-table .sapf-actions .btn-link.sapf-has { color: #6993ff; }
.sapf-table .sapf-details > td { background: #fafbfc; padding: 8px 8px 12px; }
.sapf-table .sapf-details label { font-size: 12px; font-weight: 400; color: #7e8299; }
.sapf-table .sapf-empty { padding: 14px; text-align: center; color: #7e8299; }
.sapf-cc, .sapf-notes { max-width: 760px; }

.sapf-radios { margin-bottom: 10px; }
.sapf-radios .radio-inline { font-weight: 400; margin-right: 18px; }
.sapf-radios .radio-inline + .radio-inline { margin-left: 0; }

.sapf-footer { display: flex; align-items: center; gap: 8px; }
.sapf-footer .btn + .btn { margin-left: 0; }
.sapf-status { flex: 1; text-align: left; font-size: 13px; }

/* ---------- panel se prilagođava širini (klase postavlja panel-resizer) ---------- */
/* usko: sažetak; široko: tabele */
.sapf-siroko-polje { display: none; }
.panel-sirok .sapf-siroko-polje { display: block; }
.sapf-siroko { display: none; }
.panel-sirok .sapf-siroko { display: block; }
.panel-sirok table.sapf-siroko { display: table; }
.panel-sirok .sapf-usko { display: none; }

/* "Vrsta dokumenta" u širokom panelu stoji u desnoj polovini prvog reda, pored "Tip dokumenta" */
.panel-sirok .sapf-tip-red { float: left; width: calc(50% - 7px); }
.panel-sirok sapf-osnovno, .panel-sirok .sapf-osnovno { clear: none; }
.panel-sirok .sapf-vrsta-red { margin-left: calc(50% + 7px); }

/* iznosi na dnu: osnovica i PDV dijele lijevu polovinu, iznos sa valutom ima cijelu desnu */
.panel-sirok .sapf-iznosi-red { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; align-items: start; }
/* dok nema mjesta za tri polja, iznos ide u svoj red preko cijele širine */
.panel-sirok .sapf-iznosi-red > .form-group:nth-child(3) { grid-column: 1 / -1; }
.panel-siri .sapf-iznosi-red { grid-template-columns: 1fr 1fr 2fr; }
.panel-siri .sapf-iznosi-red > .form-group:nth-child(3) { grid-column: auto; }
.panel-sirok .sapf-iznosi-red .sapf-osnovno-iznos select.form-control { flex: 0 0 72px; }
.sapf-iznosi-poruka { margin: -6px 0 10px; }
.panel-sirok .sapf-iznosi-poruka { grid-column: 1 / -1; }

/* osnovna polja u dvije kolone čim ima mjesta */
.panel-sirok .sapf-osnovno-polja { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; align-items: start; }
.panel-sirok .sapf-osnovno-polja > .form-group:first-child { grid-column: 1 / -1; }
/* input-group je display:table pa se u koloni skuplja na sadržaj – mora puna širina */
.panel-sirok .sapf-osnovno-polja .input-group { width: 100%; }
.panel-sirok .sapf-osnovno-polja label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* tabela stavki u panelu */
.sapf-mini-omot { overflow-x: auto; }
table.sapf-mini { width: 100%; border-collapse: collapse; margin-top: 6px; font-size: 12.5px; }
.sapf-mini th { font-weight: 500; color: #7e8299; font-size: 11.5px; text-transform: uppercase;
    letter-spacing: .03em; padding: 0 6px 4px; border-bottom: 1px solid #e6e8f0; }
.sapf-mini td { padding: 5px 6px; border-bottom: 1px solid #f0f1f5; color: #3f4254; }
.sapf-mini tbody tr:hover td { background: #eef2f9; }
.sapf-mini .r { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sapf-mini-opis { max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sapf-mini tfoot td { border-bottom: 0; border-top: 1px solid #e6e8f0; font-weight: 500; color: #3f4254; }
.sapf-mini td .form-control { height: 26px; padding: 2px 6px; font-size: 12px; }
.sapf-mini tbody td { padding: 3px 4px; }

/* stavke u uskom prikazu – samo informacija */
.sapf-stavka { display: flex; justify-content: space-between; gap: 10px; font-size: 12.5px; color: #3f4254; padding: 3px 0; border-bottom: 1px solid #f0f1f5; }
.sapf-stavka:last-of-type { border-bottom: 0; }
.sapf-stavka-naziv { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sapf-stavka-iznos { font-variant-numeric: tabular-nums; white-space: nowrap; }

/* obavezna polja na dnu panela */
.sapf-obavezna { border-radius: 4px; background: #fffaf2; border: 1px solid #f3e2c7; padding: 8px 12px 10px; margin-bottom: 10px; }
.sapf-obavezna-naslov { font-weight: 600; font-size: 13px; color: #8c5c0a; margin-bottom: 6px; }
.sapf-obavezna-polja .form-group { margin-bottom: 8px; }
.sapf-obavezna-polja .input-group { width: 100%; }
.sapf-obavezna .sapf-nedostaje { margin: 0; }
.sapf-obavezna .sapf-chip { background: #fff; }
/* polja koja se u uskom prikazu unose iznad ne ponavljamo kao oznake */
.sapf-nedostaje .sapf-chip-siroko { display: none; }
.panel-sirok .sapf-nedostaje .sapf-chip-siroko { display: inline-block; }

/* ui-select (pretraga) u tabelama i u panelu */
.sapf-us { display: block; width: 100%; }
.sapf-us .ui-select-toggle { height: 30px; padding: 3px 24px 3px 8px; font-size: 13px; line-height: 22px; }
.sapf-us .ui-select-match-text { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sapf-us .ui-select-choices { max-height: 220px; }
.sapf-us .ui-select-choices-row > span { padding: 4px 10px; font-size: 13px; }
.sapf-us .ui-select-choices-row small { color: #7e8299; margin-right: 6px; }
/* označeni red: svijetla podloga umjesto jake plave, da se šifra i naziv dobro čitaju */
.sapf-us .ui-select-choices-row > span { color: #3f4254; }
.sapf-us .ui-select-choices-row.active > span,
.sapf-us .ui-select-choices-row.active > span:hover { background: #e1e9ff; color: #1e2a3a; }
.sapf-us .ui-select-choices-row.active small { color: #0971fe; }
.sapf-us .ui-select-choices-row > span:hover { background: #f3f6fc; }
.sapf-defaults .sapf-us { display: inline-block; width: 280px; vertical-align: middle; }
.sapf-osnovno .sapf-us .ui-select-toggle { height: 28px; padding: 2px 22px 2px 8px; line-height: 20px; font-size: 12.5px; }
.sapf-osnovno .sapf-mini .sapf-us .ui-select-toggle { height: 26px; line-height: 20px; font-size: 12px; padding: 2px 20px 2px 6px; }
/* lista je prikačena za body (append-to-body) – da je panel ne siječe; uska polja dobijaju širu listu */
.sapf-us.open .ui-select-choices { min-width: 240px; }
.sapf-us .ui-select-search { height: 30px; font-size: 13px; }

/* učitavanje mjesta troška iz Excela */
input[type="file"].sapf-skriveni-fajl { display: none; }
.sapf-mt-akcije { display: flex; flex-wrap: wrap; align-items: center; gap: 0 10px; }
.sapf-mt-prilog { font-size: 12px; color: #7e8299; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sapf-mt-prilog .fa { color: #b5b5c3; margin-right: 3px; }

/* dugmad na dnu panela */
.sapf-akcije { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }
.sapf-akcije .btn { width: 100%; }

/* spisak onoga što nedostaje za knjiženje */
.sapf-nedostaje { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin: -4px 0 12px; font-size: 12px; }
.sapf-nedostaje-naslov { color: #7e8299; margin-right: 2px; }
.sapf-chip { display: inline-block; padding: 1px 8px; border-radius: 10px; background: #fff4e5; color: #b7791f;
    border: 1px solid #f3e2c7; text-decoration: none; }
.sapf-chip:hover, .sapf-chip:focus { background: #ffe9c7; color: #8c5c0a; text-decoration: none; }
.sapf-nedostaje.sapf-ok { color: #1bc5bd; }

/* zaglavlje liste mjesta troška u širokom prikazu */
.sapf-mt-zaglavlje { display: none; justify-content: space-between; gap: 8px; font-size: 11.5px; text-transform: uppercase;
    letter-spacing: .03em; color: #7e8299; padding: 0 0 4px; border-bottom: 1px solid #e6e8f0; margin-bottom: 2px; }
.panel-sirok .sapf-mt-zaglavlje { display: flex; }
.sapf-mt-zaglavlje span:nth-child(2) { margin-left: auto; margin-right: 34px; }
.sapf-mt-zaglavlje span:nth-child(3) { width: 30px; text-align: right; }

/* poruka umjesto ručnog unosa dobavljača */
.sapf-poruka-modal .modal-dialog { width: 420px; }
.sapf-poruka-modal .modal-body p { margin: 0 0 8px; color: #3f4254; }
.sapf-poruka-modal .modal-body p:first-child { font-weight: 500; }
.sapf-poruka-modal .modal-body p:last-child { margin-bottom: 0; color: #7e8299; font-size: 13px; }

/* tabele stavki u Detaljnije: vertikalne linije da se vidi gdje počinje koje polje */
.sapf-table > thead > tr > th, .sapf-table > tbody > tr > td, .sapf-table > tfoot > tr > td { border: 1px solid #e4e6ef; }

/* ui-select izgleda kao ostala polja: bijela podloga i ista ivica (ne siva kao dugme).
   Jači selektori jer se ovaj fajl učitava prije nekih tema koje boje .btn-default. */
.ui-select-container.sapf-us > .ui-select-match > .ui-select-toggle.btn,
.ui-select-container.sapf-us > .ui-select-match > .ui-select-toggle.btn:hover,
.ui-select-container.sapf-us > .ui-select-match > .ui-select-toggle.btn:focus,
.ui-select-container.sapf-us > .ui-select-match > .ui-select-toggle.btn:active,
.ui-select-container.sapf-us > input.ui-select-search.form-control {
    background-color: #fff; background-image: none; border-color: #e2e5ec; color: #555; box-shadow: none; }
.ui-select-container.sapf-us.sapf-todo > .ui-select-match > .ui-select-toggle.btn,
.ui-select-container.sapf-us.sapf-todo > .ui-select-match > .ui-select-toggle.btn:hover,
.ui-select-container.sapf-us.sapf-todo > input.ui-select-search.form-control { background-color: #fffbea; border-color: #f2d48a; }
/* "×" za brisanje – po sredini visine polja, lijevo od strelice */
.sapf-us .ui-select-toggle > a.btn { position: absolute; top: 50%; right: 22px; transform: translateY(-50%);
    margin: 0 !important; padding: 0 2px; line-height: 1; height: auto; }
.sapf-us .ui-select-toggle > a.btn .glyphicon { top: 0; font-size: 11px; }

/* konto i customizing u tabeli stavki panela – polja uža od kolone */
.sapf-osnovno .sapf-mini td:nth-child(3) > .ui-select-container.sapf-us { width: 100px; max-width: 100%; }
.sapf-osnovno .sapf-mini td:nth-child(4) > .ui-select-container.sapf-us { width: 112px; max-width: 100%; }
.sapf-mini td .sapf-us .ui-select-toggle { padding: 2px 16px 2px 5px; }
.sapf-mini td .sapf-us .ui-select-toggle > .caret { right: 5px; }
.sapf-mini td .sapf-us .ui-select-toggle > a.btn { right: 14px; }

/* lista prikačena za body mora biti iznad modala Detaljnije (tema daje modalu z-index 10050) */
body > .ui-select-container.sapf-us, .ui-select-container.sapf-us.open { z-index: 10100; }
.ui-select-container.sapf-us .ui-select-choices { z-index: 10100; }