body{	font-family: 'Open Sans', sans-serif;}
a{	color: #444;	}
p{	font-size: 1em;}
h1,h2,h3{	font-family: 'Roboto Condensed', sans-serif;}
/*Header beállítások*/header{	padding: 20px 0px;}
#header-right{	text-align: right;	margin-top: 10px;}
.content-header{	font-weight: bold; 	font-size: 2em;	border-color: red;}
.header-container:first-child{	margin-right: 0;	display: block;}
.header-container{	display: flex;	margin: 10px 30px 0 0;}
.header-container-inner{	display: block;}
.header-container>img{	float: left;	height: 50px;	width: 50px;	border: 2px solid #ccc;	border-radius: 4px;	padding:5px;	margin: 10px 5px 0 0;}
.header-container-inner>p{	font-weight: bold;	margin: 10px 0 5px 0;}
.header-container a:first-child{	font-weight: bold;	margin: 10px 0 5px 0;}
#about-us{	padding-bottom: 20px;}
/*Footer beállítások*/footer,footer a{	transition: all 0.4s;  	background-color: #222;	color: #aaa;}
footer a{
  cursor: pointer;
}
footer a:focus,footer a:hover {	transition: all 0.4s;	margin-left: 8px;		color: white;	text-decoration: none; }
 .footer-header{ 	 	padding:10px 0; }
 #copyright{	background-color: #111;}
 .cat-container{	margin-top: 30px;}
.container-layout{	margin-top: 30px;	margin-bottom: 30px;}
.article-header{	text-align: center;	font-weight: bold;	margin-bottom: 10px;	border-bottom: 1px solid #fbc6c6;}
.center-div{	display: flex;	justify-content: center;}
.img-container{	max-height: 260px;	overflow: hidden;}
#navigation{	margin-left: -15px;}
.header-div{	color: white;	display: flex;	align-items: center;}
.header-div h1{	margin:0;	text-shadow: 1px 1px 10px black;}
.jumbotron{	margin-bottom: 0;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  
   opacity: 1;
}
.jumbotron h2{	margin-top: 0;}
#products{	margin-bottom: 40px;}
.margin-t-b{	margin-top: 30px;	margin-bottom: 30px;}
/*Product box beállítások*/
.prod-box{	
  text-align: center;	
  margin-bottom: 20px;	
  box-shadow: 2px 2px 22px -4px #d8d8d8, -2px -2px 19px -4px #ddd, 0px 10px 10px -3px #ddd;	border: 1px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
}
.prod-box a:focus, .prod-box a:hover, .prod-box a {	color: inherit;	text-decoration: none;}
.prod-name{height: 75px; display:table-cell; vertical-align:middle;	font-weight: bold;	padding: 5px 10px;	margin: 0;	color: white;	text-shadow: 1px 1px 2px black;	border-top: 1px solid #eee;	background: #ff3333;}
.prod-img-div{	height: 200px;	display: flex;	justify-content: center;	align-items: center;	margin:5px;}
.prod-img-div img{	max-height: 200px;max-width: 100%}
/*Product leírás beállítások*/
.prod-desc{	
  margin-top: 30px;
  position: relative;
}
.prod-header{	
  color: #333;	
  font-weight: bold;
}
.prod-before{	margin:10px 0;}
.prod-pic{
  position: relative;
  display: table;	
  margin: 20px 0px;	
  white-space: nowrap;
  width: 100%;
}
.table tr, .table th{
  font-weight: bold;
  text-align: center;
  vertical-align: top;
  align-content: flex-start;
}
.table td{
  font-weight: normal;
}
.prod-pic-wrapper{
  height: 200px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0px 5px;
}
.prod-pic img{
  max-height: 100%;
  max-width:100%;
}
.single-prod{
  margin-bottom: 30px;
  padding: 15px 15px 0px;	border:1px solid #ccc;
  border-radius: 6px;
  box-shadow: 2px 2px 22px -4px #d8d8d8, -2px -2px 19px -4px #ddd, 0px 10px 10px -3px #ddd;  
}
.prod-label{
  display:inline-block; 
  border:1px solid lightgrey; 
  padding: 10px; 
  margin: 3px; 
  border-radius: 6px; 
  text-decoration: none;
  color:#f33;
}
.prod-label:hover{
 text-decoration: none;
 background: #f33;
 color: white;
}
.cat-header{	margin-top: 30px;	border-bottom :1px solid #fbc6c6}.loginform{	margin-bottom: 20px;}/*Modal*/.modal-title{	font-size: 2em;}
/*Breadcrumb*/
.breadcrumb{	background-color: transparent;	float: right;	padding-right: 0;	padding-left: 0;	text-shadow: 1px 1px 6px black;	text-align: right;}
.breadcrumb>.active{	color: #ddd;}
.breadcrumb-item a{ 
  text-decoration: none;
  font-family: 'Roboto Condensed',sans-serif;
  color: white !important;  
}
.backtocat{
  background: #ff33339c; 
  padding: 10px; 
  border-radius: 6px;
  text-shadow: none;
}
.backtocat span{
  
}
.backtocat:hover{
    background: #ff3333c4;
}   
  /*Sidebar*/
.sidebar{	margin-bottom: 40px;}.sidebar a{	color: inherit;	transition: all 0.3s;}.sidebar a:hover{	transition: all 0.3s;	color:#aaa;	text-decoration: none;}.sidebar ul{	list-style: outside none none;	padding: 0;	margin: 0;}.sidebar ul li{	border-top: 1px solid #eee;	padding: 10px 0px;	font-size: 0.95em;}.sidebar ul li:first-child{	border-top: none;	padding-top: 0px;}/*Parallax háttér*/.parallax-window {	min-height: 150px;	background: url('../img/header-bg1.jpg') center -150px;	background-size: cover;	}/*Button beállítások*/.btn-danger{	background-color: #ff3333;	}.btn-default{	color: #ff3333;}.btn-default:hover,.btn-default.active, .btn-default:active, .open>
.dropdown-toggle.btn-default,.btn-default.focus, .btn-default:focus {	color: #ff3333;	background-color: #f1f1f1;	border-color: #d4d4d4;}/*Navbar beállítások*/.navbar{	margin-bottom: 0;	border:none;	border-radius: 0;	background-color: #ff3333;	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);	}.navbar-default .navbar-nav>li>a {	color: white;	transition: all 0.4s;}.navbar-default .navbar-nav>li>a:hover {	color: #fff;}.navbar-default .navbar-brand {	color: white;}.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {	color: #fff;	background-color: #ff5f59;}.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {	color: #fff;	background-color: #ff5f59;} .tab-content{ 	min-height: 150px; } .price-tag{ 	font-size: 1.5em; 	font-weight: bold; 	margin-right: 30px; }
/*Affix beállítások*/.affix {	top: 0 !important; width: 100%;	z-index: 10000;}.affix + .egyedi{	margin-top: 50px;}
/*Slider beállítások*/.carousel-caption{	margin-bottom: 80px;}.carousel-caption1{	color: #444;	text-shadow: none;	text-align: left;}.carousel-caption2{	color: white;	text-align: center;}.carousel-caption3{	color: white;	text-align: right;}.carousel-caption h2{	font-size: 3.5em;	font-weight: 600;}.carousel-caption p{	font-size: 1.8em;	font-weight: 300;}
/*Dropdown-menu beállítások*/
.dropdown-menu>li>a{	
    padding: 13px 20px;
   font-size: 1.1em;
   font-weight: bold;
   border-bottom: 1px solid #d3d3d3;
}
.dropdown-menu{	padding:0;}
#dropdownalmenu{
   overflow-y: auto;
   overflow-x: hidden;
   margin-left: -80px;
}
#dropdownalmenu::-webkit-scrollbar-track
{
  border-radius: 1px;
  background-color: #ddd;
}
#dropdownalmenu::-webkit-scrollbar
{
  width: 10px;
  background-color: #F5F5F5;
}
#dropdownalmenu::-webkit-scrollbar-thumb
{
  border-radius: 1px;
  background-color: #888;
}
/*Kapcsolati lista beállítások*/
#contact-list{	padding-left: 0px;}
#contact-list li{	padding: 12px 0px;	list-style-type: none;}
#contact-list img{	margin-right: 15px;}
#contact-list span{	font-size: 1.2em;	font-weight: bold;}
/*Térkép*/
.map{	box-shadow: 0px 0px 10px -2px grey}
/*Rendelés doboz beállítások*/
.order-button{	border-top: 1px solid #ddd;	padding: 15px;	cursor: pointer;	margin: 0px -15px;	background: #eee;	color: red;}
.order-div{
  display: none;
  overflow-x: auto;
}
.order-div>.page-header{	margin-bottom: 10px;}
.order-div .page-header{	font-weight: bold;}
.order-div>p{	margin-bottom: 20px;}
/*Nav-tab*/
.nav-tabs{	border-color: #f33;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {	color: white;	background:#f33;}
.nav-tabs>li>a{	color: red;	border-color:#ddd #ddd transparent;}
.nav-tabs>li>a:hover {	border-color: #f33 #f33 #ddd;	color: black;	}
.arrow{	display: inline-block;	transition: .3s all;	margin-left: 15px;}
.rotate{	transform: rotate(180deg);}
.togle{	font-size: 12px;	text-transform: lowercase;	color: grey;	vertical-align: middle;}
.cd-container {
  width: 90%;
  max-width: 768px;
  margin: 2em auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #ff3333 url(../img/up-arrow.png) no-repeat center 50%;
  background-size: 25px 25px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
  z-index: 10000;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 45px;
    width: 45px;
    right: 30px;
    bottom: 30px;
  }
}
.panel {    padding: 20px;    margin: 0px;    
  border: 1px solid #999999;
  border-top-left-radius: 0;
  border-top-right-radius: 0;}
.panel-heading {    cursor: pointer;    background-color: #999;    color:#fff;    margin-top: 8px;    display: flex;    justify-content: space-between;    font-weight: bold;    font-size: 1.3em;}
.discount{
  height: 40px;
  width:40px;
  border-radius: 40px 40px 40px 8px;
  background: #fac12c;
  color: white;
  font-size: 0.8em !important; 
}
.discount span{
  position: relative;
  top: 12px;
  left: 9px;
  font-size: 10px;
  font-weight: bold;
}
.discount-new{
  left: 1px !important;
}
.kifuto{
  position: absolute;
  margin-left: -85px;
  height: 40px;
  width:40px;
  border-radius: 40px 40px 8px 40px;
  background: #2c66fa;
  color: white;
  font-size: 0.8em !important; 
}
.kifuto span{
  position: relative;
  top: 12px;
  left: 9px;
  font-size: 10px;
  font-weight: bold;
}
.kifuto-new{
  left: 1px !important;
}
.folyt {
    color: #fff;
    background-color: #999;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.torles {
    color: #fff;
    background-color: #999;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.dropdown-menu>li>a {
    white-space: normal;
    width: 340px;
}
.none{
  display:none;
}
.block{
  display:block;
}
#szamlaimtable tr, #szamlaimtable td, #szamlaimtable th{
  padding:10px !important;
}
#szamlaimtable th{
  font-weight: bold;
  text-align: center;
  background-color: #222222;
  color:white;
}
#szamlaimtable td{
  text-align: center;
}
.szamlafejlec{
  background-color:#f2f2f2;
  text-align: left;
  padding: 5px;
}
.szamlafejlecsor{
  max-width: 300px;
  display: flex;
  justify-content: space-between;
}
.szamlafejlecsor span{
}
.szamlatermekek{
  text-align: left;
  padding:35px;
  border-left: 10px solid #f2f2f2;
  border-right: 10px solid #f2f2f2;
  border-bottom: 10px solid #f2f2f2;
}
.szamlatermeksor{
  display: flex;
  justify-content: flex-start;
  border-bottom:1px dotted;
  padding:10px;
}
.szamlatermeksorszam{
  font-size: 2em;
  color:#999;
  margin-right:30px;
}
.kosarbanful{
  background-color: #ff3333;
  height:44px;
  width:44px;
  margin-left: -45px;
  position: absolute;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.75);
}
.kosarbanful img{
  margin-top: 10px;
  height:25px;
}
#triangle-topleft {
    width: 0;
    height: 0;
    border-top: 20px solid #5a6260;
    border-left: 20px solid transparent;
    position: absolute;
    right: 22px;
    bottom: -20px;
}
.hide-text{
  display: inline;
}
.ordertable td{
  padding:10px;
  min-width: 120px;
}

#exceltable td{
  padding: 10px;
}