body {
    background-color: #0D6F02;
    max-width: 2200px;
    text-align: center;
    margin: auto; 
    color: black;
    font-family: Calibri, Arial;
    font-size: 20px; 
    height: 26px;
}

/* ------------------ H ------------------ */

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

/* ------------------ TABLE ------------------ */

table.table_alap {
  top: 4px;
  width: 800px; 
  /* height: 90vh; */
  text-align: center;
  border: 5px #71C483;
  border-radius: 15px;
  padding: 11px; 
  margin: 10px;
  background: white;
  border-style:ridge;
  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: left;
}

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: left;
    border: 0px solid #D5D5D5;
    vertical-align: top;
    padding: 4px; 
    margin: 2px;
    background: auto;
}
table.table1 th {
    text-align: left;
  border: 0px solid black;
  border-collapse: collapse;
}
table.table1 td {
    text-align: left;
  border: 0px solid black;
  border-collapse: collapse;
  padding: 4px; 
}
table.table1 tr {
    text-align: left;
  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: left;
  border: 3px solid #1B8BB0;
  vertical-align: top;
  padding: 5px; 
  margin: 5px;
  background: #2C5491;
}
table.login th {
  text-align: left;
  border: 0px solid black;
  border-collapse: collapse;
}
table.login td {
  text-align: left;
  border: 0px solid black;
  border-collapse: collapse;
  padding: 4px; 
}
table.login tr {
  text-align: center;
  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;
}

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

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

table.menu {
  font-size: 0.9em;
  border: 2px solid black;
  text-align: left;
  position: relative;
  border-collapse: collapse; 
  width: auto;
  vertical-align: middle;
  /*background-color: white;*/
}
table.menu tr:nth-child(even) {
  background-color: #eee;
  border: 2px solid black;
}
table.menu tr:nth-child(odd) {
  background-color: #fff;
  border: 2px solid black;
}            
table.menu td {
  border: 2px solid black;
  padding: 6px;
  text-align: center;
  vertical-align: middle;
}
table.menu th {
  border: 2px solid black;
  background: #BB3B3B;
  color: white;
  border-radius: 0;
  position: sticky;
  top: 0;
  padding: 4px;
  vertical-align: middle;
  text-align: center;
}
table.menu.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
}

/* table.naslista start */
table.naslista {
  font-size: 0.8em;
  border: 0px solid #D5D5D5;
  text-align: left;
  position: relative;
  border-collapse: collapse; 
  width: 90%;
  vertical-align: middle;
}
table.naslista tr:nth-child(even) {
  text-align: left;
  background-color: #eee;
}
table.naslista tr:nth-child(odd) {
  text-align: left;
  background-color: #fff;
}            
table.naslista td {
  letter-spacing: 0px; 
  text-align: left;
  border: 1px solid #999;
  padding: 4px;
  vertical-align: middle;
}
table.naslista th {
  text-align: center;
  border: 1px solid black;
  background: #BB3B3B;
  color: white;
  border-radius: 0;
  position: sticky;
  top: 0;
  padding: 4px;
  vertical-align: middle;
}
table.naslista.primary{
  background-color: #C04646
}
/* table.naslista vége */

/* table.kepek start */
table.kepek {
  border: 0px solid #D5D5D5;
  text-align: left;
  width: auto;
  vertical-align: top;
}
table.kepek td {
  letter-spacing: 0px; 
  border: 0px solid #999;
  padding: 2px;
  vertical-align: top;
  width: auto;
}
/* table.kepek vége */

/* ------------------ DIV ------------------ */
div.allomas {
  border: 0px solid black;
  letter-spacing: 1px; 
  color: black;
  font-weight: normal;
  display: inline-block;
  background-color: #8FCFD3;
  padding: 2px;
  height: 22px;
}

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.regisztracio_kesz {
  letter-spacing: 2px; 
  font-size: 1.2em;
  color: black;
  font-weight: normal;
  display: inline-block;
}

div.beallitasok {
  letter-spacing: 1px; 
  font-size: 1.1em;
  color: #BD1414;
  font-weight: normal;
  display: inline-block;
}

div.megj {
  letter-spacing: 0px; 
  font-size: 0.7em;
  color: gray;
  font-weight: normal;
  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.kijeloltallomas {
  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 ------------------ */

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

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

.form_button_kijeloles {
  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;
  vertical-align: middle;
  display: inline-block;
  background-color: #FDF8C2;
}

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

.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_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_fomenu1 {
  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: #FFC47A;
  vertical-align: middle;
  display: inline-block;
}

.form_button_fomenu1: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_fomenu2 {
  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: #D4C1F8;
  vertical-align: middle;
  display: inline-block;
}

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

.form_button_fomenu3 {
  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: #74FFB3;
  vertical-align: middle;
  display: inline-block;
}

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

.form_button_fomenu4 {
  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: #FAFACE;
  vertical-align: middle;
  display: inline-block;
}

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

.form_button_fomenu5 {
  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: #9BE6D9;
  vertical-align: middle;
  display: inline-block;
}

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

.form_button_fomenu6 {
  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: #FA6D6D;
  vertical-align: middle;
  display: inline-block;
}

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

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

.form_button_rogzitem: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 {
  height: 1.2em;
  font-size: 0.9em;
  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: #FAE9BD;
}

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

/* ------------------ HR ------------------ */

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;
}

/* ------------------ STYLE ------------------ */

.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;
}

/* ------------------ LINK ------------------ */

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;}
}

.tooltip {
  background-color: #C5E7CB;
  color: black;
  position: relative;
  display: inline-block;
  padding: 1px;
  margin: 2px;
  border-bottom: 0px dotted grey;
}

.tooltip .tooltiptext {
  border: 5px #DE3030;
  visibility: hidden;
  width: auto;
  background-color: #FFFFFF;
  color: #010101;
  text-align: left;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 1;
    top: -280px;
    left: 350px;
}

.tooltip .tooltiptext2 {
  border: 0px black;
  visibility: hidden;
  width: auto;
  background-color: #FFFFFF;
  color: #010101;
  text-align: left;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip:hover .tooltiptext2 {
  visibility: visible;
}