body {
	background-color:#c4ce92;
	background-repeat:no-repeat;
}


td {
	font-family:Arial;
	font-size:12px;
}

a {
	text-decoration:none;
}


.lb_bg {
	background-color:rgba(0,0,0,.45);
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

.lb_cont {
	background-color:#edf1cd;
	position:absolute;
	left:26%;
	top:20%;
	width:500px;
	height:300px;
	border:2px solid #4f7a28;
	border-radius:10px;
	padding:20px;
}

.link_green {
	font-family:arial;
	color:#4f7a28;
	text-decoration:underline;
	font-size:15px;
	
}

.text {
	font-family:arial;
	font-size:14px;
	color:#000;
}

.text_red {
	font-family:arial;
	font-size:14px;
	color:#ff6251;
	
}

.text_green {
	font-family:arial;
	font-size:14px;
	color:#4f7a28;
	
}

.text12 {
	font-family:arial;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}


.text16 {
	font-family:arial;
	font-size:16px;
}

.text18 {
	font-family:arial;
	font-size:18px;
}

.text14 {
	font-family:arial;
	font-size:14px;
	color:#000000;
	text-decoration:none;
}

.text14a {
	font-family:arial;
	font-size:14px;
	color:#000000;
	text-decoration:underline;
}

.text16a {
	font-family:arial;
	font-size:16px;
	color:#000000;
	text-decoration:none;
}

.mat_data {
	color:#333333;
	font-family:arial;
	font-size:12px;
}


.td_label {
	font-family:arial;
	font-size:14px;
	font-weight:bold;
}

.td_labelw {
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	vertical-align:top;
}

.td_trans_head {
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	background-color:rgba(255,255,255,.8);
	border-radius:3px;
	padding:10px;
}

.td_trans {
	font-family:arial;
	font-size:15px;
	font-weight:normal;
	background-color:rgba(255,255,255,.5);
	border-radius:3px;
	padding:10px;
}

.td_trans_h {
	font-family:arial;
	font-size:25px;
	font-weight:normal;
	background-color:rgba(255,255,255,.5);
	border-radius:3px;
	padding:10px;
}


.recipes_filter {
	font-weight:normal;
	background-color:rgba(255,255,255,.4);
	border-radius:3px;
	padding:10px;
	width:1250px;
}

.stock_td {
	padding:8px;
}

.stats_td {
	padding:8px;
	font-family:arial;
	font-size:15px;
	font-weight:normal;
}


.water_val {
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}

.waterconfig_val {
	font-family:arial;
	font-size:16px;
	font-weight:normal;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}

.water_g {
	font-family:arial;
	font-size:13px;
	font-weight:normal;
	padding-left:3px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}

.water_param {
	font-family:arial;
	font-size:15px;
	font-weight:bold;
}

.tr_sel {
	background-color:rgba(255,255,255,.9);
}

.tr_desel {
	background-color:rgba(255,255,255,0);
}

.tr_stock {
	background-color:rgba(255,255,255,.4);
	margin:10px;
}

.tr_stock_sel {
	background-color:rgba(255,255,255,.7);
	margin:10px;
}


.tr_water {
	background-color:rgba(255,255,255,.3);
	margin:10px;
}

.tr_water_sel {
	background-color:rgba(255,255,255,.8);
	margin:10px;
}

.paging {
	width:35px;
	height:25px;
	border:2px solid #4f7a28;
	background-color:rgba(255,255,255,.9);
	border-radius:13px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:13px;
	padding-right:13px;
	text-align:center;
	font-size:16px;
	color:#000;
	font-weight:normal;
}

.paging_act {
	width:35px;
	height:25px;
	border:2px solid #4f7a28;
	background-color:rgba(255,255,255,.2);
	border-radius:13px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:13px;
	padding-right:13px;
	text-align:center;
	font-size:16px;
	color:#000;
	font-weight:normal;
}

.inputfield {
	border:2px solid #4f7a28;
	background-color:rgba(255,255,255,.3);
	border-radius:10px;
	padding-left:7px;
	height:23px;
	font-size:14px;
}

.inputfield_inact {
	border:2px solid rgba(255, 255, 255, .4);
	background-color:rgba(255,255,255,.1);
	border-radius:10px;
	padding-left:7px;
	height:23px;
	font-size:14px;
}

.inputfield_ta {
	border:2px solid #4f7a28;
	background-color:rgba(255,255,255,.3);
	border-radius:10px;
	padding:4px;
	font-size:12px;
	font-family:arial;
}

.input_cb {
  background-color:#4f7a28;
  height:20px;
  width:20px;
}


.stats_data {
	border:2px solid #4f7a28;
	background-color:rgba(255,255,255,.3);
	border-radius:10px;
	padding-left:7px;
	padding-top:4px; 
	padding-right:8px;
	width:90px;
	height:23px;
	font-size:14px;
	text-align:right;
}



.beer_data_small {
	font-family:arial;
	font-size:14px;
	font-weight:normal;
}

.title {
	font-family:arial;
	font-size:22px;
	font-weight:bold;
	color:#4f7a28;
}

.title_black {
	font-family:arial;
	font-size:22px;
	font-weight:bold;
	color:#000;
}


.bv_amount {
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	color:#000;
}

.bv_title {
	font-family:arial;
	font-size:16px;
	font-weight:normal;
	color:#000;
}

.bv_check {
	width:25px;
	height:25px;
}

.recipe_link {
	font-family:arial;
	font-size:19px;
	font-weight:normal;
	color:#444;
}

.tab_a {
	font-family:arial;
	font-size:17px;
	font-weight:bold;
	color:#000;
	border:2px solid #4f7a28;
	border-bottom:0px;
	border-radius:2px;
	border-radius:2px;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px;
}

.tab {
	font-family:arial;
	font-size:17px;
	font-weight:normal;
	color:#000;
	background-color:rgba(255,255,255,.7);
	border:2px solid #4f7a28;
	border-radius:2px;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px;
}

.tab_l {
	border-bottom:2px solid #4f7a28;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	padding-bottom:3px;
	padding-top:5px;
	width:230px;
}

.tab_l2 {
	border-bottom:2px solid #4f7a28;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	padding-bottom:3px;
	padding-top:5px;
	width:190px;
}



.tab_la {
	border-bottom:2px solid #4f7a28;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	padding-bottom:4px;
	padding-top:4px;
	width:260px;
}

.tasting_comm {
	width:300px;
	font-family:arial;
	font-size:14px;
	font-weight:normal;
	color:#000;
	background-color:rgba(255,255,255,.7);
	border-radius:2px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}


.button {
	width:110px;
	height:25px;
	border:2px solid #4f7a28;
	background-color:rgba(255,255,255,.9);
	border-radius:4px;
	padding-top:4px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	font-size:18px;
	color:#000;
	font-weight:normal;
}

.button_a {
	width:110px;
	height:25px;
	border:2px solid #4f7a28;
	background-color:rgba(255,255,255,.1);
	border-radius:4px;
	padding-top:4px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	font-size:18px;
	color:#000;
	font-weight:normal;
}

.button_s {
	width:140px;
	height:20px;
	border:2px solid #4f7a28;
	background-color:rgba(255,255,255,.7);
	border-radius:1px;
	padding-top:4px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	font-size:14px;
	color:#000;
	font-weight:normal;
}

.button_sl {
	width:180px;
	height:20px;
	border:2px solid #4f7a28;
	background-color:rgba(255,255,255,.7);
	border-radius:1px;
	padding-top:4px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	font-size:14px;
	color:#000;
	font-weight:normal;
}


.button_s110 {
	width:110px;
	height:20px;
	border:2px solid #4f7a28;
	background-color:rgba(255,255,255,.1);
	border-radius:1px;
	padding-top:4px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	font-size:14px;
	color:#000;
	font-weight:normal;
}

.button_s110a {
	width:110px;
	height:20px;
	border:2px solid #4f7a28;
	background-color:rgba(255,255,255,.9);
	border-radius:1px;
	padding-top:4px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	font-size:14px;
	color:#000;
	font-weight:normal;
}



.button_mini {
	width:40px;
	height:16px;
	border:1px solid #4f7a28;
	background-color:rgba(255,255,255,.4);
	border-radius:3px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	font-size:12px;
	color:#000;
	font-weight:normal;
}

.button_mini2 {
	width:50px;
	height:16px;
	border:1px solid #4f7a28;
	background-color:rgba(255,255,255,.4);
	border-radius:3px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	font-size:12px;
	color:#000;
	font-weight:normal;
}

.radiofilter {
	width:18px;
	height:18px;
}



.header_bg {
	margin-left:20px;
	width:260px;
	height:23px;
	padding-top:5px;
	background-color:rgba(255,255,255,.7);
}

.recipes_header_bg {
	margin-left:20px;
	width:260px;
	height:28px;
	padding-top:4px;
	padding-left:3px;
	background-color:rgba(255,255,255,.7);
}

.header_bg2 {
	margin-left:470px;
	width:460px;
	height:23px;
	padding-top:5px;
	padding-left:5px;
	background-color:rgba(255,255,255,.7);
}

.recipes_header_bg2 {
	margin-left:470px;
	width:460px;
	height:28px;
	padding-top:5px;
	padding-left:5px;
	background-color:rgba(255,255,255,.7);
}

.content {
	margin: 30px;
	margin-left:50px;
}

.content_bv {
	margin: 10px;
}


.navi {
	width:1250px;
	height:40px;
	background-color:rgba(255,255,255,.7);
	border-radius:2px;
	padding-top:6px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	font-size:18px;
	color:#000;
	font-weight:normal;
	float:left;
}

.navi_name {
	padding-top:7px;
	padding-right:14px;
	padding-bottom:7px;
	padding-left:14px;
	background-color:rgba(255,255,255,.4);
	margin-top:1px;
	
}


.footer {
	width:1230px;
	height:23px;
	background-color:rgba(255,255,255,.7);
	border-radius:2px;
	padding-top:6px;
	padding-bottom:0px;
	padding-left:30px;
	padding-right:10px;
    margin-left:50px;
	margin-bottom:8px;
	text-align:left;
	font-size:14px;
	color:#000;
	font-weight:normal;
	float:left;
}

.beer_data {
	width:550px;
	min-height:1150px;
	background-color:rgba(255,255,255,.8);
	border-radius:2px;
	padding-top:6px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	font-size:18px;
	color:#000;
	font-weight:normal;
	float:left;
}

.beer_measures {
	width:650px;
	height:1150px;
	background-color:rgba(255,255,255,.8);
	border-radius:2px;
	margin-left:30px;
	padding-top:6px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	font-size:18px;
	color:#000;
	font-weight:normal;
	float:left;
}

.beerview_data {
	width:650px;
	height:1150px;
	background-color:rgba(255,255,255,.8);
	border-radius:2px;
	padding-top:6px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	font-size:18px;
	color:#000;
	font-weight:normal;
	float:left;
}

.beerview_measures {
	width:500px;
	height:1150px;
	background-color:rgba(255,255,255,.8);
	border-radius:2px;
	margin-left:20px;
	padding-top:6px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	font-size:18px;
	color:#000;
	font-weight:normal;
	float:left;
}

.receipe2 {
	width:660px;
	height:1250px;
	background-color:rgba(255,255,255,.8);
	border-radius:2px;
	padding-top:6px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	font-size:18px;
	color:#000;
	font-weight:normal;
	float:left;
}


.water_data {
	width:1250px;
	overflow:auto;
	background-color:rgba(255,255,255,.8);
	border-radius:2px;
	padding-top:6px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	font-size:16px;
	color:#000;
	font-weight:normal;
	float:left;
}


.stock_data {
	width:800px;
	overflow:auto;
	background-color:rgba(255,255,255,.8);
	border-radius:2px;
	padding-top:6px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	font-size:18px;
	color:#000;
	font-weight:normal;
	float:left;
}



.water_values {
	width:300px;
	height:700px;
	overflow:auto;
	background-color:rgba(255,255,255,.7);
	border-radius:2px;
	margin-left:40px;
	padding-top:6px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	font-size:18px;
	color:#000;
	font-weight:normal;
	float:left;
}

.stock_desc {
	width:300px;
	height:550px;
	overflow:auto;
	background-color:rgba(255,255,255,.7);
	border-radius:2px;
	margin-left:40px;
	padding-top:6px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	font-size:18px;
	color:#000;
	font-weight:normal;
	float:left;
}

.beer_item {
	width:1250px;
	height:40px;
	background-color:rgba(255,255,255,.8);
	border-radius:2px;
	padding-top:13px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	font-size:18px;
	margin-bottom:13px;
	color:#000;
	font-weight:normal;
}

.beer_item_ia {
	width:1250px;
	height:40px;
	background-color:rgba(255,255,255,.45);
	border-radius:2px;
	padding-top:13px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	font-size:18px;
	margin-bottom:13px;
	color:#000;
	font-weight:normal;
}


.beer_img {
	width:45px;
	float:left;
}



.beer_date {
	width:110px;
	font-size:18px;
	color:#000;
	font-weight:bold;
	float:left;
}

.beer_title {
	width:300px;
	font-size:18px;
	color:#000;
	font-weight:normal;
	float:left;
}

.beer_wort {
	width:95px;
	font-size:18px;
	color:#000;
	font-weight:normal;
	float:left;
}

.missing {
	width:110px;
	font-size:18px;
	color:#000;
	font-weight:normal;
	float:left;
}

.beer_public {
	width:100px;
	float:left;
	color:#6b81ac;
	font-size:14px;
	padding-top:5px;
}

.beer_phase {
	width:120px;
	font-size:18px;
	color:#000;
	font-weight:normal;
	float:left;
}

.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 240px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 7px;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}


/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}