body {
  background-color: #909090;
}
@font-face {
  font-family: 'din';
  src: url('font/din-webfont.eot');
  src: url('font/din-webfont.eot?#iefix') format('embedded-opentype'), url('font/din-webfont.woff') format('woff'), url('font/din-webfont.ttf') format('truetype'), url('font/din-webfont.svg#dinmedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'dinmedium';
  src: url('font/din_medium-webfont.eot');
  src: url('font/din_medium-webfont.eot?#iefix') format('embedded-opentype'), url('font/din_medium-webfont.woff') format('woff'), url('font/din_medium-webfont.ttf') format('truetype'), url('font/din_medium-webfont.svg#dinmedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
.din {
  font-family: 'din', sans-serif;
  letter-spacing: -0.08em;
}
.din-medium {
  font-family: 'dinmedium', sans-serif;
  letter-spacing: -0.08em;
}
* {
  margin: 0;
  padding: 0;
}
.align-right {
  text-align: right;
}
.right {
  float: right;
}
.fullwidth {
  width: 100%;
}
.cp-small.text {
  font-size: 12px;
}
.cp-table {
  display: table;
  position: absolute;
  height: 100%;
  width: 100%;
}
.cp-container {
  display: table-cell;
  vertical-align: middle;
}
.blue-btn {
  font-family: 'dinmedium', sans-serif;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  padding: 8px 12px;
  margin-top: 12px;
  background-color: #0098a8;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.blue-btn:hover {
  color: #0098a8;
  background-color: #fff;
}
.cp-login {
  font-family: 'din', sans-serif;
  font-size: 13px;
  color: #ddd;
  width: 100%;
  max-width: 340px;
  margin: 24px auto;
  border: #0098a8 1px solid;
  background-color: #222;
  box-sizing: border-box;
}
.cp-login .cp-login-container {
  padding: 20px;
  overflow: hidden;
}
.cp-login .cp-login-container .logo {
  width: 134px;
  height: 34px;
  margin-bottom: 24px;
  background: url('../images/logo.png') no-repeat 0 0;
  text-indent: -10000px;
}
.cp-login .cp-login-container .cp-text {
  font-size: 18px;
  margin: 0 0 24px !important;
}
.cp-login .cp-login-container form .cp-form-element {
  float: left;
  width: 100%;
}
.cp-login .cp-login-container form p {
  margin-bottom: 20px;
}
.cp-login .cp-login-container form label {
  font-size: 15px;
}
.cp-login .cp-login-container form select {
  font-family: 'dinmedium', sans-serif;
  font-size: 18px;
  color: #999;
  width: 100%;
  padding: 8px 10px;
  background-color: #eee;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.cp-login .cp-login-container form .input-text {
  box-sizing: border-box;
  color: #999;
  width: 100%;
  padding: 10px;
  background-color: #eee;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.cp-login .cp-login-container form span {
  padding-left: 5px;
}
.cp-login .cp-login-container form .input-submit {
  font-family: 'dinmedium', sans-serif;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  padding: 8px 12px;
  background-color: #0098a8;
  border: none;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.cp-login .cp-login-container form .input-submit:hover {
  color: #0098a8;
  background-color: #fff;
}
.cp-login .cp-login-container form .link-cancel {
  display: block;
  float: right;
  font-family: 'dinmedium', sans-serif;
  font-size: 16px;
  text-decoration: none;
  color: #0098a8;
  text-transform: uppercase;
  padding: 8px 12px 8px 20px;
  background: url('../images/cross.png') no-repeat 0 9px;
}
.cp-login .cp-login-container form .link-cancel:hover {
  text-decoration: underline;
}
.cp-login .cp-login-container form .link-refresh {
  display: block;
  font-family: 'dinmedium', sans-serif;
  font-size: 13px;
  text-decoration: none;
  color: #0098a8;
  padding: 8px 12px 8px 16px;
  background: url('../images/refresh.png') no-repeat 0 9px;
}
.cp-login .cp-login-container form .user-links {
  font-size: 15px;
  list-style: none;
  padding: 20px 0;
}
.cp-login .cp-login-container form .user-links li {
  float: left;
  padding-right: 5px;
  margin-right: 5px;
  border-right: #2c2c2c 1px solid;
}
.cp-login .cp-login-container form .user-links li:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}
.cp-login .cp-login-container form .user-links li a {
  display: block;
  text-decoration: none;
  color: #0098a8;
}
.cp-login .cp-login-container form .user-links li a:hover {
  text-decoration: underline;
}
.cp-login .cp-login-container form span.error {
  font-size: 12px;
  color: #d12f11;
  width: 100%;
  padding-top: 5px;
  display: inline-block;
}
.cp-login .cp-login-container form .btn-right {
  float: right;
  margin-bottom: 20px;
}
.cp-login .cp-login-container .cp-register-form .left-col {
  float: left;
  width: 37.5%;
}
.cp-login .cp-login-container .cp-register-form .left-col label {
  float: right;
  text-align: right;
  padding: 10px;
}
.cp-login .cp-login-container .cp-register-form .left-col .input-checkbox {
  float: right;
  margin-right: 10px;
}
.cp-login .cp-login-container .cp-register-form .right-col {
  float: right;
  width: 62.5%;
}
.cp-login.cp-landing .logo {
  margin-bottom: 12px;
}
.cp-login.cp-landing .cp-text {
  margin: 0 0 12px !important;
}
.cp-login.cp-landing form p {
  margin-bottom: 10px;
}
.cp-login.cp-landing form .link-refresh {
  padding: 4px 12px 4px 16px;
  background: url('../images/refresh.png') no-repeat 0 5px;
}
.cp-login.cp-large {
  max-width: 700px;
}