@media (max-width: 767px) {

/* SUPPORT TIKETI */
  /* tbody i tbody tr blokovi i fleks kontejnere */
  .globalcp-table-responsive .posljednjiupiti tbody {
    display: block !important;
    width: 100% !important;
  }
  
   .globalcp-table-light {margin-bottom: 0px !important; }
   
   .globalcp-card-body-tiketi { background-color: #fff; box-shadow: var(--card-box-shadow); }

  .globalcp-table-responsive .posljednjiupiti tbody tr {
    display: flex !important;
    flex-wrap: wrap !important;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 0;
    box-shadow: var(--card-box-shadow);
  }

  /* Sve td kao fleks item širine 50% */
  .globalcp-table-responsive .posljednjiupiti tbody tr td {
    align-items: center;
    width: 50% !important;
    padding: 10px 15px !important;
    box-sizing: border-box;
    white-space: normal !important;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
    
  

  /* Ukloni border-right za desne ćelije */
  .globalcp-table-responsive .posljednjiupiti tbody tr td:nth-child(even) {
    border-right: none;
  }

  /* Ukloni border-bottom za zadnje dvije ćelije (naslov i akcija) */
  .globalcp-table-responsive .posljednjiupiti tbody tr td.naslovupita,
  .globalcp-table-responsive .posljednjiupiti tbody tr td.akcijeupita {
    border-bottom: none;
  }

  /* Poravnanja: lijeve ćelije lijevo, desne desno */
  .globalcp-table-responsive .posljednjiupiti tbody tr td.vrijeme,
  .globalcp-table-responsive .posljednjiupiti tbody tr td.naslovupita {
    justify-content: flex-start;
    text-align: left;
  }

  .globalcp-table-responsive .posljednjiupiti tbody tr td.avatar-status {
  
  }
  .globalcp-table-responsive .posljednjiupiti tbody tr td.akcijeupita {
    justify-content: flex-end;
    text-align: right;
  }

  /* Postavi redoslijed da bude po redovima kao što tražiš */
  .globalcp-table-responsive .posljednjiupiti tbody tr td.vrijeme {
    order: 1;
    width: 35% !important;
  }
  .globalcp-table-responsive .posljednjiupiti tbody tr td.avatar-status {
    order: 2;
    width: 65% !important;
  }
  .globalcp-table-responsive .posljednjiupiti tbody tr td.naslovupita {
    order: 3;
    width: 80% !important;
    border-top:0px;
  }
  .globalcp-table-responsive .posljednjiupiti tbody tr td.akcijeupita {
    order: 4;
    width: 20% !important;
    display: flex;
    justify-content: center;
    border-top:0px;
  }

  /* Posebno za prvi red koji ima colspan */
  .globalcp-table-responsive .posljednjiupiti tbody tr.globalcp-table-light td[colspan] {
    width: 100% !important;
    display: block !important;
    border: none !important;
    padding: 10px 15px !important;
    text-align: left !important;
  }


  /* Svaka vijest kao flex container, slika lijevo, tekst desno */
  .globalcp-card-body .globalcp-d-sm-flex {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: flex-start; /* Vertikalno centriraj */
    gap: 12px;
  }

 
  .supporttiketi { box-shadow: none; background-color: unset !important; }
  .supporttiketi .globalcp-card { box-shadow: none; background-color: unset !important; }
  .supporttiketi .globalcp-card-header { box-shadow: var(--card-box-shadow); }
  .supporttiketi .globalcp-table-responsive { overflow-x: inherit; }

  /* Slika manja i fiksne visine */
  .globalcp-card-body .globalcp-d-sm-flex a img {
    height: 65px !important;
    width: auto;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
  }

  /* Tekst desno zauzima preostali prostor */
  .globalcp-card-body .globalcp-d-sm-flex > div.globalcp-flex-fill {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center; /* vertikalno centriraj naslov i uvodni tekst */
    overflow: hidden;
  }

  /* Naslov */
  .globalcp-card-body .globalcp-d-sm-flex > div.globalcp-flex-fill > a.globalcp-text-body.globalcp-fw-semibold {
    margin-bottom: 4px;
    font-size: 0.75rem;
    line-height: 1.2;
    text-overflow: ellipsis;
  }

  /* Uvodni tekst */
  .globalcp-card-body .globalcp-d-sm-flex > div.globalcp-flex-fill > span.globalcp-text-muted {
    font-size: 0.65rem;
    line-height: 1.3;
    color: #666;
    text-overflow: ellipsis;
  }
/* Empty state */

.supporttiketi .globalcp-table-responsive .globalcp-table tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  box-sizing: border-box;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
  white-space: normal !important;
}


/* INCIDENTI */

@media (max-width: 992px) {
  /* Ciljamo samo tabele unutar .listaincidenata */
  .listaincidenata .globalcp-table-responsive .globalcp-table tbody {
    display: block !important;
    width: 100% !important;
  }
  
    .listaincidenata { box-shadow: none; background-color: unset !important; }
  .listaincidenata .globalcp-card { box-shadow: none; background-color: unset !important; }
  .listaincidenata .globalcp-card-header { box-shadow: var(--card-box-shadow); }
  .listaincidenata .globalcp-table-responsive { overflow-x: inherit; }
  
  .globalcp-me-3 { margin-right: 10px !important; }

  .listaincidenata .globalcp-table-responsive .globalcp-table tr {
    display: flex !important;
    flex-wrap: wrap !important;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 0;
    margin-bottom: 0px;
    box-shadow: var(--card-box-shadow);
  }

  .listaincidenata .globalcp-table-responsive .globalcp-table tr td {
    align-items: center;
    width: 50% !important;
    padding: 10px 15px !important;
    box-sizing: border-box;
    white-space: normal !important;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }

  .listaincidenata .globalcp-table-responsive .globalcp-table tr td:nth-child(even) {
    border-right: none;
  }

  .listaincidenata .globalcp-table-responsive .globalcp-table tr td.naslovincidenta,
  .listaincidenata .globalcp-table-responsive .globalcp-table tr td.akcijeincidenta {
    border-bottom: none;
  }

  .listaincidenata .globalcp-table-responsive .globalcp-table tr td.vrijemeincidenta,
  .listaincidenata .globalcp-table-responsive .globalcp-table tr td.serverincidenta,
  .listaincidenata .globalcp-table-responsive .globalcp-table tr td.naslovincidenta {
    justify-content: flex-start;
    text-align: left;
  }

  .listaincidenata .globalcp-table-responsive .globalcp-table tr td.akcijeincidenta {
    justify-content: flex-end;
    text-align: right;
  }

  .listaincidenata .globalcp-table-responsive .globalcp-table tr td.vrijemeincidenta {
    order: 1;
    width: 20% !important;
  }
  .listaincidenata .globalcp-table-responsive .globalcp-table tr td.serverincidenta {
    order: 2;
    width: 80% !important;
  }
  .listaincidenata .globalcp-table-responsive .globalcp-table tr td.naslovincidenta {
    order: 3;
    width: 80% !important;
  }
  .listaincidenata .globalcp-table-responsive .globalcp-table tr td.akcijeincidenta {
    order: 4;
    width: 20% !important;
    display: flex;
    align-items: center;
  }

/* Empty state */

.listaincidenata .globalcp-table-responsive .globalcp-table tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  box-sizing: border-box;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
  white-space: normal !important;
}

/* COOKIE REPORT TABELA - MOBILE */

.cookie-report-container {
  width: 100%;
}

.cookie-report-container p[data-cookiereport="true"] {
  margin-bottom: 15px;
}

/* Checkbox sekcija */
.cookie-report-container ._CookieScriptReportPageCheckboxes {

}

.cookie-report-container ._CookieScriptReportPageCheckbox {
  margin: 0 !important;
  width: 100%;
}

.cookie-report-container ._CookieScriptReportPageCheckboxLabel {
  width: 100%;
  display: flex !important;
  align-items: center;
}

.cookie-report-container ._CookieScriptReportPageCheckboxText {
  font-size: 0.85rem !important;
  line-height: 1.2 !important;
}

.cookie-report-container ._CookieScriptReportPageSaveSettingButton {
  margin-top: 8px;
  padding: 8px 14px;
  border: 0;
  background-color: var(--globalcp-primary, #0d6efd);
  color: #fff;
  border-radius: 4px;
}

/* Naslov kategorije */
.cookie-report-container h4[data-csr-i18n-text] {
  margin: 18px 0 8px 0;
  font-size: 1rem;
}

/* Sama tabela */
.cookie-report-container ._CookieScriptReportPageTable {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* Sakrij header na mobile */
.cookie-report-container ._CookieScriptReportPageTable thead {
  display: none !important;
}

.cookie-report-container ._CookieScriptReportPageTable tbody {
  display: block !important;
  width: 100% !important;
}

/* Svaki cookie kao posebna kartica */
.cookie-report-container ._CookieScriptReportPageTable tbody tr {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-bottom: 6px;
  padding: 6px;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
}

/* Sve ćelije */
.cookie-report-container ._CookieScriptReportPageTableTd {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  padding: 6px 10px !important;
  box-sizing: border-box;
  white-space: normal !important;
  border: none !important;
  border-right: 1px solid #ccc !important;
  border-bottom: 1px solid #ccc !important;
  font-size: 0.82rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/*
  Kolone:
  1. Ime
  2. Pružatelj / Domena
  3. Istek
  4. Opis

  Raspored:

  [Ime 60%]      [Istek 40%]
  [Pružatelj 100%]
  [Opis 100%]
*/

/* Ime */
.cookie-report-container ._CookieScriptReportPageTable tbody tr td:nth-child(1) {
  order: 1;
  width: 60% !important;
  flex: 0 0 60% !important;
  max-width: 60% !important;
  align-items: flex-start;
  text-align: left;
  border-top: 0 !important;
}

/* Istek */
.cookie-report-container ._CookieScriptReportPageTable tbody tr td:nth-child(3) {
  order: 2;
  width: 40% !important;
  flex: 0 0 40% !important;
  max-width: 40% !important;
  align-items: flex-end;
  text-align: right;
  border-top: 0 !important;
  border-right: none !important;
}

/* Pružatelj / domena */
.cookie-report-container ._CookieScriptReportPageTable tbody tr td:nth-child(2) {
  order: 3;
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  align-items: flex-start;
  text-align: left;
  border-right: none !important;
}

/* Opis */
.cookie-report-container ._CookieScriptReportPageTable tbody tr td:nth-child(4) {
  order: 4;
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  align-items: flex-start;
  text-align: left;
  border-right: none !important;
  border-bottom: none !important;
}

/* Labela iznad vrijednosti */
.cookie-report-container ._CookieScriptReportPageTable tbody tr td::before {
  display: block;
  width: 100%;
  margin-bottom: 3px;
  font-size: 0.68rem;
  line-height: 1.1;
  color: #777;
  font-weight: 600;
  text-transform: uppercase;
}

/* Label tekstovi */
.cookie-report-container ._CookieScriptReportPageTable tbody tr td:nth-child(1)::before {
  content: "Ime";
}

.cookie-report-container ._CookieScriptReportPageTable tbody tr td:nth-child(2)::before {
  content: "Pružatelj / domena";
}

.cookie-report-container ._CookieScriptReportPageTable tbody tr td:nth-child(3)::before {
  content: "Istek";
  text-align: right;
}

.cookie-report-container ._CookieScriptReportPageTable tbody tr td:nth-child(4)::before {
  content: "Opis";
}

/* Vendor link */
.cookie-report-container ._CookieScriptReportVendorName {
  display: block;
  width: 100%;
  margin-bottom: 2px;
}

.cookie-report-container ._CookieScriptReportPageTable a {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Ako je kategorija prazna */
.cookie-report-container ._CookieScriptReportPageTable tbody:empty::after {
  content: "Nema kolačića u ovoj kategoriji.";
  display: block;
  width: 100%;
  margin-bottom: 6px;
  padding: 14px 12px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
  text-align: center;
  font-size: 0.82rem;
  color: #777;
}

/* KRAJ COOKIE REPORT TABELA */

/* LISTA AKTIVNIH INCIDENATA */

.listaaktivnihincidenata {
  box-shadow: none;
  background-color: unset !important;
}

.listaaktivnihincidenata .globalcp-card {
  box-shadow: none;
  background-color: unset !important;
}

.listaaktivnihincidenata .globalcp-card-header {
  box-shadow: var(--card-box-shadow);
}

.listaaktivnihincidenata .globalcp-table-responsive {
  overflow-x: inherit;
}

/* Svaki red incidenta kao posebna kartica */
.listaaktivnihincidenata .globalcp-table-responsive .globalcp-table tr {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-bottom: 6px;
  padding: 6px;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
}

/* Sve ćelije */
.listaaktivnihincidenata .globalcp-table-responsive .globalcp-table tr td {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6px 10px !important;
  box-sizing: border-box;
  white-space: normal !important;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/*
  Kolone:
  1. Vrijeme
  2. Server / servis
  3. Naslov / opis incidenta
  4. Akcija

  Raspored:

  [Vrijeme 35%]         [Server 65%]
  [Naslov/opis 88%]     [Akcija 12%]
*/

/* Vrijeme */
.listaaktivnihincidenata .globalcp-table-responsive .globalcp-table tr td:nth-child(1) {
  order: 1;
  width: 20% !important;
  flex: 0 0 20% !important;
  max-width: 20% !important;
  align-items: flex-start;
  text-align: left;
  border-top: 0;
}

/* Server / servis */
.listaaktivnihincidenata .globalcp-table-responsive .globalcp-table tr td:nth-child(2) {
  order: 2;
  width: 80% !important;
  flex: 0 0 80% !important;
  max-width: 80% !important;
  align-items: flex-end;
  text-align: right;
  border-top: 0;
  border-right: none;
}

/* Naslov / opis */
.listaaktivnihincidenata .globalcp-table-responsive .globalcp-table tr td:nth-child(3) {
  order: 3;
  width: 85% !important;
  flex: 0 0 85% !important;
  max-width: 85% !important;
  align-items: flex-start;
  text-align: left;
  border-bottom: none;
}

/* Akcija */
.listaaktivnihincidenata .globalcp-table-responsive .globalcp-table tr td:nth-child(4) {
  order: 4;
  width: 15% !important;
  flex: 0 0 15% !important;
  max-width: 15% !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-right: none;
  border-bottom: none;
}

/* Vrijeme */
.listaaktivnihincidenata .globalcp-table-responsive .globalcp-table tr td.vrijeme h6,
.listaaktivnihincidenata .globalcp-table-responsive .globalcp-table tr td.vrijeme div {
  width: 100%;
  text-align: left;
}

/* Server blok */
.listaaktivnihincidenata .globalcp-table-responsive .globalcp-table tr td:nth-child(2) .globalcp-d-flex {
  width: 100%;
  justify-content: flex-end;
}

.listaaktivnihincidenata .fix-avatar {
  min-width: 38px;
  width: 38px;
  height: 38px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

/* Dugi tekstovi */
.listaaktivnihincidenata .globalcp-table-responsive .globalcp-table tr td .globalcp-fw-semibold,
.listaaktivnihincidenata .globalcp-table-responsive .globalcp-table tr td a,
.listaaktivnihincidenata .globalcp-table-responsive .globalcp-table tr td .naslov-indicenti {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Vrijednost gore, labela ispod */
.listaaktivnihincidenata .globalcp-table-responsive .globalcp-table tr td .globalcp-fw-semibold {
  display: block;
  width: 100%;
}

.listaaktivnihincidenata .globalcp-table-responsive .globalcp-table tr td .globalcp-fs-sm,
.listaaktivnihincidenata .globalcp-table-responsive .globalcp-table tr td .globalcp-text-muted.globalcp-fs-sm {
  display: block;
  width: 100%;
  margin-top: 3px;
}

/* Dugme akcije */
.listaaktivnihincidenata .globalcp-table-responsive .globalcp-table tr td.table-akcija {
  display: flex !important;
}

.listaaktivnihincidenata .globalcp-table-responsive .globalcp-table tr td.table-akcija a {
  margin-left: auto;
  margin-right: auto;
}

.listaaktivnihincidenata .globalcp-table-responsive .globalcp-table tr td.table-akcija button {
  font-size: 0.75rem !important;
}

/* Empty state */
.listaaktivnihincidenata .globalcp-table-responsive .globalcp-table tr:has(td[colspan]) {
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px;
  padding: 6px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
  border-radius: 0;
}

.listaaktivnihincidenata .globalcp-table-responsive .globalcp-table tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  box-sizing: border-box;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
  white-space: normal !important;
}

/* Paginacija */
.listaaktivnihincidenata .globalcp-datatable-footer {
  margin-top: 0;
}

/* KRAJ LISTA AKTIVNIH INCIDENATA */


/* LISTA PRETHODNIH INCIDENATA */

.listaprethodnihincidenata {
  box-shadow: none;
  background-color: unset !important;
}

.listaprethodnihincidenata .globalcp-card {
  box-shadow: none;
  background-color: unset !important;
}

.listaprethodnihincidenata .globalcp-card-header {
  box-shadow: var(--card-box-shadow);
}

.listaprethodnihincidenata .globalcp-table-responsive {
  overflow-x: inherit;
}

/* Svaki red incidenta kao posebna kartica */
.listaprethodnihincidenata .globalcp-table-responsive .globalcp-table tr {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-bottom: 6px;
  padding: 6px;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
}

/* Sve ćelije */
.listaprethodnihincidenata .globalcp-table-responsive .globalcp-table tr td {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6px 10px !important;
  box-sizing: border-box;
  white-space: normal !important;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/*
  Kolone:
  1. Vrijeme
  2. Server / servis
  3. Naslov / opis incidenta
  4. Akcija

  Raspored:

  [Vrijeme 35%]         [Server 65%]
  [Naslov/opis 88%]     [Akcija 12%]
*/

/* Vrijeme */
.listaprethodnihincidenata .globalcp-table-responsive .globalcp-table tr td:nth-child(1) {
  order: 1;
  width: 20% !important;
  flex: 0 0 20% !important;
  max-width: 20% !important;
  align-items: flex-start;
  text-align: left;
  border-top: 0;
}

/* Server / servis */
.listaprethodnihincidenata .globalcp-table-responsive .globalcp-table tr td:nth-child(2) {
  order: 2;
  width: 80% !important;
  flex: 0 0 80% !important;
  max-width: 80% !important;
  align-items: flex-end;
  text-align: right;
  border-top: 0;
  border-right: none;
}

/* Naslov / opis */
.listaprethodnihincidenata .globalcp-table-responsive .globalcp-table tr td:nth-child(3) {
  order: 3;
  width: 85% !important;
  flex: 0 0 85% !important;
  max-width: 85% !important;
  align-items: flex-start;
  text-align: left;
  border-bottom: none;
}

/* Akcija */
.listaprethodnihincidenata .globalcp-table-responsive .globalcp-table tr td:nth-child(4) {
  order: 4;
  width: 15% !important;
  flex: 0 0 15% !important;
  max-width: 15% !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-right: none;
  border-bottom: none;
}

/* Vrijeme */
.listaprethodnihincidenata .globalcp-table-responsive .globalcp-table tr td.vrijeme h6,
.listaprethodnihincidenata .globalcp-table-responsive .globalcp-table tr td.vrijeme div {
  width: 100%;
  text-align: left;
}

/* Server blok */
.listaprethodnihincidenata .globalcp-table-responsive .globalcp-table tr td:nth-child(2) .globalcp-d-flex {
  width: 100%;
  justify-content: flex-end;
}

.listaprethodnihincidenata .fix-avatar {
  min-width: 38px;
  width: 38px;
  height: 38px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

/* Dugi tekstovi */
.listaprethodnihincidenata .globalcp-table-responsive .globalcp-table tr td .globalcp-fw-semibold,
.listaprethodnihincidenata .globalcp-table-responsive .globalcp-table tr td a,
.listaprethodnihincidenata .globalcp-table-responsive .globalcp-table tr td .naslov-indicenti {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Vrijednost gore, labela ispod */
.listaprethodnihincidenata .globalcp-table-responsive .globalcp-table tr td .globalcp-fw-semibold {
  display: block;
  width: 100%;
}

.listaprethodnihincidenata .globalcp-table-responsive .globalcp-table tr td .globalcp-fs-sm,
.listaprethodnihincidenata .globalcp-table-responsive .globalcp-table tr td .globalcp-text-muted.globalcp-fs-sm {
  display: block;
  width: 100%;
  margin-top: 3px;
}

/* Dugme akcije */
.listaprethodnihincidenata .globalcp-table-responsive .globalcp-table tr td.table-akcija {
  display: flex !important;
}

.listaprethodnihincidenata .globalcp-table-responsive .globalcp-table tr td.table-akcija a {
  margin-left: auto;
  margin-right: auto;
}

.listaprethodnihincidenata .globalcp-table-responsive .globalcp-table tr td.table-akcija button {
  font-size: 0.75rem !important;
}

/* Empty state */
.listaprethodnihincidenata .globalcp-table-responsive .globalcp-table tr:has(td[colspan]) {
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px;
  padding: 6px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
  border-radius: 0;
}

.listaprethodnihincidenata .globalcp-table-responsive .globalcp-table tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  box-sizing: border-box;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
  white-space: normal !important;
}

/* Paginacija */
.listaprethodnihincidenata .globalcp-datatable-footer {
  margin-top: 0;
}

/* KRAJ LISTA PRETHODNIH INCIDENATA */

/* LISTA EMAIL OBAVIJESTI */

.listaemailobavijesti {
  box-shadow: none;
  background-color: unset !important;
}

.listaemailobavijesti .globalcp-card {
  box-shadow: none;
  background-color: unset !important;
}

.listaemailobavijesti .globalcp-card-header {
  box-shadow: var(--card-box-shadow);
}

.listaemailobavijesti .globalcp-table-responsive {
  overflow-x: inherit;
}

/* Svaki red email obavijesti kao posebna kartica */
.listaemailobavijesti .globalcp-table-responsive .globalcp-table tr {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-bottom: 6px;
  padding: 6px;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
}

/* Sve ćelije */
.listaemailobavijesti .globalcp-table-responsive .globalcp-table tr td {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6px 10px !important;
  box-sizing: border-box;
  white-space: normal !important;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/*
  Kolone:
  1. Datum slanja
  2. Predmet poruke
  3. Akcija

  Raspored:

  [Datum slanja 80%] [Akcija 20%]
  [Predmet poruke 100%]
*/

/* Datum slanja */
.listaemailobavijesti .globalcp-table-responsive .globalcp-table tr td:nth-child(1) {
  order: 1;
  width: 80% !important;
  flex: 0 0 80% !important;
  max-width: 80% !important;
  align-items: flex-start;
  text-align: left;
  border-top: 0;
}

/* Akcija */
.listaemailobavijesti .globalcp-table-responsive .globalcp-table tr td:nth-child(3) {
  order: 2;
  width: 20% !important;
  flex: 0 0 20% !important;
  max-width: 20% !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-top: 0;
  border-right: none;
}

/* Predmet poruke */
.listaemailobavijesti .globalcp-table-responsive .globalcp-table tr td:nth-child(2) {
  order: 3;
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  align-items: flex-start;
  text-align: left;
  border-right: none;
  border-bottom: none;
}

/* Datum blok */
.listaemailobavijesti .globalcp-table-responsive .globalcp-table tr td:nth-child(1) .globalcp-d-flex {
  width: 100%;
}

/* Ikona emaila */
.listaemailobavijesti .fix-avatar {
  min-width: 38px;
  width: 38px;
  height: 38px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

/* Dugi predmet da ne razbije karticu */
.listaemailobavijesti .globalcp-table-responsive .globalcp-table tr td:nth-child(2) .globalcp-fw-semibold,
.listaemailobavijesti .globalcp-table-responsive .globalcp-table tr td:nth-child(2) a {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Vrijednost gore, labela ispod */
.listaemailobavijesti .globalcp-table-responsive .globalcp-table tr td .globalcp-fw-semibold {
  display: block;
  width: 100%;
}

.listaemailobavijesti .globalcp-table-responsive .globalcp-table tr td .globalcp-fs-sm,
.listaemailobavijesti .globalcp-table-responsive .globalcp-table tr td .globalcp-text-muted.globalcp-fs-sm {
  display: block;
  width: 100%;
  margin-top: 3px;
}

/* Dropdown akcije */
.listaemailobavijesti .globalcp-table-responsive .globalcp-table tr td.table-akcija {
  display: flex !important;
}

.listaemailobavijesti .globalcp-table-responsive .globalcp-table .dropdown {
  margin-left: auto;
  margin-right: auto;
}

.listaemailobavijesti .globalcp-table-responsive .globalcp-table .dropdown-menu {
  min-width: 220px;
}

/* Empty state */
.listaemailobavijesti .globalcp-table-responsive .globalcp-table tr:has(td[colspan]) {
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px;
  padding: 12px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
  border-radius: 0;
}

.listaemailobavijesti .globalcp-table-responsive .globalcp-table tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  box-sizing: border-box;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
  white-space: normal !important;
}

/* Paginacija */
.listaemailobavijesti .globalcp-datatable-footer {
  margin-top: 0;
}

.listaemailobavijesti .pagination-info {
  font-size: 0.7rem;
}

/* KRAJ LISTA EMAIL OBAVIJESTI */

/* LISTA CHAT KONVERZACIJA */

.listachatkonverzacija {
  box-shadow: none;
  background-color: unset !important;
}

.listachatkonverzacija .globalcp-card {
  box-shadow: none;
  background-color: unset !important;
}

.listachatkonverzacija .globalcp-card-header {
  box-shadow: var(--card-box-shadow);
}

.listachatkonverzacija .globalcp-table-responsive {
  overflow-x: inherit;
}

/* Header red "Posljednje..." */
.listachatkonverzacija .globalcp-table-responsive .globalcp-table.chatkonverzacije tr.globalcp-table-light {
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px;
  padding: 0;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
}

.listachatkonverzacija .globalcp-table-responsive .globalcp-table.chatkonverzacije tr.globalcp-table-light td {
  display: block !important;
  width: 100% !important;
  padding: 10px 15px !important;
  border: none !important;
  text-align: left !important;
}

/* Svaki red konverzacije kao posebna kartica */
.listachatkonverzacija .globalcp-table-responsive .globalcp-table.chatkonverzacije tr:not(.globalcp-table-light) {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-bottom: 6px;
  padding: 6px;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
}

/* Sve ćelije */
.listachatkonverzacija .globalcp-table-responsive .globalcp-table.chatkonverzacije tr:not(.globalcp-table-light) td {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6px 10px !important;
  box-sizing: border-box;
  white-space: normal !important;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/*
  Kolone:
  1. Vrijeme
  2. Admin/status
  3. Naslov/poruka
  4. Akcija

  Raspored:

  [Vrijeme 35%]       [Admin/status 65%]
  [Naslov/poruka 88%] [Akcija 12%]
*/

/* Vrijeme */
.listachatkonverzacija .globalcp-table-responsive .globalcp-table.chatkonverzacije tr:not(.globalcp-table-light) td:nth-child(1) {
  order: 1;
  width: 35% !important;
  flex: 0 0 35% !important;
  max-width: 35% !important;
  align-items: flex-start;
  text-align: left;
  border-top: 0;
}

/* Admin/status */
.listachatkonverzacija .globalcp-table-responsive .globalcp-table.chatkonverzacije tr:not(.globalcp-table-light) td:nth-child(2) {
  order: 2;
  width: 65% !important;
  flex: 0 0 65% !important;
  max-width: 65% !important;
  align-items: flex-end;
  text-align: right;
  border-top: 0;
  border-right: none;
}

/* Naslov/poruka */
.listachatkonverzacija .globalcp-table-responsive .globalcp-table.chatkonverzacije tr:not(.globalcp-table-light) td:nth-child(3) {
  order: 3;
  width: 88% !important;
  flex: 0 0 88% !important;
  max-width: 88% !important;
  align-items: flex-start;
  text-align: left;
  border-bottom: none;
}

/* Akcija */
.listachatkonverzacija .globalcp-table-responsive .globalcp-table.chatkonverzacije tr:not(.globalcp-table-light) td:nth-child(4) {
  order: 4;
  width: 12% !important;
  flex: 0 0 12% !important;
  max-width: 12% !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-right: none;
  border-bottom: none;
}

/* Vrijeme centriranje unutar svoje ćelije */
.listachatkonverzacija .globalcp-table-responsive .globalcp-table.chatkonverzacije tr:not(.globalcp-table-light) td.vrijeme h6,
.listachatkonverzacija .globalcp-table-responsive .globalcp-table.chatkonverzacije tr:not(.globalcp-table-light) td.vrijeme div {
  width: 100%;
  text-align: left;
}

/* Admin blok */
.listachatkonverzacija .globalcp-table-responsive .globalcp-table.chatkonverzacije tr:not(.globalcp-table-light) td:nth-child(2) .globalcp-d-flex {
  width: 100%;
  justify-content: flex-end;
}

.listachatkonverzacija .globalcp-table-responsive .globalcp-table.chatkonverzacije tr:not(.globalcp-table-light) td:nth-child(2) img {
  width: 36px;
  height: 36px;
}

/* Naslov i poruka da ne razbiju karticu */
.listachatkonverzacija .globalcp-table-responsive .globalcp-table.chatkonverzacije tr:not(.globalcp-table-light) td:nth-child(3) .globalcp-fw-semibold,
.listachatkonverzacija .globalcp-table-responsive .globalcp-table.chatkonverzacije tr:not(.globalcp-table-light) td:nth-child(3) span {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Vrijednost gore, labela ispod */
.listachatkonverzacija .globalcp-table-responsive .globalcp-table.chatkonverzacije tr:not(.globalcp-table-light) td .globalcp-fw-semibold {
  display: block;
  width: 100%;
}

.listachatkonverzacija .globalcp-table-responsive .globalcp-table.chatkonverzacije tr:not(.globalcp-table-light) td .globalcp-fs-sm,
.listachatkonverzacija .globalcp-table-responsive .globalcp-table.chatkonverzacije tr:not(.globalcp-table-light) td .globalcp-text-muted.globalcp-fs-sm {
  display: block;
  width: 100%;
  margin-top: 3px;
}

/* Dropdown akcije */
.listachatkonverzacija .globalcp-table-responsive .globalcp-table.chatkonverzacije tr td.table-akcija {
  display: flex !important;
}

.listachatkonverzacija .globalcp-table-responsive .globalcp-table.chatkonverzacije .dropdown {
  margin-left: auto;
  margin-right: auto;
}

.listachatkonverzacija .globalcp-table-responsive .globalcp-table.chatkonverzacije .dropdown-menu {
  min-width: 220px;
}

/* Empty state */
.listachatkonverzacija .globalcp-table-responsive .globalcp-table.chatkonverzacije tr:has(td[colspan]) {
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px;
  padding: 12px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
  border-radius: 0;
}

.listachatkonverzacija .globalcp-table-responsive .globalcp-table.chatkonverzacije tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  box-sizing: border-box;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
  white-space: normal !important;
}

/* KRAJ LISTA CHAT KONVERZACIJA */

/* LISTA PHONE CALLS */

.listaphonecalls {
  box-shadow: none;
  background-color: unset !important;
}

.listaphonecalls .globalcp-card {
  box-shadow: none;
  background-color: unset !important;
}

.listaphonecalls .globalcp-card-header {
  box-shadow: var(--card-box-shadow);
}

.listaphonecalls .globalcp-table-responsive {
  overflow-x: inherit;
}

/* Svaki red poziva kao posebna kartica */
.listaphonecalls .globalcp-table-responsive #telefonskipozivitabela tr {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-bottom: 6px;
  padding: 6px;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
}

/* Sve ćelije */
.listaphonecalls .globalcp-table-responsive #telefonskipozivitabela tr td {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6px 10px !important;
  box-sizing: border-box;
  white-space: normal !important;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/*
  Kolone:
  1. Pozivatelj
  2. Operator
  3. Početak razgovora
  4. Trajanje
  5. Akcija / preslušaj

  Raspored:

  [Pozivatelj]          [Akcija]
  [Operator 100%]
  [Početak razgovora]   [Trajanje]
*/

/* Pozivatelj */
.listaphonecalls .globalcp-table-responsive #telefonskipozivitabela tr td:nth-child(1) {
  order: 1;
  width: 80% !important;
  flex: 0 0 80% !important;
  max-width: 80% !important;
  align-items: flex-start;
  text-align: left;
  border-top: 0;
}

/* Akcija */
.listaphonecalls .globalcp-table-responsive #telefonskipozivitabela tr td:nth-child(5) {
  order: 2;
  width: 20% !important;
  flex: 0 0 20% !important;
  max-width: 20% !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-top: 0;
  border-right: none;
}

/* Operator */
.listaphonecalls .globalcp-table-responsive #telefonskipozivitabela tr td:nth-child(2) {
  order: 3;
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  align-items: flex-start;
  text-align: left;
  border-right: none;
}

/* Početak razgovora */
.listaphonecalls .globalcp-table-responsive #telefonskipozivitabela tr td:nth-child(3) {
  order: 4;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-start;
  text-align: left;
  border-bottom: none;
}

/* Trajanje */
.listaphonecalls .globalcp-table-responsive #telefonskipozivitabela tr td:nth-child(4) {
  order: 5;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-end;
  text-align: right;
  border-right: none;
  border-bottom: none;
}

/* Pozivatelj link */
.listaphonecalls .globalcp-table-responsive #telefonskipozivitabela tr td:nth-child(1) > a {
  display: block;
  width: 100%;
}

/* Operator blok */
.listaphonecalls .globalcp-table-responsive #telefonskipozivitabela tr td:nth-child(2) .globalcp-d-flex {
  width: 100%;
}

/* Dugi tekstovi */
.listaphonecalls .globalcp-table-responsive #telefonskipozivitabela tr td .globalcp-fw-semibold,
.listaphonecalls .globalcp-table-responsive #telefonskipozivitabela tr td a {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Vrijednost gore, labela ispod */
.listaphonecalls .globalcp-table-responsive #telefonskipozivitabela tr td .globalcp-fw-semibold {
  display: block;
  width: 100%;
}

.listaphonecalls .globalcp-table-responsive #telefonskipozivitabela tr td .globalcp-fs-sm,
.listaphonecalls .globalcp-table-responsive #telefonskipozivitabela tr td .globalcp-text-muted.globalcp-fs-sm {
  display: block;
  width: 100%;
  margin-top: 3px;
}

/* Play dugme */
.listaphonecalls .globalcp-table-responsive #telefonskipozivitabela tr td.table-akcija {
  display: flex !important;
}

.listaphonecalls .globalcp-table-responsive #telefonskipozivitabela tr td.table-akcija a {
  margin-left: auto;
  margin-right: auto;
}

.listaphonecalls .globalcp-table-responsive #telefonskipozivitabela tr td.table-akcija button {
  font-size: 0.75rem !important;
}

/* Empty state */
.listaphonecalls .globalcp-table-responsive #telefonskipozivitabela tr:has(td[colspan]) {
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px;
  padding: 12px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
  border-radius: 0;
}

.listaphonecalls .globalcp-table-responsive #telefonskipozivitabela tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  box-sizing: border-box;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
  white-space: normal !important;
}

/* Paginacija */
.listaphonecalls .globalcp-datatable-footer {
  margin-top: 0;
}

.listaphonecalls .globalcp-dataTables_info {
  font-size: 0.7rem;
}

/* KRAJ LISTA PHONE CALLS */

/* LISTA TRANSAKCIJA */

.listatransakcija {
  box-shadow: none;
  background-color: unset !important;
}

.listatransakcija .globalcp-card {
  box-shadow: none;
  background-color: unset !important;
}

.listatransakcija .globalcp-card-header {
  box-shadow: var(--card-box-shadow);
}

.listatransakcija .globalcp-table-responsive {
  overflow-x: inherit;
}

/* Svaki red transakcije kao posebna kartica */
.listatransakcija .globalcp-table-responsive .globalcp-table tr {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-bottom: 6px;
  padding: 6px;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
}

/* Sve ćelije */
.listatransakcija .globalcp-table-responsive .globalcp-table tr td {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6px 10px !important;
  box-sizing: border-box;
  white-space: normal !important;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/*
  Kolone:
  1. ID transakcije
  2. Vrijeme
  3. Tip
  4. Iznos
  5. Metoda plaćanja
  6. Procesirao
  7. Povezani dokument

  Raspored:

  [ID transakcije] [Iznos]
  [Vrijeme]        [Tip]
  [Metoda plaćanja 100%]
  [Procesirao]     [Dokument]
*/

/* ID transakcije */
.listatransakcija .globalcp-table-responsive .globalcp-table tr td.tblidtransakcije {
  order: 1;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-start;
  text-align: left;
  border-top: 0;
}

/* Iznos */
.listatransakcija .globalcp-table-responsive .globalcp-table tr td.tbliznos {
  order: 2;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-end;
  text-align: right;
  border-top: 0;
  border-right: none;
}

/* Vrijeme */
.listatransakcija .globalcp-table-responsive .globalcp-table tr td.tblvrijeme {
  order: 3;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-start;
  text-align: left;
}

/* Tip */
.listatransakcija .globalcp-table-responsive .globalcp-table tr td.tbltip {
  order: 4;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-end;
  text-align: right;
  border-right: none;
}

/* Metoda plaćanja */
.listatransakcija .globalcp-table-responsive .globalcp-table tr td.tblprocesor {
  order: 5;
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  align-items: flex-start;
  text-align: left;
  border-right: none;
}

/* Procesirao */
.listatransakcija .globalcp-table-responsive .globalcp-table tr td.tblproveo {
  order: 6;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-start;
  text-align: left;
  border-bottom: none;
}

/* Dokument */
.listatransakcija .globalcp-table-responsive .globalcp-table tr td.tbldokument {
  order: 7;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-end;
  text-align: right;
  border-right: none;
  border-bottom: none;
}

/* Dugi tekstovi i linkovi */
.listatransakcija .globalcp-table-responsive .globalcp-table tr td.tblidtransakcije .globalcp-fw-semibold,
.listatransakcija .globalcp-table-responsive .globalcp-table tr td.tblprocesor .globalcp-fw-semibold,
.listatransakcija .globalcp-table-responsive .globalcp-table tr td.tbldokument .globalcp-fw-semibold,
.listatransakcija .globalcp-table-responsive .globalcp-table tr td.tbldokument a {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Vrijednost gore, labela ispod */
.listatransakcija .globalcp-table-responsive .globalcp-table tr td .globalcp-fw-semibold {
  display: block;
  width: 100%;
}

.listatransakcija .globalcp-table-responsive .globalcp-table tr td .globalcp-fs-sm,
.listatransakcija .globalcp-table-responsive .globalcp-table tr td .globalcp-text-muted.globalcp-fs-sm {
  display: block;
  width: 100%;
  margin-top: 3px;
}

/* Badge tipa transakcije */
.listatransakcija .globalcp-table-responsive .globalcp-table tr td.tbltip .globalcp-badge {
  white-space: nowrap;
}

/* Empty state */
.listatransakcija .globalcp-table-responsive .globalcp-table tr:has(td[colspan]) {
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px;
  padding: 12px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
  border-radius: 0;
}

.listatransakcija .globalcp-table-responsive .globalcp-table tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  box-sizing: border-box;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
  white-space: normal !important;
}

/* Paginacija */
.listatransakcija .globalcp-datatable-footer {
  margin-top: 0;
}

/* KRAJ LISTA TRANSAKCIJA */

/* LISTA NARUDŽBI */


.listanarudzbi .globalcp-table>:not(caption)>*>* { border-top-width: 0px !important; }

.listanarudzbi {
  box-shadow: none;
  background-color: unset !important;
}

.listanarudzbi .globalcp-card {
  box-shadow: none;
  background-color: unset !important;
}

.listanarudzbi .globalcp-card-header {
  box-shadow: var(--card-box-shadow);
}

.listanarudzbi .globalcp-table-responsive {
  overflow-x: inherit;
}

/* Glavni red narudžbe kao odvojena kartica */
.listanarudzbi .globalcp-table-responsive .globalcp-table tr:not(.globalcp-detail-row) {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-bottom: 6px;
  padding: 6px;
  border-radius: 0px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
}

/* Ćelije glavne kartice */
.listanarudzbi .globalcp-table-responsive .globalcp-table tr:not(.globalcp-detail-row) td {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50% !important;
  padding: 6px 10px !important;
  box-sizing: border-box;
  white-space: normal !important;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/*
  Kolone:
  1. Broj narudžbe
  2. Ime / firma
  3. Datum
  4. Status
  5. Expand ikona

  Mobilni raspored:

  [Broj narudžbe]      [Status]
  [Ime / firma]        [Expand ikona]
  [Datum 100%]
*/

/* Broj narudžbe */
.listanarudzbi .globalcp-table-responsive .globalcp-table tr:not(.globalcp-detail-row) td:nth-child(1) {
  order: 1;
  width: 50% !important;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  border-top: 0px;
}

/* Status */
.listanarudzbi .globalcp-table-responsive .globalcp-table tr:not(.globalcp-detail-row) td:nth-child(4) {
  order: 2;
  width: 50% !important;
  justify-content: center;
  align-items: flex-end;
  text-align: right;
  border-top: 0px;
  border-right: none;
}

/* Ime / firma - puna širina kartice */
.listanarudzbi .globalcp-table-responsive .globalcp-table tr:not(.globalcp-detail-row) td:nth-child(2) {
  order: 3;
  width: 100% !important;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  border-right: none;
}

/* Datum - lijevo dole */
.listanarudzbi .globalcp-table-responsive .globalcp-table tr:not(.globalcp-detail-row) td:nth-child(3) {
  order: 4;
  width: 88% !important;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  border-right: 1px solid #ccc;
  border-bottom: none;
}

/* Expand ikona - zadnja, donji desni ćošak */
.listanarudzbi .globalcp-table-responsive .globalcp-table tr:not(.globalcp-detail-row) td:nth-child(5) {
  order: 5;
  width: 12% !important;
  justify-content: center;
  align-items: flex-end;
  text-align: right;
  border-right: none;
  border-bottom: none;
}

/* Dugo ime/firma da ne razbije layout */
.listanarudzbi .globalcp-table-responsive .globalcp-table tr:not(.globalcp-detail-row) td:nth-child(2) .globalcp-fw-semibold {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Vrijednost gore, labela ispod */
.listanarudzbi .globalcp-table-responsive .globalcp-table tr:not(.globalcp-detail-row) td .globalcp-fw-semibold {
  display: block;
  width: 100%;
}

.listanarudzbi .globalcp-table-responsive .globalcp-table tr:not(.globalcp-detail-row) td .globalcp-fs-sm,
.listanarudzbi .globalcp-table-responsive .globalcp-table tr:not(.globalcp-detail-row) td .globalcp-text-muted.globalcp-fs-sm {
  display: block;
  width: 100%;
  margin-top: 3px;
}

/* Status badge */
.listanarudzbi .globalcp-table-responsive .globalcp-table tr:not(.globalcp-detail-row) td:nth-child(4) .globalcp-badge {
  white-space: nowrap;
}

/* Expand ikona */
.listanarudzbi .globalcp-toggle-icon {
  font-size: 1.15rem;
  cursor: pointer;
}

/*
  DETAIL RED
  Bitno: detail red je zaseban tr, ali ga vizuelno lijepimo uz karticu iznad.
*/

/* Zatvoren detail red */
.listanarudzbi .globalcp-table-responsive .globalcp-table tr.globalcp-detail-row {
  display: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  background-color: transparent;
}

/* Kada JS otvori detail row */
.listanarudzbi .globalcp-table-responsive .globalcp-table tr.globalcp-detail-row[style*="display: block"],
.listanarudzbi .globalcp-table-responsive .globalcp-table tr.globalcp-detail-row[style*="display: table-row"],
.listanarudzbi .globalcp-table-responsive .globalcp-table tr.globalcp-detail-row[style*="display:table-row"],
.listanarudzbi .globalcp-table-responsive .globalcp-table tr.globalcp-detail-row[style*="display:block"] {
  display: block !important;
  margin-top: 0px;
  margin-bottom: 6px;
  padding: 0 6px 6px 6px;
  border-radius: 0px;
  box-sizing: border-box;
  background-color: #f1f3f8;
  box-shadow: var(--card-box-shadow);
}

/* Ako je detail red otvoren, prethodna kartica nema donji razmak */
.listanarudzbi .globalcp-table-responsive .globalcp-table tr:not(.globalcp-detail-row):has(+ tr.globalcp-detail-row[style*="display: block"]),
.listanarudzbi .globalcp-table-responsive .globalcp-table tr:not(.globalcp-detail-row):has(+ tr.globalcp-detail-row[style*="display: table-row"]),
.listanarudzbi .globalcp-table-responsive .globalcp-table tr:not(.globalcp-detail-row):has(+ tr.globalcp-detail-row[style*="display:block"]),
.listanarudzbi .globalcp-table-responsive .globalcp-table tr:not(.globalcp-detail-row):has(+ tr.globalcp-detail-row[style*="display:table-row"]) {
  margin-bottom: 0 !important;
}

/* Detail ćelija */
.listanarudzbi .globalcp-table-responsive .globalcp-table tr.globalcp-detail-row td {
  display: block !important;
  width: 100% !important;
  padding: 0 10px 0px 10px !important;
  box-sizing: border-box;
  border: none !important;
}

/* Sadržaj detalja */
.listanarudzbi .globalcp-detail-content {
  padding: 10px 0 4px 0;
  font-size: 0.85rem;
  line-height: 1.6;
}

/* Linkovi u detaljima */
.listanarudzbi .globalcp-detail-content a {
  word-break: break-word;
}

/* Paginacija */
.listanarudzbi .globalcp-datatable-footer {
  margin-top: 0;
}

/* EMPTY STATE - LISTA NARUDŽBI */



.listanarudzbi .globalcp-table-responsive .globalcp-table tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  box-sizing: border-box;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
  white-space: normal !important;
}

/* KRAJ LISTA NARUDŽBI */

/* PREDRACUNI */

 /* Svaki red (tr) kao fleks container koji se prelama */
  .listapredracuna .globalcp-table-responsive .globalcp-table tr {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-bottom: 6px;
    padding: 6px;
    border-radius: 0px;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: var(--card-box-shadow);
  }
  
  .listapredracuna { box-shadow: none; background-color: unset !important; }
  .listapredracuna .globalcp-card { box-shadow: none; background-color: unset !important; }
  .listapredracuna .globalcp-card-header { box-shadow: var(--card-box-shadow); }
  .listapredracuna .globalcp-table-responsive { overflow-x: inherit; }

  /* Sve ćelije po 50% širine */
  .listapredracuna .globalcp-table-responsive .globalcp-table tr td {
    align-items: center;
    width: 50% !important;
    padding: 6px 10px !important;
    box-sizing: border-box;
    white-space: normal !important;
  }

  /* Lijeva ćelija u redu - lijevo poravnanje */
  .listapredracuna .globalcp-table-responsive .globalcp-table tr td.tblbrojpredracuna,
  .listapredracuna .globalcp-table-responsive .globalcp-table tr td.tbldatumizdavanja,
  .listapredracuna .globalcp-table-responsive .globalcp-table tr td.tblstatuspredracuna {
    justify-content: flex-start;
    text-align: left;
  }

  /* Desna ćelija u redu - desno poravnanje */
  .listapredracuna .globalcp-table-responsive .globalcp-table tr td.tbliznospredracuna,
  .listapredracuna .globalcp-table-responsive .globalcp-table tr td.tbldatumdospijeca,
  .listapredracuna .globalcp-table-responsive .globalcp-table tr td.tblakcije {
    justify-content: flex-end;
    text-align: right;
  }

  /* Redoslijed ćelija prema tvom zahtjevu */
  .listapredracuna .globalcp-table-responsive .globalcp-table tr td.tblbrojpredracuna {
    order: 1;
    border-top: 0px;
  }
  .listapredracuna .globalcp-table-responsive .globalcp-table tr td.tbliznospredracuna {
    order: 2;
    border-top: 0px;
  }
  .listapredracuna .globalcp-table-responsive .globalcp-table tr td.tbldatumizdavanja {
    order: 3;
  }
  .listapredracuna .globalcp-table-responsive .globalcp-table tr td.tbldatumdospijeca {
    order: 4;
  }
  .listapredracuna .globalcp-table-responsive .globalcp-table tr td.tblstatuspredracuna {
    order: 5;
  }
  .listapredracuna .globalcp-table-responsive .globalcp-table tr td.tblakcije {
    order: 6;
  }

  /* Dodaj tanke unutarnje bordere između ćelija (bez vanjskih) */
  .listapredracuna .globalcp-table-responsive .globalcp-table tr td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  /* Ukloni border-right za desne ćelije (drugu u redu) */
  .listapredracuna .globalcp-table-responsive .globalcp-table tr td.tbliznospredracuna,
  .listapredracuna .globalcp-table-responsive .globalcp-table tr td.tbldatumdospijeca,
  .listapredracuna .globalcp-table-responsive .globalcp-table tr td.tblakcije {
    border-right: none;
  }
  /* Ukloni border-bottom za zadnji red ćelija (5 i 6) */
  .listapredracuna .globalcp-table-responsive .globalcp-table tr td.tblstatuspredracuna,
  .listapredracuna .globalcp-table-responsive .globalcp-table tr td.tblakcije {
    border-bottom: none;
    display: flex;
    align-items: flex-end;
  }
  
  /* EMPTY STATE - LISTA NARUDŽBI */

.listapredracuna .globalcp-table-responsive .globalcp-table tr:has(td[colspan]) {
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px;
  padding: 12px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
  border-radius: 0;
}

.listapredracuna .globalcp-table-responsive .globalcp-table tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  box-sizing: border-box;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
  white-space: normal !important;
}

  
 /* KRAJ PREDRACUNI */

/* LISTA STORNO RAČUNA */

.listastornoracuna .globalcp-table-responsive .globalcp-table tr {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-bottom: 6px;
  padding: 6px;
  border-radius: 0px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
}

.listastornoracuna {
  box-shadow: none;
  background-color: unset !important;
}

.listastornoracuna .globalcp-card {
  box-shadow: none;
  background-color: unset !important;
}

.listastornoracuna .globalcp-card-header {
  box-shadow: var(--card-box-shadow);
}

.listastornoracuna .globalcp-table-responsive {
  overflow-x: inherit;
}

.listastornoracuna .globalcp-table-responsive .globalcp-table tr td {
  align-items: center;
  width: 50% !important;
  padding: 6px 10px !important;
  box-sizing: border-box;
  white-space: normal !important;
}

.listastornoracuna .globalcp-table-responsive .globalcp-table tr td.tblbrojstornoracuna,
.listastornoracuna .globalcp-table-responsive .globalcp-table tr td.tbldatumizdavanjastornoracuna,
.listastornoracuna .globalcp-table-responsive .globalcp-table tr td.tblstatusstornoracuna {
  justify-content: flex-start;
  text-align: left;
}

.listastornoracuna .globalcp-table-responsive .globalcp-table tr td.tbliznosstornoracuna,
.listastornoracuna .globalcp-table-responsive .globalcp-table tr td.tbldatumdospijecastornoracuna,
.listastornoracuna .globalcp-table-responsive .globalcp-table tr td.tblakcijestornoracuna {
  justify-content: flex-end;
  text-align: right;
}

.listastornoracuna .globalcp-table-responsive .globalcp-table tr td.tblbrojstornoracuna {
  order: 1;
  border-top: 0px;
}

.listastornoracuna .globalcp-table-responsive .globalcp-table tr td.tbliznosstornoracuna {
  order: 2;
  border-top: 0px;
}

.listastornoracuna .globalcp-table-responsive .globalcp-table tr td.tbldatumizdavanjastornoracuna {
  order: 3;
}

.listastornoracuna .globalcp-table-responsive .globalcp-table tr td.tbldatumdospijecastornoracuna {
  order: 4;
}

.listastornoracuna .globalcp-table-responsive .globalcp-table tr td.tblstatusstornoracuna {
  order: 5;
}

.listastornoracuna .globalcp-table-responsive .globalcp-table tr td.tblakcijestornoracuna {
  order: 6;
}

.listastornoracuna .globalcp-table-responsive .globalcp-table tr td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.listastornoracuna .globalcp-table-responsive .globalcp-table tr td.tbliznosstornoracuna,
.listastornoracuna .globalcp-table-responsive .globalcp-table tr td.tbldatumdospijecastornoracuna,
.listastornoracuna .globalcp-table-responsive .globalcp-table tr td.tblakcijestornoracuna {
  border-right: none;
}

.listastornoracuna .globalcp-table-responsive .globalcp-table tr td.tblstatusstornoracuna,
.listastornoracuna .globalcp-table-responsive .globalcp-table tr td.tblakcijestornoracuna {
  border-bottom: none;
  display: flex;
  align-items: flex-end;
}

.listastornoracuna .globalcp-table-responsive .globalcp-table tr:has(td[colspan]) {
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px;
  padding: 12px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
  border-radius: 0;
}

.listastornoracuna .globalcp-table-responsive .globalcp-table tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  box-sizing: border-box;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
  white-space: normal !important;
}

/* KRAJ LISTA STORNO RAČUNA */

/* LISTA AVANSNIH RAČUNA */

.listaavansnihracuna .globalcp-table-responsive .globalcp-table tr {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-bottom: 6px;
  padding: 6px;
  border-radius: 0px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
}

.listaavansnihracuna {
  box-shadow: none;
  background-color: unset !important;
}

.listaavansnihracuna .globalcp-card {
  box-shadow: none;
  background-color: unset !important;
}

.listaavansnihracuna .globalcp-card-header {
  box-shadow: var(--card-box-shadow);
}

.listaavansnihracuna .globalcp-table-responsive {
  overflow-x: inherit;
}

.listaavansnihracuna .globalcp-table-responsive .globalcp-table tr td {
  align-items: center;
  width: 50% !important;
  padding: 6px 10px !important;
  box-sizing: border-box;
  white-space: normal !important;
}

.listaavansnihracuna .globalcp-table-responsive .globalcp-table tr td.tblbrojavansnogracuna,
.listaavansnihracuna .globalcp-table-responsive .globalcp-table tr td.tbldatumizdavanjaavansnogracuna,
.listaavansnihracuna .globalcp-table-responsive .globalcp-table tr td.tblstatusavansnogracuna {
  justify-content: flex-start;
  text-align: left;
}

.listaavansnihracuna .globalcp-table-responsive .globalcp-table tr td.tbliznosavansnogracuna,
.listaavansnihracuna .globalcp-table-responsive .globalcp-table tr td.tbldatumdospijecaavansnogracuna,
.listaavansnihracuna .globalcp-table-responsive .globalcp-table tr td.tblakcijeavansnogracuna {
  justify-content: flex-end;
  text-align: right;
}

.listaavansnihracuna .globalcp-table-responsive .globalcp-table tr td.tblbrojavansnogracuna {
  order: 1;
  border-top: 0px;
}

.listaavansnihracuna .globalcp-table-responsive .globalcp-table tr td.tbliznosavansnogracuna {
  order: 2;
  border-top: 0px;
}

.listaavansnihracuna .globalcp-table-responsive .globalcp-table tr td.tbldatumizdavanjaavansnogracuna {
  order: 3;
}

.listaavansnihracuna .globalcp-table-responsive .globalcp-table tr td.tbldatumdospijecaavansnogracuna {
  order: 4;
}

.listaavansnihracuna .globalcp-table-responsive .globalcp-table tr td.tblstatusavansnogracuna {
  order: 5;
}

.listaavansnihracuna .globalcp-table-responsive .globalcp-table tr td.tblakcijeavansnogracuna {
  order: 6;
}

.listaavansnihracuna .globalcp-table-responsive .globalcp-table tr td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.listaavansnihracuna .globalcp-table-responsive .globalcp-table tr td.tbliznosavansnogracuna,
.listaavansnihracuna .globalcp-table-responsive .globalcp-table tr td.tbldatumdospijecaavansnogracuna,
.listaavansnihracuna .globalcp-table-responsive .globalcp-table tr td.tblakcijeavansnogracuna {
  border-right: none;
}

.listaavansnihracuna .globalcp-table-responsive .globalcp-table tr td.tblstatusavansnogracuna,
.listaavansnihracuna .globalcp-table-responsive .globalcp-table tr td.tblakcijeavansnogracuna {
  border-bottom: none;
  display: flex;
  align-items: flex-end;
}

.listaavansnihracuna .globalcp-table-responsive .globalcp-table tr:has(td[colspan]) {
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px;
  padding: 12px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
  border-radius: 0;
}

.listaavansnihracuna .globalcp-table-responsive .globalcp-table tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  box-sizing: border-box;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
  white-space: normal !important;
}

/* KRAJ LISTA AVANSNIH RAČUNA */

/* LISTA RAČUNA / COMMERCIAL INVOICES */

.listaracuna {
  box-shadow: none;
  background-color: unset !important;
}

.listaracuna .globalcp-card {
  box-shadow: none;
  background-color: unset !important;
}

.listaracuna .globalcp-card-header {
  box-shadow: var(--card-box-shadow);
}

.listaracuna .globalcp-table-responsive {
  overflow-x: inherit;
}

/* Svaki red kao kartica */
.listaracuna .globalcp-table-responsive .globalcp-table tr {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-bottom: 6px;
  padding: 6px;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
}

/* Sve ćelije po 50% */
.listaracuna .globalcp-table-responsive .globalcp-table tr td {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50% !important;
  padding: 6px 10px !important;
  box-sizing: border-box;
  white-space: normal !important;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/*
  Kolone:
  1. Broj računa
  2. Datum izdavanja
  3. Datum dospijeća
  4. Status
  5. Iznos
  6. Akcije

  Mobilni raspored:

  [Broj računa]       [Iznos]
  [Datum izdavanja]   [Datum dospijeća]
  [Status]            [Akcije]
*/

/* Broj računa */
.listaracuna .globalcp-table-responsive .globalcp-table tr td:nth-child(1) {
  order: 1;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  border-top: 0;
}

/* Iznos */
.listaracuna .globalcp-table-responsive .globalcp-table tr td:nth-child(5) {
  order: 2;
  justify-content: center;
  align-items: flex-end;
  text-align: right;
  border-top: 0;
  border-right: none;
}

/* Datum izdavanja */
.listaracuna .globalcp-table-responsive .globalcp-table tr td:nth-child(2) {
  order: 3;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
}

/* Datum dospijeća */
.listaracuna .globalcp-table-responsive .globalcp-table tr td:nth-child(3) {
  order: 4;
  justify-content: center;
  align-items: flex-end;
  text-align: right;
  border-right: none;
}

/* Status */
.listaracuna .globalcp-table-responsive .globalcp-table tr td:nth-child(4) {
  order: 5;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  border-bottom: none;
}

/* Akcije */
.listaracuna .globalcp-table-responsive .globalcp-table tr td:nth-child(6) {
  order: 6;
  justify-content: center;
  align-items: flex-end;
  text-align: right;
  border-right: none;
  border-bottom: none;
}

/* Link unutar broja računa */
.listaracuna .globalcp-table-responsive .globalcp-table tr td:nth-child(1) > a {
  display: block;
  width: 100%;
}

/* Vrijednost gore, labela ispod */
.listaracuna .globalcp-table-responsive .globalcp-table tr td .globalcp-fw-semibold {
  display: block;
  width: 100%;
}

.listaracuna .globalcp-table-responsive .globalcp-table tr td .globalcp-fs-sm,
.listaracuna .globalcp-table-responsive .globalcp-table tr td .globalcp-text-muted.globalcp-fs-sm {
  display: block;
  width: 100%;
  margin-top: 3px;
}

/* Status badge */
.listaracuna .globalcp-table-responsive .globalcp-table tr td:nth-child(4) .globalcp-badge {
  white-space: nowrap;
}

/* Akcija dropdown */
.listaracuna .globalcp-table-responsive .globalcp-table tr td.table-akcija {
  display: flex !important;
}

.listaracuna .globalcp-table-responsive .globalcp-table tr td.table-akcija .dropdown {
  margin-left: auto;
}

/* Dropdown na mobile */
.listaracuna .globalcp-table-responsive .globalcp-table .dropdown-menu {
  min-width: 230px;
}

/* Paginacija */
.listaracuna .globalcp-datatable-footer {
  margin-top: 0;
}

.listaracuna .globalcp-table-responsive .globalcp-table tr:has(td[colspan]) {
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px;
  padding: 12px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
  border-radius: 0;
}

.listaracuna .globalcp-table-responsive .globalcp-table tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  box-sizing: border-box;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
  white-space: normal !important;
}


/* KRAJ LISTA RAČUNA */

/* LISTA CONF HOSTINGA */

.listaconfhosting {
  box-shadow: none;
  background-color: unset !important;
}

.listaconfhosting .globalcp-card {
  box-shadow: none;
  background-color: unset !important;
}

.listaconfhosting .globalcp-card-header {
  box-shadow: var(--card-box-shadow);
}

.listaconfhosting .globalcp-table-responsive {
  overflow-x: inherit;
}

/* Svaki red conf hosting usluge kao posebna kartica */
.listaconfhosting .globalcp-table-responsive .globalcp-table.configurabilehosting tr {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-bottom: 6px;
  padding: 6px;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
}

/* Sve ćelije */
.listaconfhosting .globalcp-table-responsive .globalcp-table.configurabilehosting tr td {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6px 10px !important;
  box-sizing: border-box;
  white-space: normal !important;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/*
  Kolone:
  1. Checkbox
  2. Usluga
  3. Domena
  4. Status
  5. Cijena / ciklus
  6. Datum isteka
  7. Akcija

  Raspored:

  [Checkbox] [Usluga] [Akcija]
  [Domena]   [Status]
  [Cijena]   [Datum isteka]
*/

/* Checkbox */
.listaconfhosting .globalcp-table-responsive .globalcp-table.configurabilehosting tr td:nth-child(1) {
  order: 1;
  width: 15% !important;
  flex: 0 0 15% !important;
  max-width: 15% !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-top: 0;
}

.listaconfhosting .globalcp-table-responsive .globalcp-table.configurabilehosting tr td:nth-child(1) input,
.listaconfhosting .globalcp-table-responsive .globalcp-table.configurabilehosting tr td.table-selekt input {
  margin: 0 auto !important;
}

/* Usluga */
.listaconfhosting .globalcp-table-responsive .globalcp-table.configurabilehosting tr td:nth-child(2) {
  order: 2;
  width: 65% !important;
  flex: 0 0 65% !important;
  max-width: 65% !important;
  align-items: flex-start;
  text-align: left;
  border-top: 0;
}

/* Akcija */
.listaconfhosting .globalcp-table-responsive .globalcp-table.configurabilehosting tr td:nth-child(7) {
  order: 3;
  width: 20% !important;
  flex: 0 0 20% !important;
  max-width: 20% !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-top: 0;
  border-right: none;
}

/* Domena */
.listaconfhosting .globalcp-table-responsive .globalcp-table.configurabilehosting tr td:nth-child(3) {
  order: 4;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-start;
  text-align: left;
}

/* Status */
.listaconfhosting .globalcp-table-responsive .globalcp-table.configurabilehosting tr td:nth-child(4) {
  order: 5;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-end;
  text-align: right;
  border-right: none;
}

/* Cijena / ciklus */
.listaconfhosting .globalcp-table-responsive .globalcp-table.configurabilehosting tr td:nth-child(5) {
  order: 6;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-start;
  text-align: left;
  border-bottom: none;
}

/* Datum isteka */
.listaconfhosting .globalcp-table-responsive .globalcp-table.configurabilehosting tr td:nth-child(6) {
  order: 7;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-end;
  text-align: right;
  border-right: none;
  border-bottom: none;
}

/* Duga usluga/domena da ne razbije layout */
.listaconfhosting .globalcp-table-responsive .globalcp-table.configurabilehosting tr td:nth-child(2) .globalcp-fw-semibold,
.listaconfhosting .globalcp-table-responsive .globalcp-table.configurabilehosting tr td:nth-child(3) .globalcp-fw-semibold {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Vrijednost gore, labela ispod */
.listaconfhosting .globalcp-table-responsive .globalcp-table.configurabilehosting tr td .globalcp-fw-semibold {
  display: block;
  width: 100%;
}

.listaconfhosting .globalcp-table-responsive .globalcp-table.configurabilehosting tr td .globalcp-fs-sm,
.listaconfhosting .globalcp-table-responsive .globalcp-table.configurabilehosting tr td .globalcp-text-muted.globalcp-fs-sm {
  display: block;
  width: 100%;
  margin-top: 3px;
}

/* Status badge */
.listaconfhosting .globalcp-table-responsive .globalcp-table.configurabilehosting tr td:nth-child(4) .globalcp-badge {
  white-space: nowrap;
}

/* Dropdown akcije */
.listaconfhosting .globalcp-table-responsive .globalcp-table.configurabilehosting tr td.table-akcija {
  display: flex !important;
}

.listaconfhosting .globalcp-table-responsive .globalcp-table.configurabilehosting .dropdown {
  margin-left: auto;
  margin-right: auto;
}

.listaconfhosting .globalcp-table-responsive .globalcp-table.configurabilehosting .dropdown-menu {
  min-width: 220px;
}

/* Empty state */
.listaconfhosting .globalcp-table-responsive .globalcp-table.configurabilehosting tr:has(td[colspan]) {
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px;
  padding: 12px;
}

.listaconfhosting .globalcp-table-responsive .globalcp-table.configurabilehosting tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
}

/* Footer / paginacija */
.listaconfhosting .globalcp-datatable-footer {
  margin-top: 0;
}

.listaconfhosting .pagination-info {
  font-size: 0.7rem;
}

/* EMPTY STATE - LISTA CONF HOSTINGA */

.listaconfhosting .globalcp-table-responsive .globalcp-table tr:has(td[colspan]) {
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px;
  padding: 12px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
  border-radius: 0;
}

.listaconfhosting .globalcp-table-responsive .globalcp-table tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  box-sizing: border-box;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
  white-space: normal !important;
}

/* KRAJ LISTA CONF HOSTINGA */

/* LISTA SSL SERVICE */

.listasslservice {
  box-shadow: none;
  background-color: unset !important;
}

.listasslservice .globalcp-card {
  box-shadow: none;
  background-color: unset !important;
}

.listasslservice .globalcp-card-header {
  box-shadow: var(--card-box-shadow);
}

.listasslservice .globalcp-table-responsive {
  overflow-x: inherit;
}

/* Svaki red SSL usluge kao posebna kartica */
.listasslservice .globalcp-table-responsive .globalcp-table.sslservice tr {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-bottom: 6px;
  padding: 6px;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
}

/* Sve ćelije */
.listasslservice .globalcp-table-responsive .globalcp-table.sslservice tr td {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6px 10px !important;
  box-sizing: border-box;
  white-space: normal !important;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/*
  Kolone:
  1. Checkbox
  2. SSL usluga
  3. Domena
  4. Status
  5. Cijena / ciklus
  6. Datum isteka
  7. Akcija

  Raspored:

  [Checkbox] [SSL usluga] [Akcija]
  [Domena]   [Status]
  [Cijena]   [Datum isteka]
*/

/* Checkbox */
.listasslservice .globalcp-table-responsive .globalcp-table.sslservice tr td:nth-child(1) {
  order: 1;
  width: 15% !important;
  flex: 0 0 15% !important;
  max-width: 15% !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-top: 0;
}

.listasslservice .globalcp-table-responsive .globalcp-table.sslservice tr td:nth-child(1) input,
.listasslservice .globalcp-table-responsive .globalcp-table.sslservice tr td.table-selekt input {
  margin: 0 auto !important;
}

/* SSL usluga */
.listasslservice .globalcp-table-responsive .globalcp-table.sslservice tr td:nth-child(2) {
  order: 2;
  width: 65% !important;
  flex: 0 0 65% !important;
  max-width: 65% !important;
  align-items: flex-start;
  text-align: left;
  border-top: 0;
}

/* Akcija */
.listasslservice .globalcp-table-responsive .globalcp-table.sslservice tr td:nth-child(7) {
  order: 3;
  width: 20% !important;
  flex: 0 0 20% !important;
  max-width: 20% !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-top: 0;
  border-right: none;
}

/* Domena */
.listasslservice .globalcp-table-responsive .globalcp-table.sslservice tr td:nth-child(3) {
  order: 4;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-start;
  text-align: left;
}

/* Status */
.listasslservice .globalcp-table-responsive .globalcp-table.sslservice tr td:nth-child(4) {
  order: 5;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-end;
  text-align: right;
  border-right: none;
}

/* Cijena / ciklus */
.listasslservice .globalcp-table-responsive .globalcp-table.sslservice tr td:nth-child(5) {
  order: 6;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-start;
  text-align: left;
  border-bottom: none;
}

/* Datum isteka */
.listasslservice .globalcp-table-responsive .globalcp-table.sslservice tr td:nth-child(6) {
  order: 7;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-end;
  text-align: right;
  border-right: none;
  border-bottom: none;
}

/* Duga SSL usluga/domena da ne razbije layout */
.listasslservice .globalcp-table-responsive .globalcp-table.sslservice tr td:nth-child(2) .globalcp-fw-semibold,
.listasslservice .globalcp-table-responsive .globalcp-table.sslservice tr td:nth-child(3) .globalcp-fw-semibold {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Vrijednost gore, labela ispod */
.listasslservice .globalcp-table-responsive .globalcp-table.sslservice tr td .globalcp-fw-semibold {
  display: block;
  width: 100%;
}

.listasslservice .globalcp-table-responsive .globalcp-table.sslservice tr td .globalcp-fs-sm,
.listasslservice .globalcp-table-responsive .globalcp-table.sslservice tr td .globalcp-text-muted.globalcp-fs-sm {
  display: block;
  width: 100%;
  margin-top: 3px;
}

/* Status badge */
.listasslservice .globalcp-table-responsive .globalcp-table.sslservice tr td:nth-child(4) .globalcp-badge {
  white-space: nowrap;
}

/* Dropdown akcije */
.listasslservice .globalcp-table-responsive .globalcp-table.sslservice tr td.table-akcija {
  display: flex !important;
}

.listasslservice .globalcp-table-responsive .globalcp-table.sslservice .dropdown {
  margin-left: auto;
  margin-right: auto;
}

.listasslservice .globalcp-table-responsive .globalcp-table.sslservice .dropdown-menu {
  min-width: 220px;
}

/* Empty state */
.listasslservice .globalcp-table-responsive .globalcp-table.sslservice tr:has(td[colspan]) {
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px;
  padding: 12px;
}

.listasslservice .globalcp-table-responsive .globalcp-table.sslservice tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
}

/* Footer / paginacija */
.listasslservice .globalcp-datatable-footer {
  margin-top: 0;
}

.listasslservice .pagination-info {
  font-size: 0.7rem;
}

/* EMPTY STATE - LISTA SSL SERVICE */

.listasslservice .globalcp-table-responsive .globalcp-table tr:has(td[colspan]) {
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px;
  padding: 12px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
  border-radius: 0;
}

.listasslservice .globalcp-table-responsive .globalcp-table tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  box-sizing: border-box;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
  white-space: normal !important;
}

/* KRAJ LISTA SSL SERVICE */

/* LISTA DEDICATED SERVERA */

.listadedicatedservers {
  box-shadow: none;
  background-color: unset !important;
}

.listadedicatedservers .globalcp-card {
  box-shadow: none;
  background-color: unset !important;
}

.listadedicatedservers .globalcp-card-header {
  box-shadow: var(--card-box-shadow);
}

.listadedicatedservers .globalcp-table-responsive {
  overflow-x: inherit;
}

/* Svaki red dedicated servera kao posebna kartica */
.listadedicatedservers .globalcp-table-responsive .globalcp-table.dedicatedservers tr {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-bottom: 6px;
  padding: 6px;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
}

/* Sve ćelije */
.listadedicatedservers .globalcp-table-responsive .globalcp-table.dedicatedservers tr td {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6px 10px !important;
  box-sizing: border-box;
  white-space: normal !important;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/*
  Kolone:
  1. Checkbox
  2. Dedicated server
  3. Hostname
  4. Status
  5. Cijena / ciklus
  6. Datum isteka
  7. Akcija

  Raspored:

  [Checkbox] [Dedicated server] [Akcija]
  [Hostname] [Status]
  [Cijena]   [Datum isteka]
*/

/* Checkbox */
.listadedicatedservers .globalcp-table-responsive .globalcp-table.dedicatedservers tr td:nth-child(1) {
  order: 1;
  width: 15% !important;
  flex: 0 0 15% !important;
  max-width: 15% !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-top: 0;
}

.listadedicatedservers .globalcp-table-responsive .globalcp-table.dedicatedservers tr td:nth-child(1) input {
  margin: 0 auto !important;
}

/* Dedicated server naziv */
.listadedicatedservers .globalcp-table-responsive .globalcp-table.dedicatedservers tr td:nth-child(2) {
  order: 2;
  width: 65% !important;
  flex: 0 0 65% !important;
  max-width: 65% !important;
  align-items: flex-start;
  text-align: left;
  border-top: 0;
}

/* Akcija */
.listadedicatedservers .globalcp-table-responsive .globalcp-table.dedicatedservers tr td:nth-child(7) {
  order: 3;
  width: 20% !important;
  flex: 0 0 20% !important;
  max-width: 20% !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-top: 0;
  border-right: none;
}

/* Hostname */
.listadedicatedservers .globalcp-table-responsive .globalcp-table.dedicatedservers tr td:nth-child(3) {
  order: 4;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-start;
  text-align: left;
}

/* Status */
.listadedicatedservers .globalcp-table-responsive .globalcp-table.dedicatedservers tr td:nth-child(4) {
  order: 5;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-end;
  text-align: right;
  border-right: none;
}

/* Cijena / ciklus */
.listadedicatedservers .globalcp-table-responsive .globalcp-table.dedicatedservers tr td:nth-child(5) {
  order: 6;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-start;
  text-align: left;
  border-bottom: none;
}

/* Datum isteka */
.listadedicatedservers .globalcp-table-responsive .globalcp-table.dedicatedservers tr td:nth-child(6) {
  order: 7;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-end;
  text-align: right;
  border-right: none;
  border-bottom: none;
}

/* Duga usluga/hostname da ne razbije layout */
.listadedicatedservers .globalcp-table-responsive .globalcp-table.dedicatedservers tr td:nth-child(2) .globalcp-fw-semibold,
.listadedicatedservers .globalcp-table-responsive .globalcp-table.dedicatedservers tr td:nth-child(3) .globalcp-fw-semibold {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Vrijednost gore, labela ispod */
.listadedicatedservers .globalcp-table-responsive .globalcp-table.dedicatedservers tr td .globalcp-fw-semibold {
  display: block;
  width: 100%;
}

.listadedicatedservers .globalcp-table-responsive .globalcp-table.dedicatedservers tr td .globalcp-fs-sm,
.listadedicatedservers .globalcp-table-responsive .globalcp-table.dedicatedservers tr td .globalcp-text-muted.globalcp-fs-sm {
  display: block;
  width: 100%;
  margin-top: 3px;
}

/* Status badge */
.listadedicatedservers .globalcp-table-responsive .globalcp-table.dedicatedservers tr td:nth-child(4) .globalcp-badge {
  white-space: nowrap;
}

/* Dropdown akcije */
.listadedicatedservers .globalcp-table-responsive .globalcp-table.dedicatedservers tr td.table-akcija {
  display: flex !important;
}

.listadedicatedservers .globalcp-table-responsive .globalcp-table.dedicatedservers .dropdown {
  margin-left: auto;
  margin-right: auto;
}

.listadedicatedservers .globalcp-table-responsive .globalcp-table.dedicatedservers .dropdown-menu {
  min-width: 220px;
}

/* Empty state */
.listadedicatedservers .globalcp-table-responsive .globalcp-table.dedicatedservers tr:has(td[colspan]) {
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px;
  padding: 12px;
}

.listadedicatedservers .globalcp-table-responsive .globalcp-table.dedicatedservers tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
}

/* Footer / paginacija */
.listadedicatedservers .globalcp-datatable-footer {
  margin-top: 0;
}

.listadedicatedservers .pagination-info {
  font-size: 0.7rem;
}

/* EMPTY STATE - LISTA DEDICATED SERVERA */

.listadedicatedservers .globalcp-table-responsive .globalcp-table tr:has(td[colspan]) {
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px;
  padding: 12px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
  border-radius: 0;
}

.listadedicatedservers .globalcp-table-responsive .globalcp-table tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  box-sizing: border-box;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
  white-space: normal !important;
}

/* KRAJ LISTA DEDICATED SERVERA */

/* LISTA VPS SERVERA */

.listavpsservera {
  box-shadow: none;
  background-color: unset !important;
}

.listavpsservera .globalcp-card {
  box-shadow: none;
  background-color: unset !important;
}

.listavpsservera .globalcp-card-header {
  box-shadow: var(--card-box-shadow);
}

.listavpsservera .globalcp-table-responsive {
  overflow-x: inherit;
}

/* Svaki red VPS usluge kao posebna kartica */
.listavpsservera .globalcp-table-responsive .globalcp-table.vpsserveri tr {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-bottom: 6px;
  padding: 6px;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
}

/* Sve ćelije */
.listavpsservera .globalcp-table-responsive .globalcp-table.vpsserveri tr td {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6px 10px !important;
  box-sizing: border-box;
  white-space: normal !important;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/*
  Kolone:
  1. Checkbox
  2. VPS usluga
  3. Hostname
  4. Status
  5. Cijena / ciklus
  6. Datum isteka
  7. Akcija

  Raspored:

  [Checkbox] [VPS usluga]      [Akcija]
  [Hostname] [Status]
  [Cijena]   [Datum isteka]
*/

/* Checkbox */
.listavpsservera .globalcp-table-responsive .globalcp-table.vpsserveri tr td:nth-child(1) {
  order: 1;
  width: 15% !important;
  flex: 0 0 15% !important;
  max-width: 15% !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-top: 0;
}

.listavpsservera .globalcp-table-responsive .globalcp-table.vpsserveri tr td:nth-child(1) input {
  margin: 0 auto !important;
}

/* VPS usluga */
.listavpsservera .globalcp-table-responsive .globalcp-table.vpsserveri tr td:nth-child(2) {
  order: 2;
  width: 65% !important;
  flex: 0 0 65% !important;
  max-width: 65% !important;
  align-items: flex-start;
  text-align: left;
  border-top: 0;
}

/* Akcija */
.listavpsservera .globalcp-table-responsive .globalcp-table.vpsserveri tr td:nth-child(7) {
  order: 3;
  width: 20% !important;
  flex: 0 0 20% !important;
  max-width: 20% !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-top: 0;
  border-right: none;
}

/* Hostname */
.listavpsservera .globalcp-table-responsive .globalcp-table.vpsserveri tr td:nth-child(3) {
  order: 4;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-start;
  text-align: left;
}

/* Status */
.listavpsservera .globalcp-table-responsive .globalcp-table.vpsserveri tr td:nth-child(4) {
  order: 5;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-end;
  text-align: right;
  border-right: none;
}

/* Cijena / ciklus */
.listavpsservera .globalcp-table-responsive .globalcp-table.vpsserveri tr td:nth-child(5) {
  order: 6;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-start;
  text-align: left;
  border-bottom: none;
}

/* Datum isteka */
.listavpsservera .globalcp-table-responsive .globalcp-table.vpsserveri tr td:nth-child(6) {
  order: 7;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-end;
  text-align: right;
  border-right: none;
  border-bottom: none;
}

/* Duga usluga/hostname da ne razbije layout */
.listavpsservera .globalcp-table-responsive .globalcp-table.vpsserveri tr td:nth-child(2) .globalcp-fw-semibold,
.listavpsservera .globalcp-table-responsive .globalcp-table.vpsserveri tr td:nth-child(3) .globalcp-fw-semibold {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Vrijednost gore, labela ispod */
.listavpsservera .globalcp-table-responsive .globalcp-table.vpsserveri tr td .globalcp-fw-semibold {
  display: block;
  width: 100%;
}

.listavpsservera .globalcp-table-responsive .globalcp-table.vpsserveri tr td .globalcp-fs-sm,
.listavpsservera .globalcp-table-responsive .globalcp-table.vpsserveri tr td .globalcp-text-muted.globalcp-fs-sm {
  display: block;
  width: 100%;
  margin-top: 3px;
}

/* Status badge */
.listavpsservera .globalcp-table-responsive .globalcp-table.vpsserveri tr td:nth-child(4) .globalcp-badge {
  white-space: nowrap;
}

/* Dropdown akcije */
.listavpsservera .globalcp-table-responsive .globalcp-table.vpsserveri tr td.table-akcija {
  display: flex !important;
}

.listavpsservera .globalcp-table-responsive .globalcp-table.vpsserveri .dropdown {
  margin-left: auto;
  margin-right: auto;
}

.listavpsservera .globalcp-table-responsive .globalcp-table.vpsserveri .dropdown-menu {
  min-width: 220px;
}

/* Empty state */
.listavpsservera .globalcp-table-responsive .globalcp-table.vpsserveri tr:has(td[colspan]) {
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px;
  padding: 12px;
}

.listavpsservera .globalcp-table-responsive .globalcp-table.vpsserveri tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
}

/* Footer / paginacija */
.listavpsservera .globalcp-datatable-footer {
  margin-top: 0;
}

.listavpsservera .pagination-info {
  font-size: 0.7rem;
}

/* EMPTY STATE - LISTA VPS SERVERA */

.listavpsservera .globalcp-table-responsive .globalcp-table tr:has(td[colspan]) {
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px;
  padding: 12px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
  border-radius: 0;
}

.listavpsservera .globalcp-table-responsive .globalcp-table tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  box-sizing: border-box;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
  white-space: normal !important;
}

/* KRAJ LISTA VPS SERVERA */


/* LISTA RESELLER HOSTINGA */

.listaresellerhostinga {
  box-shadow: none;
  background-color: unset !important;
}

.listaresellerhostinga .globalcp-card {
  box-shadow: none;
  background-color: unset !important;
}

.listaresellerhostinga .globalcp-card-header {
  box-shadow: var(--card-box-shadow);
}

.listaresellerhostinga .globalcp-table-responsive {
  overflow-x: inherit;
}

/* Svaki red reseller hosting usluge kao posebna kartica */
.listaresellerhostinga .globalcp-table-responsive .globalcp-table.resellerhosting tr {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-bottom: 6px;
  padding: 6px;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
}

/* Sve ćelije */
.listaresellerhostinga .globalcp-table-responsive .globalcp-table.resellerhosting tr td {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6px 10px !important;
  box-sizing: border-box;
  white-space: normal !important;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/*
  Kolone:
  1. Checkbox
  2. Usluga
  3. Domena
  4. Status
  5. Cijena / ciklus
  6. Datum isteka
  7. Akcija

  Raspored:

  [Checkbox] [Usluga]          [Akcija]
  [Domena]   [Status]
  [Cijena]   [Datum isteka]
*/

/* Checkbox */
.listaresellerhostinga .globalcp-table-responsive .globalcp-table.resellerhosting tr td:nth-child(1) {
  order: 1;
  width: 15% !important;
  flex: 0 0 15% !important;
  max-width: 15% !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-top: 0;
}

.listaresellerhostinga .globalcp-table-responsive .globalcp-table.resellerhosting tr td.table-selekt input {
  margin: 0 auto !important;
}

/* Usluga */
.listaresellerhostinga .globalcp-table-responsive .globalcp-table.resellerhosting tr td:nth-child(2) {
  order: 2;
  width: 65% !important;
  flex: 0 0 65% !important;
  max-width: 65% !important;
  align-items: flex-start;
  text-align: left;
  border-top: 0;
}

/* Akcija */
.listaresellerhostinga .globalcp-table-responsive .globalcp-table.resellerhosting tr td:nth-child(7) {
  order: 3;
  width: 20% !important;
  flex: 0 0 20% !important;
  max-width: 20% !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-top: 0;
  border-right: none;
}

/* Domena */
.listaresellerhostinga .globalcp-table-responsive .globalcp-table.resellerhosting tr td:nth-child(3) {
  order: 4;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-start;
  text-align: left;
}

/* Status */
.listaresellerhostinga .globalcp-table-responsive .globalcp-table.resellerhosting tr td:nth-child(4) {
  order: 5;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-end;
  text-align: right;
  border-right: none;
}

/* Cijena / ciklus */
.listaresellerhostinga .globalcp-table-responsive .globalcp-table.resellerhosting tr td:nth-child(5) {
  order: 6;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-start;
  text-align: left;
  border-bottom: none;
}

/* Datum isteka */
.listaresellerhostinga .globalcp-table-responsive .globalcp-table.resellerhosting tr td:nth-child(6) {
  order: 7;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-end;
  text-align: right;
  border-right: none;
  border-bottom: none;
}

/* Duga usluga/domena da ne razbije layout */
.listaresellerhostinga .globalcp-table-responsive .globalcp-table.resellerhosting tr td:nth-child(2) .globalcp-fw-semibold,
.listaresellerhostinga .globalcp-table-responsive .globalcp-table.resellerhosting tr td:nth-child(3) .globalcp-fw-semibold {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Vrijednost gore, labela ispod */
.listaresellerhostinga .globalcp-table-responsive .globalcp-table.resellerhosting tr td .globalcp-fw-semibold {
  display: block;
  width: 100%;
}

.listaresellerhostinga .globalcp-table-responsive .globalcp-table.resellerhosting tr td .globalcp-fs-sm,
.listaresellerhostinga .globalcp-table-responsive .globalcp-table.resellerhosting tr td .globalcp-text-muted.globalcp-fs-sm {
  display: block;
  width: 100%;
  margin-top: 3px;
}

/* Status badge */
.listaresellerhostinga .globalcp-table-responsive .globalcp-table.resellerhosting tr td:nth-child(4) .globalcp-badge {
  white-space: nowrap;
}

/* Dropdown akcije */
.listaresellerhostinga .globalcp-table-responsive .globalcp-table.resellerhosting tr td.table-akcija {
  display: flex !important;
}

.listaresellerhostinga .globalcp-table-responsive .globalcp-table.resellerhosting .dropdown {
  margin-left: auto;
  margin-right: auto;
}

.listaresellerhostinga .globalcp-table-responsive .globalcp-table.resellerhosting .dropdown-menu {
  min-width: 220px;
}

/* Empty state */
.listaresellerhostinga .globalcp-table-responsive .globalcp-table.resellerhosting tr:has(td[colspan]) {
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px;
  padding: 12px;
}

.listaresellerhostinga .globalcp-table-responsive .globalcp-table.resellerhosting tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
}

/* Footer / paginacija */
.listaresellerhostinga .globalcp-datatable-footer {
  margin-top: 0;
}

.listaresellerhostinga .pagination-info {
  font-size: 0.7rem;
}

/* EMPTY STATE - LISTA RESELLER HOSTINGA */

.listaresellerhostinga .globalcp-table-responsive .globalcp-table tr:has(td[colspan]) {
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px;
  padding: 12px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
  border-radius: 0;
}

.listaresellerhostinga .globalcp-table-responsive .globalcp-table tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  box-sizing: border-box;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
  white-space: normal !important;
}

/* KRAJ LISTA RESELLER HOSTINGA */


/* LISTA HOSTINGA */

.listahostinga {
  box-shadow: none;
  background-color: unset !important;
}

.listahostinga .globalcp-card {
  box-shadow: none;
  background-color: unset !important;
}

.listahostinga .globalcp-card-header {
  box-shadow: var(--card-box-shadow);
}

.listahostinga .globalcp-table-responsive {
  overflow-x: inherit;
}

/* Svaki red hosting usluge kao posebna kartica */
.listahostinga .globalcp-table-responsive .globalcp-table.sharedhosting tr {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-bottom: 6px;
  padding: 6px;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
}

/* Sve ćelije */
.listahostinga .globalcp-table-responsive .globalcp-table.sharedhosting tr td {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6px 10px !important;
  box-sizing: border-box;
  white-space: normal !important;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/*
  Kolone:
  1. Checkbox
  2. Usluga
  3. Domena
  4. Status
  5. Cijena / ciklus
  6. Datum isteka
  7. Akcija

  Raspored:

  [Checkbox] [Usluga]          [Akcija]
  [Domena]   [Status]
  [Cijena]   [Datum isteka]
*/

/* Checkbox */
.listahostinga .globalcp-table-responsive .globalcp-table.sharedhosting tr td:nth-child(1) {
  order: 1;
  width: 15% !important;
  flex: 0 0 15% !important;
  max-width: 15% !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-top: 0;
}

.listahostinga .globalcp-table-responsive .globalcp-table.sharedhosting tr td.table-selekt input {
  margin: 0 auto !important;
}

/* Usluga */
.listahostinga .globalcp-table-responsive .globalcp-table.sharedhosting tr td:nth-child(2) {
  order: 2;
  width: 65% !important;
  flex: 0 0 65% !important;
  max-width: 65% !important;
  align-items: flex-start;
  text-align: left;
  border-top: 0;
}

/* Akcija */
.listahostinga .globalcp-table-responsive .globalcp-table.sharedhosting tr td:nth-child(7) {
  order: 3;
  width: 20% !important;
  flex: 0 0 20% !important;
  max-width: 20% !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-top: 0;
  border-right: none;
}

/* Domena */
.listahostinga .globalcp-table-responsive .globalcp-table.sharedhosting tr td:nth-child(3) {
  order: 4;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-start;
  text-align: left;
}

/* Status */
.listahostinga .globalcp-table-responsive .globalcp-table.sharedhosting tr td:nth-child(4) {
  order: 5;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-end;
  text-align: right;
  border-right: none;
}

/* Cijena / ciklus */
.listahostinga .globalcp-table-responsive .globalcp-table.sharedhosting tr td:nth-child(5) {
  order: 6;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-start;
  text-align: left;
  border-bottom: none;
}

/* Datum isteka */
.listahostinga .globalcp-table-responsive .globalcp-table.sharedhosting tr td:nth-child(6) {
  order: 7;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-end;
  text-align: right;
  border-right: none;
  border-bottom: none;
}

/* Duga usluga/domena da ne razbije layout */
.listahostinga .globalcp-table-responsive .globalcp-table.sharedhosting tr td:nth-child(2) .globalcp-fw-semibold,
.listahostinga .globalcp-table-responsive .globalcp-table.sharedhosting tr td:nth-child(3) .globalcp-fw-semibold {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Vrijednost gore, labela ispod */
.listahostinga .globalcp-table-responsive .globalcp-table.sharedhosting tr td .globalcp-fw-semibold {
  display: block;
  width: 100%;
}

.listahostinga .globalcp-table-responsive .globalcp-table.sharedhosting tr td .globalcp-fs-sm,
.listahostinga .globalcp-table-responsive .globalcp-table.sharedhosting tr td .globalcp-text-muted.globalcp-fs-sm {
  display: block;
  width: 100%;
  margin-top: 3px;
}

/* Status badge */
.listahostinga .globalcp-table-responsive .globalcp-table.sharedhosting tr td:nth-child(4) .globalcp-badge {
  white-space: nowrap;
}

/* Dropdown akcije */
.listahostinga .globalcp-table-responsive .globalcp-table.sharedhosting tr td.table-akcija {
  display: flex !important;
}

.listahostinga .globalcp-table-responsive .globalcp-table.sharedhosting .dropdown {
  margin-left: auto;
  margin-right: auto;
}

.listahostinga .globalcp-table-responsive .globalcp-table.sharedhosting .dropdown-menu {
  min-width: 220px;
}

/* Empty state */
.listahostinga .globalcp-table-responsive .globalcp-table.sharedhosting tr:has(td[colspan]) {
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px;
  padding: 12px;
}

.listahostinga .globalcp-table-responsive .globalcp-table.sharedhosting tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
}

/* Footer / paginacija */
.listahostinga .globalcp-datatable-footer {
  margin-top: 0;
}

.listahostinga .pagination-info {
  font-size: 0.7rem;
}

/* EMPTY STATE - LISTA NARUDŽBI */

.listahostinga .globalcp-table-responsive .globalcp-table tr:has(td[colspan]) {
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px;
  padding: 12px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
  border-radius: 0;
}

.listahostinga .globalcp-table-responsive .globalcp-table tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  box-sizing: border-box;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
  white-space: normal !important;
}

/* KRAJ LISTA HOSTINGA */

/* LISTA DOMENA */

.listadomena {
  box-shadow: none;
  background-color: unset !important;
}

.listadomena .globalcp-card {
  box-shadow: none;
  background-color: unset !important;
}

.listadomena .globalcp-card-header {
  box-shadow: var(--card-box-shadow);
}

.listadomena .globalcp-table-responsive {
  overflow-x: inherit;
}

/* Svaki red domene kao posebna kartica */
.listadomena .globalcp-table-responsive .globalcp-table.mydomains tr {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-bottom: 6px;
  padding: 6px;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
}

/* Sve ćelije */
.listadomena .globalcp-table-responsive .globalcp-table.mydomains tr td {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6px 10px !important;
  box-sizing: border-box;
  white-space: normal !important;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/*
  Kolone:
  1. Checkbox
  2. Domena
  3. Status
  4. Godišnja cijena
  5. Datum registracije
  6. Datum isteka
  7. Akcija

  Raspored:

  [Checkbox] [Domena]          [Akcija]
  [Status]   [Godišnja cijena]
  [Datum registracije] [Datum isteka]
*/

/* Checkbox */
.listadomena .globalcp-table-responsive .globalcp-table.mydomains tr td:nth-child(1) {
  order: 1;
  width: 15% !important;
  flex: 0 0 15% !important;
  max-width: 15% !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-top: 0;
}

.listadomena .globalcp-table-responsive .globalcp-table.mydomains tr td.checkdomain input {
  margin: 0 auto !important;
}

/* Domena */
.listadomena .globalcp-table-responsive .globalcp-table.mydomains tr td:nth-child(2) {
  order: 2;
  width: 65% !important;
  flex: 0 0 65% !important;
  max-width: 65% !important;
  align-items: flex-start;
  text-align: left;
  border-top: 0;
}

/* Akcija */
.listadomena .globalcp-table-responsive .globalcp-table.mydomains tr td:nth-child(7) {
  order: 3;
  width: 20% !important;
  flex: 0 0 20% !important;
  max-width: 20% !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-top: 0;
  border-right: none;
}

/* Status */
.listadomena .globalcp-table-responsive .globalcp-table.mydomains tr td:nth-child(3) {
  order: 4;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-start;
  text-align: left;
}

/* Godišnja cijena */
.listadomena .globalcp-table-responsive .globalcp-table.mydomains tr td:nth-child(4) {
  order: 5;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-end;
  text-align: right;
  border-right: none;
}

/* Datum registracije */
.listadomena .globalcp-table-responsive .globalcp-table.mydomains tr td:nth-child(5) {
  order: 6;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-start;
  text-align: left;
  border-bottom: none;
}

/* Datum isteka */
.listadomena .globalcp-table-responsive .globalcp-table.mydomains tr td:nth-child(6) {
  order: 7;
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  align-items: flex-end;
  text-align: right;
  border-right: none;
  border-bottom: none;
}

/* Duga domena da ne razbije layout */
.listadomena .globalcp-table-responsive .globalcp-table.mydomains tr td:nth-child(2) .globalcp-fw-semibold {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Vrijednost gore, labela ispod */
.listadomena .globalcp-table-responsive .globalcp-table.mydomains tr td .globalcp-fw-semibold {
  display: block;
  width: 100%;
}

.listadomena .globalcp-table-responsive .globalcp-table.mydomains tr td .globalcp-fs-sm,
.listadomena .globalcp-table-responsive .globalcp-table.mydomains tr td .globalcp-text-muted.globalcp-fs-sm {
  display: block;
  width: 100%;
  margin-top: 3px;
}

/* Status badge */
.listadomena .globalcp-table-responsive .globalcp-table.mydomains tr td:nth-child(3) .globalcp-badge {
  white-space: nowrap;
}

/* Dropdown akcije */
.listadomena .globalcp-table-responsive .globalcp-table.mydomains tr td.table-akcija {
  display: flex !important;
}

.listadomena .globalcp-table-responsive .globalcp-table.mydomains .dropdown {
  margin-left: auto;
  margin-right: auto;
}

.listadomena .globalcp-table-responsive .globalcp-table.mydomains .dropdown-menu {
  min-width: 220px;
}

/* Empty state */
.listadomena .globalcp-table-responsive .globalcp-table.mydomains tr:has(td[colspan]) {
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px;
  padding: 12px;
}

.listadomena .globalcp-table-responsive .globalcp-table.mydomains tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
}

/* Footer / mass renew */
.listadomena .globalcp-datatable-footer {
  margin-top: 0;
}

.listadomena #massRenewButton2 {
  font-size: 0.7rem !important;
  margin-bottom: 10px;
}


.listadomena #massRenewButton2 i {
  font-size: 0.8rem !important;
}

.listadomena .pagination-info {font-size: 0.7rem; }

/* EMPTY STATE - LISTA NARUDŽBI */

.listadomena .globalcp-table-responsive .globalcp-table tr:has(td[colspan]) {
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px;
  padding: 12px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: var(--card-box-shadow);
  border-radius: 0;
}

.listadomena .globalcp-table-responsive .globalcp-table tr td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  padding: 18px 15px !important;
  box-sizing: border-box;
  text-align: center !important;
  border-right: none !important;
  border-bottom: none !important;
  white-space: normal !important;
}


/* KRAJ LISTA DOMENA */




/* CREDIT BALANCE / ADVANCE INVOICES */

.creditbalancepage .globalcp-btn {
  font-size: 0.6rem !important;
}

.creditbalancepage .globalcp-btn i {
  font-size: 0.8rem !important;
}

.globalcp-table-responsive .creditbalance tbody {
  display: block !important;
  width: 100% !important;
}

.globalcp-table-responsive .creditbalance tbody tr {
  display: flex !important;
  flex-wrap: wrap !important;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 0;
  margin-bottom: 0;
}

.globalcp-table-responsive .creditbalance tbody tr td {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  box-sizing: border-box;
  white-space: normal !important;
  padding: 10px 15px !important;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/*
  Raspored:

  [Broj računa 70%]       [Status 30%]
  [Datum kreiranja 50%]   [Datum dospijeća 50%]
  [Iznos 80%]             [Akcija 20%]
*/

/* Broj računa */
.globalcp-table-responsive .creditbalance tbody tr td:nth-child(1) {
  order: 1;
  width: 65% !important;
  flex: 0 0 65%;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
}

/* Link unutar broja računa */
.globalcp-table-responsive .creditbalance tbody tr td:nth-child(1) > a {
  display: block;
  width: 100%;
}

/* Status */
.globalcp-table-responsive .creditbalance tbody tr td:nth-child(4) {
  order: 2;
  width: 35% !important;
  flex: 0 0 35%;
  justify-content: center;
  align-items: flex-end;
  text-align: right;
  border-right: none;
}

/* Datum kreiranja */
.globalcp-table-responsive .creditbalance tbody tr td:nth-child(2) {
  order: 3;
  width: 50% !important;
  flex: 0 0 50%;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  border-top: 0;
}

/* Datum dospijeća */
.globalcp-table-responsive .creditbalance tbody tr td:nth-child(3) {
  order: 4;
  width: 50% !important;
  flex: 0 0 50%;
  justify-content: center;
  align-items: flex-end;
  text-align: right;
  border-right: none;
  border-top: 0;
}

/* Iznos */
.globalcp-table-responsive .creditbalance tbody tr td:nth-child(5) {
  order: 5;
  width: 80% !important;
  flex: 0 0 80%;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  border-top-width: 0 !important;
  border-bottom: 3px solid #ddd;
}

/* Akcija */
.globalcp-table-responsive .creditbalance tbody tr td:nth-child(6) {
  order: 6;
  width: 20% !important;
  flex: 0 0 20%;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-right: none;
  border-top-width: 0 !important;
  border-bottom: 3px solid #ddd;
}

/* Vrijednost gore, labela ispod */
.globalcp-table-responsive .creditbalance tbody tr td .globalcp-fw-semibold {
  display: block;
  width: 100%;
}

.globalcp-table-responsive .creditbalance tbody tr td .globalcp-fs-sm {
  display: block;
  width: 100%;
  margin-top: 3px;
}

/* Popravka za text-center klase */
.globalcp-table-responsive .creditbalance tbody tr td.globalcp-globalcp-text-center,
.globalcp-table-responsive .creditbalance tbody tr td.globalcp-text-center {
  text-align: inherit !important;
}

/* Status badge */
.globalcp-table-responsive .creditbalance tbody tr td:nth-child(4) .globalcp-badge {
  white-space: nowrap;
}

/* Akcija dropdown */
.globalcp-table-responsive .creditbalance tbody tr td.table-akcija {
  display: flex !important;
}

.globalcp-table-responsive .creditbalance .dropdown {
  margin-left: auto;
  margin-right: auto;
}


/* KRAJ manage_credit */


/* MANAGE CONTACTS manage_contacts */


  .managecontacts .globalcp-btn { font-size: 0.6rem !important; }
  .managecontacts .globalcp-btn i { font-size: 0.8rem !important; }

.managecontacts .globalcp-btn {
  font-size: 0.6rem !important;
}

.managecontacts .globalcp-btn i {
  font-size: 0.8rem !important;
}

.globalcp-table-responsive .manage-contacts tbody {
  display: block !important;
  width: 100% !important;
}

.globalcp-table-responsive .manage-contacts tbody tr {
  display: flex !important;
  flex-wrap: wrap !important;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 0;
  margin-bottom: 0;
}

.globalcp-table-responsive .manage-contacts tbody tr td {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  box-sizing: border-box;
  white-space: normal !important;
  padding: 10px 15px !important;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/*
  Mobilni raspored:

  [Ime i prezime - šire] [Akcija]
  [Email adresa 100%]
  [Badgeovi 100%]
  [Contact created 100%]
*/

/* 1. Name - šire polje */
.globalcp-table-responsive .manage-contacts tbody tr td:nth-child(1) {
  order: 1;
  flex: 1 1 0;
  width: auto !important;
  min-width: 0;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
}

/* 5. Akcija - samo koliko treba */
.globalcp-table-responsive .manage-contacts tbody tr td:nth-child(5) {
  order: 2;
  flex: 0 0 auto;
  width: auto !important;
  min-width: max-content;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-right: none;
}

/* 2. Email address */
.globalcp-table-responsive .manage-contacts tbody tr td:nth-child(2) {
  order: 3;
  width: 100% !important;
  flex: 0 0 100%;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  border-right: none;
  border-top: 0;
}

/* 3. Badgeovi / permissions */
.globalcp-table-responsive .manage-contacts tbody tr td:nth-child(3) {
  order: 4;
  width: 100% !important;
  flex: 0 0 100%;
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  border-right: none;
  border-top: 0;
}

/* 4. Contact created */
.globalcp-table-responsive .manage-contacts tbody tr td:nth-child(4) {
  order: 5;
  width: 100% !important;
  flex: 0 0 100%;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  border-right: none;
  border-top-width: 0 !important;
  border-bottom: 3px solid #ddd;
}

/*
  Vrijednost gore, mala labela ispod:
  Name, Email address, Contact created
*/
.globalcp-table-responsive .manage-contacts tbody tr td > .globalcp-fw-semibold {
  display: block;
  width: 100%;
}

.globalcp-table-responsive .manage-contacts tbody tr td > .globalcp-fs-sm {
  display: block;
  width: 100%;
  margin-top: 3px;
}

/*
  Popravka za postojeće text-center klase.
*/
.globalcp-table-responsive .manage-contacts tbody tr td.globalcp-globalcp-text-center,
.globalcp-table-responsive .manage-contacts tbody tr td.globalcp-text-center {
  text-align: inherit !important;
}

.globalcp-table-responsive .manage-contacts tbody tr td.table-akcija {
  display: flex !important;
}

.globalcp-table-responsive .manage-contacts .dropdown {
  margin-left: auto;
  margin-right: auto;
}

/* Badgeovi da budu kompaktniji */
.globalcp-table-responsive .manage-contacts .globalcp-statustext55 {
  margin-right: 0px;
  margin-bottom: 3px;
  white-space: nowrap;
  font-size: 0.5rem;
}

/* Footer/paginacija */
.globalcp-table-responsive .globalcp-datatable-footer {
  margin-top: 0;
}

/* KRAJ MANAGE CONTACTS */




/* LOGIN USERI manage_login_users */

  .manageusers .globalcp-btn { font-size: 0.6rem !important; }
  .manageusers .globalcp-btn i { font-size: 0.8rem !important; }
  
  .globalcp-table-responsive .login-useri tbody {
    display: block !important;
    width: 100% !important;
  }

  .globalcp-table-light {
    margin-bottom: 0 !important;
  }

  .globalcp-card-body-tiketi {
    background-color: #fff;
    box-shadow: var(--card-box-shadow);
  }

  .globalcp-table-responsive .login-useri tbody tr {
    display: flex !important;
    flex-wrap: wrap !important;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 0;
    margin-bottom: 0;
  }

  .globalcp-table-responsive .login-useri tbody tr td {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    box-sizing: border-box;
    white-space: normal !important;
    padding: 10px 15px !important;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }

  /* Sekcijski naslovi */
  .globalcp-table-responsive .login-useri tbody tr.globalcp-table-light td[colspan] {
    width: 100% !important;
    display: block !important;
    border: none !important;
    padding: 10px 15px !important;
    text-align: left !important;
  }

  /* Red koji ima colspan, npr. "Trenutno nema login usera..." */
  .globalcp-table-responsive .login-useri tbody tr:not(.globalcp-table-light) td[colspan] {
    width: 100% !important;
    display: block !important;
    border-right: none !important;
    text-align: center !important;
  }

  /*
    Mobilni raspored:

    [Ime 35%]               [Label/badge 65%]
    [Email 80%]             [Akcija 20%]
    [Zadnja IP 50%]         [Zadnji login 50%]
  */

/* Ime i prezime - šire polje */
.globalcp-table-responsive .login-useri tbody tr:not(.globalcp-table-light) td:nth-child(1) {
  order: 1;
  flex: 1 1 0;
  width: auto !important;
  min-width: 0;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
}

/* Label / badge - samo koliko je badge */
.globalcp-table-responsive .login-useri tbody tr:not(.globalcp-table-light) td:nth-child(3) {
  order: 2;
  flex: 0 0 auto;
  width: auto !important;
  min-width: max-content;
  justify-content: center;
  align-items: flex-end;
  text-align: right;
  border-right: none;
}

  /* E-mail adresa */
  .globalcp-table-responsive .login-useri tbody tr:not(.globalcp-table-light) td:nth-child(2) {
    order: 3;
    width: 80% !important;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    border-top: 0;
  }

  /* Akcija */
  .globalcp-table-responsive .login-useri tbody tr:not(.globalcp-table-light) td:nth-child(6) {
    order: 4;
    width: 20% !important;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-top: 0;
    border-right: none;
  }

  /* Zadnja IP adresa */
  .globalcp-table-responsive .login-useri tbody tr:not(.globalcp-table-light) td:nth-child(4) {
    order: 5;
    width: 50% !important;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    border-bottom: none;
    border-top-width: 0px !important;
    border-bottom: 3px solid #ddd;
  }

  /* Zadnji login */
  .globalcp-table-responsive .login-useri tbody tr:not(.globalcp-table-light) td:nth-child(5) {
    order: 6;
    width: 50% !important;
    justify-content: center;
    align-items: flex-end;
    text-align: right;
    border-right: none;
    border-bottom: none;
    border-top-width: 0px !important;
        border-bottom: 3px solid #ddd;

  }

  /*
    Ovo forsira da vrijednost bude gore,
    a mala labela ispod nje.
  */
  .globalcp-table-responsive .login-useri tbody tr:not(.globalcp-table-light) td > .globalcp-fw-semibold {
    display: block;
    width: 100%;
  }

  .globalcp-table-responsive .login-useri tbody tr:not(.globalcp-table-light) td > .globalcp-fs-sm {
    display: block;
    width: 100%;
    margin-top: 3px;
  }

  /*
    Popravka za postojeće text-center klase.
  */
  .globalcp-table-responsive .login-useri tbody tr:not(.globalcp-table-light) td.globalcp-globalcp-text-center,
  .globalcp-table-responsive .login-useri tbody tr:not(.globalcp-table-light) td.globalcp-text-center {
    text-align: inherit !important;
  }

  .globalcp-table-responsive .login-useri tbody tr:not(.globalcp-table-light) td.table-akcija {
    display: flex !important;
  }

  .globalcp-table-responsive .login-useri .dropdown {
    margin-left: auto;
    margin-right: auto;
  }
  
  /* KRAJ LOGIN USERI */



/* DASHBOARD */

.globalcp-card .pb0 { padding-bottom: 0px; } 
.globalcp-row.mt20 { margin-top: 20px; }
.globalcp-row.mb20 { margin-bottom: 20px !important; }
.globalcp-card-body.globalcp-p-0 { padding: 0px !important; }
.globalcp-fs-sm { font-size: 0.60rem !important; }
td.naslovincidenta { font-size: 0.75rem !important; }
td.naslovupita  { font-size: 0.75rem !important; }

.toolsdashboard .globalcp-statustext  { font-size: 0.40rem !important; }


/* SUPPORT TIKETI */

    .dropdown-menu-end.show {
        top: 35px !important;
        width: auto;
        max-width: 300px; 
        min-width: 200px;
        }
        
/* SUPPORT TIKET ODGOVOR */

.odgovor-korisnika .globalcp-card-header { flex-direction: column; }
.odgovor-korisnika .globalcp-card-header .avatariime{ flex-direction: row !important; gap:10px; width: 100%; }
.odgovor-korisnika .globalcp-card-header .detaljitiketa { display: flex; flex-direction: row !important; justify-content: space-between; gap:10px; width: 100%; }

.globalcp-btn-toolbar { flex-direction: column; gap: 10px; }
.globalcp-btn-toolbar .translatemagicOpis { width: 100% !important; }
.globalcp-btn-toolbar .translatemagicOption { width: 100% !important; }
.translatemagicfullopis { display: flex; gap: 10px; }
.translatemagicAkcije { flex-direction: column; }
.translatemagicAkcije .buttoniakcije { display: flex;     justify-content: space-between;    width: 100%;     gap: 10px;}

.novitiketopis { display: flex; gap:10px; }



/* STORE KORAK 1 DOMENE */

.spaceheader { padding: 0px !important; }

.globalcp-sidebar { max-width: 100% !important; width: auto !important; margin-top: 0px !important; margin-bottom: 20px !important; }
.globalcp-row { margin-bottom: 0px !important; }
.bodycp { max-width: 100% !important; width: 90% !important; }
.globalcp-card-body { padding: 1rem !important; }

.accordion-item input.globalcp-form-control { width: 30% !important; }
.accordion-item .globalcp-input-group { margin-bottom: 10px !important; }

.accordion-body { padding: 0.7rem; !important; }
.accordion-item .globalcp-mt-3 { margin-top: 0px !important; }

.status-domena-0 { line-height: 1.5em !important; padding:10px 15px; margin-bottom:10px; width: 100%; }
.status-domena-1 { line-height: 1.5em !important; padding:10px 15px; margin-bottom:10px; width: 100%; }
.status-domena-2 { line-height: 1.5em !important; padding:10px 15px; margin-bottom:10px; width: 100%; }
.status-domena-check { line-height: 1.5em !important; padding:10px 15px; margin-bottom:10px; width: 100%; } 

#step1DomainSelection .globalcp-mt-4 {margin-top:10px !important; }

.globalcp-form-check-input[type=radio] { width: 10% !important; max-width: 1.25rem !important; }


/* STORE KORAK 2 */

.infopodloga { display: flex !important; gap:5px; align-items: center; font-size: 12px !important; padding: 10px !important; }
.infopodloga img { max-width: 35px !important; }
.infopodloga i { font-size: 35px !important; }

.globalcp-row { gap: 10px }
.globalcp-col-4 { width: 100% !important; } /* OVDJE TREBA PROVJERITI DALJE OPREZNO */
.globalcp-card-footer { line-height: 1.5em; }
.globalcp-btn { width: 100% }
h6.globalcp-badge { max-width:100%; white-space: wrap; text-align: left; line-height: 1.4em; }
#korak2 { width: 100%; }
#dodajukorpu { width: 100%; }


/* CART */

.cartopcije { flex-direction: column; gap: 5px !important; width: 100%; }
#orderSummary .order-summary-item { min-height: auto !important; }
.domainincart {margin-bottom: 10px !important; justify-content: space-between !important; }
.hostingincart { margin-bottom: 10px !important; justify-content: space-between !important; }
.cart-item img { max-width: 35px !important; }
.swal2-popup { max-width: 90% !important; width: 90% !important; }
.swal2-container { max-width: 100% !important; inset: auto !important; width:100%; }

.nastavikupovinuheader {  }
.nastavikupovinustavke { flex-direction: column !important; gap: 5px !important; width: 100%; }
.nastavikupovinuheader-right { height: 83px !important; border-radius: 10px; padding: 10px 10px !important; width: 35% !important; padding: 10px; display: block !important; line-height: 1em !important; }
.nastavikupovinuheader-left { height: 83px !important; padding: 10px 10px !important; padding-left: 10px !important; width: 65% !important;flex-direction: unset!important; align-items: center !important; line-height: 1em !important; }
.nastavikupovinuheader-left i { font-size: 35px !important; }
.nastavikupovinuheader-left h3 { font-size: 14px !important; }
.nastavikupovinuheader-left span { font-size: 10px !important;}
.nastavikupovinuheader-right span { font-size: 10px !important; }
.nastavikupovinuheader-right h3 { font-size: 14px !important; margin-top: 5px; margin-bottom: 0px !important;}

.podijelikorpu-left { height: 83px !important; padding: 10px 10px !important; padding-left: 10px !important; width: 65% !important;flex-direction: unset!important; align-items: center !important; line-height: 1em !important; }
.podijelikorpu-right { height: 83px !important; border-radius: 10px; padding: 10px 10px !important; width: 35% !important; padding: 10px; display: block !important; line-height: 1em !important; }
inpu.podijelikorpudugme {width: 60% !important; }
.podijelikorpu-left i { font-size: 35px !important; }
.podijelikorpu-left h3 { font-size: 14px !important; }
.podijelikorpu-left span { font-size: 10px !important;}
.podijelikorpu-right span { font-size: 10px !important; }
.podijelikorpu-right h3 { font-size: 14px !important; margin-top: 5px; margin-bottom: 0px !important;}
#copyShareLink {width: 100% !important; border-radius: 0px 0px 10px 10px !important; }
input#shareLinkInput.globalcp-form-control { width: 100% !important; border-radius: 10px 10px 0px 0px !important; }

.promokodbox .globalcp-btn { width: auto !important; }
.registrant-icon::after { left: unset !important; }
.registrant-icon::before { bottom: 83% !important; left: 20% !important; }
.registrant-form-row {flex-direction: column !important;}
.registrant-modal-container { padding: 0px 10px !important; }
.registrant-form-group input, .registrant-form-group select { padding: 8px 10px !important; font-size:12px !important; }

div:where(.swal2-container).swal2-center>.swal2-popup { grid-column: 2 !important; grid-row: 2 !important; }

.select-user-cont { --gutter-y: 0px !important; }
.globalcp-nav { flex-direction: column !important; }
.globalcp-nav a {width: 100%; }

/* checkout */

.kreirajdodatnikorisnickinalog-stavke { flex-direction: column !important; gap: 5px !important; padding: 20px !important; }
.kreirajdodatnikorisnickinalog-stavke .nav-link { padding: 15px !important; }
.kreirajdodatnikorisnickinalog-right { height: 83px !important; border-radius: 10px; padding: 10px 10px !important; width: 35% !important; padding: 10px; display: block !important; line-height: 1em !important; }
.kreirajdodatnikorisnickinalog-left { height: 83px !important; padding: 10px 10px !important; padding-left: 10px !important; width: 65% !important;flex-direction: unset!important; align-items: center !important; line-height: 1em !important; }
.kreirajdodatnikorisnickinalog-left i { font-size: 35px !important; }
.kreirajdodatnikorisnickinalog-left h3 { font-size: 14px !important; }
.kreirajdodatnikorisnickinalog-left span { display: none !important;}
.kreirajdodatnikorisnickinalog-right span { font-size: 10px !important; }
.kreirajdodatnikorisnickinalog-right h3 { font-size: 14px !important; margin-top: 5px; margin-bottom: 0px !important;}
.kreirajdodatnikorisnickinalog-stavke #swalFormFields div { flex-direction: column !important; gap: 0px !important;}
.kreirajdodatnikorisnickinalog-stavke #swalFormFields div .iti__selected-flag { flex-direction: row !important; }
.kreirajdodatnikorisnickinalog-stavke #swalFormFields div .obavijestiCheckbox { flex-direction: row !important; }
.swal2-actions .globalcp-btn { width: 100% !important; }
.swal2-actions { display: flex !important; justify-content: space-between !important; max-width: 90% !important; }

.globalcp-navbar { margin-bottom: 20px !important; }
.globalcp-status-indicator-container { margin-right: 0px !important; }
.useroptionmenu { padding-right: 5px !important;}

/* KB */

.kbbox .globalcp-card { margin-bottom: 0px; }
.kbbox { margin-bottom: 20px !important; }

.searchkb .globalcp-card-body .globalcp-d-sm-flex {
flex-direction: column;
        gap: 0px;
        width: 100%;
        justify-content: center;
    }
.searchkb .globalcp-form-control-feedback {
width: 100%;
}

.searchkb .globalcp-dropdown {
width: 100%;
}
.searchkb .globalcp-ms-sm-3 {
width: 100%;
}
.kbtext img{ max-width: 100% !important; }

/* KRAJ KB */

/* CONTACT PAGE */

.contactbox .globalcp-card { margin-bottom: 0px; }
.contact { margin-bottom: 20px !important; }

.prodajabox .globalcp-card { margin-bottom: 0px; }
.prodajabox { margin-bottom: 20px !important; }
.tehbox .globalcp-card { margin-bottom: 0px; }
.tehbox { margin-bottom: 20px !important; }
.szlpbox .globalcp-card { margin-bottom: 0px; }
.szlpbox { margin-bottom: 20px !important; }
.pitanjabox .globalcp-card { margin-bottom: 0px; }
.pitanjabox { margin-bottom: 20px !important; }

/* KRAJ CONTACT PAGE*/

/* DODATNO */

.globalcp-datatable-footer {    background-color: #fff;     box-shadow: var(--card-box-shadow);     border-radius: 0px 0px 10px 10px; margin-top: -10px; border-top: 0px; }
.globalcp-card-header span { font-size: 0.75rem; }
.selectclientpage .globalcp-row { gap: 0px !important; --gutter-y: 0px !important; }

}