#balloon {
    display: table;
    width: 260px;
}

    #balloon > .title {
        display: block;
        margin-bottom: 3px;
    }

        #balloon > .title .category {
            display: table;
            font-size: x-small;
            background-color: black;
            color: white;
            margin-right: 3px;
            margin-bottom: 3px;
            padding: 3px 13px 4px 13px;
            text-align: center;
            border-radius: 8px;
        }

    #balloon > .body {
        display: block;
        background-color: rgb(145 209 244 / 0.10);
        border-color: rgb(145 209 244);
        border-width: 1px;
        border-style: solid;
        padding: 3px 8px 0px 8px;
    }

        #balloon > .body a {
            color: blue;
            text-decoration: none;
        }

            #balloon > .body a:hover {
                color: red;
                text-decoration: underline;
                cursor: pointer;
            }

    #balloon > .info {
        display: block;
        overflow-x: hidden;
        overflow-y: scroll;
        margin-top: 8px;
        width: 260px;
        height: 260px;
    }

        #balloon > .info #flyerViewer {
            background-color: red;
            width: 100%;
        }

        #balloon > .info .text {
            font-size: x-small;
            display: block;
            width: 100%;
        }

    #balloon > #latlng {
        display: block;
        font-size: x-small;
        text-align: right;
        color: dimgray;
    }