#raport {
    margin-right: 5px;
    margin-left: 5px;
}

.chartpanel {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #333333), color-stop(100%, #060606));
    background: -webkit-linear-gradient(top, #333333, #060606);
    background: linear-gradient(top, #333333, #060606)
}

.x-chart-toolbar {
    position: absolute;
    z-index: 9;
    display: -webkit-box;
    display: box;
    padding: .6em;
    right: 0;
}

.x-chart-toolbar[data-side="bottom"] {
    bottom: 0;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
}

.x-chart-toolbar[data-side="top"], .x-chart-toolbar[data-side="bottom"] {
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    right: 0;
}

.x-legend {
    z-index: 10;
    border: 1px solid #CCC;
    background: white;
    overflow: hidden;
    position: absolute;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.6) 0 1px 1px;
    box-shadow: rgba(255, 255, 255, 0.6) 0 1px 1px;
}

.x-panel.x-floating, .x-msgbox.x-floating, .x-form.x-floating {
    padding: 6px;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0 0.2em 0.6em;
    background: black none;
}

.black-x-toolbar-dark {
    background-color: #2B2B2B;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #777), color-stop(2%, #3C3C3C), color-stop(100%, #191919));
    background-image: -webkit-linear-gradient(#777, #3C3C3C 2%, #191919);
    background-image: linear-gradient(#777, #3C3C3C 2%, #191919);
    border-color: black;
}