.calc-button {
    border-image: url("../buttons/button.svg") 7;
    height: 40px;
    width: 50px;
    margin: 20px;
    color: #fff;
}

.calc-button:hover {
    border-image: url("../buttons/button-hover.svg") 7;
    height: 40px;
    width: 50px;
    margin: 20px;
    color: #fff;
}

.calc-button:active {
    border-image: url("../buttons/button-pressed.svg") 7;
    height: 40px;
    width: 50px;
    margin: 20px;
    color: #fff;
}

.calc-button-padding {
    padding: 2px;
}

.calc-mainBox {
    padding: 2px;
}

.calc-displayArea {
    padding: 3px;
}

.calc-displayWindow {
    border-image: url("../misc-assets/entry-focused.svg") 7;
    padding: 10px;
}

.calc-displayWindow-rpn {
    border-image: url("../misc-assets/entry-focused.svg") 7;
    padding: 10px;
}

.calc-displayText-primary {
    font-size: 32px;
    color: #000;
    text-align: right;
}

.calc-displayText-secondary {
    font-size: 9px;
    color: #000;
    text-align: right;
}

.calc-displayText-operation {
    font-size: 24px;
    color: #000;
}

.calc-displayText-status {
    font-size: 8px;
    color: #000;
}

.calc-displayText-rpn {
    color: #000;
}

.calc-stackArea {
    height: 85px;
    padding-top: 8px;
}

.calc-navigation-box {
    padding: 0 0 0 8px;
    width: 22px;
}

.calc-navigation-icon {
    color: #fff;
    icon-size: 16px;
}

.calc-button .calc-navigation-button {
}