/*  !* - - - - Positioning - - - - *!*/

/*  !* - - - - Box-model - - - - *!*/

/*  !* - - - - Typography - - - - *!*/

/*  !* - - - - Appearance - - - - *!*/

/*  !* - - - - Jazz - - - - - - - *!*/@font-face{font-family:Nunito;src:url(/static/media/Nunito-SemiBold.76ae20d4.ttf)}@font-face{font-family:Prompt-Bold;src:url(/static/media/Prompt-Bold.befa1f27.ttf)}@font-face{font-family:Prompt-Italic;src:url(/static/media/Prompt-Italic.80d507e9.ttf)}@font-face{font-family:Prompt-Regular;src:url(/static/media/Prompt-Regular.16b4ce72.ttf)}:root{--font-prompt:"Prompt-Regular",sans-serif;--font-prompt-italic:"Prompt-Italic",sans-serif;--font-prompt-bold:"Prompt-Bold",sans-serif;--font-nunito:"Nunito",sans-serif;--font-size-primary:16px;--color-geosapiens-blue:#27286f;--color-geosapiens-green:#b9cc8f;--color-blue-light:#007ac2;--color-bg:#fff;--color-black:#000;--color-cyan:#16ccbf;--color-pink:#f4bfca;--color-dark-pink:#fd6685;--color-red:#fe1b1b;--color-yellow:#f0de13;--color-orange:#ff9404;--color-bg-stats:#083f62;--color-seperator:#37607a;--color-light-black:#2d271e;--color-light-grey:#f2f2f2;--color-medium-grey:#9a9a9a;--color-disabled:silver;--color-green:#00837a}*{box-sizing:border-box;outline:none}body,html{font-family:var(--font-prompt)!important;margin:0;width:100vw;overflow-x:hidden;padding:0}button{cursor:pointer!important}
/*  !*flex-wrap: wrap;*!*/
/*  !*border-radius: 0.375rem;*/
/*  !*display: flex;*!*/

/*!*#btn_login {*!*/
/*!*    height: 40px;*!*/
/*!*    width: 200px;*!*/
/*!*    font-family: var(--font-prompt-bold);*!*/
/*!*    font-size: 1rem;*!*/
/*!*    line-height: 1.125rem;*!*/
/*!*    color: var(--color-bg);*!*/
/*!*    !*padding-left: 0.3125rem;*!*!*/
/*!*    background-color: var(--color-green);*!*/
/*!*    border: none;*!*/
/*!*    border-radius: 0.375rem;*!*/
/*!*    padding: 0.3125rem 0.5625rem;*!*/
/*!*    display: flex;*!*/
/*!*    justify-content: center;*!*/
/*!*    align-items: center;*!*/
/*!*    !*pointer-events: none;*!*!*/
/*!*    cursor: pointer;*!*/
/*!*    z-index: 10;*!*/
/*!*    margin: auto;*!*/
/*!*}*!*/
/*!*remove undo/redo*!*/
/*  !*transition: 0.5s ease-in-out;*!*/


/*!*Media query*!*/
/*      !* left: 90px;*/

/*!*@media only screen and (max-width: 1024px) {*!*/
/*!*@media only screen and (max-width: 990px) {*!*/
/*      !* top: 30%; *!*/
/*      !*width: 100% !important;*!*/
/*      !* padding: 0.3125rem; *!*/

/*!*@media only screen and (max-width: 815px) {*!*/
/*!*    !* div.map.esri-view {*!*/
/*!*          height: calc(100vh - 230px) !important;*!*/
/*!*      } *!*!*/
/*!*}*!*/
/*  !*.esri-widget {*!*/
/*  !*  background-color: transparent !important;*!*/
/*  !*}*!*/
/*      !* left: -60% !important; *!*/
/*  !*outline: red dotted 1px; !*optional styling*!*!*/
/*  !*font-size: 30px; !*optional styling*!*!*/
/*  !* right: 48px; *!*/
/*  !*background-color: var(--color-bg);*!*/
/*  !*margin-top: 2.5rem;*!*/

/*!* Slider *!*/
/*!*.MuiSlider-root {*!*/
/*!*  color: var(--color-disabled) !important;*!*/
/*!*  height: 4px !important;*!*/
/*!*  top: 12px !important;*!*/
/*!*  position: initial !important;*!*/
/*!*  padding: 0 !important;*!*/
/*!*}*!*/

/*!*.MuiSlider-marked {*!*/
/*!*  margin-bottom: 0.3125rem !important;*!*/
/*!*}*!*/
/*      !*margin-top: 2.5rem;*!*/

/*!*!*@media only screen and (max-width: 1024px) {*!*!*/
/*!*@media only screen and (max-width: 725px) {*!*/
/*!*!*@media only screen and (max-width: 990px) {*!*!*/
/*!*  .MuiSlider-marked {*!*/
/*!*      margin-bottom: 0.375rem !important;*!*/
/*!*  }*!*/

/*!*  .esri-ui-top-left,*!*/
/*!*  .esri-ui-top-right {*!*/
/*!*      flex-direction: row !important;*!*/
/*!*      top: 1rem !important;*!*/
/*!*  }*!*/
/*!*}*!*/

/*!*.MuiSlider-rail {*!*/
/*!*  opacity: 1 !important;*!*/
/*!*}*!*/

/*!*.MuiSlider-rail,*!*/
/*!*.MuiSlider-track,*!*/
/*!*.MuiSlider-mark {*!*/
/*!*  height: 4px !important;*!*/
/*!*}*!*/

/*!*.MuiSlider-thumb {*!*/
/*!*  width: 21px !important;*!*/
/*!*  height: 21px !important;*!*/
/*!*  background-color: var(--color-bg) !important;*!*/
/*!*  !*border: 3px solid var(--color-green) !important;*!*!*/
/*!*  margin-top: -0.5rem !important;*!*/
/*!*  z-index: 1 !important;*!*/
/*!*}*!*/

/*!*.MuiSlider-valueLabel {*!*/
/*!*  left: -30% !important;*!*/
/*!*}*!*/

/*!*.MuiSlider-markActive {*!*/
/*!*  opacity: 1 !important;*!*/
/*!*  background-color: var(--color-disabled) !important;*!*/
/*!*}*!*/

/*!*.MuiSlider-mark {*!*/
/*!*  height: 20px !important;*!*/
/*!*}*!*/

/*!*.MuiSlider-markLabel {*!*/
/*!*  margin-top: -0.5625rem !important;*!*/
/*!*  margin-left: 0.8125rem !important;*!*/
/*!*  font-family: var(--font-prompt-italic) !important;*!*/
/*!*  font-size: 0.75rem !important;*!*/
/*!*  color: var(--color-disabled) !important;*!*/
/*!*}*!*/

/*!*@media only screen and (max-width: 1024px) {*!*/
/*!*@media only screen and (max-width: 725px) {*!*/
/*!*!*@media only screen and (max-width: 990px) {*!*!*/
/*!*  .MuiSlider-markLabel {*!*/
/*!*      font-size: 0.5rem !important;*!*/
/*!*      margin-left: 0px !important;*!*/
/*!*      top: 38px !important;*!*/
/*!*  }*!*/
/*!*}*!*/

/*!*.MuiSlider-thumb.MuiSlider-active {*!*/
/*!*  box-shadow: none !important;*!*/
/*!*}*!*/

/*!*.PrivateValueLabel-circle-4,*!*/
/*!*.MuiSlider-valueLabel > span[class^="jss"] {*!*/
/*!*  width: 76px !important;*!*/
/*!*  height: 28.63px !important;*!*/
/*!*  border-radius: 6px !important;*!*/
/*!*  transform: none !important;*!*/
/*!*  !*background-color: var(--color-cyan) !important;*!*!*/
/*!*}*!*/

/*!*.PrivateValueLabel-label-5,*!*/
/*!*.MuiSlider-valueLabel > span[class^="jss"] > span[class^="jss"] {*!*/
/*!*  font-family: var(--font-prompt-bold) !important;*!*/
/*!*  font-size: 0.75rem !important;*!*/
/*!*  line-height: 0.875rem !important;*!*/
/*!*  transform: none !important;*!*/
/*!*  padding: 0.625rem !important;*!*/
/*!*}*!*/

/*!*.PrivateValueLabel-label-5::after,*!*/
/*!*.MuiSlider-valueLabel > span[class^="jss"] > span[class^="jss"]::after {*!*/
/*!*    content: " ";*!*/
/*!*    position: absolute;*!*/
/*!*    top: 100%; !* At the bottom of the tooltip *!*!*/
/*!*    left: 15%;*!*/
/*!*    margin-left: -0.3125rem;*!*/
/*!*    border-width: 5px;*!*/
/*!*    border-style: solid;*!*/
/*!*    border-color: #16ccbf transparent transparent transparent;*!*/
/*!*}*!*/

/*!*#closeChart::before {*!*/
/*!*    content: "x";*!*/
/*!*    position: absolute;*!*/
/*!*    font-size: 1rem;*!*/
/*!*    top: 50%;*!*/
/*!*    left: 50%;*!*/
/*!*    transform: translate(-50%, -50%);*!*/
/*!*}*!*/

/*!*#closeChart {*!*/
/*!*    position: absolute;*!*/
/*!*    border-radius: 50%;*!*/
/*!*    top: 0;*!*/
/*!*    right: 0;*!*/
/*!*    padding: 0.125rem;*!*/
/*!*    margin: 0.25rem;*!*/
/*!*    background: var(--color-light-black);*!*/
/*!*    height: 2rem;*!*/
/*!*    width: 2rem;*!*/
/*!*    cursor: pointer;*!*/
/*!*    color: var(--color-bg);*!*/
/*!*}*!*/

/*!*#closeChart:hover {*!*/
/*!*    background: var(--color-dark-pink);*!*/
/*!*    color: var(--color-bg);*!*/
/*!*    cursor: pointer;*!*/
/*!*}*!*/

/*!*@media only screen and (min-width: 1024px) {*!*/
/*!*@media only screen and (min-width: 990px) {*!*/.App{text-align:center;position:absolute;height:100%;width:100%;margin:0;background-color:#001628;background-image:url(/static/media/header-bkg.9f05ec70.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;flex-direction:column}.App-Enter{text-align:left;position:relative;z-index:50;color:var(--color-black);font-weight:700;left:calc(50% - 190px)}#btn_login{height:40px;width:200px;font-family:var(--font-prompt-bold);font-size:1rem;line-height:1.125rem;color:var(--color-bg);border:none;border-radius:.375rem;padding:.3125rem .5625rem;display:flex;justify-content:center;align-items:center;z-index:10;margin:10px auto}#btn_login:disabled{background-color:var(--color-disabled);cursor:default!important}#btn_login:enabled{background-color:#00acc5}#login-background{
    /*!*height: 260px;*! settings avec terms*/width:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-bg);z-index:99;border-radius:6px;padding:15px}.logo-geosapiens{width:340px;height:57px;left:0;bottom:0;margin:20px 2px 15px}.App-Enter form>div{display:flex;flex-direction:column;margin-top:5px}.App-Enter form input{border:none;font-size:18px;background-color:#fff;border-bottom:1px solid var(--color-green);padding:5px 10px}.App-Enter #login-background .error{color:red;margin-top:5px}
/*    !* margin: 5px; *!*/
/*    !*position: relative;*!*/
/*    !*color: var(--color-green);*!*/
/*    !*color: white;*!*/
/*    !*height: 60px;*!*/
/*    !*width: 462px;*!*/.legend h4{margin:0 0 5px;text-align:center}.legend div span{border-radius:50%;display:inline-block;height:10px;margin-right:5px;width:10px}.legend{display:grid;grid-template-columns:1fr 1fr .5fr .5fr}.container{display:grid;grid-template-columns:1fr 1fr}.dynamic-legend{display:none;background-color:var(--color-light-grey);height:286px;width:336px;position:absolute;top:152px;left:55px;z-index:1;border-radius:6px;padding:.1rem .4rem;font-size:9px}.dynamic-legend.open{display:grid}#toggle-legend{top:152px;left:.6rem}#basemap-select{color:#333;background-color:#fff;border:1px solid #ccc;border-radius:4px}#basemap-select-label{color:#666}#toggle-basemap{bottom:38px;left:.6rem}#toggle-upload{top:290px;left:.6rem}.upload-csv{background-color:var(--color-light-grey);height:82px;width:230px;position:absolute;top:336px;left:.6rem;z-index:1;border-radius:6px;padding:.1rem .4rem;font-size:9px;display:none}.upload-csv.open{display:block}#add-to-map-button{width:218px}p{display:block;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0}div,p{cursor:pointer}.map-container{height:100vh;width:100vw;top:0}.header_logo{background-color:var(--color-light-grey);position:absolute;z-index:1;width:140px;height:35px;top:5px;left:2px;margin:.5rem;padding:1px;border-radius:5px}.toggle-btn-div{background-color:var(--color-light-grey)}.toggle-btn-div,.water-depth-div{font-family:monospace;z-index:1;border-radius:4px;position:absolute}.water-depth-div{background-color:rgba(35,55,75,.9);padding:6px 12px;left:150px;margin:.5rem;color:#fff;font-size:10pt}.toggle-button{width:36px;height:36px;background-color:#fff!important;color:#18b0c8!important}.toggle-button.Mui-selected,.toggle-button.Mui-selected:hover{background-color:#18b0c8!important;color:#fff!important}#toggle-layer{top:290px;left:.6rem}.layer-switch-grp-div{background-color:#fff;padding:10px 12px;z-index:1;position:absolute;bottom:18px;right:2px;margin:.5rem;border-radius:8px;color:#333;font-family:Roboto,sans-serif;font-size:12px;display:none;width:156px;border:1px solid #e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.12);max-height:calc(100vh - 120px);overflow-y:auto}.layer-switch-grp-div.open{display:block}.layer-panel-section-title{font-size:11px;font-weight:600;color:#18b0c8;text-transform:uppercase;letter-spacing:1px;margin:10px 0 4px;padding:0}.layer-panel-section:first-child .layer-panel-section-title{margin-top:0}.layer-panel-divider{border:none;border-top:1px solid #e0e0e0;margin:8px 0}.layer-panel-switch-row{display:flex;align-items:center;grid-gap:2px;gap:2px;padding:1px 0;font-size:12px;white-space:nowrap}.layer-panel-radio-group{padding:0 0 0 2px}.layer-panel-boundary-row{display:flex;align-items:center;grid-gap:0;gap:0;padding:0 0 4px 20px;font-size:12px;color:#666;white-space:nowrap}.layer-panel-boundary-row .MuiCheckbox-root{padding:2px}.layer-panel-boundary-row .MuiSvgIcon-root{font-size:16px}.layer-switch-grp-div .MuiSwitch-switchBase.Mui-checked{color:#18b0c8}.layer-switch-grp-div .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#18b0c8}.layer-panel-boundary-row .MuiCheckbox-root.Mui-checked{color:#18b0c8}.slider-div{background-color:#fff;padding:12px 54px 12px 20px;height:644px;bottom:18px;right:166px;margin:.5rem;border-radius:8px;border:1px solid #e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.12);max-height:calc(100vh - 120px);overflow-y:auto}#flood_slider,.slider-div{font-family:monospace;z-index:1;position:absolute}#flood_slider{color:#18b0c8;padding:0;top:12px;bottom:12px;left:20px;right:40px;margin:0;border-radius:4px;height:auto}.MuiSlider-markLabel{color:#333!important;font-family:monospace!important;left:16px!important}.mapboxgl-ctrl-top-left{top:50px}#toggle-search-xy{top:106px;left:.6rem}.search-xy-textfield{background-color:var(--color-light-grey);padding:6px;z-index:1;position:absolute;top:99px;left:48px;height:56px;margin:.5rem;border-radius:4px;font-family:monospace;font-size:10pt;display:none}.search-xy-textfield.open{display:block}.coord-textfield{width:100px;
  /*!*margin-right: 3px !important;*!*/
  /*!*margin-left: 3px !important;*!*/margin:3px 6px 0 0!important
  /*!*margin: 0.5rem;*!*/}.search-xy-icon{top:6px}@media only screen and (max-width:640px){.mapboxgl-ctrl-geocoder--input{height:36px!important}.mapboxgl-ctrl-geocoder--icon-search{top:8px!important;left:6px!important}.mapboxgl-ctrl-geocoder--icon-close{margin-top:0!important}.coord-textfield{width:80px}.water-depth-div{left:150px}}.mapboxgl-popup-content{font-family:Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;padding:0;border-radius:8px;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:220px;overflow:hidden}.mapboxgl-popup-close-button{color:#fff;font-size:18px;padding:4px 8px;z-index:1}.mapboxgl-popup-close-button:hover{background-color:hsla(0,0%,100%,.2)}.popup-header{background-color:#18b0c8;color:#fff;padding:10px 14px;font-size:14px;font-weight:600}.popup-body{padding:8px 10px}.popup-row{display:flex;align-items:center;grid-gap:16px;gap:16px;background-color:#f0f0f0;border-radius:6px;padding:10px 12px;margin:6px 0}.popup-row svg.MuiSvgIcon-root{flex-shrink:0;width:22px!important;height:22px!important;font-size:22px!important;color:#888}.popup-row-label{flex:1 1;font-size:14px;font-weight:500;color:#333}.popup-row-value{font-size:15px;font-weight:700;color:#333;white-space:nowrap}#toggle-cog-measure{top:198px;left:.6rem}#toggle-measure-tool{top:244px;left:.6rem}