body{
  background-color: #f3f3f3 !important;
  font-family: 'Open Sans', sans-serif !important;
}
a{
  color: #337ab7 !important;
}

#login h1.logo {
  text-indent: -9999px;
  background: #2b858e url('/assets/i/company/dremel/dremel_logo.svg') no-repeat 40px 0px;
  margin: 0 auto 0px;
  width: 425px;
  height: 113px;
  background-color: transparent !important;
  background-size: 57% !important;
  background-position: center !important;
  font-family: 'Open Sans' !important;
}
#wrapper{
  font-family: 'proxima-nova',sans-serif;
  color: #4e4e4e !important;
  font-weight: 300 !important;
  background-color: #fff !important;
  border-radius: 6px !important;
  box-shadow: 0px 0px 5px 0px rgb(84 84 84 / 36%) !important;
}
.signBlock .icon.next{
  border: 2px solid #272727;
  font-size: 10px !important;
  color: #272727;
  font-weight: 600;
  line-height: 1;
  background-color: transparent;
  border-radius: 6px;
  width: 100%;
  text-transform: uppercase;
  font-family: 'Open Sans' !important;
  height: 40px !important;
}

.signBlock input, .signBlock .message span.text{
  min-height: 25px !important;
  padding: 3px 12px !important;
  font-size: 12px !important;
  border-radius: 5px !important;
  font: 1.5em "Open Sans" !important;
}
.signBlock .icon.googleplus,
.signBlock .icon.facebook{
  color: #ffffff !important;
  border-radius: 5px;
}
#password-feedback{
  border-radius: 5px;
}
#password-feedback,
 #tabs td,
.signBlock .icon.googleplus,
.signBlock .icon.facebook,
.signBlock .forgot a:link,
.signBlock .forgot a:visited,
.signBlock .forgot{
  font-family: 'Open Sans' !important;
}
#tabs td{
  text-align: center;
  width: 33%;
  background-color: #272727;
  color: #FFF;
  border: 1px solid #272727;
  border-bottom: 1px solid #272727;
  padding: 10px;
  text-transform: uppercase;
  font-family: 'Open Sans' !important;
}
.signBlock input:focus {
  border: 1px solid #272727;
  color: #272727;
}
#tabs td.active{
  color: #272727;
  font-family: 'Open Sans' !important;

}
#tabs td:hover {
  color: #FFF;
  background-color: #272727;
  opacity: .8
}

.signBlock label, .signBlock .message.error{
  display: flex;
}
.signBlock .message.error span.text{
  order: 2;
  height: auto;
  min-height: auto !important;
  margin-bottom: 0 !important;
  border-radius: 0 5px 5px 0px !important;
  flex: 1;
  font-size: 12px !important;
}
.signBlock .icon.success,
.signBlock .icon.error{
  border-radius: 5px 0 0 5px;
  display: none !important;
}
.social-submit .icon{
  padding: 0 !important;
  margin: 0 !important;
  width: 48% !important;
  flex: 0 0 48% !important;
  text-indent: 45px !important;
  text-align: center !important;
  font-size: 12px !important;
}
.signBlock label, .signBlock .message.error{
  padding: 0 !important;
  width: 100% !important;
  font-size: 15px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e56c69;
}
.signBlock label, .signBlock .message.success{
  padding: 0 !important;
  border: 0 !important;
  display: flex;
  width: 100%;
}
.signBlock label, .signBlock .message.success .text{
  width: 100% !important;
  background-color: #4caf50a6 !important;
  border: 0 !important;
  font-size: 14px !important;
}

.social-submit{
  display: flex;
  column-gap: 10px;
}
.signBlock .header{
  font-family: 'Open Sans' !important;
}
.signBlock .icon success{
  display: none;

}
.social-submit .btn-soc{
  flex: 0 0 47%;
  height: 45px;
  display: flex;
  border-radius: 5px;
  color: #FFFFFF !important;
  opacity: .8;
}
.social-submit .btn-soc.btn-f{
  background: #3b5998;
  border: 2px solid #30487b;
}
.social-submit .btn-soc.btn-f .btn-soc-icon{
  background-color: #30487b;
}
.social-submit .btn-soc .btn-soc-icon{
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;

}
.social-submit .btn-soc .btn-soc-icon svg{
  width: 32px;
  height: 32px;
}

.social-submit .btn-soc.btn-google .btn-soc-icon{
  background-color: #df4a32;
}

.social-submit .btn-soc.btn-google{
  background: #ED634C;
  border: 2px solid #df4a32;
  margin-left: auto;

}

.social-submit .btn-soc .btn-soc-text{
  flex: 1;
  font-family: 'Open Sans' !important;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 600
}

