/* Pagestyle MAZDA */

body {
  overflow: auto;
  background: #f2f2f2;
}

body:after {
  content: none;
}

.container_16 {
  margin: 0 auto;
  width: 960px;
  background: none;
  padding: 0;
}

/* --------------------------------------------------------------------------- Header */

#edHeader {
  background: #1d2224;
}

#edHeader .logo {
  float: left;
  width: 130px;
  height: 33px;
  margin-top: 10px;
  margin-bottom: -10px;
  margin-left: 1px;
  color: transparent;
  font-size: 0px;
  line-height: auto;
  background-image: url("images/mazda/logo-mazda.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
}

/* --------------------------------------------------------------------------- Content */

.title {
  text-align: center;
  margin: 20px 0 60px;
}

.title #lblSystemNameNOTEDITABLE span {
  color: #0086DA;
  color: #ffffff;
  font-size: 25px;
  font-weight: normal;
  text-align: center;
  text-shadow: none;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

#edContent {
  background: url("images/mazda/bg-image-02.jpg") #f1f1f1 no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/mazda/bg-image-02.jpg', sizingMethod='scale', color='#f1f1f1');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/mazda/bg-image-02.jpg', sizingMethod='scale', color='#f1f1f1')";
  padding: 40px 0 10% 0;
}

.login-box {
  min-height: 188px;
  background: url("images/mazda/app-bg.png");
  border: none;
  padding: 20px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.login-box .box-style1-content {
  padding: 20px;
  background: #4F4F50;
  border-radius: 5px;
}

.box-style1-header {
  height: 16px;
  padding: 0 0 20px 0;
  font-weight: normal;
  text-shadow: none;
  background: none;
  border: none;
  background-size: inherit;
  font-size: 22px;
  color: #cacaca;
}

.login-login {
  width: 100%;
  height: auto;
  border-left: 0;
  margin: 0;
  padding: 0;
  float: none;
}

.login-login.close {
  display: none;
}

.password-link {
  font-size: 14px;
  margin-top: 10px;
}

.password-link a:hover {
  color: #297fb8;
}

.password-link a {
  color: #fff;
}

.login-forgot-password-modal.open {
  width: auto;
}

/* Input */

#txtClient {
  display: none;
}

.ed-ddl,
#txtPassword,
#txtUsername {
  width: 100%;
  margin: 0 0 20px !important;
  background: #b3b3b3;
  border-radius: 5px;
}

.ed-ddl-first,
#txtPassword .ed-text-first,
#txtUsername .ed-text-first {
  height: auto;
  margin: 0;
  display: block;
  padding: 10px;
  background: none;
}

.ed-ddl-last,
#txtPassword .ed-text-last,
#txtUsername .ed-text-last {
  height: 22px;
  margin: 0;
  display: block;
  padding: 0;
  position: relative;
  background: none;
  margin-left: 38px;
}

.ed-ddl-last > span,
#txtPassword .ed-text-last input,
#txtUsername .ed-text-last input {
  position: relative;
  background: none !important;
  border: none !important;
}

#txtPassword .ed-text-last input,
#txtUsername .ed-text-last input,
#txtPassword .ed-text-default.ed-text-default-active,
#txtUsername .ed-text-default.ed-text-default-active,
.ed-ddl-last span {
  color: #4f4f4f !important;
  font-style: normal;
  font-size: 18px !important;
  text-shadow: none;
}

.ed-text-last input:focus {
  outline: none;
  box-shadow: none;
}

#ddlClient .ed-ddl-first,
#ddlLanguages .ed-ddl-first,
#txtUsername .ed-text-first,
#txtPassword .ed-text-first {
  background-image: url("images/mazda/field-icon.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 10px 0;
}

#ddlClient .ed-ddl-first {
  background-position: 10px 7px;
}

#ddlLanguages .ed-ddl-first {
  background-position: 10px -147px;
}

#txtUsername .ed-text-first {
  background-position: 10px -44px;
}

#txtPassword .ed-text-first {
  background-position: 10px -96px;
}

#ddlClient .ed-ddl-last,
#ddlLanguages .ed-ddl-last {
  background-image: url("images/mazda/field-icon.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: right -207px;
}

/* Dropdown */

.ed-ddd-container,
.ed-ddl-content {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-top: 10px;
}

.ed-ddl-top > .ed-ddl-content,
.ed-ddl-top > .ed-ddd-container {
  bottom: 52px !important;
}

/* Button */

#cmdLogin {
  float: none;
}

.ed-button-first {
  height: auto;
  margin: 0;
  display: block;
  background: none;
}

.ed-button-last {
  height: auto;
  margin: 0;
  display: block;
  background: none;
}

.ed-button-first a {
  color: #ffffff;
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: normal;
  font-weight: normal;
  text-decoration: none;
  text-shadow: none;
  display: block !important;
  background: #297fb8;
  border-radius: 5px;
  border: none;
  padding: 14px;
  line-height: 14px;
  text-align: center;
}

/* Error */

span#lblError {
  display: block;
  text-align: center;
  font-size: 14px;
  color: red;
  float: right;
}

/* --------------------------------------------------------------------------- Footer */

#edFooter {
  margin: 30px 0 70px;
  text-align: center;
  color: #333333;
  font-size: 13px;
}

.login-copyright {
  text-align: center;
  font-size: 11px;
  color: #989898;
}