/* ****************************************************************************
		ACTIVATE GIFTCHECK
**************************************************************************** */
#giftcheck_page{
    overflow: hidden;
    padding: 50px 0;
}
#giftcheck_page #form_usecheck{ margin-top: 30px; }
#giftcheck_page #form_usecheck #pleasewait{ margin-top: 20px; }

/* ****************************************************************************
		GIFTCHECK STEPS
**************************************************************************** */

/* START https://picturepan2.github.io/spectre/components/steps.html */
.step {
 display:flex;
 display:-ms-flexbox;
 -ms-flex-wrap:nowrap;
 flex-wrap:nowrap;
 list-style:none;
 margin: 0 75px;
}
.step .step-item {
 -ms-flex:1 1 0;
 flex:1 1 0;
 margin-top:0;
 min-height:1rem;
 position:relative;
 text-align:center
}
.step .step-item:not(:first-child)::before {
 background:#000;
 content:"";
 height:2px;
 left:-50%;
 position:absolute;
 top:9px;
 width:100%
}
.step .step-item a {
 color:#000;
 display:inline-block;
 padding:20px 10px 0;
 text-decoration:none
}
.step .step-item a::before {
 background:#000;
 border:.1rem solid #000;
 border-radius:50%;
 content:"";
 display:block;
 height:.6rem;
 left:50%;
 position:absolute;
 top:.2rem;
 transform:translateX(-50%);
 width:.6rem;
 z-index:1
}
.step .step-item.active a::before {
 background:#fff;
 border:.1rem solid #000
}
.step .step-item.active~.step-item::before {
 background:#dadee4
}
.step .step-item.active~.step-item a {
 color:#dde1e6
}
.step .step-item.active~.step-item a::before {
 background:#dde1e6;
 border-color:#dde1e6;
}
/* END https://picturepan2.github.io/spectre/components/steps.html */



#giftcheck_product #giftcheck_steps{
	padding: 30px 0 50px;
	overflow: hidden;
}
#giftcheck_previous_step{
	cursor:pointer;
	position:absolute;
	left:0;
	top:10px;
	-webkit-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	transform:translate(0,-50%);
}


@media screen and (max-width: 800px) {
	#giftcheck_product #giftcheck_steps ul{ display:none; }
	#giftcheck_previous_step{ left:15px; }
}







/* ****************************************************************************
		GIFTCHECK CONTENT
**************************************************************************** */
#giftcheck_product{
    overflow: hidden;
    padding-bottom: 50px; 
}
.giftcheck_master_step{
    overflow: hidden;
}
#subscription_list ul{ overflow: visible !important; }
#giftcheck_product li.ajax_block_product .content{
    border-color: #dde1e6 !important;
    overflow: visible !important;
}
#giftcheck_product li.ajax_block_product .content .from{ margin: 20px 0 -15px; }
#giftcheck_product li.ajax_block_product .content .button{ margin-top: 30px; }


#giftcheck_product .checked{
	display:none;
	margin-right:5px;
}
#giftcheck_product .selected .checked{ display:inline-block; }


/* STEP 2 : giftcheck customization sending */
#gift_carrier #attributes,
#customizationForm .customizableProductsText{ overflow:hidden; }
#gift_carrier .attribute_fieldset{
	margin-left:50%;
	-webkit-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	transform:translate(-50%,0);
}
#gift_carrier .attribute_fieldset .carrier_list li{ display:block; }
#gift_carrier .carrier_list li label{
	display:block;
	background:#fff;
	padding:20px;
	text-align:center;
	cursor:pointer;
	font-size:120%;
	border:2px solid #dde1e6;
	border-radius:2px;
	margin-top:30px;
}

@media screen and (max-width: 800px) {
	#gift_carrier .attribute_fieldset{
		margin-left:0;
		-webkit-transform:translate(0,0);
		-ms-transform:translate(0,0);
		transform:translate(0,0);
	}
}



/* STEP 3 : giftcheck customization sending */
#giftcheck_product .customizableProductsText label{
	display:block;
    overflow: visible;
    padding:40px;
	cursor:pointer;
	font-size:120%;
	border:2px solid #dde1e6;
	border-radius:2px;
    background: #fff;
    margin-top: 30px;
}

.gift-option-box {
    display: table;
    table-layout: fixed;
}
.gift-option-box > * {
    display: table-cell;
    vertical-align: middle;
}
.gift-option-box .gift-option{ padding-left: 50px; }


@media screen and (max-width: 980px) {
    .gift-option-box > * {
        display: block;
        text-align: center;
    }
    .gift-option-box .gift-option {
        padding-left: 0;
    }
    .gift-option-box .gift-option-icon {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 800px) {
	#giftcheck_product .customizableProductsText label{ margin-bottom:30px; }
}



/* STEP 4 : giftcheck informations */
#giftcheck_product #text_fields{
    padding:0 75px;
    margin-top: 30px;
}
#giftcheck_product #text_fields input.hasDatepicker{ background:#fff url("../img/icon_calendar.gif") no-repeat right center; }


@media screen and (max-width: 980px) {
	#giftcheck_product #text_fields{ padding:0; }
}