html, body{
  height: 100%;
  overflow: hidden;
  margin: 0;}
body{
  font-family: "Arial", Georgia, Serif;
  background-color: #212E35;
  color: #DDDDDD;
  position: relative;
  box-sizing: border-box;}
.urlin{
width:70%;

}
/*input[type=submit] {*/
.gomb{
    /*background-color: rgb(27, 42, 49); /* Green */
    border: none;
    color: white;
    background-color: #356070;
    /*padding: 0px 8px;*/
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;}
input {
  background-color: rgb(27, 42, 49); /* Green */
  border: none;
  color: white;
  padding: 0px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;}


center{

  margin: 6px 20px;
}
.Arrow_Down {
  width: 15px;
  height: 20px;
  cursor: pointer;
  background: url("arrow_down_s.png");}
.Arrow_Up {
  width: 15px;
  height: 20px;
  cursor: pointer;
  background: url("arrow_up_s.png");}
.ismerteto {
  background: none repeat scroll 0 0 rgba(48, 87, 102, 0.3);
  margin: 0 auto 10px;
  overflow: hidden;
  border: 1px solid #000000;
  /*width: 850px;*/
  width: 1300px;}
h2 {
  font-size: 20px;
  margin: 0;
  padding-bottom: 10px;
  font-weight: normal;
  border-bottom: 1px solid #222222;}
#ism{
  height: 36px;}
#cim{
  height: 34px;
  margin-top: 10px;}
#cim h2{
  border-bottom: none;}

table, th, td {
  border: 1px solid #3E525D;
  border-width: 1px 0px 0px 0px;}
table {
  border-collapse: collapse;
  background-color: #293C47;}
th {
  cursor: pointer;
  padding: 4px;}
th:hover {
  background-color: #264555;}
tr:nth-child(even) {
  background-color: #264555;}
td { 
  padding: 0px 4px 0px 4px;}
td:hover { 
  background-color: #305565;}
.trhead{
  background-color: #356070;
  text-align: center;}
.hide{
  display: none;}
a {
  color: #AAAADD;
  text-decoration: none;}
img {
  margin: 0px;
  display: block;}
.stat{
  transform: translateX(2%);
  margin-top: 12px;
  width:960px;}
canvas {
  border:0px solid #d3d3d3;
  position:absolute;}
#Canvas1,#Canvas2,#Canvas3{
  right:0px;}
#Canvas3{
  background-color: #293C47;}
.list{
  height: 100%;
  overflow: hidden;
  position: relative;
  margin:auto;
  border: 1px solid black;
  /*width: 850px;*/
  width: 1300px;}

.header{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 4px;
  display: none;}
.footer{
  text-align: center;
  padding-top: 10px;}
#scroller{
  width:8px;
  height:100px;
  display:block;
  background-color: #4F626D;
  float: right;}
#lista_head { 
  position: fixed; 
  top: 0px;}
/*IE miatt kell:*/
#lista{
  width:calc(100% - 8px);
  position: absolute;}
/*Custom Combobox*/
.select-style {
  border: 1px solid rgb(13, 20, 24);
  width: 60px;
  border-radius: 3px;
  overflow: hidden;
  background: #1B2A31 url("drop-down-arrow2.png") no-repeat 90% 50%;}
.select-style select {
  width: 130%;
  border: none;
  box-shadow: none;
  color: #DDDDDD;
  background: transparent;
  -webkit-appearance: none;}
.select-style select:focus {
  outline: none;}
  
/*Tooltips*/
.tooltiptext {
  max-width: 320px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
    border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;}