#tab,
#tabs {
    border-color: rgba(255, 255, 255, 0.3);
}

.active {
    background-color: rgba(255, 255, 255, 0.2)
}

a {
    color: #f0f0f0
}

a:hover {
    color: white
}

button {
    border-color: rgba(0, 0, 0, 0.3);
    ]
}
/*
input[type="text"] {
    background-color: #7b7b7b;
    color: #f0f0f0;
}*/

input[type="radio"] {
    background-color: #cccccc;
}

input[type="radio"]:checked {
    background-color: #404040;
}

input[type="checkbox"] + label span {
    background: url(../images/check_sheet.png) left top no-repeat;
}

input[type="checkbox"]:checked + label span {
    background: url(../images/check_sheet.png) -11px top no-repeat;
}

input[type="text"] {
    border-color: #474747;
}

.perpTool {
    background-image: -webkit-image-set( url('../icons/x1/perpTool_light.png') 1x, url('../icons/x2/perpTool_light.png') 2x)
}

.horizonTool {
    background-image: -webkit-image-set( url('../icons/x1/horizonTool_light.png') 1x, url('../icons/x2/horizonTool_light.png') 2x)
}

.recolor {
    background-image: -webkit-image-set( url('../icons/x1/recolor_light.png') 1x, url('../icons/x2/recolor_light.png') 2x)
}

.xall {
    background-image: -webkit-image-set( url('../icons/x1/xall_light.png') 1x, url('../icons/x2/xall_light.png') 2x)
}

.wrap {
    background-image: -webkit-image-set( url('../icons/x1/wrap_light.png') 1x, url('../icons/x2/wrap_light.png') 2x)
}

.deperp {
    background-image: -webkit-image-set( url('../icons/x1/deperp_light.png') 1x, url('../icons/x2/deperp_light.png') 2x)
}

.rotatePath {
    background-image: -webkit-image-set( url('../icons/x1/rotatePath_light.png') 1x, url('../icons/x2/rotatePath_light.png') 2x)
}

.correctPath {
    background-image: -webkit-image-set( url('../icons/x1/correctPath_light.png') 1x, url('../icons/x2/correctPath_light.png') 2x)
}

.resetTransform {
    background-image: -webkit-image-set( url('../icons/x1/resetTransform_light.png') 1x, url('../icons/x2/resetTransform_light.png') 2x)
}