.templateView {
    margin-bottom: 24px;
}
.fa-lightbulb::before {
    content: "\f0eb"; 
}
#light-switch {
    position: fixed;
    right: 0;
    top: 33%;
    font-size: 30px;
    z-index: 2;
    background: #333;
    color: #eee;
    padding: 6px 16px;
}
#light-switch:hover {
    cursor: pointer;
}
.title a:hover {
    text-decoration: none;
}
#templateconfigurator a:hover,
#templateconfigurator a:active,
#templateconfigurator a:focus,
#templateconfigurator a:visited {
    text-decoration: none;
}
.templateconfigurator-listrow {
    margin-bottom: 24px;
}
.templateconfigurator-listitem {
    display: block;
    border: 2px solid #999999;
    padding: 3px 6px;
    border-radius: 3px;
    margin-bottom: 6px;
}
.templateconfigurator-listitem.active {
    border-color: #cc9900;
}
.picture {
    position: relative;
}
#template-graphic {
    position: absolute;
    background-color: #fff;
}
#wrapper.light-off {
    background-color: #333 !important;
}
#wrapper.light-off #light-switch {
    color: #333 !important;
    background-color: #eee;
}
#wrapper.light-off #templateconfigurator,
#wrapper.light-off .templateconfigurator-listitem,
#wrapper.light-off .title a {
    color: #eeeeee !important;
}