﻿#login-form{
    padding-bottom: 125px;
}
#login-form .login-form-contents{
	background-color: #f4f2e8;
	padding-bottom: 10px;
}
form h2, signup-form h2 {
  
  font-size: 20px;
  margin-bottom: 30px;
  text-align:center;
  color: #001c32; 
  font-weight: bold;
}
#signup_control form,
#login_control form{
    background: #f4f2e8;
    padding: 10px;
    margin-bottom:20px;
}
label{
    min-width: 123px;
}
.shopper-informations label{
	width: 50px;
}
a.form-button,
.btnForm
{
    background: none repeat scroll 0 0 var(--hajoona-button-background);
    border-style: none;
    padding: 5px 45px;
    color: var(--hajoona-button-color);
    font-size: 16px;
    /*font-family: 'Open Sans';*/
    font-weight: 300;
    line-height: 20px;
}
a.form-button{
    display: inline-block;
    padding: 8px 25px;
    text-align: center;
    min-width: 125px;
}
a.form-button:hover,
.btnForm:hover 
{
  background: .navbar-default;
  color: white;
  text-decoration:none;
}
#contactusForm {
	width: 450px;
}
.div-fields {
	float: left;
}
.div-fields.vorname {
	width: 188px;
}
.div-fields.nachname {
	width: 188px;
	margin-left: 11px;
}
.div-fields.postalcode {
	width: 138px;
}
.div-fields.city {
	width: 238px;
	margin-left: 11px;
}
div.error {
    position: absolute;
    margin-top: -40px;
    margin-left: 330px;
    color: var(--hajoona-error-color);
}
div.error span span {
    position: absolute;
}
div.addressErrorLeft span span {
    color: var(--hajoona-error-color);
    margin-left: 0;
    margin-right: -10px;
}
div.addressErrorRight span span {
    color: var(--hajoona-error-color);
    margin-left: 6px;
}
.dropdownForm,
.inputForm
{
  background: #fafafa;
  border: 1px solid #bbb;
  color: #696763;
  display: block;
  font-size: 14px;
  font-weight: 300;
  width: 100%;
  height: 35px;
  margin-bottom: 15px;
  outline: medium none;
  padding-left: 10px;
  border-radius: 1px;
  }
.inputForm.telefon, .inputForm.mobil, .inputForm.erreichbar, .inputForm.email, .inputForm.strasse, .inputForm.benutzerdefiniert, #nachricht {
	width: 380px !important;
}
.inputForm.vorname, .inputForm.nachname {
	width: 175px !important;
}
.inputForm.postalcode {
	width: 125px !important;
}
.inputForm.city {
	width: 225px !important;
}
#success_message {
	float: left;
	color: #468732;
	font-weight: bold;
}
.submit-form {
	clear: both;
}
.submit-form input {
	margin-top: 10px;
}
.dropdownForm
{
    border: 1px solid #bbb;
    background: #fafafa;
    color: #696763;
    display: block;
    font-size: 14px;
    font-weight: 300;
    outline: medium none;
    padding-left: 10px;
    width: 232px;
    display: inline-block;
}
.labelForm
{
    font-size: 14px;
    font-weight: 300;
    display: inline-block;
    width: 102px;
    line-height: 28px;
    padding-left: 10px;
}
.labelForm2
{
    
    color: #000000;
    font-size: 14px;
    font-weight: 300;
    display: inline-block;
    line-height: 50px;
    margin-left: -10px;
}
.or
{
	background: #cc0033;
	border-radius: 40px;
	color: #FFFFFF;	
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	margin-top: 75px;
	text-align: center;
	width: 50px;
}
#ForgotPassword
{
    margin-left: 30px;
    display: block;
    clear: both;
    vertical-align: middle;
}
.UserAvailiblityImage
{
    margin-top: -40px;
    margin-left: 320px;
    margin-bottom: 20px;
}
.hyperlink
{
    text-decoration: underline;
}
#contact-form
{	
	margin-left:10px;
}

#contact-form .heading
{
    border-color: #C0C0C0;
    font-size: larger;    
    margin-bottom: 10px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    line-height: 40px;
}

#contact-form .layout
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#contact-form .inputForm
{
  width: 300px;
}

#contact-form .proceed
{
    margin: 20px 0 50px 400px; 
}

#contact-form .details
{
    margin-left: 10px; 
    margin-right: 125px;
}

#contact-form .sidebar
{
    display: inline-block;
    border-left-style: dashed;
    border-left-width: 1px;
    border-left-color: #808080;
}

#contact-form .sidebar-contents
{
    margin-top: 20px;
    margin-left: 20px;    
}

#contact-form .address-heading
{
    font-weight: bolder;
}

#contact-form .address-details
{
    margin-top: 10px;    
}
.checkbox input[type=checkbox], 
.checkbox-inline input[type=checkbox], 
.radio input[type=radio], 
.radio-inline input[type=radio] {
    margin-left: 0;
}
.login-other-controls{
	margin-top: 15px;
}
.checkbox, .radio {
}

a,
.checkbox input[type=checkbox], 
.checkbox-inline input[type=checkbox], 
.radio input[type=radio], 
.radio-inline input[type=radio]
{
	color: var(--hajoona-link-color);
}
a:focus, a:hover {
    text-decoration: none;
}
#signup_message,
#login_message
{
	margin-top: 10px;    
    margin-bottom: -15px;
    padding-top: 10px;
}
.separator{
	border-top: 2px #cbc4bf dotted;
}
.input-validation-error{
    border-color: var(--hajoona-error-color);
}
.inputForm.form-control.align-large-textbox{
	width: 255px;
    margin: 0;
    float:right;
}
.inputForm.form-control.align-small-textbox{
	width: 110px;
    margin: 0;
}
.form-group .required {
    margin:0 0 0 5px;
}
.legend-required-text {
    font-size:13px;
    font-style:italic;
}
.payment-options {
    margin-top: -20px;
    margin-bottom: 30px;
    margin-left: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
}

.header-content{
    padding-left:5px
}