/**
* Responsive CSS flex
* ---------
* E Burgess
*/
body {
    display: block;
    position: relative;
    height: 100vh;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    background-color: #Fbfbfb;
    color: #000;
}
div {
    position: relative;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
}
hr {
    background: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,.25), rgba(0,0,0,0));
    border-width: 0;
    outline-width: 0;
    height: 1px;
    margin: 1em 0;
}
h1, h2 {
    color: #6a9e52;
}
#mapCntr {
    border-radius: .25em;
    box-shadow: 0 0 .25em rgba(0,0,0,.2);
    overflow: hidden;
}
.spaceBetween {
    display: flex;
    position: relative;
    justify-content: space-between;
}
.justifyLeft {
    display: flex;
    position: relative;
    justify-content:flex-start;
}
.justifyLeftBreak {
    display: flex;
    position: relative;
    justify-content:flex-start;
}
.alignRight {
    text-align: right;
}
.stretch {
    align-items: stretch;
}
.gap {
    gap: 1em;
}
.gapSmall {
    gap: .5em;
}
.flex {
    flex: 1;
}
.center {
    align-content: center;
}
#mapCntr {
    display: block;
    position: relative;
    height: 500px;
    /* width: 450px; */
}
.bordered {
    border: 1px solid #DDD;
    border-radius: .25em;
    padding: 1em;
    background-color: #FFF;
    box-sizing: border-box;
    margin: 0;
}
.logo {
    height: 7em;
    width: 7em;
    border-radius: 50%;
    overflow: none;
    background-size: cover;
    border: .15em solid #dddddd;
}
.small {
    font-size: 90%;
    color: #666;
}
.borderRight {
    border-right: 1px solid #e7e7e7;
    margin-right: 1em;
    padding-left: 1em;
}
.borderedNp {
    border: 1px solid #DDD;
    border-radius: .5em;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.bgGreen {
    height: 50px;
    /*background-color: #79a763;*/
    background: linear-gradient(to bottom ,#9fca8b 10%, #6a9e52 70%, #4d773a);
}
.bgEmpty {
    border-right: 1px solid #E9E9E9;
    background-color: rgba(0,0,0,.01);
}
.alert {
    border: 1px solid rgba(255, 0, 0, 0.15);
    background-color: rgba(255, 0, 0, 0.01);;
    border-radius: .25em;
    padding: 1em;
    margin-top: 1em;
}
.w40 {
    min-width: 40%;
}
@media (max-width: 1024px) {
    .justifyLeftBreak {
        display: block;
    }
    .flex {
        margin-top: 1em;
    }
}