.autocomplete {background-color: var(--bg);z-index: 1000;font: var(--font-family);overflow: auto;top: 100%;left: 0;box-sizing: border-box;border: 1px solid rgba(50, 50, 50, 0.6);max-height: 400px;width: 100%;color: var(--txt5-c)}
.autocomplete > div {padding: 5px 4px;border: 1px dotted var(--bkk-gray);}
.autocomplete .group {background-color: var(--bg);color: var(--txt-c);font-size: 16px;cursor: pointer;}
.autocomplete .group.active{background-color: var(--bkk-purple);color: var(--txt2-c);}
.autocomplete .group:hover{background-color: rgba(var(--bkk-purple-rgb), 20%);color: var(--txt-c);}
.autocomplete > div:hover:not(.group),.autocomplete > div.selected {background-color: var(--success-color);color: var(--txt-c);cursor: pointer;}
.autocomplete-outer {position: relative;float: left;width: 100%;}
.autocomplete-outer {text-align: center;}
.acpl-aria-info {width: 100%;}
.autocomplete .group.route {width:auto;display: inline-block;}
.ac_results {padding: 0;border: var(--bkk-gray) 1px solid;background-color: var(--bg);color: var(--txt-c);overflow: hidden;z-index: 99999;border-radius: var(--radius-m);box-shadow: 2.5px 2.5px 10px -5px rgba(var(--bkk-gray-rgb), 0.5) ;margin-top: 10px;}
.ac_results ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;}
.ac_results li {margin: 0;padding: 10px 15px;display: block;font: menu;font-size: 14px;line-height: 16px;overflow: hidden;cursor: pointer;}
.ac_results li:first-child { padding-top: 20px; }
.ac_results li:last-child { padding-bottom: 20px; }
.ac_odd {background-color: var(--bg2);}
.ac_over {background-color: var(--bg3);color: var(--txt-c);}
.ac_input {padding: 3px;}
.ac_loading {padding: 3px;background: var(--bg) url('../images/wait.gif') right center no-repeat;}
.news-row {}
.news-tiles {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: 1fr;grid-column-gap: 50px;grid-row-gap: 50px;}
.news-tile {border-radius: var(--radius-m);color: var(--txt-c);}
.news-img {border-radius: var(--radius-m);max-height: 225px;object-fit: cover;object-position: center;width: 100%;}
.news-date {color: var(--txt4-c);margin-bottom: 5px;}
.news-date small {font-size: 12px;}
.news-date i {margin-right: 10px;margin-left: 2.5px;}
.news-date span {}
.news-title { font-weight: var(--fw-h);}
.news-tile:focus .news-title,.news-tile:hover .news-title {text-decoration: underline;}
.faq-row {max-width: 762px;width: 100%;}
@media screen and (max-width: 800px) {.news-tiles { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 480px) {.news-tiles { grid-template-columns: repeat(1, 1fr); }
}
.transparency-search {display: flex;width: calc((100% / 3) * 2);margin-bottom: 24px;}
.transparency-search .form-item {display: grid;grid-template-areas:'title title''input button';width: 100%;gap: 0 24px;}
.transparency-search .form-item label  {grid-area: title;}
.transparency-search .form-item input  {grid-area: input;}
.transparency-search .form-item button  {grid-area: button;}
.transparency-search.with-filter {flex-direction: row;align-items: center;gap: 24px;}
.transparency-search .form-item.input {grid-template-areas:'title title''input button';grid-template-columns: minmax(335px, 1fr) minmax(235px, 1fr);}
.transparency-search .form-item.select {grid-template-areas:'title''select';width: auto;}
.transparency-search .form-item.select label {text-align: right;}
.transparency-results-wrapper {min-height: 50vh;}
.results-count {font-size: 16px;font-weight: 700;}
.results-head,.results-body .results-row {display: grid;grid-template-areas: 'title source type link';grid-template-columns: 1fr 0.2fr 0.2fr minmax(105px, max-content);align-items: center;gap: 16px;min-height: 45px;padding: 12px 0;}
.results-head {font-weight: 700;border-bottom: 2px solid var(--bkk-gray);}
.results-body {}
.results-row {border-bottom: 1px solid #C6C6C6;font-size: 14px;padding: 12px 8px;}
.result-title {grid-area: title;}
.result-source {grid-area: source;}
.result-type {grid-area: type;}
.result-link {grid-area: link;display: grid;grid-template-columns: 1fr 25px;gap: 0 10px;justify-items: start;align-items: center;color: var(--txt-c);}
.result-link i {width: 25px;height: 25px;font-size: calc(25px / 2);line-height: 25px;text-align: center;color: var(--txt2-c);background-color: var(--bg6);border-radius: 50%;padding-top: 1%;padding-left: 2px;}
.results-loadmore {}
.contracts .results-head,.contracts .results-body .results-row {grid-template-areas: 'title source type btn';grid-template-columns: 1fr 0.5fr 0.3fr minmax(25px, max-content);}
.result-btn {grid-area: btn;--cbtn-h: 25px;--cbtn-w: 25px;--cbtn-rad: 50%;--cbtn-pad-hor: 0;}
.contracts .results-row {position: relative;padding: 18px 8px;border-radius: 0;}
.contracts .results-row:after {content: '';speak-as: none;pointer-events: none;position: absolute;height: calc(100% - 18px);width: 100%;transform: translateY(-50%);top: 50%;border-radius: var(--radius-m);box-shadow: inset 0 0 0 0 var(--bkk-gray);	transition: box-shadow var(--trans-def),padding var(--trans-def);}
.contracts .results-row.open:after {box-shadow: inset 0 0 0 1px var(--bkk-gray);}
.results-details {height: 0;overflow: hidden;display: none;}
.contracts .results-row.open > .results-details {grid-column: span 4;height: auto;overflow: visible;display: grid;}
.results-cloud-details {display: grid;grid-template-areas: 'cloud download';grid-template-columns: 3fr 1fr;align-items: end;margin: 24px 0;}
.rescloud {grid-area: cloud;display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;}
.resdetail-item {display: flex;flex-direction: column;}
.resdetail-key {font-weight: 400;font-size: 12px;font-style: italic;}
.resdetail-value {font-weight: 400;font-size: 14px;font-style: normal;}
.resdetail-download {grid-area: download;margin-right: 40px !important;text-align: left !important;}
.results-subrows {display: none;}
.results-subrows.open {display: flex;flex-direction: column;border-top: 1px solid #C6C6C6;margin-bottom: 4px;}
.results-subrows .results-row.sub {}
.results-subrows > .results-row:last-child {border-bottom: none;margin-bottom: -12px;}
.result-btn > .bkk-icon-chevup {margin-bottom: 2px;}
.transparency-list + .col-a.centered:has(> .pager) {margin-top: 16px;}
@media screen and (max-width: 1320px) {.content-outer.no-sidebar .content-title-line {padding-left: 0;padding-right: 0;}
}
@media screen and (max-width: 860px) {.transparency-search .form-item.input {grid-template-areas:'title''input''button';grid-template-columns: 1fr;}
.transparency-search .form-item.input > input {margin-bottom: 8px;}
.transparency-search.with-filter {align-items: start;}
}
@media screen and (max-width: 690px) {.results-cloud-details {grid-template-areas:'cloud''download';grid-template-columns: initial;gap: 24px 0;padding-right: 25px;}
.resdetail-download {margin: 0 !important;}
}
@media screen and (max-width: 500px) {.transparency-search.with-filter {flex-direction: column;}
.transparency-search .form-item.select label {text-align: left;}
.results-head {display: none;}
.contracts .results-body .results-row {grid-template-areas: 'title btn''source btn''type btn';grid-template-columns: 1fr minmax(25px, max-content);}
.contracts .results-row.open > .results-details {grid-column: span 2;border-top: 1px solid #C6C6C6;padding-top: 12px;}
.result-title:before,.result-source:before,.result-type:before {content: attr(data-title);width: 100%;float: left;font-weight: 700;margin-bottom: 4px;}
.result-btn {align-self: end;}
.results-cloud-details {grid-template-areas:'cloud''download';gap: 12px 0;margin: 0;}
.results-cloud-details:not(:last-child) {border-bottom: 1px solid #C6C6C6;}
.rescloud {grid-template-columns: repeat(2, 1fr);gap: 12px;}
.results-subrows.open {border-top: none;}
.transparency-results-wrapper:not(.contracts) .results-head,.transparency-results-wrapper:not(.contracts) .results-body .results-row {grid-template-areas: 'title title''source link''type link';grid-template-columns: 1fr minmax(105px, max-content);}
.transparency-results-wrapper:not(.contracts) .result-link {align-self: end;}
}
@media screen and (max-width: 360px) {.rescloud {grid-template-columns: 1fr;}
}