div.error input {
  border-color: #e56c69;
}

input#captcha {
  width: 33%;
  float: left;
}

img.captcha {
  float: right;
  width: 43%;
  height: 42px;
  margin-top: 1px;
  border: 0 none;
  margin-right: 8px;
  margin-top: 0;
  padding: 0;
}

#login {
  height: 100% !important;
}

#login body {
  /*background: url('../i/secured3d.login.bg.jpg') left;*/
  background: #292727;
}

#login #wrapper {
  background-color: #fff;
  width: 425px;
  margin: 115px auto;
  padding: 0px 0 32px; /*28px*/

  /* // Bottom left */
  /*-webkit-box-shadow: -1px -1px 3px rgba(153, 152, 152, 0.75);
  -moz-box-shadow:    -1px -1px 3px rgba(153, 152, 152, 0.75);
  box-shadow:         -1px -1px 3px rgba(153, 152, 152, 0.75);*/

  /* // Bottom right */
  -webkit-box-shadow: 4px 5px 0px rgba(0, 0, 0, 0.25)
  -moz-box-shadow: 4px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 4px 5px 0px rgba(0, 0, 0, 0.25);
}



#login h1.logo {
  text-indent: -9999px;
  background: #2b858e url('../i/header/3dprinteros_colored_logo.svg') no-repeat 40px 0px;
  margin: 0 auto 0px;
  width: 425px;
  height: 113px;
}

#login li:first-child {
  border-right: 1px solid #0c656a;
}
#login li:nth-child(2) {
  border-right: 1px solid #0c656a;
}
#login li:nth-child(3) {
  padding-left: 45px;
  width: 80px;
}

#login li.ui-tabs-active {
  border-bottom: none;
  height: 51px;
  background: #ffffff;
  color: #43c5b7;
}

#login li.ui-tabs-active a{
  color: #43c5b7;
  font-size: 21px;
}

#login .g-recaptcha {
  transform:scale(1.2);
  transform-origin:0 0;
}

#signBlock{
  border: 0;
  padding: 0px;
}

.signBlock {
  padding: 0 28px;
  text-align: center;
}

.signBlock .icon {
  display: inline-block;
  /*width: 43px;
  height: 45px;*/
  text-indent: -9999px;
  border: 2px solid #f4f2ee;
  border-right: 0;
  width: 41px;
  height: 41px;
  float: none;
}

.signBlock .icon-msg {
  display: inline-block !important;
  text-indent: -9999px !important;
  border: 2px solid #f4f2ee !important;
  border-right: 0 !important;
  width: 41px !important;
  height: 41px !important;
}

.signBlock .icon.username {
  background: #fff url('../i/ico/username-dark.png') no-repeat center center;
  display: none;
}

.signBlock .icon.text {
  text-indent: 0;
  line-height: 45px;
  text-align: center;
  font-size: 1.75em;
  display: none;
}

.signBlock .icon.next,
.signBlock .icon.twitter,
.signBlock .icon.facebook,
.signBlock .icon.googleplus,
.signBlock .icon.microsoft {
  width: 50px;
  border: 0;
  background: #006da1 url('../i/ico/next.png') no-repeat center center;
}

.signBlock .icon.twitter,
.signBlock .icon.facebook,
.signBlock .icon.googleplus,
.signBlock .icon.microsoft {
  text-indent: 125px;
  height: 50px;
  width: 360px;
  font-size: 2em;
  text-align: left;
}

.signBlock .icon.twitter {
  background: #0e8ac8 url('../i/ico/twitter.png') no-repeat center center;
}
.signBlock .icon.facebook {
  background: #3c628d url('../i/ico/f.png') no-repeat left;
}
.signBlock .icon.googleplus {
  background: #a8437b url('../i/ico/g.png') no-repeat left;
}
.signBlock .icon.microsoft {
  background: #00bafc url('../i/ico/m.png') no-repeat left;
}

.signBlock .icon.next{
  background: #1dbcaa;
  min-width: 120px;
  width: auto;
  height: 50px;
  text-indent: 0;
  font: 2em 'VAGRundschriftD';
  color: #ffffff;
}

#singleSignIn.signBlock button.icon.next {
  margin-top: 15px;
}

.signBlock  .forgot{
  clear: both;
  color: #555555;
  font-size: 14px;
  text-align: center;
  padding-top: 20px;
  font-family: 'Graphik';
}

.signBlock  .forgot a:link,
.signBlock  .forgot a:visited
{
  font-family: "Graphik";
  color: #1dbcaa;
}

.signBlock .icon.facebook {
  text-indent: 125px;
  height: 50px;
  width: 360px;
  background: #3c628d url('../i/ico/f-black.png') no-repeat left;
  font-size: 2em;
}

.signBlock a.icon.facebook:hover{
  color: #ffffff;
}

.signBlock a.icon.googleplus:hover{
  color: #ffffff;
}

.signBlock a.icon.microsoft:hover{
  color: #ffffff;
}

.signBlock .icon.googleplus {
  text-indent: 125px;
  height: 50px;
  width: 360px;
  background: #a8437b url('../i/ico/g-black.png') no-repeat left;
  font-size: 2em;
}

.signBlock .icon.microsoft {
  text-indent: 125px;
  height: 50px;
  width: 360px;
  background: #00bafc url('../i/ico/m-black.png') no-repeat left;
  font-size: 2em;
}

.signBlock .icon.error {
  border: 2px solid #e56c69;
  border-right: 0;
  background: transparent url('../i/ico/grey_rist.png') no-repeat center center;
  margin: 0px;
}

.signBlock .message {
  margin-bottom: 15px;
}

.signBlock label, .signBlock .message.error {
  margin-top: 2px;
  float: left;
}

.signBlock input, .signBlock .message span.text {
  font: 1.5em "Graphik";
  width: 340px;
  outline: none;
  border: 1px solid #dddddd;
  padding: 0 10px;
  float: left;
  min-height: 41px;
  margin-bottom: 10px;
}
#pass_recovery form  input, #signBlock #pass_recovery .message span, #signBlock .gotosign-btn {
  font-family: 'Graphik';
}
.signBlock input[name=terms]{
  width:20px;
}
.signBlock label[for=terms]{
  display:inline-block;
  padding:10px 0;
  font-size:1.5em;
}
.signBlock button {
  cursor: pointer;
}
.signBlock .error_empty {
  border-color: rgba(255, 0, 0, 0.8) !important;
  outline: 0 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6) !important;
}

.signBlock .icon {
  margin-top: 2px;
}

.signBlock .message span.text {
  line-height: 32px;
  font-size: 16px;
}

.signBlock .message.error span.text {
  border: 2px solid #e56c69;
  background-color: #e56c69;
  color: #fff;
  /*font: 1.5em "Myriad-Pro-Regular";*/
  width: 253px;
  outline: none;
  padding: 0 10px;
  min-height: 41px;
  display: inline-block;
  float:right;
}

.signBlock input:focus {
  border: 1px solid #0c656a;
  color: #0c656a;
}

.signBlock input:focus + label {
  border: 2px solid #0c656a;
  border-right: 0;
  background-color: #0c656a;
  color: #fff;
}

.signBlock input:focus + label.username {
  background: #006da1 url('../i/ico/username.png') no-repeat center center;
}

.signBlock .submit {
  margin-top: 15px;
  line-height: 45px;
  text-align: center;
}

.signBlock .submit input {
  cursor: pointer;
}

.signBlock .header {
  font: 22px "Graphik";
  text-transform: uppercase;
  font-weight: bold;
  color: #000;
  text-decoration: none;
  line-height: 40px;
  margin: 10px 0;
  display: block;
  text-align: center;
}

.signBlock .activation_textxxx {
  font: 1.75em "Myriad-Pro-Regular";
  color: #000;
  text-decoration: none;
}

.signBlock .icon.success {
  border-right: 0;
  margin: 0px;
  background: url("../i/ico/check.png") no-repeat center center;
  border: 2px solid #808180;
  -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  filter: grayscale(100%);
}
.signBlock .message {
  font-family: 'Graphik';
  font-size: 1.3em;
}
.gotosign-btn {
  font-family: 'Graphik';
}
.signBlock .message.success span.text {
  background-color: #808180;
  border: 2px solid #808180;
  color: #fff;
  width: 298px;
  float: left;
}

/* Dirty hack begin*/
.signBlock .message.err .icon.error_pr {
  border-right: 0;
  margin: 0px;
  background: url("../i/ico/grey_rist.png") no-repeat center center;
  border: 2px solid #F47721;
}
.signBlock .message.err span.text.error_pr {
  background-color: #F47721;
  border: 2px solid #F47721;
  color: #fff;
  width: 298px;
  float: left;
}
