.obody {
  font-size: 15px;
  font-family: sans-serif;
  text-align: left;
  background-color: #eee;
  border:5px;
  border-bottom-left-radius:15px;
  border-bottom-right-radius:15px;
  padding: 10px;
}

.ohead{
    background-color:#89a;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
}


.keret{
  margin-top: 10px;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:10px;

  padding:5px;
  border:2px solid #ddd;
  border-radius:20px;
}

.tablazat_container{
    overflow:auto;
    max-height:500px;
}

.tablazat{
    width: 90%;
    margin:10px auto;
    border-spacing: 0px;
    border: 1px solid black;
    border-radius: 20px;
    overflow:hidden;
}

.tablazat tbody tr:nth-child(odd){
    background-color:#0002;
}

.tablazat td, .tablazat th{
    padding:10px;
    border:none;
}

.tablazat tbody tr{
    transition-property:background-color,color;
    transition-duration:0.2s;
}

.tablazat tbody tr:hover{
    background-color:#666;
    color:white;
}

.tablazat thead tr{
    background-color:#555;
    color:white;
}

.tablazat a, .tablazat .btn{
    text-align:center;
    margin: auto;
    padding:5px;
    border:1px solid #999;
    border-radius:15px;
    color:#333;
    text-decoration:none;
    transition-property: background-color, border, color;
    transition-duration:0.2s;
    display:inline-block;
    cursor:pointer;
}

.tablazat tbody tr:hover a, .tablazat tbody tr:hover .btn{
    color:white;
}

.tablazat a:hover, .tablazat .btn:hover{
    background-color:#def7;
    border:1px solid transparent;
    color:#333;
}