/* ------------------
 *
 * ORDER FORM STYLING
 *
 */

#orderForm {
	min-height: 700px;
	font-family: 'Lato', Verdana;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
}


#orderForm .btn-default {
	background: none repeat scroll 0 0 #D4D4D4 !important;
}

#orderForm,
#orderForm label,
#orderForm p
{
	font-size:1rem;
}
input[type="checkbox"] + label {
	line-height: normal;
}

#orderForm .btn-danger {
	background: none repeat scroll 0 0 #d9534f;
}

/* FIX form-group */

#orderForm .form-group .col-md-12{
	padding-left: 0px!important;
	padding-right: 0px!important;
}

.padding0 {
	padding: 0;
}

.orderForm {
	min-height: 400px;
	display: block;
}

.orderForm ul {
	list-style-type: none;
}

.orderForm .step-block {
	/*min-height: 75px;*/
	margin: 10px;
	padding: 7px;
	border: 1px solid #a9a9a9;
}

.orderForm .step-block li {
	list-style-type: none;
	margin-top: 3px;
}

.orderForm #orderFormSidebar {
	margin-top: 20px;
}

.orderForm .card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid #a9a9a9;
	border-radius: .25rem;
	margin-bottom: 5px;
}

.orderForm .card-header {
	padding: .75rem 1.25rem;
	margin-bottom: 0;
	background-color: rgba(0, 0, 0, .03);
	border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.orderForm .card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.25rem;
}

.orderForm .card-footer {
	padding: .75rem 1.25rem;
	background-color: rgba(0, 0, 0, .03);
	border-top: 1px solid rgba(0, 0, 0, .125);
}

.orderForm .description {
	font-size: medium;
}

.orderForm #discounts .radio > label {
	color: #b94a48;
	font-weight: bold;
}

.orderForm #discounts .radio.disablediscount * {
	color: rgb(207, 207, 207) !important;
	text-decoration: line-through;
}

.orderForm .card-header {
	cursor: pointer;
}

.orderForm footer {
	font-size: 12px;
	font-weight: normal;
	padding: 30px 0;
}

label.required:after,
.orderForm form div.required .control-label:after,
p.required:after, h3.required:after, h4.required:after,
.orderForm form div.required .checkbox label:after,
.orderForm form div.required .form-check label:after,
.orderForm span.required:after, .orderForm h3.required:after {
	/*content: " *";
	color: #b94a48;*/
}

.orderForm .form-control.inline {
	display: inline;
	width: auto;
}

.orderForm h1, .orderForm h2, .orderForm h3, .orderForm h4, .orderForm h5, .orderForm h6, .orderForm .description {
	color: #0163ac;
}

.orderForm h2 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.orderForm h3 {
	font-size: 1.2rem!important;
	font-weight: 500;
}

.orderForm img {
	max-width: 100%;
}

.orderForm .btn {
	font-size: 16px;
	border-radius: 2px !important;
}

.orderForm label {
	font-weight: normal;
	/*margin-top: 3px;*/
	cursor: pointer;
	display: inherit !important;
}

.orderForm .in-error {
	border: 1px solid #b94a48 !important;
	-webkit-box-shadow: 0px 0px 4px 1px rgba(217, 83, 79, 1);
	-moz-box-shadow: 0px 0px 4px 1px rgba(217, 83, 79, 1);
	box-shadow: 0px 0px 4px 1px rgba(217, 83, 79, 1);
	/*
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	*/
}

.orderForm .option.question {
	width: 100%;
}

.orderForm .productBanner {
	margin: 5px;
}

.orderForm .option.question input[type="radio"] {
	margin-right: 5px;
}


.orderForm .option.question .option-name, .orderForm .option.question .price, .orderForm .option.question input[type="radio"] {
	margin-left: 5px;
}

.orderForm .option.extra .price {
	margin-bottom: 5px;
}

.orderForm .optionQuestionBanner {
	vertical-align: middle;
}

.orderForm .options .option.question label, .orderForm .options .option.importantPortage label {
	font-weight: normal;
}

.orderForm .inline > * {
	display: inline-block;
	margin-right: 20px;
}

.importantPortage__portage-details {
	margin-left:2.8rem;
}
.importantPortage__portage-details .form-group {
	margin-bottom: 0.9rem;
}

.orderForm .control-label, .orderForm .radio label, .orderForm .importantPortage label {
	/*font-size: 16px;*/
	font-weight: normal;
	display: block;
	/*margin-left: 1rem; !* like ml-3 *!*/
	margin-bottom: 0.25rem;
	text-align: left;
}

.orderForm .checkbox label,
.orderForm .form-check label {
	display: inline-block;
	/*font-size: 1.1em;*/
	font-weight: normal;

}

.orderForm .discount-table {
	border: 1px solid #a9a9a9;
}


.orderForm .m10 {
	margin: 10px;
}

.orderForm .mb20 {
	margin-bottom: 20px;
}

/* STEP MOBILES */

.orderForm .mobiles .mobile {
	margin-top: 40px;
	border: 1px solid #a9a9a9;
	/*padding: 10px;*/
	-moz-box-shadow: 2px 2px 6px 1px #9b9b9b;
	-webkit-box-shadow: 2px 2px 6px 1px #9b9b9b;
	-o-box-shadow: 2px 2px 6px 1px #9b9b9b;
	box-shadow: 2px 2px 6px 1px #9b9b9b;
}

.orderForm .mobiles .mobile .header-mobile h4 {
	text-align: left;
	font-size: 1.5em;
	padding-left: 0;
	line-height: 1.2;
}

.orderForm .mobiles .mobile .header-mobile {
	width: 100%;
	padding: 0 0 0 10px;
	margin: 0;
	border-bottom: 1px solid #a9a9a9;;
	cursor: pointer;
}

.orderForm .mobiles .mobile .content-mobile {
	padding: 10px;

}

.orderForm .options .option, .orderForm .options .option.inline, .orderForm .options .question, .orderForm .importantPortage {
	padding: 1rem;
}

.orderForm .options .option, .orderForm .options .option.inline, .orderForm .options .question, .orderForm .importantPortage, .orderForm .importantSidebar {
	border: 1px solid #a9a9a9;
}

.orderForm .options .option ul {
	padding-left: 10px;
}

.orderForm .optionDescription {
	overflow: hidden;
}

.orderForm .options .option.inline {
	min-height: 50px;
	margin-bottom: 10px;
}

.orderForm input[type="checkbox"], .orderForm input[type="radio"] {
	float: left;
	margin-right: 5px;
	cursor: pointer;
}

.orderForm input[type="checkbox"] {
	margin: 0;
	margin-right: 5px;
}

.orderForm .option input[type="checkbox"] {
	margin-top: 0px;
}

.orderForm .options .option label {
	/*display: inline-block;*/
	font-weight: bold;
}

.orderForm .options .option .price {
	color: #0163ac;
}

.orderForm .orderSummary dl > dt {
	float: left;
	margin-right: 7px;
}

.orderForm p.hint {
	color: #747474;
	font-size: 12px;
}

.orderForm p.title, .orderForm span.title {
	font-weight: bold;
	display: block;
	font-size: 1.1em;
	padding-bottom: 5px;
}

.orderForm p.title.required {
	margin-bottom: 0px;
}

.orderForm .panel {
	min-height: 100px;
}

.orderForm .panel .form-group {
	margin-bottom: 0;
}

.orderForm .panel .form-group label {
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 0;
}

.orderForm .portage {
	clear: both;
}

.orderForm .portage .form-group {
	/*margin-bottom: 10px;*/
}

.orderForm .portage .row {
	margin: 0;
}

.orderForm .product-name, .orderForm .ordered-play-title {
	padding-left: 0;
	margin-top: 20px;
	margin-bottom: 2rem;
	font-size: 2em;
}

.orderForm span.option-name {
	text-decoration: underline;
	display: block;
}

#orderFormSidebar span.price,
#orderFormSidebar .price .discounted-during,
#orderFormSidebar .price .price_numbers_discounted,
.color-price span.price,
.orderForm span.quickdelivery {
	color: #E5176B;
	font-weight: bold;
}

/*.orderForm .importantP,*/
/*.orderForm #cart-subscription-total,*/
/*#orderFormSidebar span.price_numbers */
#orderFormSidebar .price .regular-price {
	color: #1F438C;
	font-weight: bold;
}

.orderForm span.quickdelivery {
	font-style: italic;
	display: block;
}

.orderForm span.font-normal {
	font-weight: normal;
	color: black;
}

.orderForm span.tip {
	font-size: 0.8em;
}

.orderform-header hr {
	margin-top: 5px;
	margin-bottom: 5px;
}

.orderform-header dl {
	margin-bottom: 10px;
}

.invisible {
	display: none !important;
}

.visible {
	display: block !important;
}

.orderFormModal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	display: none;
	overflow: auto;
	background: rgb(238, 238, 238);
	background: rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 768px) {
	.orderFormModal .modal-dialog {
		padding-top: 150px;
	}
}


#injected-modal-content .modal-body {
	font-size: 15px;
	color:red;
}

#injected-modal-content h4 {
	font-size: 17px;
	font-weight:bold;
}

#bestSellersAccordion .panel {
	min-height: 0;
}

#bestSellersAccordion .collapsed {
	display: none;
}

#bestSellersAccordion .panel .fa-lg {
	position: absolute;
	top: 50%;
	left: 15px;
	line-height: 1em;
	transform: translate(-50%, -50%);
}

#bestSellersAccordion .panel-title a {
	display: inline-block;
	line-height: 1.2em;
	margin-left: 40px;
	max-width: 70%;
}

@media screen and (max-width: 767px) {
	.orderForm h2 {
		font-size: 28px;
		font-weight: bold;
		margin: 10px 0;
	}

	#bestSellersAccordion .panel .fa-lg {
		top: 5px;
		left: 0;
		font-size: 2em;
	}
}

.orderForm .form-horizontal .radio {
	padding-top: 0 !important;
}

.orderForm #DateSetup1 {
	margin-top: 10px;
}

.orderForm label[for=setup_date] {
	margin-top: 7px !important;
	padding-top: 0 !important;
	margin-left: 0 !important;
	padding-left: 4px !important;
}

.orderForm .importantPortage {
	border: 1px solid #b94a48 !important;
	width: 100%;
	/*min-height: auto !important;*/
}

.orderForm h4 {
	font-size: 13px;
	/*padding-left: 5px;*/
	padding-top: 10px;
	padding-bottom: 10px;
}

.datesetupselect {
	margin-left: 20px;
	margin-top: 10px;
	font-size: 1.1em;
}

.datesetupselect input[type="radio"], .datesetupselect label, .readmore {
	cursor: pointer;
}

.extra span.price {
	padding-left: 5px;
}

.inline {
	float: left;
	display: inline-block;
	padding-right: 20px;
}

.orderForm .optionBoxBanner, .orderForm .optionContentDescription img {
	max-height: 145px;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.orderForm ol {
	margin-left: 20px;
}

.orderForm ol li {
	line-height: 20px;
	font-size: 1.1em;
}

.orderForm .optionQuestionBanner {
	max-width: 170px;
	max-height: 70px;
}

.orderForm .call-center-sidebar {
	padding-bottom: 10px;
}

.orderForm .call-center-status.open {
	background: #3A823A;
}

.orderForm .call-center-status {
	display: inline-block;
	width: 80px;
	color: white;
	font-size: 14px;
	margin-left: 0;
	text-align: center;
	border: 1px solid #898989;
	line-height: 1.3;
	margin-top: 5px;
}

.orderForm .call-center-sidebar a {
	color: #333;
}

.orderForm .call-center-sidebar .row {
	margin-right: 0;
	margin-left: 0;
}

.orderForm .call-center-sidebar a:hover, .orderForm .call-center-sidebar a:focus {
	color: #333;
	text-decoration: none;
}

.orderForm hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #ddd;
}

.orderForm .call-center-status.closed {
	background: #535353;
}

.orderForm .display-quick-icon-sidebar {
	display: block;
	height: 50px;
	width: 90%;
	background: url('https://cdn.astel.be/assets/orderastelbe/img/bc-fast-delivery-astel.png') no-repeat;
	background-position: center;
}

.orderForm .checkbox label {
	display: inline-block !important;
}

.orderForm #call_before_processing_order, .orderForm .toscheck input[type="checkbox"] {
	margin-left: -20px;
	margin-top: 8px;
}

.orderForm .importantSidebar {
	margin-top: 10px;
}

.orderForm .importantSidebar .checkbox {
	padding-left: 10px;
}

/** Patching form element from cake Form Helper **/
.correct-checkbox label {
	width: 80% !important;
}

.correct-checkbox .col-md-offset-0 {
	padding-left: 0px;
}

.correct-option-question {
	min-height: 40px !important;
	margin-bottom: 15px !important;
}

.correct-option-question input {
	margin-top: 3px !important;

}

.correct-option-question .label-option {
	display: inline-block;
}

.discount-select label {
	width: 80%;
	display: inline-block !important;
}

.discount-select input {
	margin-top: 7px !important;
}

.disabledAddMobile {
	pointer-events: none;
	cursor: default;
	color: rgb(200, 200, 200);
}

.edit-orp {
	cursor: pointer;
}



@media screen and (max-width: 573px) {
	.orderForm .mobiles .mobile .header-mobile h4 {
		font-size: 1.1em;
	}
}

.border-left {
	border-left: 1px solid rgb(230, 230, 230);
}

.header-mobile .col-delete p {
	padding: 0;
	margin: 0;
}

.validated-orp-check {
	padding-right: 10px;
	color: #3A823A;
}

.not-validated-orp-check {
	padding-right: 10px;
	color: #b80008;
}

.formule-name {
	display: inline-block;
	padding-right: 15px;
}

.fa-pencil, .fa-times-circle {
	cursor: pointer;

	font-size: 1.2em;
}


/* STEP 1 POSTAL CODE */
.typeahead,
.typeahead__input {
	border-bottom-right-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

.typeahead_submit_btn{
	border-bottom-right-radius: 0.25rem !important;
	border-top-right-radius: 0.25rem !important;
}

/** ORDER STEPS PROGRESS BAR **/

.custom-submit {
	text-align: center;
}

.custom-submit button {
	cursor: pointer;
	font-size: 1.1em;
	background: none repeat scroll 0 0 #3A823A;
	border: medium none;
	color: #FFFFFF !important;
	padding: 10px 18px 10px 18px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


.order-progress-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.order-progress-box .order-progress-inner {
	text-align: center;
	width: 100%;
	min-width: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.order-progress-box .order-progress-inner:not(:first-child)::before {
	content: '';
	height: 10px;
	width: 100%;
	background: #d7d2cb;
	position: absolute;
	top: 62px;
	left: -50%;
	z-index: 0
}

.order-progress-box .order-progress-inner.current .order-progress-step .order-progress-dot {
	display: block;
	height: 35px;
	width: 35px;
	border: 10px solid;
	border-radius: 50%;
	outline: 0
}

.order-progress-box .order-progress-inner .order-progress-step {
	background: #d7d2cb;
	height: 35px;
	width: 35px;
	border-radius: 50%;
	position: relative;
	z-index: 1
}

.order-progress-box .order-progress-inner .order-progress-text {
	margin-top: 10px;
	margin-top: .625rem;
	font-size: 16px;
	padding: 0 5px;
	padding: 0 .3125rem
}

@media (max-width: 767.98px) {
	.order-progress-box .order-progress-inner .order-progress-text {
		/*font-size: 16px;*/
		font-size: 0.8rem;
	}

	.order-progress-box .order-progress-inner .fa {
		font-size: 1.1rem !important;
	}

	.order-progress-box .order-progress-inner .order-progress-step,
	.order-progress-box .order-progress-inner.current .order-progress-step .order-progress-dot {
		height: 26px;
		width: 26px;
	}

	.order-progress-box .order-progress-inner.current .order-progress-step .order-progress-dot {
		border: 7px solid;
	}

	.order-progress-box .order-progress-inner:not(:first-child)::before {
		height: 8px;
		top: 49px;
	}

	.order-progress-box .order-progress-inner {
		min-width: 65px;
	}

}

@media (max-width: 991px) {
	.order-progress-box .order-progress-inner .order-progress-text {
		font-size: 0.8rem;
	}
}

@media (min-width: 768px) {
	.order-progress-box .order-progress-inner {
		min-width: 65px;
	}

}

@media (min-width: 992px) {
	.order-progress-box .order-progress-inner {
		min-width: 90px;
	}

}

@media (min-width: 1200px) {
	.order-progress-box .order-progress-inner {
		min-width: 100px;
	}

}

@media (max-width: 575.98px) {
	.order-progress-box .order-progress-inner {
		min-width: 40px;
	}
}





/*** MOBILE TABS : IMPORT BOOTSTRAP CLASSES FOR PARTNER COMPATIBILITY ***/
.nav-tabs {
	border-bottom: 1px solid #dee2e6;
}

.nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.nav-tabs .nav-item {
	margin-bottom: -1px;
}

.mobiles .nav-item {
	margin-top: 10px;
}

.nav-tabs .nav-link {
	border: 1px solid transparent;
	border-radius: 2px;
}

.nav-link {
	display: block;
	padding: .5rem 1rem;
}

.custom-tabs .nav-link {
	color: #448;
	font-weight: bold;
}

.custom-tabs .nav-link.active {
	background-color: #1F438C;
}

/* BC mobile tabs */
#formStep .custom-tabs .nav-link {
	border-bottom-color: #DDDDEE;
	background-color: #f1f1f14f;
}

#formStep .custom-tabs .nav-link.active {
	background-color: #cbcaca;
}

#formStep .custom-tabs .nav-link.active {
	color: #448 !important;
	/*border-color: #ddd #ddd #fff;*/
}


/** Hidden element, to be activated in local css where plugin is included **/
#orderForm .plugin-hidden-optional-element {
	display: none;
}

/* customer data toggle phone number */
.ac-container label {
	cursor: pointer;
}

.ac-container .ac-content {
	margin-left : 28px;
	overflow: hidden;
	height: 0;
	position: relative;
	-webkit-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
}

.ac-container input:checked ~ .ac-content {
	-webkit-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
}

.ac-container input:checked ~ .ac-content {
	height: 90px;
}
.ac-container input:checked ~ .installation-from__ac-content {
	height: 80px;
}
.ac-container input:checked ~ .customer_data__ac-content {
	height: 180px;
}
.form-group__international_phone_number {
	margin-left: 16px;
	padding-right: 16px;
}
.ac-container input:checked ~ .installation-from__ac-content {
	height: 80px;
}

#phone_country {
	width: 200px;
}
@media (max-width: 575.98px) {
	#phone_country {
		width: 100px;
	}
}

.title-above-border {
	background: white;
	padding-left: 0.5rem !important;
	padding-right:0.5rem !important;
	position: absolute;
	top: -0.8rem;
	left : 0.5rem;
}
.delete-mobile-above-border{
	background: white;
	padding-left: 0.5rem !important;
	padding-right:0.5rem !important;
	position: absolute;
	top: -0.8rem;
	right : 0.5rem;
}
@media (max-width: 575px) {
	.delete-mobile-above-border{
		position:relative;
		text-align: right;
		top: initial;

	}
}
.row_correct-margin-02 {
	margin-left: -0.2rem;
	margin-right: -0.2rem;
}

.border-grey {
	border-color : #a9a9a9!important;
}
.pl-30 {
	padding-left: 30px;
}

.operator-products-table .discounted-during,
.operator-products-table .price_numbers_discounted {
	color: #EB0000!important;
}

.big-product-price b{
	font-size:1.2rem !important;
}