@import url(https://fonts.googleapis.com/css?family=Roboto:300,400);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
/* scaffold */
#flash {
	margin:0 auto;
	margin-bottom:10px;
	padding:5px;
	font-family:"Roboto"; 
	font-weight:400;
	font-size:12px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;	
}

.flash_notice { 
	background:#ecefd9; 
	border: 1px solid #e1E1E1;	
	color:#688b37; 
}

.flash_warning { 
	background:#f3e8e7; 
	border: 1px solid #e1E1E1;
	color:#b23d28; 	
}

.error_messages { 
	margin-bottom:40px;
	padding:10px;
	background:#f3e8e7; 
	text-align:left;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.error_messages h2 { 
	margin:0; 
	padding:0px;
	font-weight:bold; 
	font-size:12px; 
	height:20px; 
	line-height:16px; 
	color:#b23d28; 
}

.error_messages p { 
	color:#b23d28; 
}

.error_messages ul li { 
	margin:0px; 
	list-style:disc; 	
}

.field_with_errors { 
	background:#dda499;
}
form {
	text-align:left;
}

form p {
	margin-top:5px;
	margin-right:5px;
}

label {
	float:left;
	width:180px;
	margin-right:10px;
	margin-left:4px;
	height:30px;
	line-height:30px;
	padding-right:40px;
	text-align:left;
	color:#999999;
	font-size:14px;
	background:#ffffff;
	font-family:"Roboto"; 
	font-weight:300;
}

label.short {
	width:34px;
	margin:0px;
	padding:0px;
}

label.icon {
	width:34px;	
	margin:0px;
	padding:0px;
	margin-right:6px;
}

input { 
	width:290px;
	padding-left:4px;
	height:26px;
	border:1px solid #dcdcdc;
	color:#444444;
	background:#f5f5f5;
	font-family:"Roboto"; 
	font-weight:400;
	font-size:12px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

input[disabled], input[disabled]:hover, input[disabled]:active, input[disabled]:focus{
  color:#666666;
	font-weight:bold;
}

textarea { 
	width:490px;
	padding-left:10px;
	height:75px;
	border:1px solid #dcdcdc; 
	background:#f5f5f5; 
	color:#444444; 
	font-family:"Roboto"; 
	font-weight:400;
	font-size:12px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

select { 
	width:300px;
	padding-left:0px;
	padding-top:6px;
	height:30px;
	border:1px solid #dcdcdc;	
	background:#f5f5f5; 
	color:#444444; 
	font-family:"Roboto"; 
	font-weight:400;
	font-size:12px;
}

select.select_filter { width:220px; background:#fff; font-family:"Roboto"; font-weight:300; font-size:14px; }
input.checkbox { width:20px; }

input:hover, textarea:hover, select:hover { background:#dcdcdc; }
input:focus, input:active, textarea:focus, textarea:active, select:focus, select:active { background:#f4f5f0; }

input.button { 
	height:26px;
	width:auto;
	padding-left:20px;
	padding-right:20px;
	background: -moz-linear-gradient(top, #d9534f 0%, #c12e2a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border:1px solid #b53033;
	font-family:"Roboto"; 
	font-weight:300;
	font-size:16px;
	color:#ffffff;
}

input.button.right { 
	float:right;
	margin-top:7px;
}

input:hover.button { 
	background: -moz-linear-gradient(top, #bc4744 0%, #9f2622 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #bc4744 0%, #9f2622 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #bc4744 0%, #9f2622 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	cursor:pointer; 
}

/* big forms */

form.big {
	text-align:center;
}

form.big input.big { 
	width:300px;
	height:36px;
	padding:4px; 
	font-size:20px;
	text-align:center;
}
form.big input.button {
	width:310px;
	height:36px;
	margin-top:30px;
	color:#ffffff;
	background: -moz-linear-gradient(top, #d9534f 0%, #c12e2a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
form.big input:hover.button {
	background: -moz-linear-gradient(top, #bc4744 0%, #9f2622 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #bc4744 0%, #9f2622 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #bc4744 0%, #9f2622 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* small forms */

form.small {
	background:transparent;	
}

form.small input.small { 
	height:20px;
	width:210px;
	font-size:12px;
	color:#000;
	font-weight:bold;
	background:#ffffff;
}
form.small input.button {
	height:24px;
	width:auto;
	padding-left:20px;
	padding-right:20px;
	background: -moz-linear-gradient(top, #d9534f 0%, #c12e2a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border:1px solid #b53033;
	font-family:"Roboto"; 
	font-weight:300;
	font-size:14px;
	color:#ffffff;
}
form.small input:hover.button {
	background: -moz-linear-gradient(top, #bc4744 0%, #9f2622 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #bc4744 0%, #9f2622 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #bc4744 0%, #9f2622 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

select.small { 
	width:120px;
	height:20px;
	border:1px solid #dcdcdc;	
	background:#fff; 
	color:#000; 
	font-family:"Roboto"; 
	font-weight:300;
	font-size:12px;
}

/* explanation */

form .explanation {
	margin-left:5px;
	height:20px;
	line-height:20px;
	font-size:11px;
}

/* custom */

/* languages */
label.lang_en { background: url(/assets/languages/en-4eb0030f9bf84573d7657fbbaf91ea98c94de55285c22123c9a7028f228f7385.png) no-repeat right; background-size: 24px 24px; }
label.lang_fr { background: url(/assets/languages/fr-6be94a6bfe162650f28a72ad22962d961f69cf23be8b990aad4ec93f29e5a8d6.png) no-repeat right; background-size: 24px 24px; }
label.lang_de { background: url(/assets/languages/de-d6d312aa056c9fd1ed66d7be6f45319713909d2439b5dd07e3c72c9719fe21c3.png) no-repeat right; background-size: 24px 24px; }
label.lang_it { background: url(/assets/languages/it-66ece36b7d1d34becfda3ca88abbdb8af47cb1120a0d139e9f9a5364aadb21c5.png) no-repeat right; background-size: 24px 24px; }
label.lang_es { background: url(/assets/languages/es-d7a50d2fa84e72fba2a21fc8684497e9e33fb53ee45869525ecad3c18f2ced5d.png) no-repeat right; background-size: 24px 24px; }
label.lang_pt { background: url(/assets/languages/pt-5e0b47059ab6c8d86c83fc02428f06201a8c0e8af0ad503d2ac8ca7da7821ed6.png) no-repeat right; background-size: 24px 24px; }

/* WINE */
label.winery { background: url(/assets/icons/icon-winery-c6fef99c6e07a5cd3ae02c77fe024e83ab1fcc500f750ab08b6356e231782a70.png) no-repeat right; }
label.wine { background: url(/assets/icons/icon-wine-4d1a29afb0e179c5c4e5810e9204fd2c5dfb3345a33efae5c218495b55ffab28.png) no-repeat right; }
label.year { background: url(/assets/icons/icon-year-cb0370d8cd38e1c387bb24c339d5db7e69f0b6628791f3bfdb6f0a36f7daae81.png) no-repeat right; }
label.producer { background: url(/assets/icons/icon-producer-27dd67b887e0bda69501b015b7ccaddbbc8a40ff9f773c8b92f1c3bbae4fe44c.png) no-repeat right; }

label.price { background: url(/assets/icons/icon-price-de7b0d9aa1342d9a72ecef3a096896c8c90fd7bf0acbc7d08bf9ef3edfbe885e.png) no-repeat right; }
label.currency { background: url(/assets/icons/icon-currency-f7d8ca70b263fe74fb2ccf41fb3ea2b5f23c05e5b6d5d65a5b5c4a600bc74dc3.png) no-repeat right; }

label.country { background: url(/assets/icons/icon-country-86132113fa5af5b9c6b9a1c73f0f5b3aac1bee41d2849b10e9424a31327c89f9.png) no-repeat right;	}
label.region { background: url(/assets/icons/icon-region-a32e33b2e32199d1806d7b0fbf40f421cb0eb2bce23dc2754fc93c74467daa37.png) no-repeat right; }
label.classification { background: url(/assets/icons/icon-classification-e4c63b1e2b3664cfd7550202b98b6e5e4e34c10d5515a1a8ce1173de2c47a1ae.png) no-repeat right; }
label.appellation { background: url(/assets/icons/icon-appellation-77324e569dda6370bdfd57dfe87c0301a9649250ae283e630872bc652b28df67.png) no-repeat right; }

label.type { background: url(/assets/icons/icon-type-05f62cc9cadbfbae8ba48c43a904c24aa49d17172294104800548e8f4b2ef45e.png) no-repeat right; }
label.subtype { background: url(/assets/icons/icon-subtype-3a0288d88536b3758faa8c0d639f3342484ab5afddd67066a16d69b2dfeadc34.png) no-repeat right; }
label.category { background: url(/assets/icons/icon-category-05f62cc9cadbfbae8ba48c43a904c24aa49d17172294104800548e8f4b2ef45e.png) no-repeat right; }
label.subcategory { background: url(/assets/icons/icon-subcategory-3a0288d88536b3758faa8c0d639f3342484ab5afddd67066a16d69b2dfeadc34.png) no-repeat right; }
label.specialty { background: url(/assets/icons/icon-specialty-582e58e81aa281caff0b86aedc733b4789b99cbcebc58a9c9ddfb95622761c09.png) no-repeat right; }
label.sweetness { background: url(/assets/icons/icon-sweetness-3b705d8bc83caa2b81d704471361547109b38f550e4cb2b38d2b43a0e52180c7.png) no-repeat right; }
label.effervescence { background: url(/assets/icons/icon-effervescence-1f40586ece62b67ef234f9f2101b2188ca0216697c70ed5cac1721d92906a6b2.png) no-repeat right; }

label.grape { background: url(/assets/icons/icon-grape-1c05a49f47278992edbfa9ac17fd1534590560f4851886d5f0f36a96983cfda7.png) no-repeat right; }

label.maturity_from { background: url(/assets/icons/icon-maturity-from-cae639e8acd5fae5bf85ad1262dc3e105155d236b2d6e7f14d13bb74f9cdabba.png) no-repeat right; }
label.maturity_to { background: url(/assets/icons/icon-maturity-to-e43ab881fb35663481a710eff2ec0827edcfcd04eb21420062fa7b6cf841b4c7.png) no-repeat right; }
label.apogee_from { background: url(/assets/icons/icon-apogee-from-0a32249118bad90e0615a9394aab0a6796786777236d48bf05b2a65deb7fbb36.png) no-repeat right; }
label.apogee_to { background: url(/assets/icons/icon-apogee-to-46363faa3a66a57f8b4b54cd5819d485d03ed05dc7d1e0527a027ee7a36446cc.png) no-repeat right; }

label.drink_from { background: url(/assets/icons/icon-maturity-from-cae639e8acd5fae5bf85ad1262dc3e105155d236b2d6e7f14d13bb74f9cdabba.png) no-repeat right; }
label.drink_until { background: url(/assets/icons/icon-maturity-to-e43ab881fb35663481a710eff2ec0827edcfcd04eb21420062fa7b6cf841b4c7.png) no-repeat right; }
label.optimal_from { background: url(/assets/icons/icon-apogee-from-0a32249118bad90e0615a9394aab0a6796786777236d48bf05b2a65deb7fbb36.png) no-repeat right; }
label.optimal_until { background: url(/assets/icons/icon-apogee-to-46363faa3a66a57f8b4b54cd5819d485d03ed05dc7d1e0527a027ee7a36446cc.png) no-repeat right; }

label.opening { background: url(/assets/icons/icon-opening-4cf18a13ad87353e56aec1d51d15e0d5d231abc9ffed271a284d9d569abf5159.png) no-repeat right; }
label.temperature { background: url(/assets/icons/icon-temperature-00ebfb7a0e7947e1f7366af7f79db3b71eb803a41a8981a9cbdebcb5522dbe1d.png) no-repeat right; }

label.volume { background: url(/assets/icons/icon-volume-609183e76e172228ebbf42e6fa8333d46939167bf1f3cc9f63d121e37df92133.png) no-repeat right; }
label.container { background: url(/assets/icons/icon-container-b9228e8fe8cda9e8fd9b27262fd6d3f68f61e789c1c3d5d8863e56687627010e.png) no-repeat right; }
label.hue { background: url(/assets/icons/icon-hue-0120a0acdf9272891103597492c6cf8fa14a24259471cd794d8c1313d5c8b956.png) no-repeat right; }
label.capsule { background: url(/assets/icons/icon-capsule-03328936a44a9ef2f2ec33fe459fffb014fe54b39f2bf42d30eee65ca72b0391.png) no-repeat right; }
label.cork { background: url(/assets/icons/icon-cork-b5659cdce25c72adddbf5e55792a79730b185813a0a498818a1643262f53ec69.png) no-repeat right; }

label.alcohol { background: url(/assets/icons/icon-alcohol-33b85a78b357e2d753cfd93a3f287664ce93bcfe81689da504148c460715dcd1.png) no-repeat right; }
label.acidity { background: url(/assets/icons/icon-acidity-691f9b2b6188416320be5043a8893e788d6938ac77579f97d2f221616e099249.png) no-repeat right; }
label.sugar { background: url(/assets/icons/icon-sugar-1b5bf0995ac1638014b348778c95060928284e68a98a0f2984d20fca5257fff4.png) no-repeat right; }
label.ph { background: url(/assets/icons/icon-ph-03295413fbb71eace1129e82d3e480d9991bd9cfacd1c38f852b26cef111d56f.png) no-repeat right; }
label.so2 { background: url(/assets/icons/icon-so2-e36f6068b1b0d3e551e3ad867e9d07cbdfb27e7e151707a4d9f1176cfbf5403d.png) no-repeat right; }

label.ageing_type { background: url(/assets/icons/icon-ageing-type-ebbe7e8aab3c04174e4796aaa13031ff5dc7a2bbcc5e728ec6dc64a56d0d81f8.png) no-repeat right; }
label.ageing_time { background: url(/assets/icons/icon-ageing-time-87ac4f0ecf56e5d0b8a72bc86bf28d4b4dc6b27663d5090b1147ff01c4426b62.png) no-repeat right; }
label.winemaking { background: url(/assets/icons/icon-winemaking-04c3e8b9dff67a104b6660aecaffc577d26a307d3eab1adcc59463dcfaf28af9.png) no-repeat right; }

label.soil { background: url(/assets/icons/icon-soil-a32e33b2e32199d1806d7b0fbf40f421cb0eb2bce23dc2754fc93c74467daa37.png) no-repeat right; }
label.viticulture { background: url(/assets/icons/icon-viticulture-1c05a49f47278992edbfa9ac17fd1534590560f4851886d5f0f36a96983cfda7.png) no-repeat right; }
label.farming_type { background: url(/assets/icons/icon-farming-type-dff99a2539d522dc0ff4cae57983c8212edad13077617fe7bae83ce56cecf47b.png) no-repeat right; }

label.ean { background: url(/assets/icons/icon-ean-ba3e04f0a0c459a938b7f7c4babb01315837d03ffdabe7c9ad09e1eb92d2fea7.png) no-repeat right; }
label.ref { background: url(/assets/icons/icon-ref-c7fc7b0c35d4f3551030c332edb917eeb807a13138002992fe8423b18acc6e09.png) no-repeat right; }

label.web { background: url(/assets/icons/icon-web-9e4ec85f58cbd2a505b208fa8e92faa832aaadc52b388e94abfebb65bf484d8f.png) no-repeat right; }
label.file { background: url(/assets/icons/icon-file-9ac7f54ff6aa865133b8522ff1536327780baef8dfc44d2b450f9598167057b0.png) no-repeat right; }

label.favorite { background: url(/assets/icons/icon-favorite-b72eac017b5d8bec5ae64325685cc04c245131353bb9877684e9e46a1ad65a5b.png) no-repeat right; }
label.wishlist { background: url(/assets/icons/icon-wishlist-209bf2744dbfee146a2a462dd93300accbacbce9aa4d24ec130c1a60480f30d1.png) no-repeat right; }
label.comment { background: url(/assets/icons/icon-comment-04c3e8b9dff67a104b6660aecaffc577d26a307d3eab1adcc59463dcfaf28af9.png) no-repeat right; }

/* CONTACT */
label.name { background: url(/assets/icons/icon-name-f006c474498f54169a0875e7504e38c7936e18a4e6b946bf9c1a25db10fbceb1.png) no-repeat right; }
label.company { background: url(/assets/icons/icon-company-94f6b533b3a3174a8eaf83779c14effdc8ce940d0d788e00822331ee37ee0a9d.png) no-repeat right; }
label.address { background: url(/assets/icons/icon-address-399e599cb39d9f8b18554b698c85dbf86d613d1554d26322643a629d7ab488fa.png) no-repeat right; }
label.province { background: url(/assets/icons/icon-address-399e599cb39d9f8b18554b698c85dbf86d613d1554d26322643a629d7ab488fa.png) no-repeat right; }
label.zip { background: url(/assets/icons/icon-zip-faeba878e3325148477f1a5e126d0f2658519dc33484007b4fb821ca49c4a7b9.png) no-repeat right; }
label.city { background: url(/assets/icons/icon-city-a8693b13fd90ff23a297dade83aa4202332c01e2cda787c57294b7b4bd71950f.png) no-repeat right; }
label.phone { background: url(/assets/icons/icon-phone-710b6aec21be6eceaef7355eeaf389b9116a28b5555aeb2b44d84d9a7f6174e3.png) no-repeat right; }
label.mobile { background: url(/assets/icons/icon-mobile-6ad40441df4521a4707290bb5dd11eae2b4928dce37a285235408708a5385147.png) no-repeat right; }
label.email { background: url(/assets/icons/icon-email-6349988ac9ac176fc8860bfb1cb3e932ba36151d1151848ad86ec27ae6f10806.png) no-repeat right; }

/* USER */
label.username { background: url(/assets/icons/icon-name-f006c474498f54169a0875e7504e38c7936e18a4e6b946bf9c1a25db10fbceb1.png) no-repeat right; }
label.password { background: url(/assets/icons/icon-password-5147a3c510b9c89e047611b6b7e85ce5f6a2b82824157835423cb12c7f127082.png) no-repeat right; }
label.currency { background: url(/assets/icons/icon-currency-f7d8ca70b263fe74fb2ccf41fb3ea2b5f23c05e5b6d5d65a5b5c4a600bc74dc3.png) no-repeat right; }
label.newsletter { background: url(/assets/icons/icon-email-6349988ac9ac176fc8860bfb1cb3e932ba36151d1151848ad86ec27ae6f10806.png) no-repeat right; }
label.data { background: url(/assets/icons/icon-wine-4d1a29afb0e179c5c4e5810e9204fd2c5dfb3345a33efae5c218495b55ffab28.png) no-repeat right; }

/* BOTTLE */
label.quantity { background: url(/assets/icons/icon-quantity-cd2663f6b96795eb95f39a08f93fe6eca185f970fe9971a3cbb1055acbd6c6ec.png) no-repeat right; }
label.input_type { background: url(/assets/icons/icon-bottle-type-fe4324f5c63dfcfc5a9700f7572417da8c103702bc44aab6a10d49513f28f26d.png) no-repeat right; }
label.output_type { background: url(/assets/icons/icon-bottle-type-fe4324f5c63dfcfc5a9700f7572417da8c103702bc44aab6a10d49513f28f26d.png) no-repeat right; }
label.input_date { background: url(/assets/icons/icon-date-44c3fd5d2780b5238e557cfc2f69f1e6f409111a7dbad1f2830f2520ad17f976.png) no-repeat right; }
label.output_date { background: url(/assets/icons/icon-date-44c3fd5d2780b5238e557cfc2f69f1e6f409111a7dbad1f2830f2520ad17f976.png) no-repeat right; }
label.input_price { background: url(/assets/icons/icon-price-de7b0d9aa1342d9a72ecef3a096896c8c90fd7bf0acbc7d08bf9ef3edfbe885e.png) no-repeat right; }
label.output_price { background: url(/assets/icons/icon-price-de7b0d9aa1342d9a72ecef3a096896c8c90fd7bf0acbc7d08bf9ef3edfbe885e.png) no-repeat right; }
label.provider { background: url(/assets/icons/icon-provider-60a771c68eda527948197edc094f97bd20962c76184313948f73842e2f8060ef.png) no-repeat right; }
label.cellar { background: url(/assets/icons/icon-cellar-1b898e6a706bffa05f1bad8ecd7cc56d0fe98f542d4d32c2584f0d0a1e540312.png) no-repeat right; }
label.shelf { background: url(/assets/icons/icon-shelf-1c1de8c810d5df4b41589c062ef8979eca869e16368a60a9fd1834931056358f.png) no-repeat right; }
label.position { background: url(/assets/icons/icon-legend-repetitions-y-31b4adb26156e3729aab00cd6f71304d6ba9cd84d7703d7e11847d96de874cc4.png) no-repeat right; }
label.purchaser { background: url(/assets/icons/icon-name-f006c474498f54169a0875e7504e38c7936e18a4e6b946bf9c1a25db10fbceb1.png) no-repeat right; }

/* TASTING */
label.date { background: url(/assets/icons/icon-date-44c3fd5d2780b5238e557cfc2f69f1e6f409111a7dbad1f2830f2520ad17f976.png) no-repeat right; }
label.taster { background: url(/assets/icons/icon-name-f006c474498f54169a0875e7504e38c7936e18a4e6b946bf9c1a25db10fbceb1.png) no-repeat right; }
label.scale { background: url(/assets/icons/icon-scale-1f92df1a5898c2600f5e77fd3492853896048fab848aef667de7c341777f3f01.png) no-repeat right; }
label.score { background: url(/assets/icons/icon-score-db284ee334e549de7e3717837e7e6ccc916ac0ddb982d14ba1713c40deea2a6a.png) no-repeat right; }
label.event { background: url(/assets/icons/icon-event-df47034d01d0e84c6249befe681eaf79a7ead4111073f5eb577567e39949077b.png) no-repeat right; }
label.dishes { background: url(/assets/icons/icon-dish-3d4fcd6d6f2ba18cb24bfb65d2a18bf72fff0fa4da00554a9ac7a01a2aa2f91b.png) no-repeat right; }
label.notes { background: url(/assets/icons/icon-notes-0509ca78f55d018b4e958d51ef9a2f9a162cafe6acc0814843a96070b9af0059.png) no-repeat right; }
label.sight { background: url(/assets/icons/icon-sight-c82a84c18a737a663278fda3913ae3de6ece2e75187fabad6d98c56c408550ad.png) no-repeat right; }
label.olfaction { background: url(/assets/icons/icon-olfaction-02c747f39a7ecb8543e1b3235f6c1486f9ea021a03b2e0c4af5d728689e4c7f5.png) no-repeat right; }
label.taste { background: url(/assets/icons/icon-taste-7376a338dc4b1951021db5ebf88886b9078ec2e26f0e6fca5713d5afc6584e28.png) no-repeat right; }

/* RATING */
label.scale { background: url(/assets/icons/icon-scale-1f92df1a5898c2600f5e77fd3492853896048fab848aef667de7c341777f3f01.png) no-repeat right; }
label.guide { background: url(/assets/icons/icon-guide-dc9c542d55aa89a06d507b828e1c5d9d0d62a2a86cd42a703f0fc24f3f373c78.png) no-repeat right; }

/* PAIRING */
label.dish { background: url(/assets/icons/icon-dish-3d4fcd6d6f2ba18cb24bfb65d2a18bf72fff0fa4da00554a9ac7a01a2aa2f91b.png) no-repeat right; }

/* CELLAR */
/*label.name { background: url(/assets/icons/icon-cellar-1b898e6a706bffa05f1bad8ecd7cc56d0fe98f542d4d32c2584f0d0a1e540312.png) no-repeat right; }*/

/* WINERY */
label.facebook { background: url(/assets/icons/icon-facebook-dda389fa30a6051ab5eface5ffa3c1ed8cf6ec550a643fffa5b4ecc739959676.png) no-repeat right; }
label.twitter { background: url(/assets/icons/icon-twitter-b42f4a1f7eafabbf1e34bbb47ff329b965730976d8e630030ed3126f38e89bdb.png) no-repeat right; }
label.latitude { background: url(/assets/icons/icon-zip-faeba878e3325148477f1a5e126d0f2658519dc33484007b4fb821ca49c4a7b9.png) no-repeat right; }
label.longitude { background: url(/assets/icons/icon-zip-faeba878e3325148477f1a5e126d0f2658519dc33484007b4fb821ca49c4a7b9.png) no-repeat right; }
.pagination {
	float:right;
	height:40px;
	line-height:40px;
	padding-right:0px;
	text-align:right;
	background:transparent;
	font-size:18px;
	font-family:"Roboto";
	font-weight:300;
	border-top:0px;
}

.pagination a { 
	color:#bc000c;
	background:transparent;
	padding-right:0px; 
	border:0px solid #dcdcdc; 
	text-decoration:none; 
}

.pagination a:hover,.pagination a:active {
	background:transparent;
	color:#000;
}
.pagination .current {
	padding-right:0px; 
	background:transparent;
	border:0;
	color:#595959;
}
/* logo box */
#logo-box { width:128px; height:128px; margin:0 auto; margin-top:100px; }

/* login */
#login-box { width:500px; margin:0 auto; margin-top:50px; border:1px solid #dcdcdc;  background:#ffffff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
	#login-box-title { background:#f3f3f3; height:40px; line-height:40px; text-align:center; border-top-left-radius:10px; -moz-border-top-left-radius:10px; -webkit-border-top-left-radius:10px; border-top-right-radius:10px; -moz-border-top-right-radius:10px; -webkit-border-top-right-radius:10px; }
		.brand { font-size:32px; color:#383838; font-family:"Open Sans Condensed",Helvetica,Arial,Verdana; font-weight:300; }
		.suite { font-size:32px; color:#ae0101; font-family:"Open Sans Condensed",Helvetica,Arial,Verdana; font-weight:400;  }
	#login-box-data { padding:20px; }
		#login-box-data-signup { width:510px; margin:auto; padding-right:160px; }
		.login-box-title { font-size:16px; font-weight:bold; }
		.login-box-subtitle { padding-bottom:20px; }
		.login-box-bottom-link { padding-top:40px; font-size:12px; text-align:center; }
.msr-button {
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
	padding-right:10px;	
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;	
	cursor:pointer; 		
	font-family:"Roboto"; 
	font-weight:400;
	font-size:12px;
}

/* admin */

.msr-button.edit {
	color:#3f3f3f;
	border:1px solid #cbcbcb;
	background: -moz-linear-gradient(top, #fefefe 0%, #dfdfdf 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fefefe 0%, #dfdfdf 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fefefe 0%, #dfdfdf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.msr-button.edit:hover {
	background: -moz-linear-gradient(top, #dfdfdf 0%, #fefefe 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #dfdfdf 0%, #fefefe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #dfdfdf 0%, #fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.msr-button.delete {
	color:#fff;
	border:1px solid #b53033;
	background: -moz-linear-gradient(top, #d9534f 0%, #c12e2a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.msr-button.delete:hover {
	background: -moz-linear-gradient(top, #bc4744 0%, #9f2622 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #bc4744 0%, #9f2622 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #bc4744 0%, #9f2622 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.msr-button.status-0 {
	color:#fff;
	border:1px solid #dc8d42;
	background: -moz-linear-gradient(top, #f5a856 0%, #f09135 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f5a856 0%, #f09135 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f5a856 0%, #f09135 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	cursor:pointer; 	
}

.msr-button.status-0:hover {
	color:#fff;
	background: -moz-linear-gradient(top, #f09135 0%, #f5a856 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f09135 0%, #f5a856 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f09135 0%, #f5a856 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.msr-button.status-1 {
	color:#fff;
	border:1px solid #408b48;
	background: -moz-linear-gradient(top, #56b564 0%, #42944a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #56b564 0%, #42944a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #56b564 0%, #42944a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	cursor:pointer; 	
}

.msr-button.status-1:hover {
	color:#fff;
	background: -moz-linear-gradient(top, #42944a 0%, #56b564 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #42944a 0%, #56b564 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #42944a 0%, #56b564 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.msr-button.show {
	color:#fff;
	border:1px solid #24557d;
	background: -moz-linear-gradient(top, #2d78b1 0%, #265d86 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #2d78b1 0%, #265d86 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #2d78b1 0%, #265d86 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.msr-button.show:hover {
	background: -moz-linear-gradient(top, #265d86 0%, #2d78b1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #265d86 0%, #2d78b1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #265d86 0%, #2d78b1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.msr-button.info {
	color:#fff;
	border:1px solid #219db5;
	background: -moz-linear-gradient(top, #51bcdc 0%, #12a7d1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #51bcdc 0%, #12a7d1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #51bcdc 0%, #12a7d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.msr-button.info:hover {
	background: -moz-linear-gradient(top, #12a7d1 0%, #51bcdc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #12a7d1 0%, #51bcdc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #12a7d1 0%, #51bcdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* photos */

.msr-button.reject {
	color:#fff;
	border:1px solid #b53033;
	background: -moz-linear-gradient(top, #d9534f 0%, #c12e2a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.msr-button.reject:hover {
	background: -moz-linear-gradient(top, #bc4744 0%, #9f2622 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #bc4744 0%, #9f2622 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #bc4744 0%, #9f2622 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.msr-button.scan {
	color:#fff;
	border:1px solid #408b48;
	background: -moz-linear-gradient(top, #56b564 0%, #42944a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #56b564 0%, #42944a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #56b564 0%, #42944a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	cursor:pointer; 	
}
.msr-button.scan:hover {
	background: -moz-linear-gradient(top, #42944a 0%, #56b564 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #42944a 0%, #56b564 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #42944a 0%, #56b564 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.msr-button.public {
	color:#fff;
	border:1px solid #24557d;
	background: -moz-linear-gradient(top, #2d78b1 0%, #265d86 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #2d78b1 0%, #265d86 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #2d78b1 0%, #265d86 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.msr-button.public:hover {
	background: -moz-linear-gradient(top, #265d86 0%, #2d78b1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #265d86 0%, #2d78b1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #265d86 0%, #2d78b1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.msr-button.skip {
	color:#3f3f3f;
	border:1px solid #999999;
	background: -moz-linear-gradient(top, #dcdcdc 0%, #fefefe 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #dcdcdc 0%, #fefefe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #dcdcdc 0%, #fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.msr-button.skip:hover {
	background: -moz-linear-gradient(top, #ffffff 0%, #fefefe 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%, #fefefe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%, #fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.msr-button.label{
	color:#fff;
	border:1px solid #dc8d42;
	background: -moz-linear-gradient(top, #f5a856 0%, #f09135 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f5a856 0%, #f09135 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f5a856 0%, #f09135 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	cursor:pointer; 	
}
.msr-button.label:hover {
	color:#fff;
	background: -moz-linear-gradient(top, #f09135 0%, #f5a856 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f09135 0%, #f5a856 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f09135 0%, #f5a856 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.msr-button.back {
	color:#fff;
	border:1px solid #219db5;
	background: -moz-linear-gradient(top, #51bcdc 0%, #12a7d1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #51bcdc 0%, #12a7d1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #51bcdc 0%, #12a7d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.msr-button.back:hover {
	background: -moz-linear-gradient(top, #12a7d1 0%, #51bcdc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #12a7d1 0%, #51bcdc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #12a7d1 0%, #51bcdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(/assets/thirdpart/jquery-fancybox/fancybox_sprite-44bd06e6b28f3c96e987507bd3c40de3d7023674e42822c3f380eba97b2af903.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(/assets/thirdpart/jquery-fancybox/fancybox_loading-59f5d2957585c26f2b5869189b1b414dfd059010dac1272b8f340c75b7ef0860.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent;  url(/assets/thirdpart/jquery-fancybox/blank-3dca4ecfd677fb7efaad3674864438a6464ceef412fe0b8daea7790a3d96e244.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(/assets/thirdpart/jquery-fancybox/fancybox_overlay-fd6fcbffb44c027bfd19ef5bddf11170a99e3126b2cc4ce14de5bfde2591ef0d.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(/assets/thirdpart/jquery-fancybox/fancybox_sprite@2x-97fc6354812a3867338afd5c1247b2d639f0268002c6f51834036b8424de186b.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(/assets/thirdpart/jquery-fancybox/fancybox_loading@2x-b43d261a59d8d0cedea39a9af55e3c999ef49b47117418573d43ece66d107fe7.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
/* Example tokeninput style #2: Mac Style */
fieldset.token-input-mac {
  position: relative;
  padding: 0;
  margin: 5px 0;
  background: #fff;
  width: 400px;
  border: 1px solid #A4BDEC;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

fieldset.token-input-mac.token-input-dropdown-mac {
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25);
  -moz-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25);
  -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25);
}

ul.token-input-list-mac {
    overflow: hidden; 
    height: 24px; 
		width: 500px;
    height: 1%;
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 1px;
    background: #f5f5f5;
		border: 1px solid #dcdcdc;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
}

ul.token-input-list-mac.error {
  border: 1px solid #C52020;
}

ul.token-input-list-mac li {
    list-style-type: none;
}

li.token-input-token-mac p {
    display: inline;
    padding: 0;
    margin: 0;
}

li.token-input-token-mac span {
    color: #a6b3cf;
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer;
}

/* TOKENS */

li.token-input-token-mac {
    font-family: "Lucida Grande", Arial, serif;
    font-size: 9pt;
    line-height: 12pt;
    overflow: hidden; 
    height: 16px; 
    margin: 4px;
    padding: 0 10px;   
    background: none; 
    background-color: #dcdcdc;
    color: #000;
    cursor: default;
    border: 1px solid #dcdcdc;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    float: left;
}

li.token-input-highlighted-token-mac {
    background-color: #dcdcdc;
    border: 1px solid #666666;
    color: #000;
}

li.token-input-selected-token-mac {
    background-color: #ac3313;
    border: 1px solid transparent;
    color: #fff;
}

li.token-input-highlighted-token-mac span.token-input-delete-token-mac {
    color: #000;
}

li.token-input-selected-token-mac span.token-input-delete-token-mac {
    color: #fff;
}

li.token-input-input-token-mac {
    border: none;
    background: transparent;
    float: left;
    padding: 0;
    margin: 0;
}

li.token-input-input-token-mac input {
  border: 0;
  width: 100px;
  padding: 3px;
  background-color: transparent;
  margin: 0;
}

div.token-input-dropdown-mac {
		width:480px;
    position: absolute;
    border: 1px solid #dcdcdc;
		margin-left:4px;
		margin-right:4px;
    border-top: none;
    background: #f5f5f0;
    overflow: hidden;
    cursor: default;
    font-size: 12px;
    font-family: "Lucida Grande", Arial, serif;
    padding: 5px;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25);
    clip:rect(0px, 1000px, 1000px, -10px);
}

div.token-input-dropdown-mac p {
    font-size: 8pt;
    margin: 0;
    padding: 0 5px;
    font-style: italic;
    color: #aaa;
}

div.token-input-dropdown-mac h3.token-input-dropdown-category-mac {
  font-family: "Lucida Grande", Arial, serif;
  font-size: 10pt;
  font-weight: bold;
  border: none;
  padding: 0 5px;
  margin: 0;
}

div.token-input-dropdown-mac ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown-mac ul li {
    list-style-type: none;
    cursor: pointer;
    background: none;
    background-color: #fff;
    margin: 0;
    padding: 0 0 0 25px;
}

div.token-input-dropdown-mac ul li.token-input-dropdown-item-mac {
    background-color: #fff;
}

div.token-input-dropdown-mac ul li.token-input-dropdown-item-mac.odd {
    background-color: #f8e6db;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

div.token-input-dropdown-mac ul li.token-input-dropdown-item-mac span.token-input-dropdown-item-description-mac {
    float: right;
    font-size: 8pt;
    font-style: italic;
    padding: 0 10px 0 0;
    color: #999;
}

div.token-input-dropdown-mac ul li strong {
    font-weight: bold;
    text-decoration: underline;
    font-style: none;
}

div.token-input-dropdown-mac ul li.token-input-selected-dropdown-item-mac,
div.token-input-dropdown-mac ul li.token-input-selected-dropdown-item-mac.odd {
    background-color: #f8e6db;
   
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

div.token-input-dropdown-mac ul li.token-input-selected-dropdown-item-mac span.token-input-dropdown-item-description-mac,
div.token-input-dropdown-mac ul li.token-input-selected-dropdown-item-mac.odd span.token-input-dropdown-item-description-mac {
    color: #fff;
}
/* jquery.Jcrop.css v0.9.12 - MIT License */
/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/
.jcrop-holder {
  direction: ltr;
  text-align: left;
	margin:auto; 
	width:640px;
}
/* Selection Border */
.jcrop-vline,
.jcrop-hline {
  background: #ffffff;
  font-size: 0;
  position: absolute;
}
.jcrop-vline {
  height: 100%;
  width: 1px !important;
}
.jcrop-vline.right {
  right: 0;
}
.jcrop-hline {
  height: 1px !important;
  width: 100%;
}
.jcrop-hline.bottom {
  bottom: 0;
}
/* Invisible click targets */
.jcrop-tracker {
  height: 100%;
  width: 100%;
  /* "turn off" link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none;
}
/* Selection Handles */
.jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px;
}
.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}
.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}
.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}
.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}
.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}
.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}
/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}
.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}
.jcrop-dragbar.ord-n {
  margin-top: -4px;
}
.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}
.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}
.jcrop-dragbar.ord-w {
  margin-left: -4px;
}
/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: .70!important;
}
.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px;
}
/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px;
}
/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
  background: #ffffff;
}
/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview {
  max-width: none;
}

#image_cropbox { background: #dcdcdc; }
#gritter-notice-wrapper {
  position:fixed;
  top:10px;
  right:10px;
	padding:5px;
  width:300px;
  z-index:9999;
	background:#ecefd9 url(/assets/ui/logos/logo-notification-5bc264f7e7567ddf72b10c706aca3236dea20986838d9090caea29012cc116c1.png) no-repeat left top;
	background:#ecefd9;
	border: 1px solid #a3d163;	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}
  
#gritter-notice-wrapper .top-left {
	left: 20px;
  right: auto;
}
  
#gritter-notice-wrapper .bottom-right {
	top: auto;
  left: auto;
  bottom: 20px;
  right: 20px;
}
  
#gritter-notice-wrapper .bottom-left {
	top: auto;
  right: auto;
  bottom: 20px;
  left: 20px;
}

.gritter-item-wrapper {
  position:relative;
  margin:0;
}

.gritter-top {
  /*background:url(asset-url(/assets/gritter-84f45eb6efbd0f9313e3cf0d81dcea4cbb2ed8552c6babeca799f71a8d879213.png)) no-repeat left -30px;*/
  height:10px;
}
.hover .gritter-top {
  /*background-position:right -30px;*/
}
.gritter-bottom {
  /*background:url(asset-url(/assets/gritter-84f45eb6efbd0f9313e3cf0d81dcea4cbb2ed8552c6babeca799f71a8d879213.png)) no-repeat left bottom;*/
  height:8px;
  margin:0;
}
.hover .gritter-bottom {
  /*background-position: bottom right;*/
}

.gritter-item {
  display:block;
  color:#333333;
  padding:1px;
  font-size:12px;
	font-family:"Roboto"; 
	font-weight:300;  
  filter:inherit; // ie8 fix
}
  
.gritter-item .gritter-css2 {
	/*background:url(asset-url(/assets/gritter-84f45eb6efbd0f9313e3cf0d81dcea4cbb2ed8552c6babeca799f71a8d879213.png)) no-repeat left -40px;*/
}
.gritter-item .gritter-css3 {
    background:rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-top: 12px;
    padding-bottom: 16px;
  }
  
  p {
		font-size:13px;
		font-weight:500;  
    padding:0px;
    margin:0;
  }
}
.hover .gritter-item.gritter-css2 {
  /*background-position:right -40px;*/
}
.hover .gritter-item.gritter-css3 {
/*  padding:10px 9px 14px 9px;
  border: solid 1px #fff;
	*/
}

.gritter-close {
  display:none;
  position:absolute;
  top:5px;
  left:3px;
  cursor:pointer;
  width:30px;
  height:30px;
  filter:inherit; // ie8 fix
}
.gritter-css2 .gritter-close {
  /*background:url(asset-url(/assets/gritter-84f45eb6efbd0f9313e3cf0d81dcea4cbb2ed8552c6babeca799f71a8d879213.png)) no-repeat left top;*/
}
.gritter-css3 .gritter-close {
  /*background:url(asset-url(/assets/gritter-close-b45e4e3265c1091c50b3531a5a7a21b726b397adb6ca081d82797e0d29165781.png)) no-repeat;*/
}

.gritter-title {
  font-size:16px;
	font-family:"Roboto"; 
	font-weight:400;  
	color:#688b37; 
  display:block;
}
.gritter-image {
  width:0px;
  height:0px;
  float:left;
}
.gritter-with-image,
.gritter-without-image {
  padding:0 0 0px 0;
}
.gritter-with-image {
  width:250px;
  float:right;
}
/*!
 * Cropper.js v1.5.6
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-10-04T04:33:44.164Z
 */

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: calc(100% / 3);
  left: 0;
  top: calc(100% / 3);
  width: 100%;
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: calc(100% / 3);
  top: 0;
  width: calc(100% / 3);
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute;
}

.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}

.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}

.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}

.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}

.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}

.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}

.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}

.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}

.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}

.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}

.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}















/* classic */

body { background:#F5F5F5; margin:0; font-family:Helvetica,Arial,Verdana; color:#3c3c3c; font-size:12px; }

a { color:#b03521; text-decoration:none; } 
a:hover { color:#c5743a; }

img { border:0px; }

h1 { font-size:30px; font-family:"Roboto"; font-weight:300; color:#2b2b2b; margin-bottom:10px; margin-top:0px; }
h2 { font-size:20px; font-family:"Roboto"; font-weight:300; color:#666666; margin-bottom:10px; margin-top:0px; }
h3 { font-size:16px; font-family:"Roboto"; font-weight:500; margin-bottom:5px; margin-top:20px;  }

p { margin-top:5px; margin-bottom:0px; }

hr { margin-top: 20px; margin-bottom: 20px; height: 1px; border:0; border-top:1px solid #eeeeee; }

/* common */

.hand { cursor:pointer; }
.round { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }

.separator { margin-top:20px; margin-bottom:20px; border-bottom:1px solid #eeeeee; font-size:14px; text-transform:uppercase; color:#5B5B5B; }

.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; } 
.italic { font-style: italic }
.strong { font-weight:bold; }
.red { color:#b50101; }
.green { color:#007B00; }
.bigger { font-weight:bold; font-size:13px; }
.lighter { font-size:11px; color: #999999; }
.suggested, .suggested a { font-family:Helvetica,Arial,Verdana; font-size:11px; color:#999999; }

/* tables */

table { width:100%; border-collapse:collapse; border-spacing:0px; }
table.data { }
tr { background:#fff ; border-bottom:1px solid #f1f1f1; }
th { padding-left:4px; padding-right:4px; text-align:left; font-family:"Roboto"; font-size:12px; }
td { padding-left:4px; padding-right:4px; }

tr.header { background:#f6f6f6; height:39px; border-bottom:1px solid #dcdcdc; border-top:1px solid #dcdcdc; }
tr.list { border-bottom:1px solid #e8e8e8; height:40px; }
/*tr.list:hover { background:#fbfbfb; }*/
tr.odd { background:#f5f5f5; }
tr.even { background:#ffffff; }
tr.bg_red {  background:#edd3d0; }
tr.bg_green {  background:#e2e7c5; }
tr.bg_yellow {  background:#f1d39a; }

td.left { text-align:left; }
td.middle { text-align:center; }
td.right { width:100px; text-align:right; }
td.border-left { border-left:1px solid #dcdcdc;} 
td.border-right { border-right:1px solid #dcdcdc;} 
td.border-left-larger { border-left:2px solid #dcdcdc; }
td.border-right-larger { border-right:2px solid #dcdcdc; }
td.smallwidth { width:50px; }
td.mediumwidth { width:150px; }
td.square80 { width:80px; height:80px; }

.bg_green { background:#e2e7c5; }
.bg_red {  background:#edd3d0; }
.bg_yellow { background:#f1d39a; }

td.todo { background:#f2d562; }
td.done { background:#99b55d; }
td.skip { background:#a32d2d; }
tr.list.undefined { background:#f6f6f6; }

/* header */
#header { margin:0 auto; width:100%; height:40px; background:#494949; border-bottom:1px solid #000; }
	#header.not-logged { background:transparent; border-bottom:0px;  }
	#logo { float:left; width:180px; height:40px; }
	#menu { margin-left:80px; margin-right:190px; height:40px; }
		/* menu */
		#menu ul { margin:0; padding:0; font-family:"Open Sans Condensed"; font-weight:300; font-size:18px; }
		#menu ul, #menu li { float:left; list-style-type:none; position:relative; text-align:center; }
		#menu li a { display:block; color:#a7a7a7; height:40px; line-height:40px; padding-left:10px; padding-right:10px; }
		#menu li a:hover { color:#fff; } 
		#menu li a.menu_active { color:#fff; background:#000; border-left:1px solid #000; border-right:1px solid #000; }
	#logout { float:right; width:180px; padding-right:10px; height:40px; line-height:40px; text-align:right; color:#fff; }

#global { margin:0 auto; width:100%; }

	/* submenu */
	#submenu { background:#fff; height:39px; border-bottom:1px solid #e1e1e1; line-height:40px; }
	#submenu ul { float:left; margin:0; padding:0; }
	#submenu ul, #submenu li { float:left; list-style-type:none; position:relative;  }
	#submenu li a { display:block; padding-left:10px; padding-right:10px; color:#606060; font-size:14px; font-weight:600; font-family:"Open Sans Condensed"; text-transform:uppercase; }
	#submenu li a:hover { color: #781303; } 
	#submenu li a.active { color: #b92121; }
	
	/* search */
	#results { float:left; height:39px; line-height:39px; padding-left:10px; font-family:"Roboto"; font-weight:300; font-size:16px; }
	#searcher { float:right; height:39px; line-height:39px; padding-right:10px; }
	#records { width:100%; }
	#form { padding:40px; }

	/* content */
	#content { width:100%; background:#fff; }

	/* bars */
	#bar-top { height:39px; line-height:39px; border-bottom:1px solid #e1e1e1; background:#f2f2f2; }
	#bar-bottom { height:39px; line-height:39px; padding-left:10px; padding-right:10px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#f2f2f2; }
		.displaying { float:left; text-align:left; font-family:"Roboto"; font-weight:300; font-size:16px; }
		.last-update { float:left; text-align:left; font-family:"Roboto"; font-weight:300; font-size:12px; }
		
	/* data */
	#validator { width:100%; position:absolute; top:121px; bottom:40px; background:#edecec; }

		#validator-col-left { float:left; overflow-y:auto; position:absolute; top:0px; bottom:0px; left:0px; right:600px; background:#ffffff; }		
		#validator-col-right { float:right; overflow-y:auto; overflow-x:hidden; width:599px; border-left: 1px solid #dcdcdc; padding:0px; height:100%; background:#F5F5F5; }
		
		#validator-bar-bottom { float:right; position:absolute; bottom:0px; left:0px; width:100%; height:39px; line-height:39px; margin-right:10px; border-top:1px solid #e1e1e1; background:#f2f2f2; }
			
	/* data */
	#data { width:100%; background:#fff; clear:both; overflow:hidden; padding:20px; }

		/* show */
		#col-left-middle { float:left; right:500px; background:#ffffff; }
			#col-left { float:left; width:160px; padding:20px; text-align:center; overflow-x:hidden; height:calc(100% - 40px); height:-webkit-calc(100% - 40px); height:-moz-calc(100% - 40px); }
			#col-middle { margin-left:200px; padding:20px; overflow-y:auto; overflow-x:hidden; height:calc(100% - 40px); height:-webkit-calc(100% - 40px); height:-moz-calc(100% - 40px); }
		#col-right { float:right; width:500px; overflow-y:auto; overflow-x:hidden; height:100%; }

	#form_title { width:100%; height:39px; border-bottom:1px solid #c7c1b6; line-height:39px; background:#f6f3ee; }
		.title { text-align:left; font-family:"Roboto"; font-weight:300; font-size:16px; padding-left:10px; }

		/* form */
		#col-form-left-middle { float:left; background:#ffffff; }
			#col-form-left { float:left; width:160px; padding:20px; text-align:center; overflow-y:auto; overflow-x:hidden; height:calc(100% - 40px); height:-webkit-calc(100% - 40px); height:-moz-calc(100% - 40px); }
			#col-form-middle { float:right; width:700px; padding:20px; background:#ffffff; overflow-y:auto; overflow-x:hidden; height:calc(100% - 40px); height:-webkit-calc(100% - 40px); height:-moz-calc(100% - 40px); }
		#col-form-right { float:right; padding-left:20px; padding-right:20px; }
		
	/* suggestions */
	#suggestion-list { margin:30px; border:1px solid #dcdcdc; }

/* ordering (volumes) */
#records ul { margin:0; padding:0; }
#records ul, #records li { list-style-type:none; text-align:center; }
#records li { height:40px; line-height:40px; }
#records ul li ul {  margin:0; padding:0; width:100%; }
#records ul li ul, #records ul li ul li { float:left; list-style-type:none; text-align:center; }

/* pages */

.button-bar { vertical-align:middle; }
.button-bar:hover { color:#620000; }

.button-bar-text { font-family:"Roboto"; font-weight:300; font-size:18px; color:#bc000c; }
.button-bar-text:hover { color:#620000; }

.record_title { font-family:"Roboto"; font-weight:300; font-size:24px; text-align:center; }

.text-left { padding-left:10px; float:left; }
.text-right { padding-right:10px; float:right; }
		
/* autocomplete multiple items */
.ui-widget { background:#f5f5f5; border:1px solid #dcdcdc; z-index:100; width:250px; list-style-type: none; padding-left:0px; }
.ui-widget-overlay { background:#000000; height:100%; position:absolute; left:0; top:0; width:250px; opacity:0.50; }
li.ui-menu-item { padding:5px; font-size:12px; }
.ui-helper-hidden-accessible { display:none; }

/* image editing 1 per page */

.image-editing {
	width:100%; 
	margin:auto; 
	margin-top:20px;
	margin-bottom:20px;
	background:#dcdcdc;
}

.image-editing-column {
    float:left;    
		margin:auto;		
}

.image-editing-column.left {
  width:38%;
	text-align:left;
	background:#F5F5F5;
	margin:10px;
	padding:10px;
}

 .image-editing-column.right {
  width:35%;
	text-align:left;
	background:#F5F5F5;
	margin:10px;
	padding:10px;
}

.image-editing-column.middle {
  width:400px;
	background:#F5F5F5;
	text-align:center;
	margin:auto;	
	margin-top:10px;
	margin-bottom:10px;
}

.image-editing-row:after {
    content:"";
    display:table;
    clear: both;
}

.pre { color:#999999; font-size:14px; font-family:"Roboto"; font-weight:300; }
.naming { color:#000000; font-size:18px; font-family:"Roboto"; font-weight:300; }
.bg-warn { background:#EBD8D8; }

/* 3 columns design */

.column {
  float: left;
  width: 30%;
  padding: 20px;
}
.row:after { 
  content: "";
  display: table;
  clear: both;
}

/* grid of drinks to validate */

.grid-drinks {
  display:grid;
	grid-template-columns: repeat(auto-fill, minmax(340px, 340px));	
  padding: 10px;
  grid-gap: 10px;
  background-color: #fff;
  color: #444;	
}

.cell-drink {
  padding: 10px;
  border:1px solid #e1e1e1; 
	background:#f2f2f2;
	text-align:center;
}
.cell-drink.bg_red {  background:#edd3d0; }
.cell-drink.bg_yellow {  background:#f1d39a; }

.cell-drink.odd { background:#d2d2d2; }
.cell-drink.even { background:#f5f5f5; }

.cell-drink .cell-image {
  height: 320px;
}
.cell-drink .cell-image img {
  max-width:320px;
  max-height:320px;
  width: auto;
  height:auto;
}

.cell-drink .cell-data {
}

.reject_drink {
	font-size:20px;
	padding-left:40px;
	padding-right:40px;
}

/* grid of brews to validate */

.grid-brews {
  display:grid;
	grid-template-columns: repeat(auto-fill, minmax(340px, 340px));	
  padding: 10px;
  grid-gap: 10px;
  background-color: #fff;
  color: #444;	
}

.cell-brew {
  padding: 10px;
  border:1px solid #e1e1e1; 
	background:#f2f2f2;
	text-align:center;
}
.cell-brew.bg_red {  background:#edd3d0; }
.cell-brew.bg_yellow {  background:#f1d39a; }
.cell-brew.bg_green {  background:#e2e7c5; }
.cell-brew.bg_blue {  background:#A6CFDC; }

.cell-brew.odd { background:#d2d2d2; }
.cell-brew.even { background:#f5f5f5; }

.cell-brew .cell-image {
  height: 320px;
}
.cell-drbrewink .cell-image img {
  max-width:320px;
  max-height:320px;
  width: auto;
  height:auto;
}

.cell-brew .cell-data {
}

.reject_brew {
	display:block;
	width:150px;
	height:30px;
	padding:0px;
	line-height:30px;
	font-size:16px;
	/*
	padding-left:35px;
	padding-right:35px;
	*/
}

/* grid of photos to validate */

.grid-validate {
  display:grid;
	grid-template-columns: repeat(auto-fill, minmax(190px, 190px));	
	padding: 0px;
  grid-gap: 2px;
  background-color: #fff;
  color: #444;	
}

.cell-validate {
	padding: 5px;
	padding-top:0px;
  border:1px solid #e1e1e1; 
	background:#f2f2f2;  
	text-align:center;
}

.cell-validate .cell-image {
	height:240px;
}
.cell-validate .cell-image img {
  max-width:180px;
  max-height:240px;
  width:auto;
  height:auto;
}
.cell-validate .cell-data {
	padding-top:10px;
}

/* grid of images to crop */

.grid {
  display:grid;
	grid-template-columns: repeat(auto-fill, minmax(340px, 340px));	
  grid-gap: 10px;
  background-color: #fff;
  color: #444;
	padding: 10px;
}

.cell {
  border:1px solid #e1e1e1; 
	background:#f2f2f2;
  padding: 10px;
	text-align:center;
}

.cell .cell-image {
	height:480px;
}

.cell .cell-data {
	padding-top:10px;
}


/* custom radio button */

.radio-toolbar {
  margin: 0px;
}

.radio-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

.radio-toolbar label {
  display: inline-block;
  background-color: #f5F5F5;
  padding: 1px;
	margin:0px;
	margin-right:2px;
	margin-bottom:2px;
  font-family: Arial;
  font-size: 13px;
  border: 1px solid #E1E1E1;
  border-radius: 4px;
	width:38px;
	text-align:center;
	height:28px;
	line-height:28px;
}
.radio-toolbar label.last {
	margin-right:0px;
}

.radio-toolbar label:hover {
  background-color: #dfd;
}

.radio-toolbar input[type="radio"]:focus + label {
  border: 1px dashed #444;
}

.radio-toolbar input[type="radio"]:checked + label {
	color: #000;
  border-color: #999999;
}
.radio-toolbar input[type="radio"]:checked + label.kind_0 {
  background-color: #b5ddac;
}
.radio-toolbar input[type="radio"]:checked + label.kind_1 {
  background-color: #dee5b5;
}
.radio-toolbar input[type="radio"]:checked + label.kind_2 {
  background-color: #adcded;
}
.radio-toolbar input[type="radio"]:checked + label.kind_3 {
  background-color: #b7f4e5;
}
.radio-toolbar input[type="radio"]:checked + label.kind_4 {
  background-color: #f4e2b7;
	
}
.radio-toolbar input[type="radio"]:checked + label.kind_-1 {
  background-color: #eab0ab;
}
.radio-toolbar input[type="radio"]:checked + label.kind_-2 {
  background-color: #eab0ab;
}
.radio-toolbar input[type="radio"]:checked + label.kind_-3 {
  background-color: #eab0ab;
}
.radio-toolbar input[type="radio"]:checked + label.kind_-4 {
  background-color: #eab0ab;
}
.radio-toolbar input[type="radio"]:checked + label.kind_-5 {
  background-color: #eab0ab;
}
.radio-toolbar input[type="radio"]:checked + label.kind_-10 {
  background-color: #eab0ab;
}

/* accept */

.radio-toolbar input[type="radio"]:checked + label.accept_0 {
  background-color: #eab0ab;
}
.radio-toolbar input[type="radio"]:checked + label.accept_1 {
  background-color: #dee5b5;
}

/* scan */

.radio-toolbar input[type="radio"]:checked + label.scan_0 {
  background-color: #f4e2b7;
}

.radio-toolbar input[type="radio"]:checked + label.scan_1 {
  background-color: #adcded;
}

/* cropper */

.cropper-modal {
  background-color: #aa0000;
  opacity: 0.70;
}