body { font-family: 'Archivo', 'Source Sans Pro', sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: 'Lexend', 'Source Sans Pro', sans-serif; }

.container { max-width: inherit; }

.table tr th { vertical-align: middle; text-align: center; }

#interactive-map { height: 500px; }
#region-map { max-height: 300px; max-width: 400px; }
.td-detail { background-color: #DDD; border-radius: 0 0 20px 20px; padding-left: 50px !important; }

#map-opt { position: absolute; top: 0; left: 0; z-index: 1001; opacity: 0.9; }
#qry-res { position: absolute; top: 0; right: 0; z-index: 1001; opacity: 0.9; }
.map-inner2 { padding: 5px; width: 250px; height: 400px; overflow-y: scroll; }
.map-dtl { padding-left: 16px; }

.infomap-landaccess td { text-align: left; padding: 5px; }

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

button.nav-link { background-color: rgba(0, 0, 0, 0);}
.nav-steps { background-color: #E6E7E8; }
.nav-a-steps { color: black !important; font-weight: bold; }
.nav-a-steps.active { background-color: #F26A21 !important; color: white !important; }
.nav-a-steps.disabled { color: #888 !important; }
.nav-a-steps.disabled:hover { cursor: no-drop; }

.questionnaire-legal { margin-left: 20px; }
.bg-icraf-orange { background-color: #F26A21 !important; }
.bg-icraf-green { background-color: #066155 !important; }
.icraf-orange { color: #F26A21 !important; }
.icraf-green { color: #066155 !important; }
.icon-proposal { width: 25px; }
.opt { width: 60px; }
#accordion .card-header:after { content: "\f068"; font-family: 'Font Awesome 5 Free'; font-weight: 900; float: right; }
#accordion .card-header.collapsed:after { content: "\f067"; }
#why .card-header:after { content: "\f068"; font-family: 'Font Awesome 5 Free'; font-weight: 900; float: right; }
#why .card-header.collapsed:after { content: "\f067"; }
.cell-pairwise { min-width: 70px; }
.bg-cell-focus { background-color: palegreen; }
.pairwise-text { background-color: #9ED2BE;}
.pairwise-slider > .row { overflow-x: auto; white-space: nowrap; display: block; }
.pairwise-slider > .row > .col-1 { display: inline-block; min-width: 100px; }

#note-sortable { background-color: #3c8dbc !important; color: white; padding: 10px; margin: 10px 0; border-radius: 5px; }
#sortable { list-style-type: none; margin: 10px 0; padding: 0; }
#sortable li { margin: 5px; padding: 4px 10px; height: 36px; }

.chart-canvas { min-height: 250px; height: 250px; max-height: 500px; max-width: 100%; }
.item-dashboard { min-height: 300px; height: 300px; max-height: 300px; max-width: 100%; overflow-y: auto; }
#datatable-chart_wrapper { font-size: small; }
.dataTables_filter { float: left !important; }

#dash-chart > .row { display: block; overflow-x: auto; white-space: nowrap; }
#dash-chart > .row > .col-lg-4 { display: inline-block; }

.notif-item:hover{ opacity: 0.8; transform: scale(1.03); box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06); }

.interactive-colorpicker { margin-left: 20px; }

.itemlist { position: absolute; background-color: white; border: 1px solid #d2d6de; cursor: pointer; }
.itemlist ul { list-style: none; padding-left: 0px; }
.itemlist li { padding: 2px 10px; }
.itemlist li:hover, li:focus { background-color: #007bff; color: white; }

.img-lst-thumbnail { max-height: 150px; }
.commodity-item { height: 300px; overflow-y: auto; font-size: 10.5pt; }
.img-dtl-commodity { max-height: 250px; }
#span_ecovalue { font-weight: bold; font-size: 20pt; }

.txt-result-green { background-color: #066155; color: white; font-weight: bold; padding: 3px; }
.txt-result-orange { background-color: #F26A21; color: white; font-weight: bold; padding: 3px; }
#a-legend { position: fixed; left: 0; bottom: 200px; padding: 10px; border-radius: 3px; background-color: rgba(1, 1, 1, 0.5); color: white; font-weight: bold; height: 40px; width: 40px; text-align: center; z-index: 900; }
#tbl-legendps tr td { text-align: left; }

.main-footer ul { list-style-type: none; padding: 0; margin: 0; }
.logo-footer { max-height: 100px; }
.instances-logo { max-height: 60px; }
.link-footer { padding-right: 20px; display: inline-block; }
.link-footer a { color: black; }
.link-footer a:hover { color: black; }


/* dummy */
/* .label-geojson { font-size: 8pt; color: #000; text-align: center; }
.map-legend { background: white; padding: 10px; }
.map-legend .legend-item { padding: 1px 0px; }
.map-legend i, .map-legend img { width: 18px; height: 18px; margin: 0 5px 0 0; float: left; opacity: 0.7;} */
.leaflet-popup-content { text-align: center; }