html, body {
    height: 100%;
}


#mainContainer {
    background-color: #fff;
    height:100%;
   
}


.loginForm {   
   
        width: 100% !important;
        top: 33%;
        
    
}

.loginForm>.leaflet-control{
    width: 100% !important;
}

#searchForm { 
    position:fixed  ;
    top : 0px; 
    left:60px;
    width:500px;
    padding : 10px;
}

#searchForm>.card-body {
    margin : 0px;
    padding : 0px;
    height: 60px;
}
#searchForm .card-text {
    margin : 0px;
    padding : 0px;
    
}

.adressResults:hover {
    background-color: #ececec;
    cursor: pointer;
}

.adressResults {
 
    margin-top:-5px;
    background-color: #fff;
    padding: 5px;
    font-size: 1rem ;

}


.bi {
    font-size: 1.5rem;
    
}

.bi2 {
    font-size: 1rem;
    text-shadow:none

}

.titleBlock {
    position:fixed  ;
    top : 0px; 
    left:10px;
   
    padding : 10px;
    display: none;
    background-color: #fff;
    border-radius: 5px;


}

#info {
    position:fixed  ;
    top : -1px; 
    right:0px;
    width:50%;
    max-width:900px;
    
    /*height:fit-content;*/
    overflow: auto;
}


.shadow {
    background-color: #fff;
    padding: 5px;
    border-radius: 5px;
}

.leaflet-control-layers-toggle{
    background-size: 60%;
    background-image : url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-layers-fill" viewBox="0 0 16 16"><path d="M7.765 1.559a.5.5 0 0 1 .47 0l7.5 4a.5.5 0 0 1 0 .882l-7.5 4a.5.5 0 0 1-.47 0l-7.5-4a.5.5 0 0 1 0-.882z"/><path d="m2.125 8.567-1.86.992a.5.5 0 0 0 0 .882l7.5 4a.5.5 0 0 0 .47 0l7.5-4a.5.5 0 0 0 0-.882l-1.86-.992-5.17 2.756a1.5 1.5 0 0 1-1.41 0z"/></svg>') ;
}


.leaflet-popup-content-wrapper {
    border-radius: 5px;
}

.btn {
    border-radius: 5px;
}

h1 {
    font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;
    font-size: 1.5rem;
    text-transform: uppercase;    
}

h2 {
    font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;
    font-size: 1.2rem;
    text-transform: uppercase;    
    font-weight: 300;
    padding: 1rem;
    background-color: #ececec;
    border-radius: 5px;
    margin-top:1rem;
}


#legend {    
    height:35px;
   
    /* 
    background: rgb(35,5,64);
    background: linear-gradient(0deg, rgba(35,5,64,1) 0%, rgba(165,48,187,1) 25%, rgba(255,89,0,1) 62%, rgba(254,255,0,1) 100%);
    */
    background: rgb(35,5,64);
    background: linear-gradient(90deg, rgba(35,5,64,1) 0%, rgba(165,48,187,1) 25%, rgba(255,89,0,1) 62%, rgba(254,255,0,1) 100%);
}




.level {
    position: relative;  
    padding:10px;
   
    font-size: 1.5rem;
    border : solid 1px #ececec ;
    border-radius: 5px;
    
}

.level5 {
    background-color: #00ccff ;
    color:white;
}
.level4 {
    background-color: #33cc33 ;
    color:white;
}
.level3 {
    background-color: yellow ;
}
.level2 {
    background-color: #ff9900 ;
    color:white;
}
.level1 {
    background-color: #cf1111 ;
    color:white;
}
.level0 {
    background-color: grey ;
}


#closeInfoBtn {

    position: absolute;
    top: 10px;
    right: 10px;
}
@font-face {
    font-family: "Roboto Condensed";
    src:
      local("Roboto Condensed"),
      url("RobotoCondensed-VariableFont_wght.ttf") format("opentype");
  }
  

.alert {
    z-index:2147483649;
    position:fixed;
    top : 10px;
  
    width:350px;
    background-color : #fff;
    text-align: center;

}

.alert>.bi{
    font-size:1rem;
}




@media print {

    #otherInfos, #searchForm, #otherInfos>button, #closeInfoBtn {
        display: none !important;
    }

    .leaflet-control-layers-toggle, .leaflet-control-zoom {
        display: none;
    }

    .titleBlock{
        display: block ;
    }

    html, body {
        height:100%; 
        width:700px;
        margin: 0 !important; 
        padding: 0 !important;
        overflow: hidden;
      }

}