/*  !* - - - - 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:Prompt-Regular,sans-serif!important;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}.container{display:grid;grid-template-columns:1fr 1fr}.dynamic-legend{background-color:var(--color-light-grey);height:180px;width:155px;position:absolute;top:198px;left:.6rem;z-index:1;border-radius:6px;padding:.1rem .4rem;font-size:9px}#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}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}#toggle-layer{bottom:28px;right:72px}.layer-switch-grp-div{background-color:rgba(35,55,75,.9);padding:6px;z-index:1;position:absolute;bottom:64px;right:64px;margin:.5rem;border-radius:4px;color:#fff;font-family:monospace;font-size:10pt;display:none;width:116px}.css-1q36rmd-MuiStack-root{left:15px!important;position:relative!important}#resolution-switch{left:0!important}#climate-change-switch{left:8px!important}#cyclone-switch{left:15px!important}.slider-div{background-color:rgba(35,55,75,.9);padding:6px 50px 18px 6px;top:98px;bottom:20px;margin:.5rem}#flood_slider,.slider-div{font-family:monospace;z-index:1;position:absolute;right:0;border-radius:4px}#flood_slider{color:#fff;padding:6px 36px 18px 6px;top:10px;bottom:10px;margin:8px;height:calc(100% - 60px)}.MuiSlider-markLabel{color:#fff!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}.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}#root>div>div.layer-switch-grp-div>div:nth-child(6)>div:nth-child(2){margin-top:0}@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:Arial,sans-serif;font-size:14px;line-height:1.5;padding:10px;border-radius:5px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}.mapboxgl-popup-content p{margin:5px 0}.css-1okj3ks-MuiStack-root>:not(style)+:not(style),.css-vb6e92{margin-top:0!important}