body {
    /* Prevent the double click highlight issue */
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Not implemented yet */
    user-select: none;
}

@font-face {
    font-family: 'dseg7_classic_minilight';
    src: url('../fonts/dseg7classicmini-light-webfont.eot');
    src: url('../fonts/dseg7classicmini-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dseg7classicmini-light-webfont.woff2') format('woff2'),
    url('../fonts/dseg7classicmini-light-webfont.woff') format('woff'),
    url('../fonts/dseg7classicmini-light-webfont.ttf') format('truetype'),
    url('../fonts/dseg7classicmini-light-webfont.svg#dseg7_classic_minilight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'impact_labelregular';
    src: url('../fonts/Impact_Label-webfont.eot');
    src: url('../fonts/Impact_Label-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Impact_Label-webfont.woff') format('woff'),
    url('../fonts/Impact_Label-webfont.ttf') format('truetype'),
    url('../fonts/Impact_Label-webfont.svg#impact_labelregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.tapeText {
    font-family: 'impact_labelregular', Arial, sans-serif;
    color: #000;
    font-size: 32px;
}

.blankLabel {
    height: 40px;
}

.numLabel {
    width: 35px;
    float: left;
}

.segText {
    font-family: 'dseg7_classic_minilight', Arial, sans-serif;
    color: red;
    font-size: 52px;
    width: 40px;
    float: left;
}

.clear {
    clear: both;
}

.ledOff, .ledRed, .ledGreen {
    width: 31px;
    height: 31px;
    margin: 2px;
}

.ledOff {
    background: url(../img/leds2.png) 0 0 no-repeat;;
}

.ledRed {
    background: url(../img/leds2.png) -31px 0 no-repeat;;
}

.bRowCell {
    width: 100px;
    float: left;
    text-align: center;
}

.bRowMO {
    /**
    height:29px;
    width:52px;
    **/
}

.bRowMI {
    width: 31px;
    height: 78px;
    margin: auto;
}

.switch {
    display: none;
}

.switch + label {
    background: url(../img/switches2.png) 0 0 no-repeat;
    height: 74px;
    width: 31px;
    display: inline-block;
    padding: 0 0 0 0;
}

.switch:checked + label {
    background: url(../img/switches2.png) -31px 0 no-repeat;
    height: 74px;
    width: 31px;
    display: inline-block;
    padding: 0 0 0 0;
}

.button {
    background: url(../img/button.png) 0 0 no-repeat;
    cursor: pointer;
    border: none;
    width: 31px;
    height: 23px;

}

.centerBTN {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.button:active {
    background: url(../img/button.png) -31px 0 no-repeat;
}
/* GitHub corner, from https://github.com/tholman/github-corners (MIT) */
.github-corner svg {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    fill: #151513;
    color: #fff;
}

.github-corner .octo-arm {
    transform-origin: 130px 106px;
}

.github-corner:hover .octo-arm {
    animation: octocat-wave 560ms ease-in-out;
}

@keyframes octocat-wave {
    0%, 100% { transform: rotate(0); }
    20%, 60% { transform: rotate(-25deg); }
    40%, 80% { transform: rotate(10deg); }
}