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

.container { max-width: inherit; }

.table th { vertical-align: middle; }

#interactive-map { height: 500px; }
.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; }

.bg-icraf-orange { background-color: #F26A21 !important; }
.bg-icraf-green { background-color: #066155 !important; }
.icraf-orange { color: #F26A21 !important; }
.icraf-green { color: #066155 !important; }

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

#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: scroll; white-space: nowrap; }
#dash-chart > .row > .col-lg-6 { 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; }

.main-footer ul { list-style-type: none; padding: 0; margin: 0; }
.logo-footer { max-height: 70px; }
.link-footer { padding-right: 15px; display: inline-block; }
.link-footer a { color: #066155; }
.link-footer a:hover { color: #066155; }


/* 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; }