html, body {
    margin : 0;
    padding : 0;
    font-family: sans-serif;
    height : 100%;
    width : 100%;
}

#map {
    height : 100%;
    width : 100%;
    background: #ccc;
}

#uploadWrapper {
    display : inline-block;
    position: absolute;
    z-index : 1000;
    top : 0;
    left : 50%;
    transform: translateX(-50%);
    padding : 10px;
    background-color: #fff;
    width : 300px;
    text-align: center;
    border : 1px solid rgba(0, 0, 0, .25);
    box-shadow: 0 0 30px rgba(0, 0, 0, .25);
}

input[type="file"] {
    display: none;
}

.leaflet-popup-content {
    .head {
        font-weight : bold;
    }

    .errors {
        padding-left: 0px;
        font-size: .8rem;
        list-style: none;

        li {
            position: relative;
            padding-left: 18px;
            white-space: nowrap;

            &+li {
                margin-top : 3px;
            }

            &::before {
                content: "";
                display: inline-block;
                height: 12px;
                width: 12px;
                background-image: url('gfx/error.png');
                background-size: contain;
                position: absolute;
                left : 0;
                top : 3px;
            }
        }
    }
}

#errorLog {
    position: absolute;
    top : 0;
    right: 0;
    bottom : 0;
    width : 300px;
    z-index : 1000;
    border : 1px solid rgba(0, 0, 0, .25);
    box-shadow: 0 0 30px rgba(0, 0, 0, .25);
    background-color: #fff;

    .head {
        border-bottom : 1px solid #ccc;
        padding : 10px;
        font-weight : 700;
        background-color : #f2f2f2;
        font-size : 15px;
    }

    .log {
        padding : 10px;
        font-size : 12px;
        margin-left: 0;
        padding-left: 30px;
        list-style-position: outside;
    }

    .core-errors {
        padding : 10px;
        font-size : 12px;
        text-align: left;
    }

    .indent {
        margin-left : 10px;
    }
}