/* mise en forme des tableaux */
#customer_subscriptions table.table_abo{
	border:1px solid #e6e6e6;
	font-size:14px;
	margin:20px 0 50px;
	line-height:22px;
	text-align:center;
}
#customer_subscriptions th{
	padding:15px 20px;
	text-transform:uppercase;
	font-family: 'MostraNuova_Regular';
	background:#f1f2f3;
	border-bottom:1px solid #e6e6e6;
	text-align:center;
}
#customer_subscriptions td{	padding:20px; }
#customer_subscriptions .details_abo td{
	padding:10px;
	border-bottom:1px solid #e6e6e6;
}




/* mise en forme générale des contenus */
#customer_subscriptions a img{ vertical-align:top; }
#customer_subscriptions a.chg_addr_link_pop,
#chg_addr_link_container a.add_address{ text-decoration:underline; }
#customer_subscriptions a:hover{ color:#98df79; }


.radio-inline label{
	display:inline-block;
	cursor:pointer;
	clear:both;
	margin:0 0 20px;
	color: #161615;
}
.radio-inline .radio{
	display:inline-block;
	box-sizing:border-box;
	width:20px;
	height:20px;
	border:2px solid #c8cbd0;
	text-align:center;
	line-height:16px;
	margin-right:10px;
	border-radius:10px;
	cursor:pointer;
	font-size:14px !important;
}
.radio-inline .radio input{ display:none; }
.radio-inline .radio:hover{ border-color:#98df79; }
.radio-inline .radio span{
	display:inline-block;
	box-sizing:border-box;
	width:8px;
	height:8px;
	background:none;
	border-radius:4px;
}
.radio-inline .radio span.checked{	background:#1e1e1e; }







/* détails des abonnements : open / close */
#customer_subscriptions a.details{
	display:inline-block;
	text-decoration:none;
	padding-right:25px;
	background:url('../img/more.png') right center no-repeat;
}
#customer_subscriptions a.details.open{	background:url('../img/less.png') right center no-repeat; }




/* boutons d'action */
#customer_subscriptions .subscription_main_actions{ width:400px; }
#customer_subscriptions .subscription_main_actions a{
	display:block;
	height:40px;
	line-height:40px;
	text-transform:uppercase;
	font-size:12px;
	color:#fff !important;
}
#customer_subscriptions .subscription_main_actions a.stop_link,
#customer_subscriptions .subscription_main_actions a.change_cb_link,
#customer_subscriptions .subscription_main_actions a.suspend_link{
	width:-moz-calc(50% - 5px);
	width:-webkit-calc(50% - 5px);
	width:calc(50% - 5px);
	margin-bottom:10px;
}
#customer_subscriptions .subscription_main_actions a.stop_link{ background:#fff; border:1px solid #000; color: #000 !important; }
#customer_subscriptions .subscription_main_actions a.suspend_link{ background:#fff; border:1px solid #000; color: #000 !important; }
#customer_subscriptions .subscription_main_actions a.change_cb_link{ background:#fff; border:1px solid #000; color: #000!important; }
#customer_subscriptions .subscription_main_actions a.btn_adresse{
	clear:both;
	background:#1e1e1e;
}
#customer_subscriptions .subscription_main_actions a:hover{	border:1px solid #98df79; color: #98df79 !important; }
#customer_subscriptions .subscription_main_actions a.btn_adresse:hover{	background:#98df79; border:none; color: #fff !important; }

#customer_subscriptions .subscription_actions a{
	display:inline-block;
	padding:0 30px;
	height:40px;
	line-height:40px;
	text-transform:uppercase;
	font-size:12px;
	color:#fff !important;
	background:#b3b3b3;
}
#customer_subscriptions .subscription_actions a:hover{ background:#98df79; }






/* changement d'adresse */
#customer_subscriptions .overlay{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:99999999999;
	background:rgba(255,255,255,0.8);
}
#customer_subscriptions #chg_addr_link_container{
	max-width:610px;
	margin:0 auto; 
	padding:40px;
	background:#fff;
	position:relative;
	top:50%;
	text-align:center;
	border:5px solid #e6e6e6;
	box-sizing:border-box;
	transform:translate(0,-100%);
	opacity:0;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -transition: all 0.5s ease;
}
#customer_subscriptions #chg_addr_link_container.visible{
	transform:translate(0,-50%);
	opacity:1;
}
#customer_subscriptions #chg_addr_link_container #chg_addr_link_close{
	display:block;
	width:22px;
	height:22px;
	line-height:20px;
	cursor:pointer;
	position:absolute;
	background:#1e1e1e;
	top:0;
	right:0;
}
#customer_subscriptions #chg_addr_link_container h2{
	display: block;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 30px;
	text-align: center;
	font-family: 'MostraNuova_Regular';
	color: #3b3b3b;
	padding: 0 0 40px;
	margin: 10px 0 50px;
	position: relative;
	border-bottom: 1px solid #dcdcdc;
}
#customer_subscriptions #chg_addr_link_container h2:before {
	display: block;
	content: '';
	height: 14px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url('../img/offrir_top.png') center top no-repeat;
}
#customer_subscriptions #chg_addr_link_container #front_sub{
	text-align:left;
	font-size:14px;
}
#customer_subscriptions #chg_addr_link_container #front_sub .sbHolder{
	display:inline-block;
	vertical-align:middle;
}
#customer_subscriptions #chg_addr_link_container .submit{
	display:block;
	width:100%;
	height:52px;
	line-height:52px;
	text-transform:uppercase;
	font-size:14px;
	font-family:'ProximaNova_Semibold';
	background:#1e1e1e;
	border:none;
	color:#fff !important;
	margin:30px 0 0;
}
#customer_subscriptions #chg_addr_link_container .submit:hover{ background:#98df79; }


@media screen and (max-width: 1170px){
	#customer_subscriptions td{ padding:10px; }
}
@media screen and (max-width: 980px){
	#customer_subscriptions tr.abonnement table td{
		display:block;
		width:50%;
		float:left;
		box-sizing:border-box;
	}
	#customer_subscriptions .subscription_main_actions{ clear:both; }
	#customer_subscriptions  tr.abonnement table td:last-child{ text-align:center !important; }
	/*
	#customer_subscriptions .details_abo th:nth-child(3),
	#customer_subscriptions .details_abo td:nth-child(3){ display:none; }
	*/
}




/* changement de CB */
#subscription_chg_cb{
	font-size:16px;
	line-height:30px;
	text-align:center;
	margin:0 0 100px;
}
#subscription_chg_cb a.button{
	display:inline-block;
	padding:0 50px;
	height:52px;
	line-height:52px;
	text-transform:uppercase;
	font-size:14px;
	font-family:'ProximaNova_Semibold';
	background:#1e1e1e;
	border:none;
	color:#fff !important;
	margin:30px 0 0;
}
#subscription_chg_cb a.button:hover{ background:#98df79; }


@media screen and (max-width: 800px){
	#subscription_chg_cb{ font-size:18px; }
}