@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
	--main-bg-color: #2BADAE;
	--main-text-color: #ffffff;
	--light-bg-color: #1D943B;
	--border-color: #2BADAE;
}

body {
	font-size: 15px;
	font-family: "Inter", sans-serif !important;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

a {
	color: var(--main-bg-color);
}

a:hover,
a:active {
	color: var(--light-bg-color);
}

.btn-success:hover {
	background-color: #00ad48;
	border-color: #00ad48;
}

.warnRow,
.warnRow a,
.warnRow a:hover,
.warnRow a:active {
	background-color: #fff3cd;
	color: #856404 !important;
}

body .ui-panel .ui-panel-titlebar,
body .ui-datatable .ui-datatable-header,
body .ui-datatable .ui-datatable-footer,
body .ui-datatable th.ui-state-default,
body .ui-datatable tfoot td.ui-state-default,
body .ui-datatable .ui-datatable-header,
body .ui-treetable .ui-treetable-header,
body .ui-treetable thead th,
body .ui-fileupload .ui-fileupload-buttonbar,
body .ui-accordion .ui-accordion-header,
body .ui-accordion .ui-accordion-header.ui-state-active,
body .ui-accordion .ui-accordion-header.ui-state-hover,
body .ui-accordion .ui-accordion-header.ui-state-active:hover {
	background: var(--main-bg-color);
	color: var(--main-text-color);
	border: none;
}

body .ui-datatable table,
body .ui-treetable table,
body .ui-datatable tbody.ui-datatable-data,
body .ui-datatable tbody.ui-datatable-data > tr.ui-widget-content,
body .ui-datatable tbody.ui-datatable-data td,
body .ui-datatable tr.ui-widget-header {
	border-color: var(--border-color) !important;
}

body .ui-accordion .ui-accordion-header:first-child {
	border-top: 0;
}

body .ui-accordion .ui-accordion-header > .ui-icon {
	color: var(--main-text-color);
}

body .ui-treetable .ui-treetable-header {
	text-align: center;
}

.btn-success {
	background: #00903c;
}

body .ui-datatable thead th.ui-state-hover {
	background: var(--light-bg-color);
	color: var(--main-text-color);
}

body .ui-datatable thead th.ui-state-active {
	background: var(--light-bg-color);
	color: var(--main-text-color);
}
body .ui-datatable thead th.ui-state-active.ui-state-hover {
	background: var(--light-bg-color);
	color: var(--main-text-color);
}

body .ui-datatable .ui-datatable-data > tr.ui-state-highlight {
	background: #e2fcec;
}

body > header {
	background-color: white;
	color: var(--main-text-color);
}

body > header a,
body > header a:hover,
body > header a:active {
	color: var(--main-text-color);
}

body > footer {
	width: 100%;
	background-color: var(--main-bg-color);
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 60px;
	border-top: none;
	font-size: 18px;
	font-weight: 300;
}

body > footer a,
body > footer a:hover,
body > footer a:active {
	color: var(--main-text-color);
	text-decoration: none;
}

body > footer ul {
	list-style-type: none;
	padding-left: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 0;
}

body > footer ul > li {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 10px;
}



/* container query enabled */
.cleanup{
  margin: 14px 0 18px;
  color:#111827;
	width: 100%;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  container-type:inline-size;
  container-name: cleanup;
}

.cleanup__wrap{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:10px;
  overflow:hidden;
}

.cleanup__top{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:12px 14px;
  background:#f6faf6;
  border-bottom:1px solid #e5e7eb;
  align-items:center;
}

.cleanup__kicker{
  font-size:13px;
  font-weight:900;
  color:#111827;
}

.cleanup__badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}

.cleanup__badge{
  font-size:12px;
  font-weight:800;
  padding:6px 10px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:999px;
  white-space:nowrap;
}

.cleanup__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  padding:12px 14px 14px;
}

.cleanup__panel{
  border:1px solid #e5e7eb;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
}

.cleanup__panel--map{
  margin: 0 14px 14px;
}

.cleanup__panelTitle{
  padding:10px 12px;
  font-size:13px;
  font-weight:900;
  background:#fafafa;
  border-bottom:1px solid #e5e7eb;
}

.cleanup__dl{
  display:grid;
  grid-template-columns: 130px 1fr;
  row-gap:10px;
  column-gap:12px;
  padding:12px;
  margin:0;
}

.cleanup__dl dt{
  font-size:12px;
  color:#6b7280;
  font-weight:800;
}

.cleanup__dl dd{
  margin:0;
  font-size:13px;
  font-weight:800;
}

.cleanup__strong{ font-weight:900; }
.cleanup__muted{
  margin-top:2px;
  color:#6b7280;
  font-weight:700;
  font-size:12px;
}

.cleanup__map{
  width:100%;
  height:360px;
}

.cleanup__legend{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  padding:10px 12px;
  border-top:1px solid #e5e7eb;
  font-size:12px;
  font-weight:800;
}

.cleanup__dot{
  width:10px;height:10px;border-radius:50%;
  display:inline-block;margin-right:8px;
}

/* container responsive */
@container cleanup (max-width: 900px){
  .cleanup__grid{ grid-template-columns:1fr; }
  .cleanup__panel--map{ margin: 0 14px 14px; }
}
@container cleanup (max-width: 560px){
  .cleanup__top{ flex-direction:column; align-items:flex-start; }
  .cleanup__badges{ justify-content:flex-start; }
  .cleanup__dl{ grid-template-columns: 1fr; }
  .cleanup__map{ height:300px; }
}