/* w5-tenders-records: tables, tabs, lists and galleries for tenders, notices and records pages (DBIM 3.0, blue primary group) */
.w5 { font-family: 'Noto Sans', sans-serif; color: #150202; font-size: 16px; line-height: 1.5; }
.w5 h2 { font-size: 24px; margin: 0 0 14px; color: #162F6A; line-height: 1.3; }
.w5 h3 { font-size: 20px; margin: 0 0 10px; color: #162F6A; line-height: 1.3; }
.w5 p { text-align: justify; }
.w5-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.w5-note { font-size: 14px; color: #606060; margin: 0 0 16px; }

/* data tables */
.w5-tablewrap { width: 100%; overflow-x: auto; margin: 0 0 20px; }
.w5-table { width: 100%; border-collapse: collapse; background: #fff; font-size: 16px; line-height: 1.5; }
.w5-table caption { caption-side: top; text-align: left; font-size: 14px; color: #606060; padding: 0 0 8px; }
.w5-table th, .w5-table td { border: 1px solid #C6C6C6; padding: 10px 12px; vertical-align: top; text-align: left; }
.w5-table thead th { background: #162F6A; color: #fff; text-align: center; font-weight: 600; vertical-align: middle; }
.w5-table tbody th { font-weight: 400; background: #fff; }
.w5-table tbody tr:nth-child(even) td, .w5-table tbody tr:nth-child(even) th { background: #EBEAEA; }
.w5-table tbody tr:hover td, .w5-table tbody tr:hover th { background: #D2DFFF; }
.w5-table .num { text-align: right; white-space: nowrap; }
.w5-table .date { white-space: nowrap; text-align: left; }
.w5-table .act { white-space: nowrap; }
.w5-table td small { display: block; color: #606060; font-size: 14px; }
.w5-table a, .w5-linkrow a, .w5-list a { color: #0D6EFD; text-decoration: underline; }
.w5-table a:hover, .w5-table a:focus, .w5-list a:hover, .w5-list a:focus { color: #162F6A; }
.w5-table a:focus-visible, .w5-list a:focus-visible, .bro-btn:focus-visible, .w5-tabs a:focus-visible { outline: 3px solid #0D6EFD; outline-offset: 2px; }
.w5-empty { padding: 14px 16px; background: #EBEAEA; border-left: 4px solid #214AAB; margin: 0 0 20px; }

/* tabs (links styled as tabs) */
.w5-tabs { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0 0 20px; padding: 0; border-bottom: 2px solid #214AAB; }
.w5-tabs a { display: inline-block; padding: 8px 18px; font-size: 16px; text-decoration: none; color: #214AAB; background: #fff; border: 1px solid #A3BBF3; border-bottom: 0; border-radius: 4px 4px 0 0; }
.w5-tabs a:hover, .w5-tabs a:focus { background: #D2DFFF; color: #162F6A; }
.w5-tabs a[aria-current="page"] { background: #162F6A; color: #fff; border-color: #162F6A; }

/* pagination */
.w5-pager { display: flex; justify-content: center; margin: 20px 0 0; }
.w5-pager .pagination { flex-wrap: wrap; gap: 4px; }
.w5-pager .page-link { color: #214AAB; border: 1px solid #A3BBF3; font-size: 16px; min-width: 40px; text-align: center; }
.w5-pager .page-link:hover, .w5-pager .page-link:focus { background: #D2DFFF; color: #162F6A; }
.w5-pager .page-item.active .page-link { background: #162F6A; border-color: #162F6A; color: #fff; }
.w5-pager .page-item.disabled .page-link { color: #8E8E8E; background: #EBEAEA; }
.w5-pager .page-link:focus-visible { outline: 3px solid #0D6EFD; outline-offset: 2px; }

/* link lists (RTI, panels) */
.w5-list { list-style: none; margin: 0; padding: 0; }
.w5-list li { padding: 10px 0; border-bottom: 1px solid #C6C6C6; }
.w5-list li:last-child { border-bottom: 0; }
.w5-list p { margin: 0; }
.w5-side { list-style: none; margin: 0; padding: 0; border: 1px solid #A3BBF3; border-radius: 4px; overflow: hidden; }
.w5-side .nav-link { display: block; width: 100%; text-align: left; padding: 10px 14px; border: 0; border-bottom: 1px solid #D2DFFF; border-radius: 0; color: #214AAB; background: #fff; font-size: 16px; }
.w5-side .nav-link:hover, .w5-side .nav-link:focus { background: #D2DFFF; color: #162F6A; }
.w5-side .nav-link.active { background: #162F6A; color: #fff; }
.w5-panel { border: 1px solid #A3BBF3; border-bottom: 4px solid #162F6A; border-radius: 4px; background: #fff; padding: 16px 20px; }

/* galleries (procurements, certifications) */
.w5-gallery { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; }
.w5-card { background: #fff; border: 1px solid #A3BBF3; border-radius: 4px; overflow: hidden; height: 100%; display: flex; flex-direction: column; }
.w5-card a.w5-thumb { display: block; background: #fff; }
.w5-card img { display: block; width: 100%; height: 220px; object-fit: contain; background: #fff; }
.w5-card .w5-cap { padding: 10px 12px; font-size: 16px; line-height: 1.4; color: #150202; border-top: 1px solid #D2DFFF; text-align: left; margin: 0; }
.w5-card a.w5-thumb:focus-visible { outline: 3px solid #0D6EFD; outline-offset: -3px; }

/* buttons */
.w5-btngrid { list-style: none; margin: 0 0 20px; padding: 0; display: flex; flex-wrap: wrap; gap: 12px; }
.w5-logout { background: #fff; color: #214AAB; }
.w5-logout:hover, .w5-logout:focus { background: #162F6A; color: #fff; }

/* long CMS text */
.w5-cms p, .w5-cms li { text-align: justify; line-height: 1.5; }

@media (max-width: 767px) {
  .w5 h2 { font-size: 20px; }
  .w5 h3 { font-size: 16px; }
  .w5-table th, .w5-table td { padding: 8px; font-size: 14px; }
  .w5-gallery { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
  .w5-tabs a { padding: 8px 12px; }
}