/* Steps form elements ====================*/

.steps.active {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.genres{
  width: 100%;
}

#pills-tabContent #genders label, 
#pills-tabContent .steps #gender_interest label,
.preferences label.genre {
  width: 74px;
  max-width: 74px;
  margin:0;
  padding: 0.84rem !important;
}
.steps #genders i,
.preferences label.genre i{
  font-size: 19px !important;
  height: 19px;
}
.steps .gender-check {
  height: 19px;
}
.btn-inactive {
  background-color: #aaa;
}
.btn-inactive:hover, .btn-inactive:hover {
  background-color: #878787;
}
#pills-tabContent .submit-container button.btn.btn-prev {
  -webkit-box-ordinal-group:1;box-ordinal-group:1;-ms-flex-order:0;order:0;float: left;
}
#pills-tabContent .submit-container button.btn.btn-next,
#pills-tabContent .submit-container button.btn.btn-submit {
  -webkit-box-ordinal-group:2;box-ordinal-group:2;-ms-flex-order:1;order:1;float:right;
}
.submit-container > div:nth-child(1){
  float:left;
}
.submit-container > div:nth-child(2){
  float:right;
}
.select-wrapper input.select-dropdown, .md-form input[type=text] {
  font-weight:300;
  color: #757575;
  margin-bottom:.5rem;
}
@media screen and (max-width: 480px) {
  /* #pills-tabContent .submit-container button.btn.btn-prev {
    -webkit-box-ordinal-group:2;box-ordinal-group:2;-ms-flex-order:1;order:1;
    margin-bottom:0;
    margin-top:10px;
  }
  #pills-tabContent .submit-container button.btn.btn-next,
  #pills-tabContent .submit-container button.btn.btn-submit {
    -webkit-box-ordinal-group:1;box-ordinal-group:1;-ms-flex-order:0;order:0;
    margin:0;
  } */
}
/* Datepicker icon overwrites ====================*/

#age i {
  color: #000;
}

 /* Terms & conditions & checkbox ====================*/

 .privacy.footer-level {
  margin-top:20px;
}
.form-check {
  padding-left: 1.75rem;
}
.form-check-input[type=checkbox][class*=filled-in]:checked+label:before, label.btn input[type=checkbox][class*=filled-in]:checked+label:before,
.form-check-input[type=checkbox][class*=filled-in]+label:after, .form-check-input[type=checkbox][class*=filled-in]+label:before, label.btn input[type=checkbox][class*=filled-in]+label:after, label.btn input[type=checkbox][class*=filled-in]+label:before {
  margin-left: -1.75rem;
}
.checkbox-primary-filled [type="checkbox"][class*='filled-in']:checked+label:after {
  border-color: #4285F4;
  border-color: var(--primary);
  background-color: #4285F4;
  background-color: var(--primary);
}

#pills-tabContent .submit-container.first-step .btn.btn-next {
  margin: 0;
}

@media screen and (max-width: 575px) {

  #pills-tabContent .submit-container .btn {
    /* margin: 0; */
    padding: 0.84rem;
    /* min-width: 100%; */
  }

}



/*==== Terms & conditions ======================*/

#checkEmail {
  margin-bottom: 20px;
}

.privacy.footer-level, .conditions .checkbox {
	/* margin: 10px 0 0 0; */
	padding: 0 !important;
}
.form-check {
  position: initial;
}
.form-single.form-cta {
	margin: 20px auto 0 auto;
}
.privacy #tos, #userRegisterForm .checkbox input:nth-child(2), #userRegisterForm2 .checkbox input:nth-child(2) {
	font-size: 10px;
	position: relative;
	margin: 0 !important;
	top: -1px;
	vertical-align: middle;
	width: 10px;
	height: 10px;
}
.privacy label, .single-fieldouter .check-outercon label, .userRegisterForm .conditions.field label, label.signup-confirm.tos, .userRegisterForm .conditions.field label, .userRegisterForm2 .conditions.field label, .stepEnd label.datecollage, .conditionsAfterSubmit{
	display: block;
	color: rgba(0,0,0,.7) !important;
	font-size: 12px !important;
	line-height: 14px !important;
	margin: 0 !important;
	padding: 0 0 0 0 !important;
	text-align: left;
	position: relative;
  font-weight: 600;
}

.privacy.footer-level a, .UsersRegister a.termsPopup, .stepEnd label.datecollage a, .stepEnd label.milf_lander a {
	color: rgba(0,0,0,.7) !important;
	cursor: pointer;
	text-decoration: none;
}
.privacy.footer-level a:hover, .UsersRegister a.termsPopup:hover, .stepEnd label.datecollage a:hover, .stepEnd label.milf_lander a:hover {
	color: rgba(0,0,0,1) !important;
}

.privacy.footer-level .link a {
  color:#fff !important;
  }

.form-check-input[type=checkbox].filled-in:not(:checked)+label:after, label.btn input[type=checkbox].filled-in:not(:checked)+label:after {
  background-color: #fff;
  }