﻿#Keyboard #key-input-row {
  background-color: #fff;
  width: 937px; }

#Keyboard #NaviR2C2 .text {
  width: 55px;
  height: 55px;
  background: url(../Images/KeyboardSpace.svg);
  background-repeat: no-repeat;
  background-position: 0 -6px;
  background-size: 55px 55px; }

#Keyboard #NaviR3C1 .text {
  width: 55px;
  height: 55px;
  background: url("../Images/KeyboardBackspace .svg");
  background-repeat: no-repeat;
  background-position: 0px -1px;
  background-size: 55px 55px; }

#Keyboard #NaviR3C2 .text {
  margin-top: -2px;
  width: 45px;
  height: 45px;
  background: url(../Images/KeyboardDeleteAll.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 45px 45px; }

#Keyboard #NaviR3C3 .text {
  margin-top: -1px;
  width: 45px;
  height: 45px;
  background: url(../Images/KeyboardCancel.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 45px 45px; }

#Keyboard #NaviR4C1 .text {
  margin-top: -1px;
  width: 45px;
  height: 45px;
  background: url(../Images/KeyboardOK.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 45px 45px; }

#Keyboard #KeyboardKeys div#KeyR5C01 div,
#Keyboard #KeyboardCode div#KeyR5C01 div {
  width: 163.5px; }

#Keyboard #KeyboardKeys div#KeyR5C02 div,
#Keyboard #KeyboardCode div#KeyR5C02 div {
  width: 162px; }

#Keyboard #KeyboardKeys div#KeyR5C02 div,
#Keyboard #KeyboardCode div#KeyR5C02 div {
  width: 163.5px; }

#Keyboard #KeyboardKeys div.key-row div div,
#Keyboard #KeyboardCode div.key-row div div,
#Keyboard #KeyboardNumeric div.key-row div div,
#Keyboard #KeyboardNavi div.key-row div div {
  /*background-color: #3c3c3c;*/
  border: 1px solid transparent; }

#Keyboard #KeyboardKeys div.key-row div.focus div,
#Keyboard #KeyboardKeys div.key-row div div:hover,
#Keyboard #KeyboardCode div.key-row div.focus div,
#Keyboard #KeyboardCode div.key-row div div:hover,
#Keyboard #KeyboardNumeric div.key-row div.focus div,
#Keyboard #KeyboardNumeric div.key-row div div:hover {
  /*background-color: $focus;*/
  border: 1px solid #fff; }

#Keyboard #KeyboardKeys div.key-row div div.press,
#Keyboard #KeyboardCode div.key-row div div.press,
#Keyboard #KeyboardNumeric div.key-row div div.press {
  background-color: #ddd;
  color: #000; }

#Keyboard #KeyboardNavi div.navi-row div.focus div,
#Keyboard #KeyboardNavi div.navi-row div div:hover {
  /*background-color: $focus;*/
  border: 1px solid #fff; }

#Keyboard #KeyboardNavi div.navi-row div.focus div,
#Keyboard #KeyboardNavi div.navi-row #NaviR4C1.focus div {
  background-position: 0 0; }

#Keyboard #KeyboardNavi div.navi-row div div.press,
#Keyboard #KeyboardNavi div.navi-row #NaviR4C1 div.press {
  background-position: 0 -111px;
  color: #000; }

#Keyboard #Keyboard div#key-input-row {
  background-color: #adadad; }

#Keyboard #Keyboard #NaviDisplayPassword.focus div {
  background-position: 0 0; }

#Keyboard #Keyboard #NaviDisplayPassword div.press {
  background-position: 0 -111px; }

#Keyboard #Keyboard div[focusable="false"] div {
  color: #808080; }

#Keyboard #KeyboardKeys div#KeyR5C01[focusable="false"] div,
#Keyboard #KeyboardKeys div#KeyR5C02[focusable="false"] div,
#Keyboard #KeyboardKeys div#KeyR5C03[focusable="false"] div,
#Keyboard #KeyboardCode div#KeyR5C01[focusable="false"] div,
#Keyboard #KeyboardCode div#KeyR5C02[focusable="false"] div,
#Keyboard #KeyboardCode div#KeyR5C03[focusable="false"] div {
  background-position: 0 -171px;
  color: #fff; }
