* {
    box-sizing: border-box;
}

body {
    background-color: #f1f1f1;
}

#regForm {
    background-color: #ffffff;
    margin: 100px auto;
    font-family: Raleway;
    padding: 40px;
    width: 70%;
    min-width: 300px;
}

h1 {
    text-align: center;  
}

input {
    padding: 10px;
    width: 100%;
    font-size: 17px;
    font-family: Raleway;
    border: 1px solid #aaaaaa;
}

/* Mark input boxes that gets an error on validation: */
.invalid {
    background-color: #ffdddd !important;
}


/* Hide all steps by default: */
.formtab {
    display: none;
}
/*
button {
    background-color: #04AA6D;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    font-size: 17px;
    font-family: Raleway;
    cursor: pointer;
}

.new-button {
    background-color: #04AA6D;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    font-size: 17px;
    font-family: Raleway;
    cursor: pointer;
}

button:hover {
    opacity: 0.8;
}

#prevBtn {
    background-color: #bbbbbb;
}
*/
/* Make circles that indicate the steps of the form: */
.step {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbbbbb;
    border: none;  
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
}

.step.active {
    opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
    background-color: #04AA6D;
}


/*Modified 10062021*/


form[name="registration_form"] div div{
    margin-bottom: 2px; 
}
form[name="registration_form"] label{
    color: #000;
    font-size: 15px;
}
form[name="registration_form"] select, 
form[name="registration_form"] input[type="text"], 
form[name="registration_form"] input[type="email"],
form[name="registration_form"] input[type="password"]{
    padding: 0px 5px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ddd; 
    border-radius: 4px;
    margin-bottom: 10px;
    width: 100%;
    margin-top: 5px;
    color:#3D3B3B;
    font-weight:300;
    font-family: 'Open Sans', sans-serif;
    font-size:13px;    
}

form[name="registration_form"] select[name="registration_form[preferedLanguage][]"]{
     height: auto;
}

option{
     height:24px;
     line-height:24px;
}

button, .new-button{
background-color: #00AAED;
}

button:hover, .new-button:hover{
background-color: #1e2346;
}

.market-select-custom {
    height: 100px !important;
}

 .supplier-checkbox {
    /*margin-top: 3px !important;
    margin-left:-321px !important; */
    width: 15px;
    height: 15px;
    padding-top:3px;
} 

label[for=registration_form_useSupplier]
{
    /*width:90px;*/
    float:left;
    padding-left:25px !important;
    text-transform: initial;

}
.rgt-success {
    color: rgb(0 100 0 / 1);
    background: rgb(0 100 0 / 12%);
    padding: 5px 16px;
    width: auto;
} 

.rgt-error {
    color: f44336;
    background: #ff70433d;
    padding: 5px 16px;
    width: auto;
}


button.primary-button {
	padding: 7px 15px;
	background: #eb4260;
	border: 1px solid #eb4260;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.9s ease;
	margin-left:10px;
border-radius:5px;
}
button.primary-button a{
	color: #fff;
}
button.primary-button:hover{
	background: #554b6c;
	border-color: #554b6c;
}
.primary-button:hover {
	color: #fff;
	background: #3485d6;
}