/*************kereso***************/

.breadcrumbs{
	font-size: .8em;
}

.srch-head{
	margin-bottom: 0em;
}

.srch-bread{
	font-size:80%;
}

#form-kereso{
	padding-top:20px;
}

/*#tab0, #tab1, #tab2, #tab3, #tab4{
	 width:25%; 
	 margin:0px; 
	 text-align:center;
}*/

/*#tab0 {
	max-width:70px; 
	margin:0px; 
	text-align:center;
}*/

.nav-tabs + .tab-panels {
	border:0px; 
	background:rgba(168, 238, 148, 0.11);
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}

.nav-tabs {
	background: rgba(255,255,255,0.4);
}

#tab_csuk {
	
}

#tab0 a, #tab1 a, #tab2 a, #tab3 a, #tab4 a {
	overflow: visible;
	padding: 1em;
	line-height: 2rem;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

/*#tab0 a {
	padding: 1.3em 0;
}*/

#tab0 a span, #tab1 a span, #tab2 a span, #tab3 a span, #tab4 a span {
	font-weight: 700;
	font-size: 1em;	
}

.tabs-style-iconbox nav ul li.tab-current {
	z-index: 100;
}

.tabs-style-iconbox nav ul li.tab-current a {
	background: #fff;
	box-shadow: -1px 0 0 #fff;
}

#tab0.active a::after, #tab1.active a::after, #tab2.active a::after, #tab3.active a::after, #tab4.active a::after {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	width: 0;
	height: 0;
	border: solid transparent;
	border-width: 10px;
	border-top-color: #fff;
	pointer-events: auto;
}

.tabs-style-iconbox nav ul li:first-child::before,
.tabs-style-iconbox nav ul li::after {
	position: absolute;
	top: 20%;
	right: 0;
	z-index: -1;
	width: 1px;
	height: 60%;
	background: rgba(0,0,0,0.07);
	content: '';
}

.tabs-style-iconbox nav ul li:first-child::before {
	right: auto;
	left: 0;
}

.tabs-style-iconbox .icon::before {
	display: block;
	margin: 0 0 0.25em 0;
}

#tab_keresoszo > div:nth-child(2) {
 text-align: center;
}

#keresoszo{
	border-radius: 20px;
	margin-right: 10px;
}

/* Osszetevok - jelmagyarazat */

.compounds-legend {
	display: flex;
	flex-direction: row;
	margin-bottom: 1em;
}
.compounds-legend div{
	margin-left: 10px;
	display: flex;
	flex-direction: column;
}

.compounds-legend div div{
	display: flex;
	flex-direction: row;
}


/******* kereso-widget ********/

.kereso_widget .accordion-inner{
	padding: 1em 0.1em !important;
}

@media screen and (max-width: 549px) {
.accordion-inner {
	padding: 1em 1em !important;
}
div.search-row:nth-child(1) > div:nth-child(1) {
 width: 100%;
 display: inline-block !important;
}
}

div.search-row:nth-child(1) {
 text-align: center;
}

div.search-row:nth-child(1) > div:nth-child(1) {
 width: 100%;
 display: flex;
}


.kereso_widget label img{
	display:none;
}

.kereso_widget .list-search-item {
	width:100%;
}

.search_submit {
	margin-top: 15px !important;
	color: #fff;
}

#kereso_submit > i:nth-child(1) {
	padding-right: 10px;
}

.fa-angle-right {
	position: relative;
	left: 8px;
	bottom: 1px;
}

.fa-angle-left:before {
    position: relative;
    bottom: 1px;
}

#tab2_button > i:nth-child(1) {
position: relative;
top: -1px;
right: -10px;
}

#tab3_button > i:nth-child(1) {
position: relative;
top: -1px;
right: -10px;
}

#tab4_button > i:nth-child(1) {
position: relative;
top: -1px;
right: -10px;
}

.fa-times:before {
	position: relative;
	content: f00d;
	bottom: 1px;
}


/* kereső ---------------------------------------------------------------------------------------*/
/*checkbox*/

/* wc login form remember me checkbox */
#rememberme {
 visibility: visible;
}

/* checkout form terms and conditions checkbox */
#terms {
 visibility: visible;
}

/* wc register form diet display */
.woocommerce-form-register > div.form-row > div.search-row > div.list-search-item {
 width: 100%;
}

#form-kereso .tabbed-content li.active {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

#form-kereso .tabbed-content li.active a {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.list-search-item > input[type="checkbox"] {
  /*visibility: hidden;*/
  display: none;
}


label {
  cursor: pointer;
}


/*#tab_mentes .search-row .list-search-item */
input[type="checkbox"] + label:before {
  border: 1px solid #333;
  display: inline-block;
  content: "\00a0";
  font: 20px/1em sans-serif;
  border-radius: 50%;
  /*vertical-align: middle;*/
  margin: 0.25em 0.25em 0 0;
  padding: 0;
  width: 25px;
  height: 25px;
  /*transition-duration: 100ms;*/
  
}

/*#tab_mentes .search-row .list-search-item */
input[type="checkbox"]:checked + label:before {
  background: #fff;
  color: #333;
  font-weight: bold;
  content: "\2713";
  text-align: center;
}

/*#tab_mentes .search-row .list-search-item */
input[type="checkbox"]:checked + label:after {
	font-weight: bold;
}

/*#tab_mentes .search-row .list-search-item */
input[type="checkbox"]:focus + label:before {
	outline: rgb(59, 153, 252) auto 5px;
}
/*
#tab_speciális-tulajdonságok .search-row .list-search-item input[type="checkbox"] + label:before {
  display: inline-block;
  vertical-align: middle;
  color: #eee; 
  cursor: pointer;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 28px;
  transition-duration: 0.4s;
}
*/
/*
#tab_mentes .search-row .list-search-item input[type="checkbox"] + label:before, #tab_speciális-tulajdonságok .search-row .list-search-item input[type="checkbox"] + label:before{
  background-color: white;
  color: grey;
  content: "\00a0";
  display: inline-block;
  border-radius: 50%;
  border: 1px solid grey;
  font: 16px/1em sans-serif;
  top: 10px;
  left: 25px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 28px;
  transition-duration: 0.4s;
  transform: scale(1); 
}


/*
.list-search-item label {
  cursor: pointer;
  font-size:.9em;
  line-height:.7em;
}

.list-search-item input[type="checkbox"]:checked + label {

  font-size:.9em;
  font-weight:bold;
  line-height:.7em;
}
*/
.list-search-item label img {
  cursor: pointer;
  max-height: 50px;
  padding-right: 10px;
  transition-duration: 0.2s;
  transform-origin: 50% 50%;
}

/*
#tab_mentes .search-row .list-search-item input[type="checkbox"]:checked + label:before, #tab_speciális-tulajdonságok .search-row  .list-search-item input[type="checkbox"]:checked + label:before{
  content: "\2713";
  background: grey;
  color: green;
  text-align: center;
  transform: scale(1);
	z-index: 444;
}

#tab_mentes .search-row .list-search-item input[type="checkbox"]:checked + label:after, #tab_speciális-tulajdonságok .search-row  .list-search-item input[type="checkbox"]:checked + label:after{
  font-weight: bold;
}

#tab_mentes .search-row .list-search-item input[type="checkbox"]:focus + label:before, #tab_speciális-tulajdonságok .search-row  .list-search-item input[type="checkbox"]:focus + label:before{
  outline: rgb(59, 153, 252) auto 5px;
}

/*
:checked + label img {
  transform: scale(0.7);
  /* box-shadow: 0 0 5px #333; 
  
}
*/

/* -- ez csak teszt */

.kereso label {
	display: inline-block;
}
.search_submit {
	width: 100%;
}

.search-top-buttons {
	display: inline-block;
	width: 100%;
}

.check-button {
	float: left;
	
}

.search-row {
	/*height: 400px;*/			
	overflow-y: auto;
	overflow-x: hidden;
}

.search-row label {
	position: relative;
	display: inline-block;
}

.search-row label .tooltiptext {
	position: absolute;
	z-index: 1;
	width: 200px;
	top: -5px;
	left: 105%; 
	visibility: hidden;
	background-color: white;
/*	color: #000;*/				
	padding: 5px 0;
	border-radius: 6px;
	border: 1px solid;
	opacity: 0;
	transition: opacity 0.5s;
}

.search-row label .tooltiptext::after {
	content: " ";
	position: absolute;
	top: 50%;
	right: 100%; /* To the left of the tooltip */
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent black transparent transparent;
}

.search-row label:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.list-search-item {
	display: inline-block;
	width: 33%;
	min-width: 300px;
	overflow: hidden;	
	text-overflow: ellipsis;
}

#tab_mentes > div > div > label > div {
 display: inline-block;
}


@media screen and (max-width: 549px) {
	
.list-search-item {
	display: inline-block;
	width: 100%;
	overflow: hidden;	
	text-overflow: ellipsis;
}

#tab_mentes > div > div > label > div {
 display: inline;
}
}


.list-search-item label{color:#777 !important; font-weight:normal;}
.list-search-item.list-search-item-cat {
	display: inline-block;
	padding-right: 2%;
	width: 100%;
	max-width: 100%;
	/*white-space: nowrap;*/
	overflow: hidden;	
	text-overflow: ellipsis;
}

.list-search-item input {
	margin-bottom: 0;
}

/*--------------------------- collapse ----------------------------*/
/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #ddd;
  cursor: pointer;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.collapsible-content {
  max-height: 0;
	transition: max-height 0.2s ease-out;
}

/* Style the collapsible content. Note: hidden by default */
.collapsible-content.collapsed {
  max-height: 0;
} 

.collapsible-content.expanded {
/*  display: block;*/
	max-height: 100%;
}

/*-------------------- collapse end --------------------*/

/* off-canvas sidebar (filter on mobile) */
.off-canvas-left .mfp-content {
	min-width: 350px;
	width: 50%;
}

/* táblázatok */

.tablazat th{
	background: #dddddd;
}

.tablazat tr:nth-child(even) {
	background: #f5f5f5;
}

.tablazat th:first-child, .tablazat td:first-child {
	padding-left: 0.5em;
}

.tablazat th:last-child, .tablazat td:last-child {
	padding-right: 0.5em;
}

.tablazat tr:hover {
	background-color: #d8ffbc;
}
@media screen and (max-width: 549px) {
.tablazat th:last-child, .tablazat td:last-child {
	display: none;
}

/* tulajdonság-táblázat */

.tulajdonsag-tablazat img {
	transform: scale(0.8, 0.8);
}

.tulajdonsag-tablazat th:first-child, .tulajdonsag-tablazat td:first-child {
	text-transform: uppercase;
	min-width: 60px;
}

th, td{
	padding: 2px;
}

/* tápérték-táblázat */

.tapertek-tablazat{
	max-width: 550px;
}

.tapertek-tablazat tr th, .tapertek-tablazat tr td {
	text-align: right;
} 

.tapertek-tablazat tr th:first-child, .tapertek-tablazat tr td:first-child {
	text-align: left;
} 

/* Receptek */

.product-type-grouped .grouped_form, .product-type-grouped .price-wrapper, .product-type-grouped .add-to-cart-button,
.product-quick-view-container .cart, .product-quick-view-container .price-wrapper {
	display: none;
}



.tulajdonsag-recept{
	display: inline-block;
	margin-right: 1em;
	text-align: center;
}

.tulajdonsag-recept img{
	display: block;
	padding-bottom: 0.1em;
	margin: auto;
	max-height:50px;
}
.tulajdonsag-recept .caption{font-size:70%;}

.tulajdonsag-lista-recept{
	margin-bottom: 2em;
}

@media screen and (max-width: 549px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
/*
.tabbed-content {
	border: 1px solid #ddd;
	padding: .25em;
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
*/

.tabbed-content li {
	flex: 1 1 0px !important;
	margin: 0px !important;
	border-left: none !important;
	border-top: none !important;
	border-right: none !important;
}


.kereso li{
	flex: 1 1 300px !important;
}

.nav > li > a{
	/*padding-left: 10px !important;*/
}

.nav-tabs + .tab-panels {
	padding: 5px;
}

.search-top-buttons {
	position: relative;
}

#uncheck_all_comp {
	position: relative !important;
	float: right;
}

#clear_keyword,
#check_all_diet,
#check_all_cat,
#check_all_prop {
	
}

#tab1_button,
#tab2_button, 
#tab3_button, 
#tab4_button,
#tab2_button_back,
#tab3_button_back,
#tab4_button_back,
#tab5_button_back {
	width: 100%;
	font-size: .80em;
}

#clear_keyword {
	font-size: .80em;
	margin-top: 10px;
}

#tab0 a, #tab1 a, #tab2 a, #tab3 a, #tab4 a {
	overflow: visible;
	padding: 1em;
	line-height: 2rem;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
}