.codesform .digit .topdigit {
  height:30px;
  border: 2px solid #333366;
  text-align:center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0;
  cursor:pointer;
}

.codesform .digit .bottomdigit {
  height:30px;
  border: 2px solid #333366;
  text-align:center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0;
  cursor:pointer;
}

.codesform .digit .middledigit {
  height:80px;
  border: 2px solid #333366;
  text-align:center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0;
}

.codesform input {
  margin-top: 15px;
  width: 390px; height:30px;
  border:2px solid #333366;
  cursor:pointer;

}

.codesform { width: 100%; max-width: 396px; position: relative; margin-left: auto; margin-right: auto; left:0;}
.codesform .digit { float: left; width: 20%; margin-right: 0px; margin-top: 0px; }
.codesform .digit .topdigit {  width:90%; margin:auto; }
.codesform .digit .middledigit {  width:90%; font-size:3rem; margin:auto; }
.codesform .digit .bottomdigit {  width:90%; margin:auto; }
.codesform input { width:99%; }

b, strong { font-weight:600; }
.bg-err { background-color:#ffd3d3; }
.nav-link::before { content: '> '; }
a.nav-link {padding-right:0!important;padding-left:.25rem!important;}
.nav {padding-left:.25rem!important;}
.hdinl h3 { display:inline-block; }
.hdinl a { vertical-align:top; }
.h3, h3 { font-size:1.4rem; }
.h1, h1 { font-size:2rem; line-height:1; }
.modellogo { float:right;margin:10px 0 10px 20px; }