body 
{
    font-family: 'Inter', sans-serif;
    font-size: 1em;
    font-weight: 400;
    margin: 0;
}
h2
{
    font-size: 1em;
    font-weight: 500;
}
p
{
    font-size:0.8em;
}
.leaflet-control-geocoder-form
{
    max-width: 200px;
}
#logo
{
    position: fixed;
    z-index: 9999;
    bottom: 20px;
    right: 20px;
    /*font-size: 2em;*/
    /*line-height: 5px;*/
}
#mothershipLogo
{
    font-weight: 600;
    font-size:1.57em;
}
#motherShipLogoUnder
{
    font-weight: 500;
    font-size:1.20em;
}
#map
{
    margin: 0;
    padding: 0;
}
#selfFillingFields
{
    color:#888888;
}
.inputFields
{
    position:absolute;
    left:150px;
    width:200px;
}
#autoFillLabel
{
    position: relative;
    left:0px;
    max-width: 340px;
}
@media (max-width: 600px) 
{
    .inputFields
    {
        position:relative;
        left:0px;
        max-width:200px;
        width:100vw;
        display: block;
    }
    #autoFillLabel
    {
        position:relative;
        left:0px;
        max-width: 200px;
    }
    #logo
    {
    position: fixed;
    z-index: 9999;
    bottom: 20px;
    right: 20px;
    font-size: 1em;
    }
    #mothershipLogo
    {
    font-weight: 600;
    }
    #mothershipLogoUnder
    {
    font-weight: 500;
    }
}
.inputField::placeholder
{
    color:#ccc;   
}
.inputLabel
{
    font-size:0.8em;
}

#logout
{
    position:absolute;
    right: 20px;
    top: 20px;
    font-size: 0.8em;
}
#header
{
    margin-left: 20px;
    max-width: 50%;
}
#inputWrapper
{
    margin-left: 20px;
    max-width: 100%;
}
.buttons
{
    display: inline-flex;
}
.adminButton
{
    padding: 5px;
    margin-bottom: 20px;
}
#deleteButton
{
    margin-left:20px;
}