@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400&display=swap');

button {
    font-family: 'Roboto Condensed', sans-serif !important;
}

h1 {
    /*font-family:"Roboto Condensed", serif;*/
    font-size: 1em;
    font-weight: normal;
}

h2 {
    /*font-family:"Roboto Condensed", serif;*/
    font-size: 1.2em;
    font-weight: normal;
}

h3 {
    /*font-family:"Roboto Condensed", serif;*/
    font-size: 1em;
    font-weight: normal;
}

h4 {
    /*font-family:"Roboto Condensed", serif;*/
    font-size: 0.8em;
    font-weight: normal;
}

/*.mantine-Tabs-tabLabel{*/
/*    font-family:"Roboto Condensed", serif;*/
/*}*/

/*#select_all{*/
/*    font-family:"Roboto Condensed", serif;*/
/*}*/

.leaflet-control-layers-list{
    font-family:"Roboto Condensed", serif;
}

.modal-button{
    border-color: #ef7d00 !important;
    background: #ef7d00 !important;
    color: #ffffff !important;
}

.modal-button:hover {
    border-color: #ef7d00 !important;
    background: #ffffff !important;
    color: #ef7d00 !important;
}

.modal-button:active{
    border-color: #ef7d00 !important;
    background: #ef7d00 !important;
    color: #ffffff !important;
}

div.areas{
    margin: 10px 0 20px 0;
}

div.spacer{
    height:50px;
}

.absolute-bottom{
    text-align: center;
    bottom:0;
}
.mantine-Grid-inner {
    height: 100%;
}

.leaflet-tooltip.my-labels {
    font-family:"Roboto Condensed", serif;
    background-color: transparent;
    border: transparent;
    box-shadow: none;
    font-size: 12px;
    text-align: center;
}

.bold{
    font-weight:700;
}

.dmc-label{
    font-family: "Roboto Condensed", serif !important;
    font-size: 0.50em;
}

body{
    font-family: "Roboto Condensed", serif;
}

/*.card{*/
/*    border-radius: 5px;*/
/*}*/