/* tk-tablazat */
.rtable {
	/*!
  // IE needs inline-block to position scrolling shadows otherwise use:
  // display: block;
  // max-width: min-content;
  */
	display: inline-block;
	vertical-align: top;
	width: 100%;
	overflow-x: auto;	
	white-space: nowrap;
	border-collapse: collapse;
	border-spacing: 0;
	
    
    overflow-y: auto;
	
	
}

.rtable,
.rtable--flip tbody {
	-webkit-overflow-scrolling: touch;
	background: -webkit-radial-gradient(left ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, -webkit-radial-gradient(right ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
	background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
	background-size: 5px 100%, 5px 100%;
	background-attachment: scroll, scroll;
	background-repeat: no-repeat;
	padding: 0px 3px;
	
	
	
}





.tablazat_keretcim {
	margin: 0px 0px 0px 10%;
	color: #4b5b76;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 6px;
	padding-bottom: 6px;
	text-shadow: 0px 1px #fff;
	background-color: #f0f0f0;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	border-bottom: 1px solid #c8c8c8;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	font: 120%/1.2 Arial, sans-serif;
	font-weight: normal;
	
	
}
.tablazat_alapbox {
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 10px;
	margin: 4px 0px 0px 0px;
	padding-right: 10px;
	border-top: solid 1px #d2d2d2;
	border-bottom: solid 0px #d2d2d2;
	border-left: solid 1px #d2d2d2;
	border-right: solid 1px #d2d2d2;
}
.tablazat_fobox {
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 20px;
	margin: 0px 0px 0px 0px;
	padding-right: 25px;
	border-left: solid 1px #d2d2d2;
	border-right: solid 1px #d2d2d2;
	border-bottom: solid 1px #d2d2d2;
	
	
	
	
}
.tab_calc1_s2{
	border: 1px solid #dcdcdc;
	background-color: #EAF0EA;
	padding: 3px 5px 2px 5px;
	color: #555;
	font: 80%/1.0 Arial, sans-serif;
}
.tab_calc1_cim1{
	border: 1px solid #C8C8C8;
	padding: 8px 5px 7px 5px;
	color: #666;
	text-shadow: 0px 1px #FFF;
	font: 90%/1.0 Arial, sans-serif;
}
.tab_calc1_s1{
	border: 1px solid #dcdcdc;
	padding: 8px 5px 7px 5px;
	color: #666;
	text-shadow: 0px 1px #FFF;
	font: 80%/1.0 Arial, sans-serif;
	background-color: #f5f5f5;
}

.tab_csik{
	border-bottom: 0px solid #d3d3d3;
	border-top: 1px solid #d3d3d3;
	padding: 1.3em 0.5em 0em 0.5em;
	margin-top: 1em;
	font: 90%/1.0 Arial, sans-serif;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.tab_kocka{
	border: 1px solid #d3d3d3;
	color: #a3a3a3;
	display: inline-block;	
	margin-left: 0.5em;
	margin-bottom: 0;
	padding: 0.3em 1em;
	vertical-align: middle;
	width: auto
}
.tab_kocka:hover{
	border: 1px solid #999;
	
	
}
.tab_kocka1{
	border: 1px solid #999;
	color: #a3a3a3;
	display: inline-block;	
	margin-left: 0.5em;
	margin-bottom: 0em;
	padding: 0.3em 1em;
	vertical-align: middle;
	width: auto
}
.tab_kocka2{
	
	border-bottom: 1px solid #d3d3d3;
	color: #a3a3a3;
	display: inline-block;	
	margin-left: 0.5em;
	margin-bottom: 0;
	padding: 0.3em 1em;
	vertical-align: middle;
	width: auto
}


@media screen and (max-width: 1030px) {
	
.tablazat_keretcim {
	margin: 0px 0px 0px 5%;
	
	font: 100%/1.2 Arial, sans-serif;
	
	
}
.tab_kocka2{	
	padding: 0.3em 0.3em;	
}
.tab_kocka1{	
	padding: 0.3em 0.3em;	
}
.tab_kocka{	
	padding: 0.3em 0.3em;	
}			

.rtable {
	/*!
  // IE needs inline-block to position scrolling shadows otherwise use:
  // display: block;
  // max-width: min-content;
  */
	
	width: 100%;
	
	height: 100%;
	max-height: none;
	
	
}
	
	
}