/*!***************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/App.css ***!
  \***************************************************************/
.App {
  text-align: center;

}

.App-logo {
  height: 40vmin;
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 20s linear;
  }
}

.App{
  background-color: #282c34;
  /* min-height: 100vh; */
  /* font-size: calc(10px + 2vmin); */
  color: black;
} 

/* .App-link {
  color: #66dbff;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
} */

/*!*******************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/components/LoginBox.css ***!
  \*******************************************************************************/
.loginWrapper{
  height: 100%;
  width: 100%;
  z-index: 3;
  /* background-color:rgba(0, 0, 0, .6) ; */
  /* border: 1vh; */
  /* padding: 15vh; */
  align-content: center;
  /* display: flex; */
  /* height: 600px; */
  flex-wrap: wrap;
  font-size: x-large;
  /* align-content: stretch; */
  /* overflow: scroll;   */
  /* border-bottom-left-radius: 5px; */
  /* How do I make the border rounded top / bottom without putting it in separate classes */
}
/* 
.loginHeader {
  background: #428bca;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 2vh;
} */

.loginBody{

  padding: 2vh;
  background: white;
  color: black;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.loginBox{
  position: relative;
  /* top: 50%;
  left: 50%;
  width: 50%;
  transform: translate(-50%, -50%); */
  justify-content: stretch;
}


/*!******************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/components/MainApp.css ***!
  \******************************************************************************/
/* .mainPage{
  padding: 10vw;
} */

.mainInteraction{
  align-items: fl;
}

.row{
  height:0vh;
  min-height: 80vh;
}

.leftColumn {   
  float: left;
  width: 25%;
  padding: 64px 0px;
  height: 100%;
}

.rightColumn {
  text-align: justify;
  float: left;
  width: 75%;
  height: 100%;
  background-color: #f1f1f1;
  
}

#map {
  width: 100vw;
  height: 100vh;
}
/*!********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/components/DropMedia.css ***!
  \********************************************************************************/
.dropzone {
  width : 100%;
  height : 20%;
  border : 1px dashed white;
  background-color: gray;
  cursor: pointer;
  color: black;
}

.thumbsContainer{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 16;
  /* background-color: black; */
  background-color: gray;
  /* flexWrap: 'wrap',
  marginTop: 16 */
}


.thumb{
  display: inline-flex;
  border-radius: 2;
  border: 1px solid #eaeaea;
  margin-bottom: 8;
  margin-right: 8;
  /* width: 20px;
  height: 20px; */
  max-width: 20vw;
  max-height: 20vw;
  padding: 4;
  box-sizing: border-box;
}

.thumbInner{
  display: flex;
  min-width: 20px;
  overflow:  hidden;
}

.thumbInner img{
  display:  block;
  height: 100%;
  min-width: auto;
}


/*!***********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/components/RecordGroups.css ***!
  \***********************************************************************************/
li {
  display: inline-block;
  margin: 0 10px;
}
/*!****************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/components/MyMap.css ***!
  \****************************************************************************/
/* .row{
  height:0vh;
  min-height: 80vh;
}

.leftColumn {   
  float: left;
  width: 25%;
  padding: 64px 0px;
  height: 100%;
} */

/* .rightColumn {
  text-align: justify;
  float: left;
  width: 75%;
  height: 100%;
  background-color: #f1f1f1;
  
} */

/* #map {
  width: 100vw;
  height: 100vh;
} */
/*!*****************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/index.css ***!
  \*****************************************************************/
body {
  margin: 0;
  /* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: whitesmoke;

  /* overflow: hidden; scroll? no */
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}


/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFpbi5jc3MiLCJtYXBwaW5ncyI6Ijs7O0FBQUE7RUFDRSxrQkFBa0I7O0FBRXBCOztBQUVBO0VBQ0UsY0FBYztFQUNkLG9CQUFvQjtBQUN0Qjs7QUFFQTtFQUNFO0lBQ0UsNENBQTRDO0VBQzlDO0FBQ0Y7O0FBRUE7RUFDRSx5QkFBeUI7RUFDekIsdUJBQXVCO0VBQ3ZCLG1DQUFtQztFQUNuQyxZQUFZO0FBQ2Q7O0FBRUE7Ozs7Ozs7Ozs7O0dBV0c7Ozs7O0FDbENIO0VBQ0UsWUFBWTtFQUNaLFdBQVc7RUFDWCxVQUFVO0VBQ1YseUNBQXlDO0VBQ3pDLGlCQUFpQjtFQUNqQixtQkFBbUI7RUFDbkIscUJBQXFCO0VBQ3JCLG1CQUFtQjtFQUNuQixtQkFBbUI7RUFDbkIsZUFBZTtFQUNmLGtCQUFrQjtFQUNsQiw0QkFBNEI7RUFDNUIsd0JBQXdCO0VBQ3hCLG9DQUFvQztFQUNwQyx5RkFBeUY7QUFDM0Y7QUFDQTs7Ozs7OztHQU9HOztBQUVIOztFQUVFLFlBQVk7RUFDWixpQkFBaUI7RUFDakIsWUFBWTtFQUNaLDhCQUE4QjtFQUM5QiwrQkFBK0I7QUFDakM7O0FBRUE7RUFDRSxrQkFBa0I7RUFDbEI7OztxQ0FHbUM7RUFDbkMsd0JBQXdCO0FBQzFCOzs7Ozs7QUMxQ0E7O0dBRUc7O0FBRUg7RUFDRSxlQUFlO0FBQ2pCOztBQUVBO0VBQ0UsVUFBVTtFQUNWLGdCQUFnQjtBQUNsQjs7QUFFQTtFQUNFLFdBQVc7RUFDWCxVQUFVO0VBQ1YsaUJBQWlCO0VBQ2pCLFlBQVk7QUFDZDs7QUFFQTtFQUNFLG1CQUFtQjtFQUNuQixXQUFXO0VBQ1gsVUFBVTtFQUNWLFlBQVk7RUFDWix5QkFBeUI7O0FBRTNCOztBQUVBO0VBQ0UsWUFBWTtFQUNaLGFBQWE7QUFDZixDOzs7O0FDaENBO0VBQ0UsWUFBWTtFQUNaLFlBQVk7RUFDWix5QkFBeUI7RUFDekIsc0JBQXNCO0VBQ3RCLGVBQWU7RUFDZixZQUFZO0FBQ2Q7O0FBRUE7RUFDRSxhQUFhO0VBQ2IsbUJBQW1CO0VBQ25CLGVBQWU7RUFDZixjQUFjO0VBQ2QsNkJBQTZCO0VBQzdCLHNCQUFzQjtFQUN0QjtpQkFDZTtBQUNqQjs7O0FBR0E7RUFDRSxvQkFBb0I7RUFDcEIsZ0JBQWdCO0VBQ2hCLHlCQUF5QjtFQUN6QixnQkFBZ0I7RUFDaEIsZUFBZTtFQUNmO2lCQUNlO0VBQ2YsZUFBZTtFQUNmLGdCQUFnQjtFQUNoQixVQUFVO0VBQ1Ysc0JBQXNCO0FBQ3hCOztBQUVBO0VBQ0UsYUFBYTtFQUNiLGVBQWU7RUFDZixpQkFBaUI7QUFDbkI7O0FBRUE7RUFDRSxlQUFlO0VBQ2YsWUFBWTtFQUNaLGVBQWU7QUFDakI7Ozs7OztBQzdDQTtFQUNFLHFCQUFxQjtFQUNyQixjQUFjO0FBQ2hCLEM7Ozs7QUNIQTs7Ozs7Ozs7OztHQVVHOztBQUVIOzs7Ozs7O0dBT0c7O0FBRUg7OztHQUdHLEM7Ozs7QUN4Qkg7RUFDRSxTQUFTO0VBQ1Q7O2lCQUVlO0VBQ2YsbUNBQW1DO0VBQ25DLGtDQUFrQztFQUNsQyw0QkFBNEI7O0VBRTVCLGlDQUFpQztBQUNuQzs7QUFFQTtFQUNFO2FBQ1c7QUFDYiIsInNvdXJjZXMiOlsid2VicGFjazovL3Bob3RvLWdyb3VwZXIvLi9zcmMvQXBwLmNzcyIsIndlYnBhY2s6Ly9waG90by1ncm91cGVyLy4vc3JjL2NvbXBvbmVudHMvTG9naW5Cb3guY3NzIiwid2VicGFjazovL3Bob3RvLWdyb3VwZXIvLi9zcmMvY29tcG9uZW50cy9NYWluQXBwLmNzcyIsIndlYnBhY2s6Ly9waG90by1ncm91cGVyLy4vc3JjL2NvbXBvbmVudHMvRHJvcE1lZGlhLmNzcyIsIndlYnBhY2s6Ly9waG90by1ncm91cGVyLy4vc3JjL2NvbXBvbmVudHMvUmVjb3JkR3JvdXBzLmNzcyIsIndlYnBhY2s6Ly9waG90by1ncm91cGVyLy4vc3JjL2NvbXBvbmVudHMvTXlNYXAuY3NzIiwid2VicGFjazovL3Bob3RvLWdyb3VwZXIvLi9zcmMvaW5kZXguY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIi5BcHAge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG5cbn1cblxuLkFwcC1sb2dvIHtcbiAgaGVpZ2h0OiA0MHZtaW47XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IG5vLXByZWZlcmVuY2UpIHtcbiAgLkFwcC1sb2dvIHtcbiAgICBhbmltYXRpb246IEFwcC1sb2dvLXNwaW4gaW5maW5pdGUgMjBzIGxpbmVhcjtcbiAgfVxufVxuXG4uQXBwe1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjgyYzM0O1xuICAvKiBtaW4taGVpZ2h0OiAxMDB2aDsgKi9cbiAgLyogZm9udC1zaXplOiBjYWxjKDEwcHggKyAydm1pbik7ICovXG4gIGNvbG9yOiBibGFjaztcbn0gXG5cbi8qIC5BcHAtbGluayB7XG4gIGNvbG9yOiAjNjZkYmZmO1xufVxuXG5Aa2V5ZnJhbWVzIEFwcC1sb2dvLXNwaW4ge1xuICBmcm9tIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxuICB0byB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcbiAgfVxufSAqL1xuIiwiLmxvZ2luV3JhcHBlcntcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgei1pbmRleDogMztcbiAgLyogYmFja2dyb3VuZC1jb2xvcjpyZ2JhKDAsIDAsIDAsIC42KSA7ICovXG4gIC8qIGJvcmRlcjogMXZoOyAqL1xuICAvKiBwYWRkaW5nOiAxNXZoOyAqL1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIC8qIGRpc3BsYXk6IGZsZXg7ICovXG4gIC8qIGhlaWdodDogNjAwcHg7ICovXG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgZm9udC1zaXplOiB4LWxhcmdlO1xuICAvKiBhbGlnbi1jb250ZW50OiBzdHJldGNoOyAqL1xuICAvKiBvdmVyZmxvdzogc2Nyb2xsOyAgICovXG4gIC8qIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDVweDsgKi9cbiAgLyogSG93IGRvIEkgbWFrZSB0aGUgYm9yZGVyIHJvdW5kZWQgdG9wIC8gYm90dG9tIHdpdGhvdXQgcHV0dGluZyBpdCBpbiBzZXBhcmF0ZSBjbGFzc2VzICovXG59XG4vKiBcbi5sb2dpbkhlYWRlciB7XG4gIGJhY2tncm91bmQ6ICM0MjhiY2E7XG4gIGNvbG9yOiAjZmZmO1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiA1cHg7XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA1cHg7XG4gIHBhZGRpbmc6IDJ2aDtcbn0gKi9cblxuLmxvZ2luQm9keXtcblxuICBwYWRkaW5nOiAydmg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBjb2xvcjogYmxhY2s7XG4gIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDVweDtcbiAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDVweDtcbn1cblxuLmxvZ2luQm94e1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIC8qIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIHdpZHRoOiA1MCU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpOyAqL1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHN0cmV0Y2g7XG59XG5cbiIsIi8qIC5tYWluUGFnZXtcbiAgcGFkZGluZzogMTB2dztcbn0gKi9cblxuLm1haW5JbnRlcmFjdGlvbntcbiAgYWxpZ24taXRlbXM6IGZsO1xufVxuXG4ucm93e1xuICBoZWlnaHQ6MHZoO1xuICBtaW4taGVpZ2h0OiA4MHZoO1xufVxuXG4ubGVmdENvbHVtbiB7ICAgXG4gIGZsb2F0OiBsZWZ0O1xuICB3aWR0aDogMjUlO1xuICBwYWRkaW5nOiA2NHB4IDBweDtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuXG4ucmlnaHRDb2x1bW4ge1xuICB0ZXh0LWFsaWduOiBqdXN0aWZ5O1xuICBmbG9hdDogbGVmdDtcbiAgd2lkdGg6IDc1JTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjFmMWYxO1xuICBcbn1cblxuI21hcCB7XG4gIHdpZHRoOiAxMDB2dztcbiAgaGVpZ2h0OiAxMDB2aDtcbn0iLCIuZHJvcHpvbmUge1xuICB3aWR0aCA6IDEwMCU7XG4gIGhlaWdodCA6IDIwJTtcbiAgYm9yZGVyIDogMXB4IGRhc2hlZCB3aGl0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogZ3JheTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogYmxhY2s7XG59XG5cbi50aHVtYnNDb250YWluZXJ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgbWFyZ2luLXRvcDogMTY7XG4gIC8qIGJhY2tncm91bmQtY29sb3I6IGJsYWNrOyAqL1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBncmF5O1xuICAvKiBmbGV4V3JhcDogJ3dyYXAnLFxuICBtYXJnaW5Ub3A6IDE2ICovXG59XG5cblxuLnRodW1ie1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYm9yZGVyLXJhZGl1czogMjtcbiAgYm9yZGVyOiAxcHggc29saWQgI2VhZWFlYTtcbiAgbWFyZ2luLWJvdHRvbTogODtcbiAgbWFyZ2luLXJpZ2h0OiA4O1xuICAvKiB3aWR0aDogMjBweDtcbiAgaGVpZ2h0OiAyMHB4OyAqL1xuICBtYXgtd2lkdGg6IDIwdnc7XG4gIG1heC1oZWlnaHQ6IDIwdnc7XG4gIHBhZGRpbmc6IDQ7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cbi50aHVtYklubmVye1xuICBkaXNwbGF5OiBmbGV4O1xuICBtaW4td2lkdGg6IDIwcHg7XG4gIG92ZXJmbG93OiAgaGlkZGVuO1xufVxuXG4udGh1bWJJbm5lciBpbWd7XG4gIGRpc3BsYXk6ICBibG9jaztcbiAgaGVpZ2h0OiAxMDAlO1xuICBtaW4td2lkdGg6IGF1dG87XG59XG5cbiIsImxpIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBtYXJnaW46IDAgMTBweDtcbn0iLCIvKiAucm93e1xuICBoZWlnaHQ6MHZoO1xuICBtaW4taGVpZ2h0OiA4MHZoO1xufVxuXG4ubGVmdENvbHVtbiB7ICAgXG4gIGZsb2F0OiBsZWZ0O1xuICB3aWR0aDogMjUlO1xuICBwYWRkaW5nOiA2NHB4IDBweDtcbiAgaGVpZ2h0OiAxMDAlO1xufSAqL1xuXG4vKiAucmlnaHRDb2x1bW4ge1xuICB0ZXh0LWFsaWduOiBqdXN0aWZ5O1xuICBmbG9hdDogbGVmdDtcbiAgd2lkdGg6IDc1JTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjFmMWYxO1xuICBcbn0gKi9cblxuLyogI21hcCB7XG4gIHdpZHRoOiAxMDB2dztcbiAgaGVpZ2h0OiAxMDB2aDtcbn0gKi8iLCJib2R5IHtcbiAgbWFyZ2luOiAwO1xuICAvKiBmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsXG4gICAgJ1VidW50dScsICdDYW50YXJlbGwnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLFxuICAgIHNhbnMtc2VyaWY7ICovXG4gIC13ZWJraXQtZm9udC1zbW9vdGhpbmc6IGFudGlhbGlhc2VkO1xuICAtbW96LW9zeC1mb250LXNtb290aGluZzogZ3JheXNjYWxlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuXG4gIC8qIG92ZXJmbG93OiBoaWRkZW47IHNjcm9sbD8gbm8gKi9cbn1cblxuY29kZSB7XG4gIGZvbnQtZmFtaWx5OiBzb3VyY2UtY29kZS1wcm8sIE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCAnQ291cmllciBOZXcnLFxuICAgIG1vbm9zcGFjZTtcbn1cbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==*/