.coffeeflowItem_current{
border: 7px;
border-color: #DAA520;

}
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css');


#tab_section section {
  display: none;
  padding: 20px 0 0;
  border: 4px solid #ddd;
  background-color: #fff;
  overflow:scroll !important; 
}

input[type="radio"] {
  display: none;
}

.tab_label {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  margin: 0 0 -1px;
  padding: 10px 15px;
  font-weight: 600;
  text-align: center;
  z-index: 99999;
  display: inline-block;
  -moz-box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
  background: #1B8118;
  background: -moz-linear-gradient(220deg, transparent 15px, #1B8118 10px);
  background: -webkit-linear-gradient(220deg, transparent 15px, #1B8118 10px);
  background: -ms-linear-gradient(220deg, transparent 15px, #1B8118 10px);
  background: -o-linear-gradient(220deg, transparent 15px, #1B8118 10px);
  background: linear-gradient(220deg, transparent 15px, #1B8118 10px);
  text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
  color: #fff;
  font: bold 12px/35px 'Lucida sans', Arial, Helvetica;
  text-decoration: none;
}

label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

label[for*='1']:before { content: '\f0f6'; }
label[for*='2']:before { content: '\f03a'; }
label[for*='3']:before { content: '\f006'; }
label[for*='4']:before { content: '\f1b2'; }

label:hover {
  background: #2B9128;
}
}

label:active {
  background-color: #005500 !important;
  box-shadow: inset 0 0 10px #000000 !important;
  color: #fff;
  font-size: 0.9em;
  margin-left: 0.6em;
  margin-right: 0.8em;
  padding-left: 2em;
  padding-right: 2em;
  cursor: pointer;
}

input:checked + label {
  box-shadow: none;
  background: #ddd;
  background: -moz-linear-gradient(220deg, transparent 15px, #ddd 10px);
  background: -webkit-linear-gradient(220deg, transparent 15px, #ddd 10px);
  background: -ms-linear-gradient(220deg, transparent 15px, #ddd 10px);
  background: -o-linear-gradient(220deg, transparent 15px, #ddd 10px);
  background: linear-gradient(220deg, transparent 15px, #ddd 10px);
  text-shadow: none;
  color: #333;
  outline: 0;
}
input:hover{
  color: #fff;
  background-color: #34495E;
  border: 1px solid #ddd;
  border-top: 2px solid #F5791F;
  border-bottom: 1px solid #fff;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
}

@media screen and (max-width: 650px) {
  label {
    font-size: 0;
  }
  label:before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 400px) {
  label {
    padding: 5px 15px;
  }
}
.probtn{
  background-color:#1B8118;
  color: #fff;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 800;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.probtn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.probtn:hover,
.probtn:focus {
  background-color:#1ABE16;
  color: #fff;
  text-decoration: none;
}
.probtn:active,
.probtn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
#feedbacktable , .contentoftab{
  height: 50%;
  table-layout: fixed;
  margin: 1rem auto;
  width: 95%;
  border-collapse: collapse;
  border-top: 0 none;
}
#fbth {
  background: #DAFFD6;
  text-align: center;
  z-index: 2;
}
#fbth tr {
  padding-right: 17px;
  z-index: 2;
}
.fth {
  padding: .7rem 0;
  font-size: 2rem;
  font-weight: normal;
}
#fbtb {
  display: block;
  height: calc(50vh - 1px);
  max-height: calc(400px - 1px);
  min-height: calc(200px + 1 px);
  /*use calc for fixed ie9 & <*/
  overflow-Y: scroll !important ;
  color: #000;
}
.ftr {
  display: block;
  overflow: hidden;
}
#fbtb tr:nth-child(odd) {
  background: #f5fff1;
}
.fth, .ftd {
  vertical-align: middle;
  width: 78%;
  float:left;
}
.ftd {
    
  vertical-align: middle;
  padding: .5rem 0 .5rem 1rem;
}
.ftd:nth-child(2n) {color: #000;}
[data-campo='icon'] {
  width: 6%;
}  
.ftd:nth-child(2n) {color: #000;}
[data-campo='von'] {
  width: 16%;
}  
.fth:last-child, .ftd:last-child {
  border-right: 0 none;
  padding-left: 0;
}


@media only screen and (max-width:600px) {
  #feedbacktable {
    border-top: 1px solid ;
  }
  #fbth {display: none;}
  #fbtb {
    height: auto;
    max-height: 55vh;
  }
  tr {
    border-bottom: 2px solid rgba(0,0,0,.35);
  }
  .ftd {
    display: block;
    width: 100%;
    min-width: 100%;
    padding: .4rem .5rem .4rem 40%;
    border-right: 0 none;
  }
  .ftd:before {
    content: attr(data-campo);
    background: rgba(0,0,0,.1);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: auto;
    min-width: 37%;
    padding-left: .5rem;
    font-family: monospace;
    font-variant: small-caps;
    line-height: 1.8;
  }
  #fbtb .ftd:last-child {
    padding-left: 40%;
  }
  .ftd:nth-child(even) {
    background: rgba(0,0,0,.2);
  }
}
.coffeeflow{
  height: 320px; padding: 20px; overflow: hidden;
  padding-bottom: 320px; margin-bottom: -320px;
}

@media print, screen and (max-width: 960px) {
  .coffeeflow{
    height: 260px;
  }
}

@media print, screen and (max-width: 720px) {
  .coffeeflow{
    height: 220px;
  }
}

@media print, screen and (max-width: 480px) {
  .coffeeflow{
    height: 120px;
  }
}

.log { max-width: 22.5em; margin: 0 auto; font:14px/1.5 'PT Mono', mono; margin-top: 1em;}

.coff *{
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
.coff{
    padding-bottom: 20px;
}
.bbprice{
    font-weight: 800;
    font-size: 1.5em;
}