/* Add Public Variable */
/* Beaccount Color Declaration */
/* Syftet logo color */
/* line 5, /app/app/assets/stylesheets/sign_up.scss */
.submit-btn {
  background: #0C91C0 none repeat scroll 0 0;
  border: inherit;
  color: #fff;
  height: 41px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
/* line 15, /app/app/assets/stylesheets/sign_up.scss */
.submit-btn:hover {
  text-decoration: none;
  background-color: #2BABD2;
}

/* line 21, /app/app/assets/stylesheets/sign_up.scss */
.cost-table {
  width: 70%;
  margin: auto;
  padding: 0px;
  float: right;
}
/* line 26, /app/app/assets/stylesheets/sign_up.scss */
.cost-table .panel, .cost-table .panel-heading {
  background: #fdfdfd;
}
/* line 31, /app/app/assets/stylesheets/sign_up.scss */
.cost-table tbody tr td {
  text-align: left;
}

/* Progress Bar Design */
/* line 40, /app/app/assets/stylesheets/sign_up.scss */
.beaccount-progress-bar > .bpb-step {
  padding: 0;
  position: relative;
}

/* line 48, /app/app/assets/stylesheets/sign_up.scss */
.beaccount-progress-bar > .bpb-step .bpb-step-num {
  color: #595959;
  font-size: 16px;
  margin-bottom: 5px;
}

/* line 54, /app/app/assets/stylesheets/sign_up.scss */
.beaccount-progress-bar > .bpb-step .bpb-info {
  color: #999;
  font-size: 14px;
}

/* line 59, /app/app/assets/stylesheets/sign_up.scss */
.beaccount-progress-bar > .bpb-step > .custom-progress-item {
  border-radius: 0;
  box-shadow: none;
  height: 8px;
  margin: 24px 0;
  position: relative;
}

/* line 67, /app/app/assets/stylesheets/sign_up.scss */
.beaccount-progress-bar > .bpb-step > .custom-progress-item > .custom-progress-bar-item {
  width: 0px;
  box-shadow: none;
  background: #0C91C0;
}

/* line 73, /app/app/assets/stylesheets/sign_up.scss */
.progress-bar-color {
  height: 25% !important;
}

/* line 77, /app/app/assets/stylesheets/sign_up.scss */
.beaccount-progress-bar > .bpb-step.complete > .custom-progress-item > .custom-progress-bar-item {
  width: 100%;
}

/* line 81, /app/app/assets/stylesheets/sign_up.scss */
.beaccount-progress-bar > .bpb-step.active > .custom-progress-item > .custom-progress-bar-item {
  width: 50%;
}

/* line 85, /app/app/assets/stylesheets/sign_up.scss */
.beaccount-progress-bar > .bpb-step:first-child.active > .custom-progress-item > .custom-progress-bar-item {
  width: 0%;
}

/* line 89, /app/app/assets/stylesheets/sign_up.scss */
.beaccount-progress-bar > .bpb-step:last-child.active > .custom-progress-item > .custom-progress-bar-item {
  width: 100%;
}

/* line 93, /app/app/assets/stylesheets/sign_up.scss */
.beaccount-progress-bar > .bpb-step:first-child > .custom-progress-item {
  left: 50%;
  width: 50%;
}

/* line 98, /app/app/assets/stylesheets/sign_up.scss */
.beaccount-progress-bar > .bpb-step:last-child > .custom-progress-item {
  width: 50%;
}

/* line 102, /app/app/assets/stylesheets/sign_up.scss */
.progress-outline {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #0C91C0;
  border-radius: 50%;
  bottom: 28px;
  display: block;
  height: 22px;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  position: relative;
  width: 22px;
}

/* line 116, /app/app/assets/stylesheets/sign_up.scss */
.progress-inline::after {
  background: #00bbea none repeat scroll 0 0;
  border-radius: 100%;
  content: "";
  height: 12px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 12px;
}

/* line 127, /app/app/assets/stylesheets/sign_up.scss */
.reg-wrap {
  background: #fff;
  font-family: "Roboto", sans-serif;
}
/* line 131, /app/app/assets/stylesheets/sign_up.scss */
.reg-wrap .reg-container .reg-wrap-header {
  border-bottom: 1px solid #e9e9e9;
}
/* line 137, /app/app/assets/stylesheets/sign_up.scss */
.reg-wrap .reg-container .reg-wrap-header h4 {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  margin-top: 0;
}
/* line 144, /app/app/assets/stylesheets/sign_up.scss */
.reg-wrap .reg-container .reg-form-wrap {
  background: #fff;
  margin: auto 20%;
}
/* line 147, /app/app/assets/stylesheets/sign_up.scss */
.reg-wrap .reg-container .reg-form-wrap form {
  font-family: Roboto, sans-serif;
}
/* line 151, /app/app/assets/stylesheets/sign_up.scss */
.reg-wrap .reg-container .reg-form-wrap form .reg-form-column .your-profile-container {
  padding: 15px 30px 0;
}
/* line 153, /app/app/assets/stylesheets/sign_up.scss */
.reg-wrap .reg-container .reg-form-wrap form .reg-form-column .your-profile-container h3 {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #0C91C0;
}
/* line 162, /app/app/assets/stylesheets/sign_up.scss */
.reg-wrap .reg-container .reg-form-wrap form .signup-btn {
  background: #fff;
  margin-bottom: 20px;
}
/* line 169, /app/app/assets/stylesheets/sign_up.scss */
.reg-wrap .reg-container .admission-form-wrap {
  background: #fff;
  margin: auto 5%;
  margin-top: 20px;
}
/* line 173, /app/app/assets/stylesheets/sign_up.scss */
.reg-wrap .reg-container .admission-form-wrap form {
  font-family: Roboto, sans-serif;
}
/* line 177, /app/app/assets/stylesheets/sign_up.scss */
.reg-wrap .reg-container .admission-form-wrap form .reg-form-column .your-profile-container {
  padding: 15px 30px 0;
}
/* line 179, /app/app/assets/stylesheets/sign_up.scss */
.reg-wrap .reg-container .admission-form-wrap form .reg-form-column .your-profile-container h3 {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #0C91C0;
}
/* line 188, /app/app/assets/stylesheets/sign_up.scss */
.reg-wrap .reg-container .admission-form-wrap form .signup-btn {
  background: #fff;
  margin-bottom: 20px;
}

@media screen and (max-width: 990px) {
  /* line 199, /app/app/assets/stylesheets/sign_up.scss */
  .your-profile-media-col {
    padding: 0;
  }
}
@media screen and (max-width: 715px) {
  /* line 205, /app/app/assets/stylesheets/sign_up.scss */
  .submit-btn {
    width: 100%;
  }

  /* line 208, /app/app/assets/stylesheets/sign_up.scss */
  .reg-wrap-header h4 {
    font-size: 14px;
  }

  /* line 211, /app/app/assets/stylesheets/sign_up.scss */
  .bpb-step-num {
    font-size: 12px !important;
  }
}
@media screen and (max-width: 550px) {
  /* line 217, /app/app/assets/stylesheets/sign_up.scss */
  .reg-wrap .reg-container .reg-form-wrap {
    margin: inherit;
  }
}
@media screen and (max-width: 450px) {
  /* line 227, /app/app/assets/stylesheets/sign_up.scss */
  .bpb-step-num {
    display: none;
  }

  /* line 231, /app/app/assets/stylesheets/sign_up.scss */
  .your-profile-container h3 {
    font-size: 16px;
  }
}