/**
 * @file nutrition-label.css
 *
 * Style for Canadian Nutrition Facts Label
 * 
 * Copyright (c) 2014, Dandelion Web Design Inc. <http://dandelionwebdesign.com>
 */

.nutritionPluginWrap {
	width: 100%;
	margin: 0 auto;
}

.pageSelectWrap {
	padding: 20px 10px;
}

.pageSelectWrap select {
	height: 33px;
	padding: 5px;
	width: 35%;
}

.nutritionFieldsWrap {
	margin: 20px 0;
}

.nutritionField {
	padding: 5px 0;
}

.label {
	width: 50%; 
	margin-right: 10px; 
	float: left;
	padding-top:3px
}

.editableTextField {
	float: none !important;
	position: relative;
	width: 100% !important;
	top:-3px;
	margin-bottom:-3px!important;
}

.nutritionField {
	border-bottom: 1px solid #ccc !important;
	font-size:14px;
}

.nutritionField input {
	float: left; 
	width: 10em; 
	margin:0 10px 0 0;
}

.nutritionField .remove {
	background: url(../img/minus.svg) no-repeat;
	background-size:contain;
	width: 20px;
	height: 20px;	
	display: inline-block;
	margin: 3px;
	opacity: .5;
}
.nutritionField .remove:hover {
	opacity: 1; 
}

.addNewVitamin {
	margin-top: 20px!important;
}

.left {
	float: left;
}

.clear {
	clear: both;
}