body {
    background-color: #13384A;
    max-width: 1400px;
    text-align: center;
    margin: auto; 
    color:#582902;
    font-family: Calibri, Arial;
    font-size: 20px; 
    height: 26px;
}

h1 {
  text-align: center;
  color: black;
  font-size: 1.2em;
  width: 300px; 
  height: 30px;
  text-align: center;
  border: 0px solid white;
  vertical-align: top;
  padding: 0px 0px 0px 0px; 
  margin: 3px;
  background: #B8F39A;
}

table.table_alap {
/*
    background:url(../images/hatter_1280x720.jpg);
    background-repeat:no-repeat;
    background-position:center center;
*/
  top: 4px;
  width: 100%; 
  //*height: 90vh;*//
  text-align: center;
  border: 12px #5BC2C9;
  border-radius: 10px;
  padding: 0px; 
  margin: 10px;
  background: white;
  border-style:ridge;
  height: 1.3em;
  font-size: 1em;
}

table.table_alap th {
  border: 0px solid grey;
  text-align: center;
}

table.table_alap td {
  border: 0px solid grey;
  border-collapse: collapse;
  text-align: center;
}

table.table_alap tr {
  text-align: center;
  vertical-align: top;
}

table.log {
    font-size: 0.7em;
    width: auto; 
    height: auto;
    text-align: left;
    border: 0px solid #D5D5D5;
    vertical-align: top;
    padding: 4px; 
    margin: 2px;
    background: auto;
}
table.log th {
  border: 2px solid black;
  border-collapse: collapse;
}
table.log td {
  text-align: left;
  border: 0px solid black;
  border-collapse: collapse;
  padding: 4px; 
}
table.log tr {
  text-align: left;
  vertical-align: top;
}

table.table1 {
    width: auto; 
    height: auto;
    text-align: center;
    border: 0px solid #D5D5D5;
    vertical-align: top;
    padding: 4px; 
    margin: 2px;
    background: auto;
}
table.table1 th {
  border: 0px solid black;
  border-collapse: collapse;
}
table.table1 td {
  border: 0px solid black;
  border-collapse: collapse;
  padding: 4px; 
}
table.table1 tr {
  vertical-align: top;
}

table.aktualis {
  width: auto; 
  height: 1.3em;
  font-size: 1em;
  text-align: center;
  border: 0px solid #D5D5D5;
  vertical-align: top;
  padding: 5px; 
  margin: 5px;
  background: auto;
}
table.aktualis th {
  border: 0px solid black;
  border-collapse: collapse;
}
table.aktualis td {
  border: 2px solid black;
  border-collapse: collapse;
  padding: 10px; 
}
table.aktualis tr {
  vertical-align: top;
  border-collapse: collapse;
  padding: 4px; 
}

table.login {
    letter-spacing: 2px; 
    color: white;
    width: auto; 
    height: auto;
    text-align: center;
    border: 3px solid #1B8BB0;
    vertical-align: top;
    padding: 5px; 
    margin: 5px;
    background: #2C5491;
}
table.login th {
  border: 0px solid black;
  border-collapse: collapse;
}
table.login td {
  text-align: center;
  border: 0px solid black;
  border-collapse: collapse;
  padding: 4px; 
}
table.login tr {
  vertical-align: top;
}

table.table_tartalom {
    width: auto; 
    height: 1.3em;
    font-size: 1em;
    text-align: center;
    border: 2px solid grey;
    vertical-align: middle;
    padding: 5px; 
    margin: 10px;
    background: white;
}

table.table_tartalom td {
    text-align: center;
    border: 0px solid black;
    vertical-align: middle;
    border-collapse: collapse;
}

table.table_tartalom th {
    text-align: center;
    border: 0px solid black;
    vertical-align: middle;
    border-collapse: collapse;
}

table.table_tartalom tr {
    vertical-align: middle;
}

div.rendszam_figyelo {
    font-size: 0.7em;
}

div.fejlec_szoveg {
  letter-spacing: 20px; 
  font-size: 100px;
  color: #F6CE70;
  font-weight: bold;
  -webkit-text-fill-color: #E7AD3F; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #BE3F3F;
  display: inline-block;
}

div.ido {
  letter-spacing: 0px; 
  font-size: 0.8em;
  color: black;
  font-weight: normal;
  display: inline-block;
}

div.fejlec_bejelentkezve {
  letter-spacing: 0px; 
  font-size: 0.8em;
  color: black;
  font-weight: normal;
  display: inline-block;
}

div.ujtetel {
  border: 0px solid black;
  letter-spacing: 3px; 
  color: black;
  font-weight: normal;
  display: inline-block;
  background-color: #CCF3CE;
  padding: 5px;
  height: 22px;
}

div.figyelem {
  border: 0px solid black;
  letter-spacing: 3px; 
  color: black;
  font-weight: normal;
  display: inline-block;
  background-color: #FBFF86;
  padding: 5px;
  height: 22px;
}

div.betu30 {
  font-size: 1.5em;
  color: #E7AD3F;
  font-weight: bold;
  -webkit-text-fill-color: black; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #E7AD3F;
}

div.tartalom {
  text-align: left;
  font-size: 1.5em;
  color: black;
  font-weight: bold;
  padding: 10px;
}

div.soktalalat {
  text-align: center;
  /*font-size: 20px;*/
  color: red;
  font-weight: bold;
  padding: 10px;
}

div.rendszamfigyeles {
  letter-spacing: 3px; 
  text-align: center;
  width: auto;
  height: 1.3em;
  font-size: 1em;
  color: black;
  font-weight: bold;
  vertical-align: middle;
  border: 1px solid;
  padding: 2px;
  /*box-shadow: 1px 3px 3px #4C4C4C;*/
  display: inline-block;
  background-color: #F9F74C;
}

.form_button_logout {
  text-align: center;
  letter-spacing: 3px; 
  width: 100px;
  height: 18px;
  font-size: 0.8em;
  color: black;
  font-weight: normal;
  vertical-align: middle;
  border: 0px solid;
  padding: 0px;
  //*box-shadow: 1px 3px 3px #4C4C4C;*//
  display: inline-block;
  background-color: #FFF2CB;
}

.form_button_logout:hover {
  background-color: #CA0B0B;
  color: white;
  vertical-align: middle;
  display: inline-block;
}

.form_button {
  text-align: center;
  width: auto;
  height: 1.3em;
  font-size: 1em;
  color: black;
  font-weight: normal;
  border: 1px solid;
  padding: 2px;
  box-shadow: 1px 3px 3px #4C4C4C;
  background-color: #CBF0EF;
  vertical-align: middle;
  display: inline-block;
  margin: 2px;
}

.form_button:hover {
  background-color: #CA0B0B;
  color: white;
  vertical-align: middle;
  display: inline-block;
}

.fomr_button {
  text-align: center;
  width: auto;
  height: 1.2em;
  font-size: 0.9em;
  /*color: black;*/
  font-weight: normal;
  border: 0px solid;
  padding: 1px;
  /*box-shadow: 1px 3px 3px #4C4C4C;*/
  /*background-color: #CBF0EF;*/
  vertical-align: middle;
  display: inline-block;
  margin: 2px;
}

.fomr_button:hover {
  background-color: #E2E2E2;
  color: black;
  vertical-align: middle;
  display: inline-block;
}

.form_button_fotoletoltes {
  text-align: center;
  width: auto;
  height: 1.3em;
  font-size: 0.8em;
  color: black;
  font-weight: normal;
  border: 1px solid;
  padding: 1px;
  box-shadow: 1px 3px 3px #4C4C4C;
  background-color: #EDEC8D;
  vertical-align: middle;
  display: inline-block;
  margin: 2px;
}

.form_button_fotoletoltes:hover {
  background-color: #CA0B0B;
  color: white;
  vertical-align: middle;
  display: inline-block;
}

.form_button_kamerak {
  text-align: center;
  width: auto;
  height: 1.3em;
  font-size: 0.9em;
  color: black;
  font-weight: normal;
  border: 1px solid;
  padding: 1px;
  box-shadow: 1px 3px 3px #4C4C4C;
  background-color: #CBF0EF;
  vertical-align: middle;
  display: inline-block;
  margin: 2px;
}

.form_button_kamerak:hover {
  background-color: #CA0B0B;
  color: white;
  vertical-align: middle;
  display: inline-block;
}

.form_button_fomenu {
  text-align: center;
  width: auto;
  height: 1.3em;
  font-size: 1.1em;
  color: black;
  font-weight: normal;
  border: 1px solid;
  padding: 2px;
  box-shadow: 1px 3px 3px #4C4C4C;
  background-color: #A6CCF9;
  vertical-align: middle;
  display: inline-block;
}

.form_button_fomenu:hover {
  background-color: #CA0B0B;
  color: white;
  vertical-align: middle;
  display: inline-block;
}

.form_button_red {
  text-align: center;
  width: auto;
  height: 1.2em;
  /*font-size: 16px;*/
  color: white;
  font-weight: normal;
  vertical-align: middle;
  border: 1px solid;
  padding: 2px;
  box-shadow: 1px 3px 3px #4C4C4C;
  display: inline-block;
  background-color: #AE2929;
}
             
.form_button_red:hover {
  background-color: #9B1C97;
  color: white;
  vertical-align: middle;
  display: inline-block;
}

.form_button_talalatilista{
  text-align: center;
  width: auto;
  height: 1.3em;
  font-size: 1.1em;
  color: white;
  font-weight: normal;
  vertical-align: middle;
  border: 1px solid black;
  padding: 2px;
  box-shadow: 1px 3px 3px #4C4C4C;
  display: inline-block;
  background-color: #913535;
}
             
.form_button_talalatilista:hover {
  background-color: #EFE85A;
  color: black;
  vertical-align: middle;
  display: inline-block;
}

.form_button2 {
  text-align: center;
  width: 220px;
  height: 45px;
  font-size: 1.5em;
  color: black;
  font-weight: bold;
  vertical-align: middle;
  border: 1px solid;
  padding: 6px;
  box-shadow: 5px 10px 8px #4C4C4C;
  background: #8EB0E0; 
}
             
.form_button2:hover {
  background-color: #CA0B0B;
  color: white;
  vertical-align: middle;
}

.form_input {
  font-size: 1em;
  text-align: left;
  width: auto;
  height: auto;
  color: black;
  font-weight: normal;
  vertical-align: middle;
  border: 1px solid;
  padding: 3px;
  display: inline-block;
  background-color: #FBFAE1;
}

hr {
  border: 3px solid #E4E4E4;
  border-radius: 2px;
}

hr.hr1 {
  border: 2px solid #BCBCBC;
  border-radius: 2px;
}

hr.hr_aktualis_kamerak {
  border: 4px solid #AC3030;
  border-radius: 2px;
}

hr.hr_piros {
  border: 10px solid red;
  border-radius: 4px;
}

.hibaablak {
    width: auto;
	height: auto;
	position: absolute;
	background-color: #B50F0F;
	left: 180px;
	top: 40px;
    font-size: 0.9em;
    color: #FDFCF5;
    margin: 3px;
    border: 3px solid #FBDB87;
    padding: 5px;
    font-weight:bold;
}

.kozlemeny {
    width: auto;
	height: auto;
	position: absolute;
	background-color: #AFF8D6;
	left: 180px;
	top: 40px;
    font-style: normal;
    font-size: 0.9em;
    color: #076D46;
    margin: 3px;
    border: 3px solid black;
    padding: 5px;
    font-weight:bold;
}


A         { text-decoration: none; color: white; font-weight: bold; }
a:link    { color: black; text-decoration: none; }
a:active  { color: black; text-decoration: none; }
a:visited { color: black; text-decoration: none; }
a:hover   { color: black; text-decoration: none; }

#container {
    overflow:hidden;
    position:relative;
}
#hideMe {
    -webkit-animation: cssAnimation 7s forwards; 
    animation: cssAnimation 7s forwards;
}
@keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}
@-webkit-keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}

table.felhasznalok {
  font-size: 0.7em;
  border: 0px solid #D5D5D5;
  text-align: left;
  position: relative;
  border-collapse: collapse; 
  width: 99%;
  vertical-align: middle;
  /*background-color: white;*/
}/* Spacing */
table.felhasznalok tr:nth-child(even) {
        background-color: #eee;
}
table.felhasznalok tr:nth-child(odd) {
        background-color: #fff;
}            
table.felhasznalok td, th {
  border: 1px solid #999;
  padding: 4px;
  text-align: center;
  vertical-align: middle;
}
table.felhasznalok th {
  text-align: center;
  border: 1px solid #BB3B3B;
  background: #BB3B3B;
  color: white;
  border-radius: 0;
  position: sticky;
  top: 0;
  padding: 4px;
  vertical-align: middle;
}
table.felhasznalok.primary{
  background-color: #C04646
}

table.rendszamfigyelo {
  font-size: 0.9em;
  border: 0px solid black;
  text-align: left;
  position: relative;
  border-collapse: collapse; 
  width: 99%;
  vertical-align: middle;
  /*background-color: white;*/
}
table.rendszamfigyelo tr:nth-child(even) {
  background-color: #eee;
}
table.rendszamfigyelo tr:nth-child(odd) {
  background-color: #fff;
}            
table.rendszamfigyelo td {
  border: 0px solid #8D8D8D;
  padding: 3px;
  text-align: center;
  vertical-align: middle;
}
table.rendszamfigyelo th {
  border: 0px solid black;
  background: #BB3B3B;
  color: white;
  border-radius: 0;
  position: sticky;
  top: 0;
  padding: 4px;
  vertical-align: middle;
  text-align: center;
}
table.rendszamfigyelo.primary{
  background-color: #C04646
}

table.rendszamfigyelo2 {
  border: 0px solid #D5D5D5;
  text-align: left;
  position: relative;
  border-collapse: collapse; 
  /*width: 99%;*/
  vertical-align: middle;
  background-color: white;
}
table.rendszamfigyelo2 tr:nth-child(even) {
  background-color: #eee;
}
table.rendszamfigyelo2 tr:nth-child(odd) {
  background-color: #fff;
}            
table.rendszamfigyelo2 td, th {
  border: 0px solid #999;
  padding: 4px;
  text-align: left;
  vertical-align: middle;
}
table.rendszamfigyelo2 th {
  border: 0px solid #BB3B3B;
  background: #BB3B3B;
  color: white;
  border-radius: 0;
  position: sticky;
  top: 0;
  padding: 4px;
  vertical-align: middle;
  text-align: center;
}
table.rendszamfigyelo2.primary{
  background-color: #C04646
}

table.roundedCorners { 
  border: 1px solid DarkOrange;
  border-radius: 12px; 
  border-spacing: 0;
  }
table.roundedCorners td, 
table.roundedCorners th { 
  border-bottom: 1px solid DarkOrange;
  padding: 10px; 
  }
table.roundedCorners tr:last-child > td {
  border-bottom: none;
}

table.kamerak {
  height: 1.3em;
  font-size: 0.75em;
  border: 0px solid black;
  text-align: left;
  position: relative;
  border-collapse: collapse; 
  width: 99%;
  vertical-align: middle;
  /*background-color: white;*/
}
table.kamerak tr:nth-child(even) {
  background-color: #eee;
}
table.kamerak tr:nth-child(odd) {
  background-color: #fff;
}            
table.kamerak td {
  border: 0px solid #8D8D8D;
  padding: 3px;
  text-align: center;
  vertical-align: middle;
}
table.kamerak th {
  border: 0px solid black;
  background: #BB3B3B;
  color: white;
  border-radius: 0;
  position: sticky;
  top: 0;
  padding: 4px;
  vertical-align: middle;
  text-align: center;
}
table.kamerak.primary{
  background-color: #C04646
}