/*
## customer info page
********************************************************************/

#customerInfoTabs{
	width: 90%;	
	margin: auto;
}

.checkboxCustomerInfo{
	display:none;
}

.displayedLifestyleButton {
	margin-top: 15px;	
}

#customerInfoTabs label.customSparCheckboxLbl {
    margin: 0 21px 0 0;
}

#customerInfoTabs .customSparCheckboxSpan {
	text-transform: capitalize;
	font-weight: 700;
	font-size: 13px;
	display: block;
	padding-bottom: 5px;
}

#customerInfoTabs .leftTabAllergenes .headline.closed::before,
#customerInfoTabs .rightTabLifeStyle .headline.closed::before {
	content:"\a006"; /* ico-arrow_round_down */
	color: #616161;
    float: right;
    font-size: 12px;
    margin-right: 23px;
    position: relative;
    top: 35%;
}

#customerInfoTabs .leftTabAllergenes .headline:not(.closed)::before,
#customerInfoTabs .rightTabLifeStyle .headline:not(.closed)::before {
	content:"\a009"; /* ico-arrow_round_up */
	color: #ca0614;
    float: right;
    font-size: 12px;
    margin-right: 23px;
    position: relative;
    top: 35%;
}

#customerInfoTabs .customerInfoTabsSectionInfo .customSparCheckboxLbl {
    border: 1px solid #cccccc;
    cursor: pointer;
    display: inline-block;
    height: 26px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 26px;
}
	
#customerInfoTabs{
	background:#fff;
	margin-bottom: 30px;
	max-width: 100%;
}

#customerInfoTabs .customerInfoTabsSection:first-child{
	border-top:1px solid #ccc;
}


#customerInfoTabs .leftTabAllergenes .headline:not(.closed),
#customerInfoTabs .rightTabLifeStyle .headline:not(.closed) {
	color:#c90613;
	border-bottom:1px solid #ccc;
}

#customerInfoTabs .leftTabAllergenes .headline.closed {
	border-bottom: 1px solid #ccc;
	
}
#customerInfoTabs .rightTabLifeStyle .headline.closed {
	border-top: 1px solid #ccc;
}

#customerInfoTabs .leftTabAllergenes .headline.closed,
#customerInfoTabs .rightTabLifeStyle .headline.closed {
	color:#616161;
	margin-bottom: 0px;
}

#customerInfoTabs .leftTabAllergenes .headline.closed + div,
#customerInfoTabs .rightTabLifeStyle .headline.closed + div {
	display:none;
}
	
#customerInfoTabs .customerInfoTabsSection .customerInfoTabsSectionInfo{
	background:#fff;
	padding: 24px 15% 40px; /* dx: 48/320 sx: 19/320 */
	word-break: break-all;
}

#customerInfoTabs .customerInfoTabsSection{
	border: 1px solid #CCC;
}
#customerInfoTabs .customerInfoTabsSection:last-child{
	border-bottom: 1px solid #CCC;
}

#customerInfoTabs .customerInfoTabsWrapper .customerInfoTabsSection.customerInfoTabsSectionCheckbox .customerInfoTabsSectionInfo{
		display: none;
	}
	
#customerInfoTabs .customerInfoTabsWrapper .customerInfoTabsSection.customerInfoTabsSectionCheckbox:first-of-type .customerInfoTabsSectionInfo{
		display: block;
	}
	
#customerInfoTabs .customerInfoTabsSection .customerInfoTabsSectionInfo p{
	font-family: MuseoSans;
	font-size: 12px;
	font-weight: 300;
	color: #4c4c4c;
	margin: 0;
	padding: 0;
}

#customerInfoForm {
	border: 1px solid #ccc;
	overflow:hidden;
}

.lifestylesToSearchButton{
	display: block;
	height: 36px; line-height: 36px;
	border: 0;
	border-radius: 3px;
	background-color: #ca0614;
	text-align: center;
	font-family: MuseoSans;
	font-weight: 700;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	padding: 0 15px;
	margin: 0;
}

	/* HELPBOX */

	#customerInfoTabs .helpContainer{
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		border-left: 1px solid #CCC;
	}
	
	#customerInfoTabs .helpCustomerContainer .headline{
		margin: 0;
		height: 50px;
		line-height: 50px;
	}
	
	#customerInfoTabs .helpCustomerContainer{
		margin-top:20px;
	}
	
	/* HELPBOX */
	
@media (min-width:768px){
	
	#customerInfoTabs .leftTabAllergenes {
		float:left;
		width: 50%;
		border-right: 1px solid #ccc;
	}
	
	#customerInfoTabs .rightTabLifeStyle {
		float: left;
		width: 50%;
	}
	
	#customerInfoTabs .checkboxDoubleColumn {
		float: left;
		width: 50%;
	}
	
	#customerInfoTabs .customerInfoTabsSection{
		border: 0 none;
	}
	
	#customerInfoTabs{
		width: 100%;
		padding: 0 10px;
	}
	
	#customerInfoTabs .leftTabAllergenes .headline,
	#customerInfoTabs .rightTabLifeStyle .headline {
		pointer-events:none;
	}
	
	#customerInfoTabs .leftTabAllergenes .headline.closed,
	#customerInfoTabs .rightTabLifeStyle .headline.closed {
		color:#c90613;
		border-top: 0;
		border-bottom: 1px solid #ccc;
		margin-bottom: 1em;
	}

	#customerInfoTabs .leftTabAllergenes .headline:not(.closed)::before,
	#customerInfoTabs .rightTabLifeStyle .headline:not(.closed)::before,
	#customerInfoTabs .leftTabAllergenes .headline.closed::before,
	#customerInfoTabs .rightTabLifeStyle .headline.closed::before {
		content:" "; 
	}

	#customerInfoTabs .leftTabAllergenes .headline.closed + div,
	#customerInfoTabs .rightTabLifeStyle .headline.closed + div {
		display:block;
	}
	
	.lifestylesToSearchButton{
		margin: 20px auto 0;
	}
	
	.lifestyleButtonsContainer {
		display: table;
		width: 100%;
		margin-top: 15px;
	}
	
	.displayedLifestyleButton {
		display: table-cell;
		width: 50%;
	}
	
	#customerInfoTabs .customerInfoTabsSection{
		border: 0 none;
	}
	
	#customerInfoTabs .customerInfoTabsSection:last-child{
		border-bottom: 0;
	}
	
	#customerInfoTabs{
		width: 100%;
	}
	
	#customerInfoTabs .customerInfoTabsSection .customerInfoTabsSectionInfo{
		padding: 49px 3.255% 30px 16.5%;
		padding: 49px 10% 30px 10%;
	}
		
	#customerInfoTabs .customerInfoTabsWrapper{
		max-width: 100%;
	}
	
	#customerInfoTabs .customerInfoTabsWrapper.hidden-mobile .customerInfoTabsSection{
		float:left;
		width: 33.3333%;
		border-top: 1px solid #ccc;
		background-color: #f5f5f5;
	}
	
	#customerInfoTabs .customerInfoTabsWrapper .customerInfoTabsSection.customerInfoTabsSectionCheckbox .customerInfoTabsSectionInfo{
		display: none;
	}
	
	#customerInfoTabs .customerInfoTabsWrapper .customerInfoTabsSection.customerInfoTabsSectionCheckbox:first-of-type .customerInfoTabsSectionInfo{
		display: block;
	}
	
	#customerInfoTabs .customerInfoTabsSection:first-child{
		border-left: 0;
	}
	
	#customerInfoTabs .customerInfoTabsSection .headline{
		background-image: none;
		border-left: 1px solid #ccc;
		border-bottom:1px solid #ccc;
		font-size: 12px;
	}
	
	#customerInfoTabs .customerInfoTabsSection .headline.active{
		background-image: none;
		border-bottom: 0;
		background-color: #fff;
	}
	
	#customerInfoTabs .customerInfoTabsSection:first-child{
		border-top: 0;
	}
	
	#customerInfoTabs .customerInfoTabsSection .headline:not(.closed){
		border-bottom: none;
	}
	
	#customerInfoTabs .customerInfoTabsSectionInfo .control-group{
		width: 31.33333333%;
		margin-right:2%;
		float: left
	}
	
	#customerInfoTabs .customerInfoTabsSectionInfo .control-group:nth-child(3n){
		margin-right:0;
	}
	
	/* HELPBOX */
	
	#customerInfoTabs .helpCustomerContainer{
		width: 85%;
		margin: auto;
	}
	
	#customerInfoTabs .helpCustomerContainer .headline{
		margin: 0;
		height: 50px;
		line-height: 50px;
	}
	
	#customerInfoTabs .helpCustomerContainer .helpFaqContainer, 
	#customerInfoTabs .helpCustomerContainer .helpContactContainer{
		padding: 20px 56px 20px 18.099%;
	}
	
	#customerInfoTabs .helpCustomerContainer .helpFaqContainer::before, 
	#customerInfoTabs .helpCustomerContainer .helpContactContainer::before {
	    top: 25px;
	    left: 20.0521%;
	}	
	
	#customerInfoTabs .helpContainer{
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		border-left: 1px solid #CCC;
	}
	
	/* HELPBOX */

}

/* START LIFESTYLE TABS */
#customerInfoTabs .leftTabAllergenes .headline,
#customerInfoTabs .rightTabLifeStyle .headline {
	height: 40px;
	background: #fafafa;
	color: red;
	font-weight: 700;
	text-align: center;
	line-height: 40px;
	font-size: 12px;
	text-transform: uppercase;
}

#customerInfoTabs .activateLifeStyleFilterContainer {
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
	text-align: center;
	padding: 60px 15%;
	text-transform: none;
	color: #1a1a1a;
  		font-family: MuseoSans;
   	font-size: 12px;
   	font-weight: 300;
}

.customerInfoContainer .customerInfoDescription {
    color: #1a1a1a;
    font-family: MuseoSans;
    font-size: 12px;
    font-weight: 300;
    padding: 25px 6.25%;
    text-align: center;
    border-bottom: 1px solid #CCC;
}

.customerInfoContainer .counterText {
	font-size: 14px;
	font-family: MuseoSans;
	font-weight: 700;
	color: #c90613;
}

.customerInfoContainer #counterFilters {
    color: #1a1a1a;
    font-size: 12px;
    font-weight: 300;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

#customerInfoTabs .activateLifeStyleFilterContainer .headline {
	color: #c90613;
	font-weight: 700;
	font-family: MuseoSans;
	text-transform: uppercase;
	font-size: 13px;
}

#customerInfoTabs .allergeneStatus,
#customerInfoTabs .nutritionProfileStatus {
	line-height: 50px;
	font-weight: 700;
}

#customerInfoTabs .lifeStyleActivationButtonContainer{
	text-align: center;
}

#customerInfoTabs .lifeStyleActivationButtonContainer button[type='button']{
	height: 36px;
	line-height: 36px;
	background: #c90613;
	font-family: MuseoSans;
	font-weight: 700;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	padding: 0 30px;
	border: 0;
	outline: none;
	border-radius: 3px;
}

#customerInfoTabs .lifeStyleActivationButtonContainer button[type='button'].deactivate{
	background: #000;
}

#customerInfoTabs .lifeStyleActivationButtonContainer button[type='button']:active.deactivate{
	background: #000;
}	

#customerInfoTabs .lifeStyleActivationButtonContainer button[type='button']:active{
	background: #B50511;
}

#customerInfoTabs .leftTabAllergenes .lifestyleCheckboxes,
#customerInfoTabs .rightTabLifeStyle .lifestyleCheckboxes {
	padding-left: 20px;
	width: 100%; 
}

/* FINISH LIFESTYLE TABS */


@media (min-width:1280px){
	
	#customerInfoForm {
		border-left: 0;
		border-right: 0;
	}
	#customerInfoTabs{
		width: 100%;
		padding: 0;
	}
	
	#customerInfoTabs .customerInfoTabsSection .headline.active{
		background: #fff url('../images/arrow_footer_up.png') no-repeat 95% 50%;
		color:#000;
	}
	
	#customerInfoTabs .customerInfoTabsWrapper .customerInfoTabsSection.customerInfoTabsSectionCheckbox .customerInfoTabsSectionInfo{
		display: none;
	}
	
	#customerInfoTabs .customerInfoTabsWrapper .customerInfoTabsSection.customerInfoTabsSectionCheckbox:first-of-type .customerInfoTabsSectionInfo{
		display: block;
	}
	
	#customerInfoTabs .customerInfoTabsSection:first-child .headline{
		border-left: 0;
	}

	#customerInfoTabs .customerInfoTabsSection .headline:not(.closed){
		border-bottom: none;
	}
	
	/* HELPBOX */
	
	#customerInfoTabs .helpCustomerContainer {
		width: 85%;
		margin-left: 75px;
		margin-bottom: 35px;
	}
	
	#customerInfoTabs .helpCustomerContainer .headline{
		margin: 0;
		height: 50px;
		line-height: 50px;
	}
	
	#customerInfoTabs .helpCustomerContainer .helpFaqContainer, 
	#customerInfoTabs .helpCustomerContainer .helpContactContainer{
		padding: 20px 56px 20px 18.099%;
	}
	
	#customerInfoTabs .helpCustomerContainer .helpFaqContainer::before, 
	#customerInfoTabs .helpCustomerContainer .helpContactContainer::before {
	    top: 25px;
	    left: 20.0521%;
	}	
	
	#customerInfoTabs .helpContainer{
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		border-left: 1px solid #CCC;
	}
	
	#customerInfoTabs .helpCustomerContainer .helpContactContainer{
		border-left: 1px solid #CCC;
	}
	
	#customerInfoTabs .helpCustomerContainer .helpFaqContainer, 
	#customerInfoTabs .helpCustomerContainer .helpContactContainer{
		float: left;
		width: 50%;
	}
	
	#customerInfoTabs .helpCustomerContainer .helpFaqContainer{
		border-bottom: 0 none;
	}
	
	/* HELPBOX */
}