/* body, * {
  box-sizing: border-box; } */

.tools {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 950;
}

.tool {
  width: 20px;
  height: 20px;
  border: 1px solid #eee;
  color: #fff;
  background-color: darkgray;
  cursor: pointer;
}
.tool.active {
  background-color: cadetblue;
}

.featureEditor {
  border: 1px solid #ddd;
  border-bottom-width: 4px;
  border-right-width: 4px;
  border-radius: 16px;
  margin-bottom: 10px;
  margin-right: 5%;
  margin-left: 5%;
  width: 90%;
  position: relative;
  padding-bottom: 10px;
  background-color: #fafafa;
}

input[type="text"],
input[type="password"] {
  border: 1px solid #ccc;
  padding: 10px 8px;
  border-radius: 6px;
}

label {
  display: block;
}

.formRow {
  display: block;
  width: 100%;
  padding: 10px 5% 0px 5%;
}
.formRow label {
  text-align: left;
}
.formRow input[type="text"],
.formRow input[type="password"] {
  width: 100%;
}

.gridBottom {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 60% 20% 20%;
}
.gridBottom .col1 {
  grid-column-start: 1;
  grid-row-start: 1;
  overflow: auto;
}
.gridBottom .col3 {
  grid-column-start: 3;
  grid-row-start: 1;
  overflow: auto;
  word-break: break-all;
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: RGBA(0, 0, 0, 0.6);
  top: 0px;
  left: 0px;
  z-index: 1500;
}

.popup {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-55%);
  transform: translateX(-50%) translateY(-55%);
  background-color: #fff;
  padding: 40px;
  border-radius: 16px;
  box-shadow: 1px 1px 10px 2px RGBA(0, 0, 0, 0.5);
}

/*.button,*/
/*button {*/
/*  padding: 8px 20px;*/
/*  background-color: #3e4894;*/
/*  font-size: 16px;*/
/*  font-weight: 600;*/
/*  border-radius: 4px;*/
/*  color: #fff;*/
/*  border: solid #20254c 1px;*/
/*  cursor: pointer;*/
/*  margin-left: 5px;*/
/*  margin-right: 5px;*/
/*}*/
.button:hover,
button:hover {
  background-color: #20254c;
}
.button.gray,
button.gray {
  background-color: #666;
  border: solid #333333 1px;
}

.popupActions {
  margin-top: 20px;
}

.rowFeaturePopup {
  margin: 3px 40px;
  background-color: #bfc9e4;
  background-color: #e5eaf8;
  padding: 8px 10px;
  text-align: left;
}

.zoomFeature {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  bottom: 12px;
  background-color: #fff;
  color: #ccc;
  border-radius: 30px;
  font-size: 28px;
  line-height: 22px;
  border: 1px solid #efefef;
  cursor: pointer;
}
.zoomFeature:hover {
  color: #333;
}

.layerSelector {
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 1001;
}

.sidebar {
  position: fixed;
  z-index: 900;
  width: 400px;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #fff;
  border-right: 1px #ccc solid;
  overflow: auto;
}

.catView {
  position: absolute;
  top: 0px;
  right: 0px;
}
/*# sourceMappingURL=style.css.map */