*, *::after, *::before {
  box-sizing: border-box;
}

body {
  /*background: #045ba8;*/
  color: #4d4d4d;
  font-family: arial;
  font-size: 12px;
  line-height: 1.42857;
}

.login-box {
  background-color: #fff;
  border-bottom: 1px solid #d2d3d6;
  border-left: 1px solid #d2d3d6;
  border-right: 1px solid #d2d3d6;
  padding: 20px;
  border-top: 5px solid #777;
  width:400px;
  margin:180px auto;
  position: relative;
}

.login-box:before {
  content: "";
  background: url(/images/rw_base.jpg);
  width: 150px;
  height: 133px;
  display: block;
  position: absolute;
  top: -145px;
  left: 120px;
}


.login-footer {
  background-color: #f7f8fa;
  border-color: #d2d3d6;
  border-style: solid;
  border-width: 1px 0 0;
  color: #000;
  padding: 20px;
  margin:20px -20px -20px -20px;

}

.login-footer input {
  background:#777;
  border:0;
  color:#fff;
  text-transform:uppercase;
  border-radius:3px;
  padding:5px 10px;
  display:block;
  margin:0 auto;
  font-size:12px;
  height:30px;
  cursor:pointer;
}

.login-box label {
  display:block;
  font-weight:bold;
  padding:3px 0;
}

.login-box label.check {
  display:inline;
  margin-left:5px;
}

.login-box div.check {
  margin-top:15px;
}

.login-box input[type="text"],
.login-box input[type="password"] {
  border:1px solid #d2d3d6;
  padding:3px 10px;
  width:100%;
  margin-bottom:10px;
}

.login-box input[type="checkbox"] {
  position:relative;
  top:2px;
}

#kiosk-settings {}

.login-error {
  color: red;
  font-weight: bold;
  text-align: center;
}