/* 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;
}
.md-form input[type="text"] {
  font-weight: 300;
  color: #757575;
  margin-bottom: 0.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 ====================*/

/* 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,
.form-check-input[type="checkbox"][class*="filled-in"] + label:after,
.form-check-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);
}

@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 {
  /* margin: 10px 0 0 0; */
  padding: 0 !important;
}
.form-check {
  position: initial;
}
.privacy label {
  display: block;
  color: rgba(0, 0, 0, 0.7) !important;
  font-size: 11px !important;
  line-height: 11px !important;
  margin: 0 !important;
  padding: 0 0 0 0 !important;
  text-align: left;
  position: relative;
}

.privacy.footer-level a {
  color: rgba(0, 0, 0, 0.7) !important;
  cursor: pointer;
  text-decoration: none;
}
.privacy.footer-level a:hover {
  color: rgba(0, 0, 0, 1) !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;
}