/**
 * Place your custom styles here.
 */

/* ── Podneti izveštaji AKT 2 (/podneti_izvestaji_act_2_0) — D7 parity ── */
.view-id-podneti_izvestaji_2_0 .view-content {
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  padding: 20px;
}

table.podneti-izvestaji-act2-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  margin-bottom: 0;
  border: 1px solid #ddd;
}

table.podneti-izvestaji-act2-table thead th {
  background: #f5f5f5;
  border-bottom: 2px solid #ddd;
  padding: 8px 12px;
  font-weight: 700;
  color: #333;
  white-space: nowrap;
  vertical-align: middle;
}

table.podneti-izvestaji-act2-table thead th a,
table.podneti-izvestaji-act2-table thead th a:visited {
  color: #333;
  text-decoration: none;
}

table.podneti-izvestaji-act2-table thead th a:hover {
  text-decoration: underline;
}

table.podneti-izvestaji-act2-table tbody td {
  padding: 8px 12px;
  border-top: 1px solid #ddd;
  vertical-align: middle;
  color: #333;
}

table.podneti-izvestaji-act2-table tbody tr:hover {
  background-color: #f9f9f9;
}

.view-id-podneti_izvestaji_2_0 .views-field-naslov-pregled a {
  font-weight: 700;
  color: #337ab7;
  text-decoration: none;
}

.view-id-podneti_izvestaji_2_0 .views-field-naslov-pregled a:hover {
  color: #23527c;
  text-decoration: underline;
}

table.podneti-izvestaji-act2-table .view_sub a {
  display: inline-block;
  padding: 5px 12px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  border-radius: 3px;
  background: #f9aa0b;
  color: #fff;
  border: 1px solid #e09a0a;
  white-space: nowrap;
}

table.podneti-izvestaji-act2-table .view_sub a:hover,
table.podneti-izvestaji-act2-table .view_sub a:focus {
  background: #e09a0a;
  color: #fff;
  text-decoration: none;
}

.view-id-podneti_izvestaji_2_0 nav.pager {
  margin-top: 1rem;
}

.view-id-podneti_izvestaji_2_0 .pagination {
  justify-content: flex-start;
  gap: 0.25rem;
  margin-bottom: 0;
}

.view-id-podneti_izvestaji_2_0 .pagination .page-link {
  color: #337ab7;
  border-color: #ddd;
  padding: 0.35rem 0.65rem;
  font-size: 0.875rem;
}

.view-id-podneti_izvestaji_2_0 .pagination .page-item.active .page-link {
  background-color: #337ab7;
  border-color: #337ab7;
  color: #fff;
}

/* ── Prijave AKT 2 (/prijave_act_2_0) — D7 parity ── */
.view-id-submissions_so_far_act_2 .view-content {
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  padding: 20px;
}

table.prijave-act2-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  margin-bottom: 0;
  border: 1px solid #ddd;
}

table.prijave-act2-table thead th {
  background: #f5f5f5;
  border-bottom: 2px solid #ddd;
  padding: 8px 12px;
  font-weight: 700;
  color: #333;
  white-space: nowrap;
  vertical-align: middle;
}

table.prijave-act2-table thead th a,
table.prijave-act2-table thead th a:visited {
  color: #333;
  text-decoration: none;
}

table.prijave-act2-table thead th a:hover {
  text-decoration: underline;
}

table.prijave-act2-table tbody td {
  padding: 8px 12px;
  border-top: 1px solid #ddd;
  vertical-align: middle;
  color: #333;
}

table.prijave-act2-table tbody tr:hover {
  background-color: #f9f9f9;
}

table.prijave-act2-table .view_sub a {
  display: inline-block;
  padding: 5px 12px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  border-radius: 3px;
  background: #f9aa0b;
  color: #fff;
  border: 1px solid #e09a0a;
  white-space: nowrap;
}

table.prijave-act2-table .view_sub a:hover,
table.prijave-act2-table .view_sub a:focus {
  background: #e09a0a;
  color: #fff;
  text-decoration: none;
}

.view-id-submissions_so_far_act_2 nav.pager {
  margin-top: 1rem;
}

.view-id-submissions_so_far_act_2 .pagination {
  justify-content: flex-start;
  gap: 0.25rem;
  margin-bottom: 0;
}

.view-id-submissions_so_far_act_2 .pagination .page-link {
  color: #337ab7;
  border-color: #ddd;
  padding: 0.35rem 0.65rem;
  font-size: 0.875rem;
}

.view-id-submissions_so_far_act_2 .pagination .page-item.active .page-link {
  background-color: #337ab7;
  border-color: #337ab7;
  color: #fff;
}

/* ── Plan razvoja organizacije (/plan_razvoja_organizacije) — D7 parity ── */
.view-id-plan_razvoja_organizacije .view-content {
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  padding: 20px;
}

table.plan-razvoja-org-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  margin-bottom: 0;
  border: 1px solid #ddd;
}

table.plan-razvoja-org-table thead th {
  background: #f5f5f5;
  border-bottom: 2px solid #ddd;
  padding: 8px 12px;
  font-weight: 700;
  color: #333;
  white-space: nowrap;
  vertical-align: middle;
}

table.plan-razvoja-org-table tbody td {
  padding: 8px 12px;
  border-top: 1px solid #ddd;
  vertical-align: middle;
  color: #333;
}

table.plan-razvoja-org-table tbody tr:hover {
  background-color: #f9f9f9;
}

.view-id-plan_razvoja_organizacije .views-field-naslov-pregled a {
  font-weight: 700;
  color: #337ab7;
  text-decoration: none;
}

.view-id-plan_razvoja_organizacije .views-field-naslov-pregled a:hover {
  color: #23527c;
  text-decoration: underline;
}

table.plan-razvoja-org-table .view_sub a {
  display: inline-block;
  padding: 5px 12px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  border-radius: 3px;
  background: #f9aa0b;
  color: #fff;
  border: 1px solid #e09a0a;
  white-space: nowrap;
}

table.plan-razvoja-org-table .view_sub a:hover,
table.plan-razvoja-org-table .view_sub a:focus {
  background: #e09a0a;
  color: #fff;
  text-decoration: none;
}

table.plan-razvoja-org-table .pdf_data a {
  color: #337ab7;
  text-decoration: none;
  font-weight: 600;
}

table.plan-razvoja-org-table .pdf_data a:hover {
  text-decoration: underline;
}

.view-id-plan_razvoja_organizacije nav.pager {
  margin-top: 1rem;
}

.view-id-plan_razvoja_organizacije .pagination {
  justify-content: flex-start;
  gap: 0.25rem;
  margin-bottom: 0;
}

.view-id-plan_razvoja_organizacije .pagination .page-link {
  color: #337ab7;
  border-color: #ddd;
  padding: 0.35rem 0.65rem;
  font-size: 0.875rem;
}

.view-id-plan_razvoja_organizacije .pagination .page-item.active .page-link {
  background-color: #337ab7;
  border-color: #337ab7;
  color: #fff;
}

/* ── Lista urađenih procena potreba (/lista_uradjenih_procena_potreba) — D7 parity ── */
.view-id-lista_organizacije_ije_ste_procene_potreba_uradili .view-content {
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  padding: 20px;
}

table.procena-uradjene-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  margin-bottom: 0;
  border: 1px solid #ddd;
}

table.procena-uradjene-table thead th {
  background: #f5f5f5;
  border-bottom: 2px solid #ddd;
  padding: 8px 12px;
  font-weight: 700;
  color: #333;
  white-space: nowrap;
  vertical-align: middle;
}

table.procena-uradjene-table thead th a,
table.procena-uradjene-table thead th a:visited {
  color: #333;
  text-decoration: none;
}

table.procena-uradjene-table thead th a:hover {
  text-decoration: underline;
}

table.procena-uradjene-table tbody td {
  padding: 8px 12px;
  border-top: 1px solid #ddd;
  vertical-align: middle;
  color: #333;
}

table.procena-uradjene-table tbody tr:hover {
  background-color: #f9f9f9;
}

table.procena-uradjene-table .view_sub a {
  display: inline-block;
  padding: 5px 12px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  border-radius: 3px;
  background: #f9aa0b;
  color: #fff;
  border: 1px solid #e09a0a;
  white-space: nowrap;
}

table.procena-uradjene-table .view_sub a:hover,
table.procena-uradjene-table .view_sub a:focus {
  background: #e09a0a;
  color: #fff;
  text-decoration: none;
}

table.procena-uradjene-table .pdf_data a {
  color: #337ab7;
  text-decoration: none;
  font-weight: 600;
}

table.procena-uradjene-table .pdf_data a:hover {
  text-decoration: underline;
}

/* ── Procena potreba 2024 (/procena_potreba_2024) — D7 parity ── */
.view-id-mentori_2024_pregled .view-content {
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  padding: 20px;
}

table.procena-potreba-2024-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  margin-bottom: 0;
  border: 1px solid #ddd;
}

table.procena-potreba-2024-table thead th {
  background: #f5f5f5;
  border-bottom: 2px solid #ddd;
  padding: 8px 12px;
  font-weight: 700;
  color: #333;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
}

table.procena-potreba-2024-table thead th a,
table.procena-potreba-2024-table thead th a:visited {
  color: #333;
  text-decoration: none;
}

table.procena-potreba-2024-table thead th a:hover {
  text-decoration: underline;
}

table.procena-potreba-2024-table tbody td {
  padding: 8px 12px;
  border-top: 1px solid #ddd;
  vertical-align: middle;
  color: #333;
  text-align: center;
}

table.procena-potreba-2024-table tbody tr:hover {
  background-color: #f9f9f9;
}

table.procena-potreba-2024-table tbody td a {
  color: #337ab7;
  text-decoration: none;
  font-weight: 600;
}

table.procena-potreba-2024-table tbody td a:hover {
  text-decoration: underline;
}

/* ── Planovi razvoja AKT 2 (/planovi-razvoja-akt2) — D7 parity ── */
.view-id-planovi_razvoja_dodeljenih_organizacija .view-content {
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  padding: 20px;
}

table.planovi-razvoja-akt2-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  margin-bottom: 0;
  border: 1px solid #ddd;
}

table.planovi-razvoja-akt2-table thead th {
  background: #f5f5f5;
  border-bottom: 2px solid #ddd;
  padding: 8px 12px;
  font-weight: 700;
  color: #333;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
}

table.planovi-razvoja-akt2-table thead th a,
table.planovi-razvoja-akt2-table thead th a:visited {
  color: #333;
  text-decoration: none;
}

table.planovi-razvoja-akt2-table thead th a:hover {
  text-decoration: underline;
}

table.planovi-razvoja-akt2-table tbody td {
  padding: 8px 12px;
  border-top: 1px solid #ddd;
  vertical-align: middle;
  color: #333;
  text-align: center;
}

table.planovi-razvoja-akt2-table tbody tr:hover {
  background-color: #f9f9f9;
}

table.planovi-razvoja-akt2-table tbody td a {
  color: #337ab7;
  text-decoration: none;
}

table.planovi-razvoja-akt2-table tbody td a:hover {
  text-decoration: underline;
}

/* ── Terenska poseta AKT 2 (/terenskaposetaakt2) — D7 parity ── */
.view-id-terenska_poseta_akt2 .view-content {
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  padding: 20px;
}

table.terenska-poseta-akt2-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  border: 1px solid #c8d4e3;
  margin-bottom: 2rem;
}

table.terenska-poseta-akt2-table.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  background-color: #ffffff;
  color: #2d3748;
}

table.terenska-poseta-akt2-table.table-striped > tbody > tr:nth-of-type(even) > * {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  background-color: #f0f5fb;
  color: #2d3748;
}

table.terenska-poseta-akt2-table thead tr {
  background-color: #2c5f9e;
  color: #ffffff;
}

table.terenska-poseta-akt2-table thead th {
  padding: 9px 12px;
  text-align: center;
  font-weight: 600;
  font-size: 12.5px;
  border: 1px solid #1e4a80;
  white-space: nowrap;
  vertical-align: middle;
  color: #ffffff;
  background-color: #2c5f9e;
  position: relative;
  z-index: 2;
  box-shadow: inset 0 -1px 0 #1e4a80;
}

table.terenska-poseta-akt2-table thead th a,
table.terenska-poseta-akt2-table thead th a:visited {
  color: #ffffff;
  text-decoration: none;
}

table.terenska-poseta-akt2-table thead th a:hover {
  text-decoration: underline;
  color: #d4e8ff;
}

table.terenska-poseta-akt2-table thead th.views-field a.active:after,
table.terenska-poseta-akt2-table thead th.active a:after {
  color: #f9d44a;
}

table.terenska-poseta-akt2-table tbody td {
  padding: 8px 12px;
  border: 1px solid #dde6f0;
  vertical-align: middle;
  color: #2d3748;
  text-align: center;
}

table.terenska-poseta-akt2-table a.startmeup:link,
table.terenska-poseta-akt2-table a.startmeup:visited {
  color: #ffffff !important;
}

/* ── Terenske provere AKT 2 (/lista-terenskihprovera-akt-2) — D7 parity ── */
.view-id-lista_terenskihprovera_akt_2 .view-content {
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  padding: 20px;
}

table.terenski-provera-akt2-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  border: 1px solid #c8d4e3;
  margin-bottom: 2rem;
}

table.terenski-provera-akt2-table > caption {
  color: #3498db;
  text-align: center;
  font-size: xx-large;
  font-family: sans-serif;
  font-weight: 700;
  caption-side: top;
  padding: 0.75rem 0 1rem;
  background: transparent;
}

table.terenski-provera-akt2-table.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  background-color: #ffffff;
  color: #2d3748;
}

table.terenski-provera-akt2-table.table-striped > tbody > tr:nth-of-type(even) > * {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  background-color: #f0f5fb;
  color: #2d3748;
}

table.terenski-provera-akt2-table thead tr {
  background-color: #2c5f9e;
  color: #ffffff;
}

table.terenski-provera-akt2-table thead th {
  padding: 9px 12px;
  text-align: center;
  font-weight: 600;
  font-size: 12.5px;
  border: 1px solid #1e4a80;
  white-space: nowrap;
  vertical-align: middle;
  color: #ffffff;
  background-color: #2c5f9e;
}

table.terenski-provera-akt2-table thead th a,
table.terenski-provera-akt2-table thead th a:visited {
  color: #ffffff;
  text-decoration: none;
}

table.terenski-provera-akt2-table thead th a:hover {
  text-decoration: underline;
  color: #d4e8ff;
}

table.terenski-provera-akt2-table thead th.views-field a.active:after,
table.terenski-provera-akt2-table thead th.active a:after {
  color: #f9d44a;
}

table.terenski-provera-akt2-table tbody td {
  padding: 8px 12px;
  border: 1px solid #dde6f0;
  vertical-align: middle;
  color: #2d3748;
  text-align: center;
}

table.terenski-provera-akt2-table tbody tr:hover {
  background-color: #dbeafe;
}

table.terenski-provera-akt2-table .view_sub a,
table.terenski-provera-akt2-table .pdf_data a {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

table.terenski-provera-akt2-table .view_sub a {
  background-color: #2c5f9e;
  color: #ffffff;
  border: 1px solid #1e4a80;
}

table.terenski-provera-akt2-table .view_sub a:hover {
  background-color: #1e4a80;
}

table.terenski-provera-akt2-table .pdf_data a {
  background-color: #e74c3c;
  color: #ffffff;
  border: 1px solid #c0392b;
}

table.terenski-provera-akt2-table .pdf_data a:hover {
  background-color: #c0392b;
}

/* ── Mentorski / trenerski izveštaji: klasična tabela (D7 parity) ── */
.view-id-lista_mentori_webform_submisson .view-content,
.view-id-va_i_mentorski_izve_taji .view-content,
.view-id-lista_treneri_webform_submisson .view-content {
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  padding: 20px;
}

table.mentorski-izvestaji-table,
table.trenerski-izvestaji-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  border: 1px solid #c8d4e3;
  margin-bottom: 2rem;
}

/* Grupisanje po organizaciji — D7 caption iznad svake tabele */
table.mentorski-izvestaji-table > caption,
table.trenerski-izvestaji-table > caption {
  color: #3498db;
  text-align: center;
  font-size: xx-large;
  font-family: sans-serif;
  font-weight: 700;
  caption-side: top;
  padding: 0.75rem 0 1rem;
  background: transparent;
}

/* Bootstrap table-striped ne sme pregaziti D7 zebra boje */
table.mentorski-izvestaji-table.table-striped > tbody > tr:nth-of-type(odd) > *,
table.trenerski-izvestaji-table.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  background-color: #ffffff;
  color: #2d3748;
}

table.mentorski-izvestaji-table.table-striped > tbody > tr:nth-of-type(even) > *,
table.trenerski-izvestaji-table.table-striped > tbody > tr:nth-of-type(even) > * {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  background-color: #f0f5fb;
  color: #2d3748;
}

table.mentorski-izvestaji-table thead tr,
table.trenerski-izvestaji-table thead tr {
  background-color: #2c5f9e;
  color: #ffffff;
}

table.mentorski-izvestaji-table thead th,
table.trenerski-izvestaji-table thead th {
  padding: 9px 12px;
  text-align: left;
  font-weight: 600;
  font-size: 12.5px;
  border: 1px solid #1e4a80;
  white-space: nowrap;
  vertical-align: middle;
}

/* Sort linkovi u headeru ostaju bijeli */
table.mentorski-izvestaji-table thead th a,
table.mentorski-izvestaji-table thead th a:visited,
table.trenerski-izvestaji-table thead th a,
table.trenerski-izvestaji-table thead th a:visited {
  color: #ffffff;
  text-decoration: none;
}

table.mentorski-izvestaji-table thead th a:hover,
table.trenerski-izvestaji-table thead th a:hover {
  text-decoration: underline;
  color: #d4e8ff;
}

/* Strelice za sortiranje */
table.mentorski-izvestaji-table thead th.views-field a.active:after,
table.mentorski-izvestaji-table thead th.active a:after,
table.trenerski-izvestaji-table thead th.views-field a.active:after,
table.trenerski-izvestaji-table thead th.active a:after {
  color: #f9d44a;
}

/* Tijelo tabele */
table.mentorski-izvestaji-table tbody tr,
table.trenerski-izvestaji-table tbody tr {
  background-color: #ffffff;
  border-bottom: 1px solid #dde6f0;
}

table.mentorski-izvestaji-table tbody tr:nth-child(even),
table.trenerski-izvestaji-table tbody tr:nth-child(even) {
  background-color: #f0f5fb;
}

table.mentorski-izvestaji-table tbody tr:hover,
table.trenerski-izvestaji-table tbody tr:hover {
  background-color: #dbeafe;
}

table.mentorski-izvestaji-table tbody td,
table.trenerski-izvestaji-table tbody td {
  padding: 8px 12px;
  border: 1px solid #dde6f0;
  vertical-align: middle;
  color: #2d3748;
}

/* Grupisanje po organizaciji — heading iznad grupe redova */
table.mentorski-izvestaji-table .views-table-grouping-header td,
table.mentorski-izvestaji-table tbody tr.views-group-header td,
table.trenerski-izvestaji-table .views-table-grouping-header td,
table.trenerski-izvestaji-table tbody tr.views-group-header td {
  background-color: #e8f0fb;
  font-weight: 700;
  color: #1e3a6e;
  border-top: 2px solid #2c5f9e;
  padding: 6px 12px;
}

/* Dugmad (Pogledaj / PDF) */
table.mentorski-izvestaji-table .view_sub a,
table.mentorski-izvestaji-table .pdf_data a,
table.mentorski-izvestaji-table .views-field-mentorski-pogledaj a,
table.mentorski-izvestaji-table .views-field-mentorski-pdf a,
table.trenerski-izvestaji-table .view_sub a,
table.trenerski-izvestaji-table .pdf_data a,
table.trenerski-izvestaji-table .views-field-trenerski-pogledaj a,
table.trenerski-izvestaji-table .views-field-trenerski-pdf a {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

table.mentorski-izvestaji-table .view_sub a,
table.mentorski-izvestaji-table .views-field-mentorski-pogledaj a,
table.trenerski-izvestaji-table .view_sub a,
table.trenerski-izvestaji-table .views-field-trenerski-pogledaj a {
  background-color: #2c5f9e;
  color: #fff;
  border: 1px solid #1e4a80;
}

table.mentorski-izvestaji-table .view_sub a:hover,
table.mentorski-izvestaji-table .views-field-mentorski-pogledaj a:hover,
table.trenerski-izvestaji-table .view_sub a:hover,
table.trenerski-izvestaji-table .views-field-trenerski-pogledaj a:hover {
  background-color: #1e4a80;
}

table.mentorski-izvestaji-table .pdf_data a,
table.mentorski-izvestaji-table .views-field-mentorski-pdf a,
table.trenerski-izvestaji-table .pdf_data a,
table.trenerski-izvestaji-table .views-field-trenerski-pdf a {
  background-color: #e53e3e;
  color: #fff;
  border: 1px solid #c53030;
}

table.mentorski-izvestaji-table .pdf_data a:hover,
table.mentorski-izvestaji-table .views-field-mentorski-pdf a:hover,
table.trenerski-izvestaji-table .pdf_data a:hover,
table.trenerski-izvestaji-table .views-field-trenerski-pdf a:hover {
  background-color: #c53030;
}

/* Poravnanje centralnih kolona */
table.mentorski-izvestaji-table .views-align-center,
table.trenerski-izvestaji-table .views-align-center {
  text-align: center;
}
/* ── kraj: mentorski/trenerski izveštaji tabele ─────────────────────────── */

 body:not(.toolbar) { 
  padding-top: 5px!important;
}

/* flex u body i main-container dodatat je kako bi footer bio na */
body{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  display:flex;
  flex-direction:column;
  min-height:100vh;
  flex-direction:column; 
  /* font-size: 16px; */
}
.main-container {
  flex:1;
}
.fred {
  padding: 2px 10px;
  /* background: yellow; */
}
.sm-nowrap {
  background: #f8f8f8; 
}

.bob .view-content .views-row {
  /* border-bottom: 1px solid #ffcccc; */
  display: flex;
}
.bob .view-content .views-row:hover {
  background: #e7e7e7;
}
.bob .view-content .views-row .views-field-php {
  order: 2;
 /* margin-left: 6px;
  padding-top: 10px;*/
}
.bob .view-content .views-row .views-field-image-url { 
  order: 1;
}

.bob .view-content .views-row .field-image-url {
  margin-bottom: 10px;
  /* order: 10; */
}

#image_pr {
  border: 1px solid #b17d7d;
}

#main_box {
  padding: 5px;;
}
#main_box h1 {
  font-size: 30px;
}
span#fund_info {
  font-weight: bold;
}
#main_box p:last-child {
  text-align: justify;
}
.markok a {
  color: #555;
}
.markok a:hover {
  text-decoration: none;
}

.views-row-odd, .views-row-even {
  /* margin-bottom: 20px; */
}

.views-row-odd .field-content, .views-row-even .field-content {
  font-weight: bold;	
}

.evalbtn {
  background-color: #cb181d;
  color: white;
  text-decoration: none;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.panel-default#panel-amount-sought,
.panel-default#panel-amount-budget,
.panel-default#panel-infoses-count, 
.panel-default#panel-infoses-participants {
	border: none;
}

#panel-amount-sought .panel-heading, 
#panel-amount-budget .panel-heading, 
#panel-infoses-count .panel-heading,
#panel-infoses-participants .panel-heading {
    background-color: #ffffff;
    border: none;
    font-size: 20px;
    color: #E92733;
    font-weight: bold;
    text-align: center;
    font-family: 'DINPro', sans-serif;
    padding-bottom: 0;
}

#panel-amount-sought .panel-body, 
#panel-amount-budget .panel-body, 
#panel-infoses-count .panel-body,
#panel-infoses-participants .panel-body {
    font-size: 90px;
    color: #E92733;
    font-weight: bold;
    text-align: center;
    font-family: 'DINPro', sans-serif;
    padding-top: 0;
}

.img-placeholder {
	text-align: center;
}

.above-panel-img {
	width: 130px;
}
.nav > li > a {
    /* padding: 10px 10px !important; */
}

/* WEBFORM STYLE */

.node-webform .panel{
  /* border: 1px solid white; */
  padding:10px;
  border:0;
  box-shadow:0 0 15px 4px rgba(0,0,0,0.06);
  border-radius: 18px;
}

.node-webform .form-control{
  font-size: 16px;
  padding: 0 6px;
}

.node-webform input.form-control{
  /* padding: 0px 18px; */
  /* background: #FFFFFF; */
  border: 1px solid #8A9799;
  border-radius: 4px !important;
  height: 48px !important;
}

.node-webform select.form-control {
  /* padding: 0px 18px; */
  background: #FFFFFF;
  border: 1px solid #8A9799;
  /* border-radius: 4px !important; */
  height: 48px;
}
.node-webform div.form-control {
  padding: 12px 18px;
  background: #FFFFFF;
  border: 1px solid #8A9799;
  /* border-radius: 4px !important; */
  height: 48px;
}
.node-webform input.form-file {
  padding: 12px 18px;
  background: #FFFFFF;
  border: 1px solid #8A9799;
  /* border-radius: 4px !important; */
  height: 48px !important;
}
.node-webform .input-group-addon {

  background: #f9aa0b;
  color:white;
  border: 1px solid #8A9799;
}



.node-webform .input-group input.form-control:first-child{
  border-right: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.node-webform .input-group-addon + input.form-control{
  border-left: 0px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.node-webform .input-group-addon:first-child{border-right:0}
.node-webform .input-group-addon:last-child{border-left:0}

.node-webform label{
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #4D4D4F;
}

.node-webform{
  background: #FFFFFF;
  /* border: 1px solid #E2E8E9; */
  /* box-shadow: 0px 0px 12px rgb(170 185 188 / 22%); */
  /* box-shadow:0 0 15px 4px rgba(0,0,0,0.06); */

  border-radius: 24px;
  padding: 10px 5px;
}
.node-webform .form-actions{
  text-align:end;
  padding-right: 30px;
  padding-left: 30px;
  display: flex;
  align-items: baseline;
}
.node-webform .panel-title{
  font-weight: 700;
  font-size: 20px;
  line-height: 36px;
  /* letter-spacing: -0.03em; */
  color: #4D4D4F;
  /* background-color: #fff; */
}
.node-webform .panel-heading{
 
  background-color: #fff ;
}
/* .node-webform .panel-title{
  font-size: 20px;
} */
/* .webform-progressbar{
height: 8px !important;
background: #E2E8E9 !important;
border-radius: 30px !important;
}
.webform-progressbar-page.current {
  background-color:  #E2E8E9 !important;
}
.webform-progressbar-page.completed {
  background-color: #E2E8E9 !important;

} */

.node-webform .webform-progressbar{
  /* float:left;
  width:100%; */
}
.node-webform .webform-progressbar-inner {
  height: 13px;
  background-color: #f9aa0b;
  border-radius: 30px;
  margin-left: 0;
  margin-right: 0;


  /* border-top-left-radius: 30px;
  border-bottom-left-radius: 30px; */
 /* height: 3px;*/
}
.node-webform .webform-progressbar-outer {
  height: 14px;
  border-radius: 30px;
  border: 1px solid #f9aa0b;
  margin-left: 0;
  margin-right: 0;
 

}
.node-webform .webform-progressbar-page.completed {
  background-color: #f9aa0b;

}
.node-webform .webform-progressbar-page.current {
  background-color: #f9aa0b;
}
.node-webform .webform-progressbar-page{
  display:none;
}
.node-webform .webform-next ,.node-webform .webform-previous,.node-webform .webform-draft,.node-webform .webform-submit  {

  background: #f9aa0b;
  box-shadow: 0px 4px 12px rgba(63, 29, 1, 0.15);
  border-radius: 4px;
  padding:12px;
  color:white;
  border:1px solid #f9aa0b;
  margin-right:5px;
  font-weight: bold;
}
.node-webform .webform-next:link,.node-webform .webform-next:active,.node-webform .webform-next:hover,.node-webform .webform-next:focus,.node-webform .webform-next:active:focus ,
.node-webform .webform-previous:hover ,.node-webform .webform-previous:active ,.node-webform .webform-previous:focus ,.node-webform .webform-previous:active:focus ,.node-webform .webform-previous:link,
.node-webform .webform-draft:hover,.node-webform .webform-draft:active,.node-webform .webform-draft:focus,.node-webform .webform-draft:visited,.node-webform .webform-draft:active:focus,
.node-webform .webform-submit:hover,.node-webform .webform-submit:active,.node-webform .webform-submit:focus,.node-webform .webform-submit:visited,.node-webform .webform-submit:active:focus{

  background: white;
  box-shadow: 0px 4px 12px rgba(63, 29, 1, 0.15);
  border-radius: 4px;
  padding:12px;
  color:#f9aa0b;
  border:1px solid #f9aa0b;
}
.node-webform .form-managed-file .form-submit{
  background: #f9aa0b;
  height: 48px;
  color: white;
  border: none;
}
/* .input-group-btn .form-submit{
  background: #f9aa0b;
  height: unset !important;
  color: white;
  border: none;
} */
.node-webform .chosen-container{

    /* padding: 12px 18px; */
    background: #FFFFFF;
    border: 1px solid #8A9799;
    border-radius: 4px !important;
    height: auto;
    width: 100% !important;
    
}

.chosen-container-multi .chosen-choices{

  /* border: 1px solid #f9aa0b; */
}

.chosen-container-multi .chosen-choices li.search-choice{
 
  /* color: #f9aa0b;
  background: white; */
  /* border: 1px solid #f9aa0b; */

}
.node-webform .chosen-container .chosen-results li.highlighted{
  background: #f9aa0b;
  color: white;
  
}


.node-webform .help-block a{
  color: #f9aa0b;
}

.node-webform div.form-control:not(.chosen-container) {
  padding: 12px 18px;
  background: #FFFFFF;
  border: 1px solid #8A9799;
  /* border-radius: 4px !important; */
  height: 48px !important;
}
.node-webform .chosen-container {
  padding: 12px 18px;
  background: #FFFFFF;
  border: 1px solid #8A9799;
  border-radius: 4px !important;
  height: auto;
  width: 100% !important;
}


/* Samo interaktivna forma na čvoru — ne HTML/YAML/table pregled prijave. */
.webform-submission:not([class*="webform-submission--view-mode-"]) .panel {
 
  padding:10px;
  border:0;
  box-shadow:0 0 15px 4px rgba(0,0,0,0.06);
  border-radius: 18px;
}
.webform-submission:not([class*="webform-submission--view-mode-"]) .panel .panel:first-of-type{
 
  margin-top: 20px;
}


.webform-submission:not([class*="webform-submission--view-mode-"]) .form-control {
  font-size: 16px;
  padding: 0 6px;
}

.webform-submission:not([class*="webform-submission--view-mode-"]) input.form-control {

  border: 1px solid #8A9799;
  border-radius: 4px !important;
  height: 48px !important;
}

.webform-submission:not([class*="webform-submission--view-mode-"]) select.form-control {

  background: #FFFFFF;
  border: 1px solid #8A9799;
  height: 48px;
}
.webform-submission:not([class*="webform-submission--view-mode-"]) div.form-control:not(.chosen-container) {
  padding: 12px 18px;
  background: #FFFFFF;
  border: 1px solid #8A9799;
  height: 48px !important;
}
.webform-submission:not([class*="webform-submission--view-mode-"]) input.form-file {
  padding: 12px 18px;
  background: #FFFFFF;
  border: 1px solid #8A9799;
  height: 48px !important;
}
.webform-submission:not([class*="webform-submission--view-mode-"]) .input-group-addon {

  background: #f9aa0b;
  color:white;
  border: 1px solid #8A9799;
}



.webform-submission:not([class*="webform-submission--view-mode-"]) .input-group input.form-control:first-child {
  border-right: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.webform-submission:not([class*="webform-submission--view-mode-"]) .input-group-addon + input.form-control{
  border-left: 0px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.webform-submission:not([class*="webform-submission--view-mode-"]) .input-group-addon:first-child{border-right:0}
.webform-submission:not([class*="webform-submission--view-mode-"]) .input-group-addon:last-child{border-left:0}

.webform-submission:not([class*="webform-submission--view-mode-"]) label {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #4D4D4F;
}

.webform-submission:not([class*="webform-submission--view-mode-"]) {
  background: #FFFFFF;
  border-radius: 24px;
  padding: 10px 5px;
}
.webform-submission:not([class*="webform-submission--view-mode-"]) .form-actions {
  text-align:end;
  padding-right: 30px;
  padding-left: 30px;
  display: flex;
  align-items: baseline;
}
.webform-submission:not([class*="webform-submission--view-mode-"]) .panel-title{
  font-weight: 700;
  font-size: 20px;
  line-height: 36px;
  color: #4D4D4F;
 
}
.webform-submission:not([class*="webform-submission--view-mode-"]) .panel-heading{
 
  background-color: #fff ;
}
.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-progressbar-inner{ 
  height: 13px;
  background-color: #f9aa0b;
  border-radius: 30px;
  margin-left: 0;
  margin-right: 0;

}
.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-progressbar-outer {
  height: 14px;
  border-radius: 30px;
  border: 1px solid #f9aa0b;
  margin-left: 0;
  margin-right: 0;
 

}
.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-progressbar-page.completed {
  background-color: #f9aa0b;

}
.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-progressbar-page.current {
  background-color: #f9aa0b;
}
.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-progressbar-page {
  display:none;
}

.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-next ,.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-previous,.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-draft,.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-submit  {

  background: #f9aa0b;
  box-shadow: 0px 4px 12px rgba(63, 29, 1, 0.15);
  border-radius: 4px;
  padding:12px;
  color:white;
  border:1px solid #f9aa0b;
  margin-right:5px;
  font-weight: bold;
}

.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-next:link,.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-next:active,.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-next:hover,.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-next:focus,.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-next:active:focus ,
.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-previous:hover ,.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-previous:active ,.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-previous:focus ,.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-previous:active:focus ,.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-previous:link,
.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-draft:hover,.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-draft:active,.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-draft:focus,.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-draft:visited,.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-draft:active:focus,
.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-submit:hover,.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-submit:active,.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-submit:focus,.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-submit:visited,.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-submit:active:focus
{

  background: white;
  box-shadow: 0px 4px 12px rgba(63, 29, 1, 0.15);
  border-radius: 4px;
  padding:12px;
  color:#f9aa0b;
  border:1px solid #f9aa0b;
}
.webform-submission:not([class*="webform-submission--view-mode-"]) .form-managed-file .form-submit{
  background: #f9aa0b;
  height: 48px;
  color: white;
  border: none;
}

.webform-submission:not([class*="webform-submission--view-mode-"]) .chosen-container{

   
    background: #FFFFFF;
    border: 1px solid #8A9799;
    border-radius: 4px !important;
    height: auto;
    width: 100% !important;
    
}

.webform-submission:not([class*="webform-submission--view-mode-"]) .chosen-container .chosen-results li.highlighted{
  background: #f9aa0b;
  color: white;
  
}


.webform-submission:not([class*="webform-submission--view-mode-"]) .help-block a{
  color: #f9aa0b;
}

.webform-submission:not([class*="webform-submission--view-mode-"]) .webform-page{
  
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
}
.webform-submission:not([class*="webform-submission--view-mode-"]) .chosen-container {
  padding: 12px 18px;
  background: #FFFFFF;
  border: 1px solid #8A9799;
  border-radius: 4px !important;
  height: auto;
  width: 100% !important;
}



/*  SUPERFISH SIMPLE STYLE */

.region-navigation{
  /* float:left; */
}
#block-superfish-1{
  width: auto;
  float: left;
}
#block-superfish-2{
  width: auto;
  float: right;
}

.sf-menu.sf-style-simple{
  max-width: 1300px;
}

.sf-menu .middle{
  left:0;
}

.sf-menu.sf-style-simple a, .sf-menu.sf-style-simple a:visited  {
  
    color:#3d4856;
    font-weight: bold;
    font-size: 16px;
   
}
.sf-menu.sf-style-simple li {
    /* box color for top-level menu items */
    background:white;
    border:1px solid white !important;
}

.sf-menu.sf-style-simple li li {
    /* box color for second-level menu items */
    background:white;
    /* border-left: #4D4D4F; */
    
}
.sf-menu.sf-style-simple li li li {
    /* box color for third-level menu items */
    background:white;
}
.sf-menu.sf-style-simple li:hover, .sf-menu.sf-style-simple li.sfHover,
.sf-menu.sf-style-simple a:focus, .sf-menu.sf-style-simple a:hover, .sf-menu a:active {

    background:     white;
    outline: 0;
    color: #f9aa0b;
    text-decoration: none;
    
}

.sf-menu.sf-style-simple a:focus, .sf-menu.sf-style-simple a:hover, .sf-menu.sf-style-simple a:active, .sf-menu.sf-style-simple li:hover > a, .sf-menu.sf-style-simple li.sfHover > a, .sf-menu.sf-style-simple span.nolink:hover, .sf-menu.sf-style-simple li:hover > span.nolink, .sf-menu.sf-style-simple li.sfHover > span.nolink {
	color: #f9aa0b;
}
.sf-menu.sf-style-simple a > .sf-sub-indicator, .sf-menu.sf-style-simple span.nolink > .sf-sub-indicator {
  top: 1.8em;
  color: #f9aa0b
  
}

.sf-menu.sf-style-simple a.sf-with-ul, .sf-menu.sf-style-simple span.nolink.sf-with-ul {
  padding-right: 1.6em;
}
.sf-menu.sf-style-simple li li .sf-sub-indicator, .sf-menu.sf-style-simple li li a > .sf-sub-indicator, .sf-menu.sf-style-simple li li span.nolink > .sf-sub-indicator {
  top: 1.25em;
  color: #f9aa0b;
}

.sf-menu .bob .view-content .views-row:hover {
  background: white;
}

.sf-menu .markok{
  margin: 0;
}

.sf-menu .fund-img{
  display: none;
}

.sf-menu .bob .views-row{
  margin-bottom: 0px;
}

.block-superfish a.far:before, .block-superfish a.fas:before{
  font-family: "Open Sans", "Font Awesome 5 Free";
  font-weight: 600;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-right: 5px;

}
.far:before, .fas:before{
 
  margin-right: 5px;

}
#superfish-2 a{
 
  /* padding-top: 0px;
  padding-bottom: 0px; */
  

}
#superfish-2{
  float:right;
}

/* views */

.view-content{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 20px;
 /* font-size: 18px;*/
}

.bob .view-content{
  box-shadow: unset;
  padding: 0px;
}

/* navbar style */

#navbar {
  background: #fff;
  border-radius: 4px;
  padding: 12px 18px;
  width: 100%;
  border-top: #f8f8f8;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  margin-top: 0px;
}


#navbar .container {
  /* width: 95%; */
  margin: 0 auto;
}


/* nav */
.nav-tabs > li > a {
  color:#3d4856;
  font-weight: bold;
  /* font-size: 16px; */
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #777777;
  font-weight: normal;
 
}

.footer.container{
  width: 100%;
}
footer{
  background: #4D4D4F;
  color: #fff;
  /* position:absolute;
  bottom:0; */
}
footer a{ 
  color: #fff;
}
footer a:hover{ 
  color: #fff;
  text-decoration: underline;
}
#main_footer{
  width: 90%;
  margin: 0 auto;
  font-size: 18px;
  display: flex;
  justify-content: space-between;
 
  flex-direction: row;
  align-items: flex-end;
  /* padding-top: 50px;
  padding-bottom: 50px; */
}

#catalyst_footer{
  margin-top:20px;
}

#catalyst_footer img {
 /* width:  auto !important;; 
  height: auto !important;*/
}



@media screen and (max-width: 550px) {
  .progress {
    height: 14px;
  }
  /* #first-badge, #second-badge, #third-badge {
    width: 50px;
    top: -18px;
  } */

  /*#first-badge {
    left: 28%;
  }
  #third-badge {
    left: 79%;
  }*/
  }
  @media screen and (max-width: 768px) {

    .node-webform{
      padding: 0;
    }
    .node-webform .panel-title{
      font-size: px;
    }
    #main_footer{
      flex-direction: column;
      align-items: start;
    }
    #block-superfish-2{
      float: left;
    }
  /* .broj-programa-select{
    width:67px;
  } */
}


@media screen and (min-width: 992px)and (max-width: 1240px) {
/* .node-webform .panel-body .col-md-6 {
  width: 100%;
} */
}

@media only screen and (max-width: 600px) {
  .navbar-header {
    padding-top: 30px;
  }

}
@media (min-width: 768px) {

 
  .container {
    width: 750px;
  }
  .navbar.container{
    max-width: 100%;
  }
  .footer.container{
    width: 100%;
  }
}
@media (min-width: 992px) {


  .container {
    width: 900px;
  }
  .navbar.container{
    max-width: 100%;
  }
  .footer.container{
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1100px;
  }
  .navbar.container{
    max-width: 100%;
  }
  .footer.container{
    width: 100%;
  }
}
@media (min-width: 1600px) {
  .container {
    width: 1400px;
  }
  .navbar.container{
    max-width: 100%;
  }
  .footer.container{
    width: 100%;
  }
}

/* ==========================================================================
   Terenske evaluacije (D7 css_submission → D11) — eval_nid_560, eval_nid_562
   Mapiranje: .webform-component--… → .js-form-item-…; .webform-submission (forma)
   → form.webform-submission-eval-nid-*; .input-group-addon → .input-group-text
   ========================================================================== */

.print-site_name,
.print-breadcrumb {
  display: none;
}

/* Sakrij duplikat info bloka na samom webform čvoru pri popunjavanju — ne na pregledu prijave. */
.node--type-webform:not(.helvetas-wf-submission-page) .webform-submission-information,
.node--type-webform:not(.helvetas-wf-submission-page) .webform-submission-info {
  display: none !important;
}

form.webform-submission-eval-nid-560-form .js-form-item-civicrm-1-contact-1-contact-existing,
form.webform-submission-eval-nid-560-form .js-form-item-civicrm-2-contact-1-contact-existing,
form.webform-submission-eval-nid-562-form .js-form-item-civicrm-1-contact-1-contact-existing,
form.webform-submission-eval-nid-562-form .js-form-item-civicrm-2-contact-1-contact-existing {
  display: none !important;
}

form.webform-submission-eval-nid-560-form .form-item,
form.webform-submission-eval-nid-560-form .js-form-item,
form.webform-submission-eval-nid-562-form .form-item,
form.webform-submission-eval-nid-562-form .js-form-item {
  margin: 1% 0 1% 0;
}

form.webform-submission-eval-nid-560-form,
form.webform-submission-eval-nid-562-form {
  font-size: 12px;
}

form.webform-submission-eval-nid-560-form textarea.webform-long-answer,
form.webform-submission-eval-nid-562-form textarea.webform-long-answer,
form.webform-submission-eval-nid-560-form .webform-long-answer,
form.webform-submission-eval-nid-562-form .webform-long-answer {
  text-align: justify;
}

form.webform-submission-eval-nid-560-form label,
form.webform-submission-eval-nid-562-form label {
  font-size: 14px;
  text-align: justify;
  line-height: normal;
  margin-bottom: 1%;
}

form.webform-submission-eval-nid-560-form legend,
form.webform-submission-eval-nid-562-form legend,
form.webform-submission-eval-nid-560-form .panel-title,
form.webform-submission-eval-nid-562-form .panel-title {
  font-size: 16px;
}

form.webform-submission-eval-nid-560-form .input-group-addon,
form.webform-submission-eval-nid-562-form .input-group-addon,
form.webform-submission-eval-nid-560-form .input-group-text,
form.webform-submission-eval-nid-562-form .input-group-text {
  font-size: 9px !important;
  border: none;
  padding: 0.5em;
}

form.webform-submission-eval-nid-560-form tr,
form.webform-submission-eval-nid-562-form tr {
  page-break-inside: avoid;
}

form.webform-submission-eval-nid-560-form table th,
form.webform-submission-eval-nid-560-form table td,
form.webform-submission-eval-nid-562-form table th,
form.webform-submission-eval-nid-562-form table td {
  text-align: center;
}

form.webform-submission-eval-nid-560-form .js-form-type-select,
form.webform-submission-eval-nid-562-form .js-form-type-select {
  margin: 4% 0 2% 0;
}

/* Bilo u webform markup polju `css` (D7 .field_1) */
form.webform-submission-eval-nid-560-form .field_1,
form.webform-submission-eval-nid-562-form .field_1 {
  border-color: #fff;
  box-shadow: none;
}

/* ============================================================
 * Webform Submission prikaz – D7 parity (grantmanager theme)
 * Port: webform-submission-information.tpl.php
 * ============================================================ */

.webform-submission-info {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 0;
  margin: 1rem 0 1.5rem;
}

.webform-submission-info legend {
  font-size: 1rem;
  font-weight: 600;
  padding: 0.4rem 0.75rem;
  border-bottom: 1px solid #ddd;
  background: #f5f5f5;
  border-radius: 4px 4px 0 0;
  width: 100%;
  float: none;
  margin: 0;
}

.webform-submission-info-text {
  padding: 0.75rem 1rem;
  font-size: 0.95rem;
  line-height: 1.8;
}

.webform-submission-info-text div {
  margin-bottom: 0.15rem;
}