* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body,
.container,
#map {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  /* font-family: 'Lato', sans-serif; */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  letter-spacing: 0.05em;
}
#map {
  padding: 0;
}
#layersPane {
  width: 310px;
  min-width: 310px;
  position: absolute;
  left: 1%;
  top: 1%;
  z-index: 50;
  background-color: #FFE699;
  border-radius: 1em;
  padding: 2em;
  font-size: 12px;
}
#layerPane,
#legendPane,
#sliderPane,
#filterPane,
#measurementPane,
#infoPane,
#basemapPane,
#downloadCSVsPane,
#automaticDownloadCSVsPane {
  color: black;
  background-color: #FFE699;
  padding: 0.5em;
  font-size: 12px;
}
#downloadCSVsPane li,
#automaticDownloadCSVsPane li {
  list-style: none;
  padding-bottom: 5px;
}
#downloadCSVsPane li a,
#automaticDownloadCSVsPane li a {
  color: black;
  text-decoration: underline;
  font-size: 11px;
}
#layersListTreeDiv,
#legendsListDiv,
#filtersListDiv,
#sliderPane {
  font-size: 12px;
}
/* inside layer list, no container for div or whatever, nicer position*/
div.dijitTreeRow > span.dijitInline.dijitTreeExpando.dijitTreeExpandoLeaf {
  display: none;
}
/* text in pop ups */
#map_root > div.esriPopup.esriPopupVisible > div.esriPopupWrapper {
  font-size: 11px;
  letter-spacing: 0px;
}
/* background for body, table, splitter */
.soria,
.soria .dijitSplitter.dijitSplitterH.dijitAlignBottom,
.soria .dijitTab,
.soria .dijitTabContainerTop-spacer,
.soria .dijitAccordionTitle,
#dojox_layout_ExpandoPane_0,
#dojox_layout_ExpandoPane_0 > div.dojoxExpandoTitle {
  background-color: #FFD24D;
  background-image: none;
  color: black;
}
.soria .dijitAccordionContainer {
  background-color: #FFD24D;
  background-image: none;
  color: black;
}
/* .esriBasemapGalleryNode, .esriBasemapGallerySelectedNode {
  background-image: url('images/basemapGalleryIcon.png')
} */
/* remove arrow icons */
[class~=dijitArrowNode],
[class~=dijitAccordionArrow] {
  display: none;
}
.esriPopup .titlePane {
  background-color: #FFD24D;
}
/* WIDGETS */
/* layer tree */
/* basemaps title */
.soria .dijitTitlePaneTitle {
  background-color: #FFE699;
  background-image: none;
}
.soria .dijitDialogTitleBar {
  background-color: #FFE699;
  background-image: none;
}
.soria .dijitDialog .dijitDialogTitle {
  color: black;
}
.soria .dijitDialog .dijitDialogPaneContent {
  color: #FFD24D;
}
.soria .dijitTitlePaneTitle span {
  color: black;
}
.soria .dijitTreeIcon {
  width: 16px;
  height: 16px;
}
.lineIcon {
  background-image: url('../images/line.gif');
}
.pointIcon {
  background-image: url('../images/point.gif');
}
.multiIcon {
  background-image: url('../images/multi.gif');
}
.polyIcon {
  background-image: url('../images/poly.gif');
}
#map_zoom_slider {
  position: absolute;
  z-index: 50;
  top: 10px;
  left: 330px;
}
#searchWidgetDiv {
  position: absolute;
  z-index: 50;
  top: 10px;
  left: 360px;
}
#HomeButton {
  position: absolute;
  top: 80px;
  left: 330px;
  z-index: 50;
}
/* overview map */
#esri_dijit_OverviewMap_0 > div.ovwContainer {
  width: 300px!important;
  height: 150px!important;
}
.esriOverviewMap.ovwTR .ovwContainer {
  border-bottom: 2px solid #FFD24D;
  border-left: 2px solid #FFD24D;
  padding-bottom: 0;
  padding-left: 0;
}
/* table */
#esri_dijit_FeatureTable_Grid_0,
#esri_dijit_FeatureTable_Grid_1,
#esri_dijit_FeatureTable_Grid_2,
#esri_dijit_FeatureTable_Grid_3,
#esri_dijit_FeatureTable_Grid_4,
#esri_dijit_FeatureTable_Grid_5,
#esri_dijit_FeatureTable_Grid_6,
#esri_dijit_FeatureTable_Grid_7,
.dijitMenu tbody {
  font-size: 11px;
  letter-spacing: 0px;
  color: black;
}
.soria .dijitTab {
  border-bottom: none;
}
.dijitTab .tabLabel {
  color: black;
}
.dijitTabChecked .tabLabel {
  color: black;
}
.soria .dijitTabContainerTop-tabs .dijitTabChecked,
.soria .dijitTabContainerTop-spacer {
  background-color: #FFE699;
  color: #FFD24D;
  border-bottom: 4px solid #FFE699;
}
/* .esri-feature-table .dgrid-row-odd {
  background-color: @background-color-tabs;
}
.esri-feature-table .ui-state-active{
  background-color: @background-color-dark;
  color: @color-text;
} */
/* filters*/
.soria .dijitInputField {
  color: black;
}
/* slider filters */
#esri_dijit_RendererSlider_0 > div.esri-slider-node > div.esri-slider-area-right,
#esri_dijit_RendererSlider_0 > div.esri-slider-node > div.esri-slider-area-right > svg:nth-child(1),
#esri_dijit_RendererSlider_1 > div.esri-slider-node > div.esri-slider-area-right,
#esri_dijit_RendererSlider_1 > div.esri-slider-node > div.esri-slider-area-right > svg:nth-child(1) {
  display: none;
}
#esri_dijit_RendererSlider_0,
#esri_dijit_RendererSlider_1 {
  background-color: #FFE699;
}
.esri-renderer-slider .esri-slider-area {
  border: 2px solid #FFD24D;
}
.esri-renderer-slider .esri-handler-tick-top,
.esri-renderer-slider .esri-handler-tick-bottom {
  border: 1px solid #FFD24D;
}
/* pisava v sliderju */
.esri-renderer-slider .esri-top-label-node,
.esri-renderer-slider .esri-bottom-label-node,
.esri-renderer-slider .esri-top-label-node span,
.esri-handle-label-span {
  color: black;
}
#sliderPane > div:nth-child(1) {
  width: 50%;
  float: left;
}
#sliderPane > div:nth-child(2) {
  width: 50%;
  float: right;
}
#scalebar {
  position: absolute;
  bottom: 2em;
  margin-left: 50%;
}
/* disclaimer */
/* dont show the close dialog button in dialog */
#terms > div.dijitDialogTitleBar > span.dijitDialogCloseIcon {
  display: none;
}
.esriMeasurement .esriToggleButton .dijitButtonNode {
  color: black;
}
.esriMeasurement .esriButtonHover .dijitButtonNode {
  background-color: #3562A9;
  background-image: none;
  border: 1px solid black;
  box-sizing: border-box;
}
.esriMeasurement .esriButtonChecked .dijitButtonNode {
  background-color: #3562A9;
  background-image: none;
  border: 1px solid black;
  box-sizing: border-box;
}
.esriMeasurement .distanceIcon {
  background-image: url(../images/Measure_Distance16.png);
  width: 16px;
  height: 16px;
}
.esriMeasurement .areaIcon {
  background-image: url(../images/Measure_Area16.png);
  width: 16px;
  height: 16px;
}