/**
 * This Software is property of ACTIVETRAFFIC is protected by
 * copyright law - it is NOT Freeware.
 * Any unauthorized use of this software without a valid license agreement
 * will be prosecuted by civil and criminal law.
 *
 * @link        http://www.activetraffic.de
 * @projectlink	http://www.flexia.de
 * @authors     Mario Krell <mario.krell@activetraffic.de>
 * @copyright   (C) ACTIVETRAFFIC
 * @module      Flexia's Article Types
 * @version     15.04.2019 1.0.0
 */
.cl-flexia_article_types_register_formcontroller .steps {
  margin-bottom: 100px;
  font-size: 0;
}

.cl-flexia_article_types_register_formcontroller .steps .step-wrapper {
  position: relative;
}

.cl-flexia_article_types_register_formcontroller .steps .step {
  vertical-align: top;
}

.cl-flexia_article_types_register_formcontroller .steps .step .inner-step {
  white-space: normal;
  font-size: 14px;
}

.cl-flexia_article_types_register_formcontroller .steps .step .course-box > img {
  max-height: 280px;
  max-width: 100%;
  min-height: 280px;
}

.cl-flexia_article_types_register_formcontroller .steps .step .overlay {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  padding: 30px;
  height: 100%;
  text-align: left;
}

.cl-flexia_article_types_register_formcontroller .steps .step .overlay .wrapper {
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}

.cl-flexia_article_types_register_formcontroller .steps .step .blue-overlay {
  background-color: #035ca8;
}

.cl-flexia_article_types_register_formcontroller .steps .step .checkbox-wrapper.error {
  border: 1px solid red;
  padding: 15px;
}

.cl-flexia_article_types_register_formcontroller .steps .step .btn.btn-primary,
.cl-flexia_article_types_register_formcontroller .steps .step .btn.btn-warning {
  border: 0;
  padding: 10px 25px;
  outline: none;
}

.cl-flexia_article_types_register_formcontroller .steps .step .form-box,
.cl-flexia_article_types_register_formcontroller .steps .step .payment-box,
.cl-flexia_article_types_register_registercontroller .checkout-box {
  padding: 30px;
}

.cl-flexia_article_types_register_formcontroller .steps .step .grey-box,
.cl-flexia_article_types_register_registercontroller .grey-box {
  background-color: #f5f5f5;
}

.cl-flexia_article_types_register_formcontroller .steps .step .field-box .inner-field-box,
.cl-flexia_article_types_register_sendcontroller .field-box .inner-field-box {
  border-radius: 4px;
  border: 1px solid #eee;
}

.cl-flexia_article_types_register_formcontroller .steps .step .field-box .inner-field-box .field-box-header,
.cl-flexia_article_types_register_sendcontroller .field-box .inner-field-box .field-box-header {
  background-color: #ddd;
  border-bottom: 1px solid #eee;
}

.cl-flexia_article_types_register_formcontroller .steps .step .field-box .inner-field-box .field-box-header p,
.cl-flexia_article_types_register_sendcontroller .field-box .inner-field-box .field-box-header p {
  margin-bottom: 0;
}

.cl-flexia_article_types_register_formcontroller .steps .step .field-box .inner-field-box .field-box-content,
.cl-flexia_article_types_register_sendcontroller .field-box .inner-field-box .field-box-content {
  min-height: 220px;
}

.cl-flexia_article_types_register_formcontroller .steps .step .field-box .inner-field-box .field-box-footer,
.cl-flexia_article_types_register_sendcontroller .field-box .inner-field-box .field-box-footer {
  background-color: #ddd;
  border-top: 1px solid #eee;
}

.cl-flexia_article_types_register_formcontroller .steps .step .field-box .grow-fields .form-fields input,
.cl-flexia_article_types_register_formcontroller .steps .step .field-box .grow-fields .form-fields textarea,
.cl-flexia_article_types_register_formcontroller .steps .step .form-box-no-padding .grow-fields .form-fields input,
.cl-flexia_article_types_register_formcontroller .steps .step .form-box-no-padding .grow-fields .form-fields textarea {
  width: 62%;
}

.cl-flexia_article_types_register_formcontroller .steps .step .field-box .form-fields input.error,
.cl-flexia_article_types_register_formcontroller .steps .step .field-box .form-fields textarea.error,
.cl-flexia_article_types_register_formcontroller .steps .step .form-box-no-padding .form-fields input.error,
.cl-flexia_article_types_register_formcontroller .steps .step .form-box-no-padding .form-fields textarea.error {
  border: 1px solid #e20018;
}

.cl-flexia_article_types_register_formcontroller .steps .step .field-box .form-fields textarea {
  height: 100px;
}

.cl-flexia_article_types_register_formcontroller .steps .step .checkbox-wrapper input,
.cl-flexia_article_types_register_formcontroller .steps .step .field-box .form-fields .checkbox-wrapper input {
  display: inline-block;
  margin-right: 5px;
  width: auto;
}

.cl-flexia_article_types_register_formcontroller .steps .step .checkbox-wrapper span,
.cl-flexia_article_types_register_formcontroller .steps .step .checkbox-wrapper input[name="register[accept_course]"] + label,
.cl-flexia_article_types_register_formcontroller .steps .step .form-box .form-fields .checkbox-wrapper span {
  display: inline-block;
  width: 90%;
  vertical-align: text-top;
}

.tobasket a#toBasket.xing,
.flexia-articletype-btns .btn.btn-primary.product-to-cart-btn.xing {
  background-color: #177677;
}

.tobasket a#toBasket.xing .fa-xing,
.flexia-articletype-btns .btn.btn-primary.product-to-cart-btn.xing .fa-xing {
  background-color: #126567;
}

.flexia-articletype-btns .btn.btn-primary.product-to-cart-btn span {
  position: relative;
}

.flexia-articletype-btns .btn.btn-primary.product-to-cart-btn i,
.boxwrapper .list-container .relatedView .productBox .btn.btn-primary.product-to-cart-btn i {
  font-size: 16px;
  margin-right: 5px;
}

/* step 1 */
.cl-flexia_article_types_register_formcontroller .steps .step[data-step="1"] .course-box {
  display: flex;
}

.cl-flexia_article_types_register_formcontroller .steps .step[data-step="1"] .course-box .imagae-wrapper img {
  width: auto;
  height: auto;
}
.cl-flexia_article_types_register_formcontroller .steps .step[data-step="1"] .course-box .overlay.blue-overlay {
  display: flex;
  flex: 0 0 50%;
  order: 1;
  position: relative;
  height: auto;
}
.cl-flexia_article_types_register_formcontroller .steps .step[data-step="1"] .course-box .overlay.blue-overlay .wrapper {
  position: relative;
  transform: none;
  top: auto;
  left: auto;
  width: 100%;
}
.cl-flexia_article_types_register_formcontroller .steps .step[data-step="1"] .course-box .overlay.blue-overlay .bottom {
  position: absolute;
  bottom: 0;
}

/* step 2 */
/* step 3 */
/* step 4 */
.cl-flexia_article_types_register_formcontroller .steps .step[data-step="4"] .pull-right > *:not(:last-child) {
  margin-right: 15px;
}

.cl-flexia_article_types_register_formcontroller .steps .step[data-step="4"] .pull-right > * {
  display: block;
  float: left;
}

.cl-flexia_article_types_register_formcontroller .steps .step .inner-step .check-box p {
	line-height: 12px;
}

#wrapper .container .mk-oxid-api-productbox a.btn {
    padding: 15px 0;
}

#wrapper .container .mk-oxid-api-productbox a.btn:hover {
	box-shadow: none;
}

@media (max-width: 767px) {
  /* step 1 */
  .space-xs-15 {
    margin-bottom: 15px;
  }

  .cl-flexia_article_types_register_formcontroller .steps .step[data-step="1"] .padding-30,
.cl-flexia_article_types_register_formcontroller .steps .step[data-step="2"] .padding-30,
.cl-flexia_article_types_register_formcontroller .steps .step[data-step="3"] .padding-30,
.cl-flexia_article_types_register_formcontroller .steps .step[data-step="4"] .padding-30 {
    padding: 30px 15px;
  }
  .cl-flexia_article_types_register_formcontroller .steps .step[data-step="1"] button,
.cl-flexia_article_types_register_formcontroller .steps .step[data-step="2"] button,
.cl-flexia_article_types_register_formcontroller .steps .step[data-step="3"] button,
.cl-flexia_article_types_register_formcontroller .steps .step[data-step="4"] button {
    float: none !important;
    display: block;
    margin: 0 auto;
  }

  .cl-flexia_article_types_register_formcontroller .steps .step[data-step="4"] .pull-right.clearfix.button-wrapper {
    float: none !important;
  }
  .cl-flexia_article_types_register_formcontroller .steps .step[data-step="4"] .pull-right.clearfix.button-wrapper button:first-child {
    margin: 0 auto 15px;
  }

  .cl-flexia_article_types_register_formcontroller .steps .step[data-step="1"] .course-box {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .cl-flexia_article_types_register_formcontroller .steps .step[data-step="1"] .course-box > img {
    order: 2;
    width: 100%;
    max-width: none;
    height: auto;
    max-height: none;
    display: flex;
  }
  .cl-flexia_article_types_register_formcontroller .steps .step[data-step="1"] .course-box .overlay.blue-overlay {
    display: flex;
    order: 1;
    height: auto;
    width: 100%;
    position: static;
  }
  .cl-flexia_article_types_register_formcontroller .steps .step[data-step="1"] .course-box .overlay.blue-overlay .wrapper {
    position: static;
    transform: none;
  }
}

@media only screen and (min-width: 320px) {
	#content form[name="register_form"] .form-group div {
		padding-left: 15px;
		padding-right: 15px;
	}
	#content form[name="register_form"] input[type="text"] {
		border-radius: 5px;
		border:none;
		background-color: #efefef;
		height: 45px;
		font-size: 15px;
		width: 100%;
		outline: none;
	}
	#content form[name="register_form"] input.error {
		border: 1px solid #ff0000;
	}
	#content form[name="register_form"] .form-control {
		box-shadow: none;
	}
	#content form[name="register_form"] .form-control:focus {
		box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 8%), 0 0 8px rgb(206 206 206 / 60%);
	}
	.payment-options .select-arrow {
		border-left: 0;
	    height: 100%;
	    padding-right: 0;
	}
	.payment-options div + div .row {
		margin-right: 0;
	}
	.course-title {
		font-size: 17.5px;
		margin: 25px 0;
		display: block;
	}
}

/*# sourceMappingURL=style.css.map */
