﻿body {
  background: none;
  margin: 0;
  padding: 0;
}
.form .form-group {
  border: 1px solid #fff;
  position: relative;
  margin: 10px 0 0 0;
}
.form .form-group:first-child {
  margin: 0;
}
.form .form-group label {
  position: absolute;
  top: 5px;
  left: 15px;
  margin: 0;
  font-weight: normal;
  color: #000;
}
.form .form-group input[type='text'],
.form .form-group input[type='password'] {
  background: #acc7ce;
  color: #000;
  border: none;
  padding: 5px 15px;
  width: 100%;
}
.form .form-group button[type='submit'] {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 15px;
  background: #00677f;
  color: #fff;
  border: none;
}
.form .form-group button[type='submit']:hover {
  background: #fbab18;
}
.form .form-group button[type='submit']:before {
  content: " ";
  display: inline-block;
  width: 11px;
  height: 13px;
  background: url(../img/lock.png) center no-repeat;
  background-size: cover;
  margin: 0 4px -1px -3px;
}
.form .form-group.form-group-submit input[type='text'],
.form .form-group.form-group-submit input[type='password'] {
  padding: 5px 90px 5px 15px;
}
