.svgwrapper {
    width: 575px;
    height: 340px;
    position: relative;
    zoom: 1;
    -moz-transform: scale(1);
    overflow: hidden;
    transform-origin: left;
    -moz-transform-origin: left;
}

.svgscene {
    background-size: 575px 300px !important;
    background-repeat: no-repeat;
}

.svgstoly,
.svgscene,
.svglegend {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.svglegend {
    top: 301px;
    overflow: hidden;
}

.svgstoly svg {
    width: 575px;
    height: 300px;
}

.svglegend svg {
    width: 575px;
    height: 40px;
}

.vip {
    fill: #e8b506;
}

.business {
    fill: #5561a5;
}

.blago {
    fill: #E2602E;
}

circle.obvodka {
    stroke: #790000;
    stroke-width: 1.6px;
}

circle.partobvodka {
    stroke: #790000;
    stroke-width: 1.6px;
    stroke-dasharray: 4;
}

.stolnum {
    fill: white;
    font-size: 11px;
    -moz-transform: translateY(1%);
    font-family: Arial;
}

.svg_g:not(.obvodka) {
    cursor: pointer;
    user-select: none;
}

.svg_g.obvodka {
    user-select: none;
}

.svglegendtext {
    font-size: 10px;
    -moz-transform: translateY(10%);
}

.svgkostyl {
    display: flex;
    align-items: center;
    justify-content: left;
}

.stolname {
    font-size: 5px;
    font-family: Arial, sans-serif;
    fill: black;
    font-weight: 600;
    /*text-shadow: 0 0 10px black;*/
}

.svgrect {
    fill: white;
    stroke: red;
    stroke-width: 0.4px;
}