/*16 jan*/
* {
box-sizing: border-box;
}
body {
background-color: #f1f1f1;
}
#regForm {
background-color: #ffffff;
margin: 100px auto;
font-family: Raleway;
padding: 20px 40px;
width: 70%;
min-width: 300px;
}
h1 {
text-align: center;
}
input {
padding: 10px;
font-size: 17px;
font-family: Raleway;
border: 1px solid #aaaaaa;
}
/* Mark input boxes that gets an error on validation: */
input.invalid {
background-color: #ffdddd;
}
/* Hide all steps by default: */
.tab {
display: none;
}
p input {
width: 86%;
}
button {
background-color: #FF384B;
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: #FF384B;
}
input[type="checkbox"] {
width: 20px;
}
.grid {
min-height: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: row;
margin-top: 20px;
}
.grid > div {
display: block;
margin-bottom:10px;
flex-basis: calc(100% - 14px);
justify-content: center;
flex-direction: column;
float: left;
width: 100%;
}
.grid > div:last-child {
display: flex;
margin-top: 0px;
flex-basis: calc(50% - 14px);
justify-content: center;
flex-direction: column;
}
p.subtitle6.u-mgt2 {
margin: 20px 0px 16px 0;
font-weight: 600;
}
}
.grid > div > div {
/* display: flex;
*/ justify-content: center;
flex-direction: row;
margin: 4px 0;
font-weight: 700;
font-size: 19px;
}
input[type="checkbox"] {
width: 9%;
float: left;
/* padding: 20px; */
}
span.form-label.form-label-conditions.u-xs-85.u-mgl--min {
/* position: absolute; */
/* left: 0; */
/* top: 280%; */
float: left;
width: 100%;
margin-top: 30px;
margin-left: -33px;
}
label.label_bxsec {
float: left;
width: 80%;
margin: 5px 0;
/* margin-top: 3px; */
}
label.form-label.subtitle6.u-mgb--0.u-pdr--half {
font-weight: 200;
}
label.form-label.subtitle6.u-mgb--0 {
font-size: 14px;
margin: 0 10px;
/* padding: unset; */
}
label.have_accept {
margin: 0;
}
/*label{
margin: -17px 0 0px 26px;
}*/
input.bx-Input {
margin-top: 8px;
}
.box { margin: 0px 0 10px 10px}
.box1 { background-color: #c3c1c154; }
.box2 { background-color: #c3c1c154; }
.individual_f {
text-align: center;
}
label.lable_fnamem {
margin: 12px 0px;
float: left;
width: 13%;
text-transform: capitalize;
font-weight: 600;
}
.inv_img img {
width: 5%;
margin: 0 0 1% 0;
}
.individual_hed {
margin-bottom: 40px;
text-transform: capitalize;
font-weight: 700;
}
.rigform_input input {
border-radius: 5px;
}
.on_liness {
text-align: left;
margin: 0px 10px!important;
font-weight: 700;
font-size: 18px;
}
p.subtitle6.u-pdv {
font-weight: 600;
}
strong.on_shop {
text-align: left;
float: left;
margin-left: 10px;
width: 100%;
font-size: 18px;
margin-bottom: 18px;
}
.account-create-radios-item input {
float: left;
width: 9%;
position: unset;
padding-top: 60px;
}
.account-create-radios-item {
float: left;
}
label.form-label.subtitle6.u-mgb--0 {
font-size: 14px;
margin: 0 10px;
padding: unset;
display: block;
padding-left: 10px;
}
/*label.form-label.subtitle6.u-mgb--0 {
font-size: 14px;
margin: ;
padding: unset;
float: left;
}
label.form-label.subtitle6.u-mgb--0 {
font-size: 12px;
padding: unset;
float: left;
margin: 0 5px;
padding: 0;
}*/
/*18 jan*/
account-create-radios-container .account-create-radios-item input {
width: 15px;
}
.grid > div > div {
/* display: flex; */
justify-content: center;
flex-direction: row;
margin: 15px 0;
/* font-weight: 700; */
font-size: 19px;
}
h4.subtitle3.u-mgt2 {
float: left;
width: 100%;
}
.account-create-radios-container .account-create-radios-item {
margin: 0 0 15px;
}
label {
margin: 0;
}
.field.choice.newsletter input[type="checkbox"] {
width: 20px;
}
.password-strength-meter{
margin-top: 15px;
}