#wybrane-miejsce { background-color:#d4d4d4; padding:5px; font-weight:bold; }
#block-wizualizacja { position:relative; border:1px solid #d4d4d4; padding:10px; }
#legenda .blok { width:14px; height:14px; border:1px solid #ffffff; margin:0px 2px 2px 0px; padding:0px; display:block; text-align:center; font-size:8px; float:left; }

/* miejsce wolne */
#wizualizacja .miejsce.w { fill:#ffffff; stroke-width:1; stroke:#000000; cursor:pointer; }
#wizualizacja .label.w { fill:#000000; cursor:pointer; }
#legenda .w { border:2px solid #000000; }

/* miejsce zarezerwowane (nowe) */
#wizualizacja .miejsce.n { fill:#5ada5a !important; stroke-width:1; stroke:#000000; cursor:pointer; }
#wizualizacja .label.n { fill:#000000 !important; cursor:pointer; }
#legenda .n { border:2px solid #000000; background-color:#5ada5a; color:#000000; }

/* miejsce zajęte */
#wizualizacja .miejsce.z { fill:#333333; stroke-width:1; stroke:#000000; }
#wizualizacja .label.z { fill:#ffffff; }
#legenda .z { border:2px solid #000000; background-color:#333333; color:#ffffff; }

/* miejsce wyłączone */
#wizualizacja .miejsce.x { fill:#333333; stroke-width:1; stroke:#000000; }
#wizualizacja .label.x { fill:#ffffff; }
#legenda .x { border:2px solid #000000; background-color:#333333; color:#ffffff; }

#wizualizacja .miejsce.ui-selecting { fill:#F39814 !important; }
#wizualizacja .miejsce.ui-selected { fill:#F39814 !important; }

#tool-tip { position:absolute; background:#000000; color:#FFFFFF; padding:2px 3px; border:1px solid:#FFFFFF; }
#tool-tip .tool-tip-etykieta { display:inline-block; width:80px; }
#tool-tip .tool-tip-wartosc { display:inline-block; width:100px; text-align:right; }