@media screen and (min-width: 1551px){
   html {
    transform: scale(1);
    transform-origin: 0 0;
   }    
}
@media screen and (min-width: 1396px) and (max-width: 1550px) {
   html {
    transform: scale(0.9);
    transform-origin: 0 0;
   }
}
@media screen and (min-width: 1318px) and (max-width: 1395px) {
   html {
    transform: scale(0.85);
    transform-origin: 0 0;
   }
}
@media screen and (min-width: 1245px) and (max-width: 1317px) {
   html {
    transform: scale(0.8);
    transform-origin: 0 0;
   }
}
@media screen and (min-width: 1170px) and (max-width: 1244px) {
   html {
    transform: scale(0.75);
    transform-origin: 0 0;
   }
}
@media screen and (min-width: 1100px) and (max-width: 1169px) {
   html {
    transform: scale(0.7);
    transform-origin: 0 0;
   }
}
@media screen and (max-width: 1099px) {
   html {
    transform: scale(0.6);
    transform-origin: 0 0;
   }
}
body {
    min-height: 1400px;
}
#wrapper{
	margin: auto;
	height: 100%; /*1768px;*/
	width: 1520px;
}
#fejlec{
	height: 85px;
	width: 100%;
	background-color: black;
}
#fejlecbal{
	height: 85px;
	float: left;
	background-color: black;
}
#fejlecjobb{
	height: 85px;
	width: 300px;
	float: right;
	color: white;
	background-color: black;
}
#navbar{
	height: 120px;
	width: 100%;
	background-color: white;
}
#context{
	/*height: 100%; /*1608px;*/
	width: 100%;
	min-height: 673px;
}
#menu{
	height: 100%;
	/*min-height: 673px;*/
	width: 180px;
	float: left;
	background-color: black;
	padding-top: 10px;
}
#torzs{
	height: 100%;
	overflow: auto;
	float: right;
	margin: 0px;
	width: 1340px;
}
#alsonavbar{
	height: 90px;
	width: 100%;
	clear: left;
	background-color: black;
}
/* Popup styles */
#popup {
  position: absolute;
  width: 500px;
  height: 200px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -100%);
  background-color: white;
  padding: 20px;
  border: 1px solid black;
  box-shadow: 10px 10px 5px #aaaaaa;
}
#popup-message {
    height: 180px;
}
/* Close button styles */
#popup .popup-content button {
  float: right;
}
#lablec{
	height: 85px;
	width: 100%;
	background-color: black;
}
tr {
	margin: 0;
}
input {
	margin: 0;
}
div.clear{
	clear: both;
}
.right {
    text-align: right;
}
.left40px {
    margin-left: 40px;
}
.left20px {
    margin-left: 20px;
}
#table table, #table td, #table tr {
	border: solid black 1px;
}
.napok td {
    width: 112px;
    height: 150px;
    border-color: white;
}
.hetekszama td {
    width: 12px;
}
.sor {
    display: none;
    cursor: pointer;
}
.sor td{
    padding-left: 10px;
}
.alcsopi {
    display: none;
}
.alcsopi td {
    padding-left: 20px;
}
.osszes {
    cursor: pointer;
}
.osszes td{
    font-weight: bold;
}
.rovid {
    width: 80px;
}
.levonasok th, .levonasok td {
    width:  100px;
}
.margin5{
    margin: 5px;
}
tr.border_bottom td {
    border-bottom: 1px solid black;
}