﻿div#svg_map_section_inner {
     background-color: #F5F8FA;
     border: 2px solid #51c7ed;

}    

#venuemapsvg {
        font-size: 9pt;
        font-family: Verdana, Arial, Helvetica;

    }

    /* disable any pointer events from the editor */
    .rectedit {
        pointer-events: none;
    }

    /* d3 hover event for each seat*/


    .seat {
        fill: #ebf5ff !important;
        stroke: #3366ff;
        stroke-width: 1;
        pointer-events: all;
    }

        .seat:hover {
            fill: #ffffff;
            stroke-width: 3;
            cursor: pointer;
        }

        .seat.pending { /* New pending status 3-3-16 PRH */
            fill: #c2c2d6 !important;
        }

        .seat.unavailable {
            fill: #ff9999 !important;
        }

        .seat.available {
            fill: #ebf5ff !important;
        }

        .seat.selected {
            fill: #3ADF00 !important;
        }

        .seat.zero {
            fill: #FFFF99 !important;
        }

    .table-round {
        fill: #ffffff;
        stroke: #3366ff;
        stroke-width: 1;
    }

    .seat-label, .row-label {
        font-size: .8em;
    }

    .seat-label {
        pointer-events: none;
        fill: #3366ff;
        font-size: .8em;
    }

    .stage {
        fill: #DBDBDB !important; /* #F4F4F4 !important; */
        stroke: #3366ff; /* #DBDBDB; */
        stroke-width: 1;
    }

    .stage-label {
        text-anchor: middle;
    }

    .wheelchair {
        fill: #155196; /* This is the "blue color" from the https://en.wikipedia.org/wiki/International_Symbol_of_Access  */
        pointer-events: none; /* http://stackoverflow.com/questions/1737480/passing-mouse-clicks-through-an-overlaying-element-div */
    }

    #navbar-controller {
        position: absolute;
        right: 30px !important;
        width: 40px;
        z-index: 95;
        pointer-events: auto;
        outline: 0;
    }

    .navbar-button {
        width: 24px;
        height: 24px;
        display: block;
        cursor: pointer;
    }
        /* zoom-in */
        .navbar-button.navbar-zoomin {
            background-image: url("https://www.trailblz.info/common/images/mapcontroller/Plus75Transparent24x24.png");
            position: absolute;
            top: 0px;
            left: 0px;
        }

            .navbar-button.navbar-zoomin:hover {
                background-image: url("https://www.trailblz.info/common/images/mapcontroller/Plus95Transparent24x24.png");
            }
        /* zoom-out */
        .navbar-button.navbar-zoomout {
            background-image: url("https://www.trailblz.info/common/images/mapcontroller/Minus75Tranparent24x24.png");
            position: absolute;
            top: 0px;
            left: 28px;
        }

            .navbar-button.navbar-zoomout:hover {
                background-image: url("https://www.trailblz.info/common/images/mapcontroller/Minus95Tranparent24x24.png");
            }
        /* North */
        .navbar-button.navbar-pannorth {
            background-image: url("https://www.trailblz.info/common/images/mapcontroller/ArrowNorth75Transparent26x26.png");
            position: absolute;
            top: 35px;
            left: 0px;
        }

            .navbar-button.navbar-pannorth:hover {
                background-image: url("https://www.trailblz.info/common/images/mapcontroller/ArrowNorth90Transparent26x26.png");
            }
        /* South */
        .navbar-button.navbar-pansouth {
            background-image: url("https://www.trailblz.info/common/images/mapcontroller/ArrowSouth75Transparent26x26.png");
            position: absolute;
            top: 75px;
            left: 0px;
        }

            .navbar-button.navbar-pansouth:hover {
                background-image: url("https://www.trailblz.info/common/images/mapcontroller/ArrowSouth90Transparent26x26.png");
            }
        /* East */
        .navbar-button.navbar-paneast {
            background-image: url("https://www.trailblz.info/common/images/mapcontroller/ArrowEast75Transparent26x26.png");
            position: absolute;
            top: 55px;
            left: 14px;
        }

            .navbar-button.navbar-paneast:hover {
                background-image: url("https://www.trailblz.info/common/images/mapcontroller/ArrowEast90Transparent26x26.png");
            }

        /* West */
        .navbar-button.navbar-panwest {
            position: absolute;
            top: 55px;
            left: -14px;
            background-image: url("https://www.trailblz.info/common/images/mapcontroller/ArrowWest75Transparent26x26.png");
        }

            .navbar-button.navbar-panwest:hover {
                background-image: url("https://www.trailblz.info/common/images/mapcontroller/ArrowWest90Transparent26x26.png");
            }