/********************************************** 
partShoppingCart-6
**********************************************/

/* lay-out */
.partOrderOut6 						{}
	.partOrderOut6 .orderStep 				{display: flex; flex-wrap: wrap; margin-bottom: 25px;}
		.partOrderOut6 .orderStepHeading  		{width: 160px; font-size: 20px; font-weight: 700; color: var(--black); padding-right: 10px; display: inline-block;}
		.partOrderOut6 .orderStepControls 		{width: calc(100% - 160px); padding: 20px 25px calc(20px - 0.8em) 25px; border: 1px solid rgba(0,0,0,0.1);}

/* language dropdown */		
.partOrderOut6 .partFormControlAddress3 .partFormControlDropDown3 {max-width: 296px;}

/* when middle name is used */
.partOrderOut6 #partFormControlInputTextFormOrderOut6MiddleName {max-width: 105px;}

/* complete order button */
.partOrderOut6 .partFormControlButtonSubmit .partButton.default {
	font-weight: 700;
	background-color: #00b900;
	color: #fff;
	transition: background-color .3s ease, box-shadow .15s ease-in-out /* :focus */, transform 0.15s ease /* active */;
	margin-bottom: 0.8em;
}

.partOrderOut6 .partFormControlButtonSubmit .partButton svg {
		fill: #fff;
	}

	/* hover */
	@media (hover: hover) {
		.partOrderOut6 .partFormControlButtonSubmit .partButton:not([disabled]):hover, .partOrderOut6 .partFormControlButtonSubmit .partButton:not([disabled]):focus {
			background-color: #090;
		}
	}	

	/* focus */
	.partOrderOut6 .partFormControlButtonSubmit .partButton::not([disabled]):focus, .partOrderOut6 .partFormControlButtonSubmit .partButton::not([disabled]):focus {
		box-shadow: 0 0 0 0.2rem rgb(0,0,0,0.15);
	}

/* payment method bigger img/svg size in dropdown */
.partOrderOut6 .formV2 #partFormControlInputRadioFormOrderOut6paymentMethod .partFormControlDropDown3 .coreDropDown .dropDownValueImage svg, 
.partOrderOut6 .formV2 #partFormControlInputRadioFormOrderOut6paymentMethod .partFormControlDropDown3 .coreDropDown .dropDownValueImage img,
.popperFormControlDropDown3#popperformOrderOut6paymentMethodIssuer .dropDownValueImage svg, 
.popperFormControlDropDown3#popperformOrderOut6paymentMethodIssuer .dropDownValueImage img {width: 32px;}

/* .partOrderOut6 .formV2 #partFormControlInputRadioFormOrderOut6paymentMethod .formListItemContainer:last-child {margin-top: 20px;}  */

/********************************************** 
Responsive
**********************************************/

/* when middle name is used */
@media screen and (max-width: 1380px){
	.formV2 #partFormControlCombined1FormOrderOut6Name .formControlCombinedContainer {flex-wrap: wrap;}
	.formV2 #partFormControlInputTextFormOrderOut6FirstName {width: 100%; margin-right: 0;}
	.formV2 #partFormControlInputTextFormOrderOut6LastName {width: calc(100% - 105px - 0.75em);}
}

@media screen and (max-width: 359px){
	.formV2 #partFormControlInputTextFormOrderOut6LastName {width: 100%;}
}

/* lay-out */
@media screen and (max-width: 1100px){
	.partOrderOut6 .orderStep {display: block;}
		.partOrderOut6 .orderStepHeading {width: auto; padding-right: 0; margin-bottom: 10px;}
		.partOrderOut6 .orderStepControls {width: auto;}
}

/* place first and last name on mulitple lines */
@media screen and (max-width: 420px){
	.formV2 #partFormControlCombined1FormOrderOut6Name .formControlCombinedContainer {flex-wrap: wrap;}
	.formV2 #partFormControlInputTextFormOrderOut6FirstName {width: 100%; margin-right: 0;}
}