.light-placeholder {
    color: #f5f2f2;
}

.score, .score-number {
    width: 100%;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    -webkit-user-select: none;
    font-size: 30px;
}

.score-number {
    color: #AAA;
    font-size: 24px;
}

.score-disabled {
    cursor: default;
    background-color: gray;
    color: gray;
}

.scores {
    border-collapse: collapse;
    text-align: center;
    border: 0px;
    width: 100%;
    max-width: 600px;
}

.scores th {
    text-align: center;
    width: 14.3%;
    font-size: 24px;
    font-weight: bolder;
    -webkit-user-select: none;
}

.scores td {
    padding: 0 !important;
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
    height: 60px;
    vertical-align: middle !important;
    -webkit-user-select: none;
}


.success {
    background-color: #dff0d8;
}

.danger {
    background-color: #f2dede;
}

.warning {
    background-color: #fff3cd;
}


.input-time {
    font-size: 32px;
    font-weight: bold;
    width: 100%;
    cursor: pointer;
    border-radius: 6px;
    border: 1px solid #CCC;
    padding: 2px;
}

.input-pin {
    text-align: center;
    width: 265px;
    font-size: 40px;
}

.btn-metal {
    font-size: 32px;
    border: 1px solid #CCC;
    border-radius: 6px;
    box-shadow: rgba(255, 255, 255, 0.14902) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px;
    background-color: #e0e0e0;
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    background-repeat: repeat-x;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    text-shadow: rgb(255, 255, 255) 0px 1px 0px;
}

.input-procedural {
    font-size: 32px;
    font-weight: bold;
    width: 70px;
    border-radius: 6px;
    border: 1px solid #CCC;
    padding: 2px;
    cursor: not-allowed;
    text-align: center;
}

.btn-procedural {
    font-size: 32px;
    border: 1px solid #CCC;
    border-radius: 6px;
    box-shadow: rgba(255, 255, 255, 0.14902) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px;
    background-color: #e0e0e0;
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    background-repeat: repeat-x;
    box-sizing: border-box;
    text-shadow: rgb(255, 255, 255) 0px 1px 0px;
    width: 45px;
    padding: 2px;
}

.review-score {
    font-size: 26px;
    text-align: center;
}

.review-time {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}

.review-penalty {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

.table-review th {
    text-align: center;
}

.btn-zero {
    color: #FFFFFF;
    background-color: #F16E00;
    border-color: #F16E00;
}

.btn-zero:hover {
    color: #FFFFFF;
    background-color: #c55900;
    border-color: #c55900;
}