* {
    font-family: var(--bs-font-sans-serif), Calibri, 'Times New Roman', Times, serif;
}
:root{
    --main-bg-color: #f5f5f5;
    --main-boxsh-color: #c4c4c4;
    --white-geo: #ffffff;
}

.test{
    margin: 10px;
    border-radius: 15px;
    font-size: 16px;
    padding: 15px;
    box-shadow: inset 0px 0px 10px var(--main-boxsh-color);
}

.margin-5{
    margin: 5px;
}
.margin-10{
    margin: 10px;
}
.bg-color-main {
    background-color: var(--main-bg-color);   
}

#mainMap
{
    height: 600px;
    width: 100%;
    margin-top: -25px;
}

.geo-header{
    width: 100%;
    background-color: var(--white-geo);
    box-shadow: 1px 1px 10px var(--main-boxsh-color);
    margin: 15px 0;
    border-radius: 15px;
}
.geo-form{
    margin-right: 15px;
}
.geo-header-btn{
    border-radius: 10px;
    border-width: 0px;
}
.navbar-toggler:focus {
    box-shadow: none;
}

.geo-map-card{
    border-radius: 15px;
    box-shadow: 1px 1px 10px var(--main-boxsh-color);
}
.hide-osm {
    height: 35px; 
    border-radius: 15px 15px 0 0;
    background-color: var(--white-geo);
    position: relative;
    z-index: 1100; 
}
.panel-geo {
    height: 100%;
    border-radius: 15px;
    box-shadow: 1px 1px 10px var(--main-boxsh-color);
}
.accordion-button:focus {
    border: none;
    box-shadow: none;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}
.accordion-item:first-of-type {
    border-top-left-radius: 15px; 
    border-top-right-radius: 15px;
}
.select-geo-task {
    box-shadow: 1px 1px 10px var(--main-boxsh-color);
    border-radius: 10px;
    font-size: 20px;
}

@media only screen and (max-width: 740px) {
    #mainMap {
        height: 350px;
    }
    .geo-map-card {
        margin-bottom: 15px;
    }
}