.steelblue-theme{font-size:11px!important;}

.steelblue-theme.elevation .background {
    background-color: rgba(70, 130, 180, .0);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.steelblue-theme.elevation .axis line,
.steelblue-theme.elevation .axis path {
    fill: none;
    stroke: #555555;
    stroke-width: 1
}

.steelblue-theme.elevation .mouse-drag {
    fill: rgba(0, 159, 227, .2)
}

.steelblue-theme.elevation .elevation-toggle {
    cursor: pointer;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .2);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 36px;
    height: 36px;
    background-color: #f8f8f9
}

.steelblue-theme.elevation .elevation-toggle-icon {
    background: url(images/elevation-steelblue.png) no-repeat center center
}

.steelblue-theme.elevation .area {
    fill: #dddddd;
}

.steelblue-theme.elevation .mouse-focus-line {
    pointer-events: none;
    stroke-width: 1;
    stroke: #0d1821
}

.steelblue-theme.elevation-collapsed .background {
    display: none
}

.steelblue-theme.elevation-collapsed .elevation-toggle {
    display: block
}

.steelblue-theme.height-focus {
    stroke: #009fe3;
    fill: #009fe3
}

.steelblue-theme.height-focus.line {
    pointer-events: none;
    stroke-width: 2
}








/* Other Themes */

.lime-theme.elevation .background {
    background-color: rgba(156, 194, 34, .0);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.lime-theme.elevation .axis line,
.lime-theme.elevation .axis path {
    fill: none;
    stroke: #566b13;
    stroke-width: 2
}

.lime-theme.elevation .mouse-drag {
    fill: rgba(99, 126, 11, .4)
}

.lime-theme.elevation .elevation-toggle {
    cursor: pointer;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .4);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 36px;
    height: 36px;
    background-color: #f8f8f9
}

.lime-theme.elevation .elevation-toggle-icon {
    background: url(images/elevation-lime.png) no-repeat center center
}

.lime-theme.elevation .area {
    fill: #9cc222
}

.lime-theme.elevation .mouse-focus-line {
    pointer-events: none;
    stroke-width: 1;
    stroke: #101404
}

.lime-theme.elevation-collapsed .background {
    display: none
}

.lime-theme.elevation-collapsed .elevation-toggle {
    display: block
}

.lime-theme.height-focus {
    stroke: #9cc222;
    fill: #9cc222
}

.lime-theme.height-focus.line {
    pointer-events: none;
    stroke-width: 2
}



.purple-theme.elevation .background {
    background-color: rgba(115, 44, 123, .2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.purple-theme.elevation .axis line,
.purple-theme.elevation .axis path {
    fill: none;
    stroke: #2d1130;
    stroke-width: 2
}

.purple-theme.elevation .mouse-drag {
    fill: rgba(74, 14, 80, .4)
}

.purple-theme.elevation .elevation-toggle {
    cursor: pointer;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .4);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 36px;
    height: 36px;
    background-color: #f8f8f9
}

.purple-theme.elevation .elevation-toggle-icon {
    background: url(images/elevation-purple.png) no-repeat center center
}

.purple-theme.elevation .area {
    fill: #732c7b
}

.purple-theme.elevation .mouse-focus-line {
    pointer-events: none;
    stroke-width: 1;
    stroke: #000
}

.purple-theme.elevation-collapsed .background {
    display: none
}

.purple-theme.elevation-collapsed .elevation-toggle {
    display: block
}

.purple-theme.height-focus {
    stroke: #732c7b;
    fill: #732c7b
}

.purple-theme.height-focus.line {
    pointer-events: none;
    stroke-width: 2
}