body::-webkit-scrollbar {
  width: 4px;
  background-color: #222;
}

body::-webkit-scrollbar-thumb {
  background-color: #60695a;
  border-radius: 10px;
}

.dropdown {
    position: relative;
}

.dropbtn {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.dropdown-content {
    display: block; /* animációhoz mindig block */
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    padding: 0;
    position: absolute;
    min-width: 150px;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
    z-index: 1000;
    list-style: none;
}

.dropdown-content li a {
    display: block;
    padding: 8px 12px;
    text-decoration: none;
    color: #222;
}

.dropdown-content li a:hover {
    background-color: #eee;
}

/* Desktop: hover-re nyitás */
@media (min-width: 768px) {
    .dropdown:hover .dropdown-content {
        max-height: 500px; /* elegendő a lista magasságához */
        padding: 8px 0;
    }
}

/* Mobilbarát dropdown */
@media (max-width: 767px) {
    .dropdown-content {
        position: relative;
        box-shadow: none;
        margin-left: 0;
    }
}

#typingStatus {
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  padding-left: 15px; /* beljebb tolás a bal szélhez képest */
  font-style: italic;
  font-size: 1em;
  min-height: 24px; /* fix magasság, hogy ne ugráljon */
  overflow: hidden;
  align-items: center;             /* középre igazítja függőlegesen a szöveget */
}

.dot {
  animation: blink 1s infinite; /* javítottam az 's' értéket */
}

@keyframes blink {
  0%, 50%, 100% { opacity: 0; }
  25%, 75% { opacity: 1; }
}

/* Hullámzó pontok */
.dot {
  display: inline-block;
  font-size: 18px; /* kicsit nagyobb */
  margin-left: 2px;
  animation: wave 1.2s infinite, colorShift 2s infinite alternate;
}

/* Hullámzás késleltetéssel */
.dot:nth-child(1) { animation-delay: 0s, 0s; }
.dot:nth-child(2) { animation-delay: 0.15s, 0.1s; }
.dot:nth-child(3) { animation-delay: 0.3s, 0.2s; }

/* Hullámzó mozgás */
@keyframes wave {
  0%, 70%, 100% { transform: translateY(0); opacity: 0.3; }
  35% { transform: translateY(-8px); opacity: 1; }
}

/* Színváltó effekt */
@keyframes colorShift {
  0% { color: #FF4500; }  /* narancs-vörös */
  25% { color: #FFD700; } /* arany */
  50% { color: #FF8C00; } /* élénk narancs */
  75% { color: #FF6347; } /* vöröses narancs */
  100% { color: #FFA500; } /* narancssárga */
}

/* Napok stílusa */
.step {
    background-color: #f5f5;
    padding: 6px 12px;
    margin: 2px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    min-width: 70px;
    text-align: center;
    font-weight: bold;
}

.step:hover {
    background-color: #f0d1;
    transform: scale(1.05);
}

.step.active {
    background-color: #4caf50; /* zöld */
    color: #fff;
    box-shadow: 0 0 8px rgba(76, 175, 80, 0.7);
    font-weight: bold;
}
.step.today {
    background-color: #2196f3; /* kék háttér */
    color: #fff;              /* fehér szöveg */
    box-shadow: 0 0 8px rgba(33, 150, 243, 0.5);
    font-weight: bold;
}

/* Lenyitó gomb stílusa */
#toggleFullWeek {
    background-color: #2196;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 6px 12px;
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.2s ease;
}

#toggleFullWeek:hover {
    background-color: #1976;
}

#toggleFullWeek.open {
    background-color: #4ca;
}

.most {
  background-color: crimson;
  color: white;
  padding: 6px 14px;
  margin-left: 10px;
  border-radius: 8px;
  font-size: 0.9em;
  font-weight: bold;
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.5);
  animation: pulse-strong 1.2s infinite ease-in-out;
}

@keyframes pulse-strong {
  0% {
    transform: scale(1);
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.5);
  }
  50% {
    transform: scale(1.15);
    box-shadow: 0 0 24px rgba(255, 0, 0, 1);
    background-color: #ff0033; /* élénkebb piros */
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.5);
  }
}


.radio-download-links {
    text-align: center;
    margin-top: 15px;
}
.radio-download-links p {
    font-size: 17px;
    margin-bottom: 10px;
}
.download-buttons a {
    display: inline-block;
    background-color: grey;
    color: white;
    padding: 10px 16px;
    margin: 5px 10px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: bold;
    font-size: 10px;
    transition: background-color 0.3s ease;
}
.download-buttons a:hover {
    background-color: grey;
}
.download-buttons i {
    margin-right: 8px;
}
/*@keyframes spin {
    0% { transform: rotate(3deg); }
    100% { transform: rotate(360deg); }
}*/

.partner-table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    padding: 10px;
}

.partner-cell {
    flex: 1 1 200px;
    max-width: 2200px;
    height: 90px;
    background-color: transparent;
   /* background-color: rgba(25, 56, 51, 0); /* Az utolsó érték az átlátszóság 0 (teljesen átlátszó) és 1 (nem átlátszó) között */
    /*border: 1px solid #222;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    transition: transform 0.2s ease;
}

.partner-cell:hover {
    transform: scale(1.03);
}

.partner-link {
    display: block;
    width: 100%;
    height: 100%;
}

.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #222;
  color: #fff;
  padding: 15px;
  text-align: center;
  z-index: 9999;
  display: none;
}

.cookie-banner button {
  margin: 0 10px;
  padding: 8px 16px;
  background-color: #00ccff;
  border: none;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
}
.cookie-banner button:hover {
  background-color: #00aacc;
}
  /* Szülő div formázása */
  #szmajlik_toggle .gif-parent {
    display: flex;
    flex-wrap: wrap;
    gap: 8px; /* távolság a gifek között */
    margin-top: 10px;
  }

  /* GIF méret, árnyék, hover, stb. */
  #szmajlik_toggle .gif {
    max-width: 100px; /* vagy amit akarsz */
    border-radius: 8px; /* lekerekített sarkok, ha tetszik */
    cursor: pointer;
    transition: transform 0.2s ease;
  }

  #szmajlik_toggle .gif:hover {
    transform: scale(1.1); /* kicsi nagyítás hover-re */
  }

.emoji-box {
    display: none; /* alapértelmezett állapot */
    width: 90%;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    background: rgba(0, 0, 0, 0.85);
    padding: 10px;
    border: 1px solid #555;
    border-radius: 8px;
    box-shadow: 0 0 8px #000;
    margin-top: 10px;
    z-index: 9999;
    flex-wrap: wrap;
    gap: 6px;
}
.emoji-box::-webkit-scrollbar {
  width: 4px;
  background-color: #222;
}

.emoji-box::-webkit-scrollbar-thumb {
  background-color: #60695a;
  border-radius: 10px;
}

.koszones-box {
    display: none;
    width: 90%;
    max-height: 200px;
    overflow-y: auto;
    background: rgba(0, 50, 0, 0.9);
    padding: 10px;
    border: 1px solid #3a3;
    border-radius: 8px;
    box-shadow: 0 0 8px #000;
    margin-top: 10px;
    color: lightgreen;
    font-size: 14px;
    z-index: 9999;
}

.koszones-sor {
    margin-bottom: 4px;
    line-height: 1.4em;
}

#backToTop {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 99;
  width: 60px;
  height: 60px;
  font-size: 28px;
  border: 2px solid rgba(255, 255, 255, 0.3); /* lágy kontúr */
  outline: none;
  backdrop-filter: blur(10px); /* üveges hatás */
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2),
              0 0 20px rgba(123, 47, 247, 0.4);
  transition: all 0.3s ease;
}

#backToTop:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-6px) scale(1.1);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3),
              0 0 30px rgba(241, 7, 163, 0.5);
}

#backToTop i {
  line-height: 60px;
  transition: transform 0.3s ease;
}

#backToTop:hover i {
  transform: rotate(-15deg);
}

@media screen and (max-width: 768px) {
  #backToTop {
    bottom: 90px;
    right: 20px;
  }
}


.username-note {
  font-size: 12px;
  color: lightskyblue;
}
#visszaszamlalo {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: center;
    margin: 2rem auto;
    color: darkred;
    font-size: 24px;
    user-select: none;
    min-height: 1.5em; /* hogy ne ugráljon a helye */
}

.countdown-container {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
}

.item {
    background: linear-gradient(135deg, #6e8efb, #a777e3);
    color: white;
    border-radius: 15px;
    padding: 1rem 1.5rem;
    box-shadow: 0 0 10px rgba(110, 142, 251, 0.7);
    min-width: 80px;
}

.item span {
    font-size: 2.5rem;
    font-weight: 700;
    display: block;
    animation: pulseAnim 1.5s infinite;
}

.item small {
    font-size: 0.9rem;
    text-transform: uppercase;
    opacity: 0.8;
}

@keyframes pulseAnim {
    0%, 100% { transform: scale(1); color: #fff; }
    50% { transform: scale(1.15); color: #ffd700; }
}

.expired {
    color: #d32f2f;
    font-weight: 900;
    font-size: 2rem;
    animation: shake 0.5s infinite;
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}

#you_cancel_msg {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

/* Alap stílusok */
body {
    margin: 0;
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
}

/* Időjárás konténer stílusa */
#weather-container {
    position: fixed;
    left: 0%;
    bottom: 45%;
    z-index: 1;
    opacity: 0.9;
    color: #fff;
    text-shadow: 1px 1px 3px black;
    font-size: 20px;
    background: rgba(0, 0, 0, 0.6);
    padding: 10px;
    border-radius: 8px;
    display: none; /* Alapból rejtett */
    max-width: 250px; /* Maximum szélesség a nagyobb kijelzők számára */
    word-wrap: break-word;
    transition: opacity 0.5s ease, transform 0.5s ease; /* Animáció hozzáadása */
    transform: translateY(10px); /* induláskor lejjebb */
}

#weather-container.visible {
    opacity: 0.95;
    transform: translateY(0);
    display: block; /* Ha láthatóvá válik */
}

/* Gomb stílusa */
#toggle-weather {
    position: fixed;
    left: 85%;
    bottom: 6%;
    z-index: 2;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 8px 12px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 18px;
    border: none;
    outline: none;
    max-width: 180px;
    word-wrap: break-word;
}

#toggle-weather:hover {
    background: rgba(255, 255, 255, 0.2);
}

/* Animált forgó ikon */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.spinner {
    display: inline-block;
    animation: spin 1.5s linear infinite; /* Gyorsabb forgás */
    width: 20px;
    height: 20px;
    border: 3px solid rgba(255, 255, 255, 0.5);
    border-top: 3px solid #fff;
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: middle;
}

/* Időjárás szöveg stílusa */
#weather {
    opacity: 1;  /* Alapértelmezett 100% opacitás */
    transition: opacity 20s ease-in-out; /* A szöveg fokozatos megjelenítése */
}

#weather.visible {
    opacity: 1;  /* Szöveg láthatóvá válik */
}

/* Mobil és tablet optimalizálás */
@media (max-width: 768px) {
    #weather-container {
        left: 65%;
        bottom: 85%; /* Kicsit feljebb kerül */
        font-size: 16px;
        max-width: 70%; /* Kisebb szélesség a mobil eszközökhöz */
    }

    #toggle-weather {
        left: 75%;
        font-size: 16px; /* Kisebb gomb betűméret mobil eszközökhöz */
        padding: 10px 15px;
    }
}

@media (max-width: 480px) {
    #weather-container {
        bottom: 60%; /* Kicsit még feljebb kerül */
        font-size: 14px;
        max-width: 90%; /* Még kisebb szélesség nagyon kis képernyők számára */
    }

    #toggle-weather {
        font-size: 14px; /* Még kisebb gomb betűméret */
        padding: 8px 12px;
    }
}

/* Rádiótorony ikon stílusa */
.radio-icon {
    font-size: 40px;  /* Ikon nagyítása */
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px; /* Kicsit távolabb az ikon a szövegtől */
}

#notification {
    position: fixed;
    z-index: 9999;
    left: 3%;
    bottom: 3%;
    font-size: 20px;
    color: #fff;
    text-shadow: 1px 1px 3px black;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px;
    border-radius: 5px;
    display: none; /* Alapértelmezetten elrejtve */
}

.tooltip {
    display: none;
    position: absolute;
    background: #333;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 1000;
}

#kepfeltolto img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

        #welcome-message, #welcome-back {
            padding: 10px;
            margin: 20px 0;
            border-radius: 5px;
            text-align: center;
            font-weight: bold;
        }
        #welcome-message {
            background-color: #dff0d8;
            color: #3c763d;
        }
        #welcome-back {
            background-color: #fcf8e3;
            color: #8a6d3b;
        }
#lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: none; /* Kezdetben rejtve van */
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

#lightbox-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
}

#lightbox-img {
    max-width: 100%;
    max-height: 80vh;
    display: block;
    margin: 0 auto;
}

.nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2rem;
    color: white;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 10;
}

#prev-btn {
    left: 10px;
}

#next-btn {
    right: 10px;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 2rem;
    color: white;
    background: none;
    border: none;
    cursor: pointer;
}

.uzike {
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out, background-color 0.5s ease-in-out;
    background-color: #fcf8e3; /* Alap háttérszín */
    position: fixed;
    left: 28px;
    bottom: 30px;
    z-index: 1000;
    opacity: 1;
    transform: translateY(0); /* Kezdő pozíció */
}

.uzike.hidden {
    opacity: 0; /* Átlátszóvá válik */
    transform: translateY(20px); /* Lefelé csúszik */
}
.uzike {
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out, background-color 0.5s ease-in-out;
    background-color: #fcf8e3; /* Alap háttérszín */
    position: fixed;
    left: 28px;
    bottom: 30px;
    z-index: 1000;
    opacity: 1;
    transform: translateY(0); /* Kezdő pozíció */
}

.uzike.hidden {
    opacity: 0; /* Átlátszóvá válik */
    transform: translateY(20px); /* Lefelé csúszik */
}

.inactive-message {
    background-color: #ffe6e6; /* világos piros háttér */
    color: #cc0000;           /* sötét piros szöveg */
    border: 1px solid #cc0000; /* piros keret */
    border-radius: 5px;       /* lekerekített sarkok */
    padding: 15px;            /* belső térköz */
    margin: 20px 0;           /* külső térköz */
    font-family: Arial, sans-serif; /* olvasható betűtípus */
    text-align: center;       /* szöveg középre igazítása */
    font-size: 16px;          /* szöveg mérete */
}

/* Általános rádió wrapper stílus */
.radio-wrapper {
    display: flex;
    flex-direction: row; /* Elemek vízszintes elrendezése */
    justify-content: space-between; /* Elemek távolságának elosztása */
    align-items: center; /* Elemek függőleges középre igazítása */
    /*background-image: url('/kepek/1.gif'); /* Háttérkép */
    background-size: cover; /* Háttér kitöltése */
    background-position: center;
    background-repeat: no-repeat;
    background-color: #193833; /* Háttérszín */
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
    margin: 0 auto; /* Középre igazítás */
    width: 100%; /* Teljes szélesség */
    max-width: 1200px; /* Maximális szélesség */
}
.radio-player {
    background-image: url('/skin/teszt2/body-bg.jpg');    /* Háttérkép */
    background-size: contain;           /* A háttérkép a teljes területhez igazodik */
    background-attachment: fixed; 
    /*background-blend-mode: overlay; */
    /*background-position: center center;  /* Középre igazítjuk a háttérképet */
    /*background-repeat: no-repeat;        /* A háttér ne ismétlődjön */
    background-color: #193833;           /* Háttérszín */
    padding: 5px;
    border-radius: none;
    text-align: center;
    /* Középre igazítás */
    display: grid;
    place-items: center;
    justify-content: center;  /* Vízszintesen középre */
    align-items: center;      /* Függőlegesen középre */
    margin: 0 auto;           /* Auto margó, hogy a szülő elemhez képest középre kerüljön */
    width: 100%;                /* A kívánt szélesség beállítása */
    height: auto;             /* Magasság automatikusan beállítva */
}

.radio-controls {
    position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.radio-controls i {
    font-size: 24px;
    color: #fff;
    transition: color 0.3s;
}

.radio-controls i:hover {
    color: #00ffcc;
}

.radio-controls .vol_label, .radio-controls .autoplay-label {
    color: #fff;
    font-size: 14px;
}
/*
#volume-control {
    width: 80%;
    margin-top: 10px;
}*/
#volume-control::-webkit-slider-thumb {
    transition: background 0.3s ease;
}


#autoplay-toggle {
    margin-left: 5px;
}

#mute-button {
    font-size: 24px;
    color: #fff;
    transition: color 0.3s;
    cursor: pointer;
    margin: 4px;
}

#mute-button:hover {
    color: #00ffcc;
}

#play-toggle {
    font-size: 24px;
    color: #fff;
    transition: color 0.3s, transform 0.2s;
    cursor: pointer;
    margin: 4px;
}

#play-toggle:hover {
    color: #00ffcc;
    transform: scale(1.2); /* Kis nagyítás hoverre */
}
.fas {
    font-family: 'FontAwesome'; /* Győződj meg róla, hogy a FontAwesome megfelelően van betöltve */
}

.fa-play {
    content: '\f04b'; /* Play ikon */
}

.fa-pause {
    content: '\f04c'; /* Pause ikon */
}

.radio-container {
    color: skyblue;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.radio span {
    margin: 5px 0; /* Távolság az egyes sorok között */
}

.radio-left, .radio-right {
    width: 50%; /* Bal és jobb szekciók szélessége */
}

.radio-left {
    text-align: left;
}

.radio-right {
    text-align: right;
}

.radio {
    font-size: 18px;
    font-weight: bold;
    color: skyblue;
    cursor: pointer;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}

#loading-message {
    display: block; /* Alapértelmezés szerint rejtett */
    opacity: 1;
    font-size: 18px; /* Nagyobb betűméret */
    transition: opacity 5s ease-in-out;
    color: white; /* Fehér szín a szövegnek */
    font-weight: bold; /* Vastag betű */
}
#loading-message.show {
    display: block;
    opacity: 0;
}

div.radip{
	width: 100%; 
	max-width: 360px; 
	margin-top:3px; 
	font-size: 20px; 
	text-align: center; 
	padding: 8px; 
	background-color: #00000025; 
	color:skyblue; border: solid 1px #ccc;
}


span.radio{
	font-size:14px;
	position:relative;
	color:skyblue;
}

span.vol_label{
	float:right; 
	font-size:14px; 
	color:#4ebaa9; 
	text-align:center; 
	width:150px; 
	padding:1px; 
	border-radius: 6px; 
	background-color:#00000099;
	font-weight: bolder
}
div.autoplay-label{
    border-radius: 50px;
    color:#4ebaa9; 
    background-color:#00000099;
}
@media screen and (max-width: 480px) {
    div.radip {
        max-width: 100%;
        font-size: 16px;
        padding: 6px;
    }

    #volume-control {
        width: 100%;
    }

    .vol_label {
        width: 100%;
        display: block;
        float: none;
        text-align: center;
        margin-bottom: 5px;
    }
}

.custom-message {
    background-color: #444; /* világos sárga */
    border: 1px solid #ffd700; /* arany szegély */
    padding: 5px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: skyblue; /* sötét szürke szöveg */
    margin: 0 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* árnyék */
    border-radius: 5px; /* lekerekített sarkok */
}

.custom-message img.custom-image {
    max-width: 500px;  /* Maximum szélesség */
    max-height: 100px; /* Maximum magasság */
    height: auto; /* Arányok megőrzése */
    width: auto;  /* Arányok megőrzése */
}

@keyframes marquee {
    0% {
        transform: translateX(100%);  /* A szöveg a képernyő jobb szélén kezdődik */
    }
    100% {
        transform: translateX(-100%); /* A szöveg a képernyő bal szélénél eltűnik */
    }
}

span.statusbar{
	position:fixed; 
z-index:2002; 
user-select:none; 
right:2%; top:3%; 
font-size:2rem; 
cursor:pointer; 
color:white;
opacity:0.22
}

div.statuszbar{
	width:100%;
    position:fixed;
    font-family:Trebuchet MS;
    font-weigth:bolder;
    border:0px solid orange;
    color:darkorange;
    border-radius:2px;
    text-align:left; 
    top:4px; 
    z-index:2001;
    background-color:#00000099;
    align-items: center;  padding:3px;
}


#pontszam{
	padding:2px; font-size:14px; font-family:Trebuchet MS;
	 display:inline-block;  font-weigth:bolder; border:1px solid orange; color:darkorange; border-radius:2px;
}

.step{border:1px solid #444; font-weight: bolder; display:inline-block;  padding:2px; cursor:pointer; background-color:#222;}


input[type="range"] {
  height: 5px;
  border:none;
  backdrop-filter: blur(3px);
  background: #00000099;
}
input[type="range"] {
  -webkit-appearance: none;
   height: 5px;
  border:none;
    backdrop-filter: blur(3px);
    background:#00000099
}
/* css/hoeses.css */
.snowflakes {
    position: fixed;  /* Fix pozíció, hogy mindig a nézőablakban legyen */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
    overflow: hidden;
}

.flake {
    position: relative;
    top: -10px;  /* A hópehely kezdőpozíciója */
    width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 50%;
    opacity: 0.7;
    animation: fall linear infinite;
}

/* A hópelyhek animációja, amely az egész oldal magasságát figyelembe veszi */
@keyframes fall {
    0% {
        transform: translateY(0) rotate(0deg);  /* Kezdeti helyzet */
    }
    100% {
        transform: translateY(100vh) rotate(360deg);  /* Az oldal teljes magasságát figyelembe véve */
    }
}
/*ÜZIFAL KEZDETE*/

div.uzifal{
    margin-left: 4px;
	margin-bottom: 4px;
	width:100%; 
    position:relative; 
    height: 500px !important; 
    max-height: 500px; 
    overflow-y:scroll; 
    overflow-x: hidden;
  /*  background: url('h.png') center center no-repeat;
    background-size: cover !important;*/
    /*word-wrap: break-word; /* Megakadályozza a hosszú sorok létrejöttét */
    /*word-break: break-all; /* Törheti a szót vagy linket, ha nincs hely */
}

/* UZIFAL HÁTTÉRKÉPPEL */
/*
div.uzifal {
    position: relative;
    overflow-y: scroll;
    height: 500px;
    background: none !important;
    word-wrap: break-word;     /*     Megakadályozza a hosszú sorok létrejöttét 
    /*word-break: break-all;    /*  Törheti a szót vagy linket, ha nincs hely 
}

div.uzifal::before {
    content: "";
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: url('hatter.gif') center center no-repeat;
    background-size: cover !important;
    opacity: 0.1; /* állítható áttetszőség 
    z-index: 601;
    pointer-events: none;  <<< EZ MEGOLDJA A KATTINTÁSI PROBLÉMÁT 
}

div.uzifal > * {
    position: relative;
    z-index: 600;
}
*/
.uzifal::-webkit-scrollbar {
  width: 4px;
  background-color: #222;
}

.uzifal::-webkit-scrollbar-thumb {
  background-color: red;
  border-radius: 10px;
}

.typing {
    color: gray;
    font-style: italic;
    margin-left: 10px;
    opacity: 0.7;
}

/*UZIFAL VÉGE*/
/*.musor-uzenet {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10; /* Az üzenet a legfelső rétegen marad 
    background-color: black;
    color: skyblue;
    padding: 6px;
    text-align: center;
    font-size: 20px;
}*/

.uzifal.forditott {
    display: flex;
    flex-direction: column-reverse;
}

/*Header menü gombok*/
.menu-wrapper {
    position: relative;
    text-align: center;
    padding: 10px;
    z-index: 1001;
}

/* Sötét háttér, ha a menü nyitva van */
body.menu-open::before {
    content: "";
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

/* Menü gomb */
.menu-toggle {
    background-color: #111;
    color: white;
    padding: 10px 20px;
    font-size: 18px;
    border: none;
    cursor: pointer;
    margin-bottom: 10px;
    border-radius: 6px;
    z-index: 1002;
    position: relative;
}

/* Alap rejtett */
.right_icons {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 100%;
    text-align: center;
    opacity: 0;
    transform: scale(0.95);
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 1002;
}

/* Megjelenés animációval */
.right_icons.visible {
    display: flex;
    opacity: 1;
    transform: scale(1);
}

/* Menü elemek */
.right_icons li a {
    display: inline-flex;
    align-items: center;
    background: blue;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 8px;
    font-weight: bold;
    white-space: nowrap;
    font-size: 16px;
    transition: background-color 0.3s ease, filter 0.3s ease;
}

.right_icons li a i {
    margin-right: 8px;
}

.right_icons li a:hover {
    background-color: darkgreen;
    filter: drop-shadow(0 0 6px white);
}

/* 🔽 Mobil optimalizálás */
@media screen and (max-width: 768px) {
    .right_icons {
        gap: 6px;
    }

    .right_icons li a {
        font-size: 14px;
        padding: 8px 14px;
        border-radius: 6px;
    }

    .menu-toggle {
        font-size: 16px;
        padding: 8px 14px;
    }
}


/*
.right_icons {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center; /* Ez középre teszi a menüpontokat 
}

.right_icons span {
    cursor: pointer;
    background: blue;
    padding: 8px 12px;
    border-radius: 6px;
    transition: background 0.2s ease;
    display: flex;
    align-items: center;
}

.right_icons span:hover {
    transition-duration:500ms; transition-property: all; background-color:darkgreen; color:white; opacity:1; filter: drop-shadow(0 0 19px white);
}

.right_icons i {
    display: block; /* ikonok elrejtése 
}

.right_icons .menu-text {
    font-weight: bold;
    font-size: 14px;
}
*/
/*
.right_icons > span{
        font-size:24px; padding:4px; background-color:white; color:darkgreen; border-radius:30px; opacity:1.85;
    }
.right_icons > span:hover{
        transition-duration:500ms; transition-property: all; background-color:darkgreen; color:white; opacity:1; filter: drop-shadow(0 0 19px white);
    }

div.right_icons{
	justify-content: space-evenly; display:flex; align-items:flex-end; height:60px;
}  */  
/*Header menü gombok vége */
body {
    font-family: 'Noto Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
}

body, .emoji {
    font-family: 'Noto Color Emoji', sans-serif;
}
.emoji {
    font-size: 32px; /* Emojik méretének növelése */
    line-height: 1.5; /* Jobb elrendezés */
    display: inline-block;
    padding: 5px;
}

.noto-color-emoji-regular {
  font-family: "Noto Color Emoji", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/*
@font-face {
    font-family: 'Noto Emoji';
    src: url('NotoColorEmoji.ttf') format('truetype');
    font-display: swap;
}
*/

/* Alkalmazzuk az egész oldalra, vagy csak egy meghatározott osztályra */

img.emoji {
  width: 1.2em; /* Igazítja az emoji méretét a szöveghez */
  vertical-align: middle; /* Középre igazítja */
}

@media screen and (max-width: 768px) {
    table.main {
        width: 100%;
        border: none;
    }

    td.rowhead {
        padding: 10px;
        font-size: 14px;
    }

    textarea {
        width: 100%;
        font-size: 14px;
    }

    input[type="submit"] {
        width: 100%;
        padding: 10px;
    }

    input[type="checkbox"] {
        margin-right: 5px;
    }
}

body {
	font-family:"tahoma", "arial", "helvetica", "sans-serif";
    font-size:11px;
    color:lightskyblue;margin:0;
    background-image: url(/skin/teszt2/body-bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed; 
    /*background-blend-mode: overlay; */
    /*word-wrap: break-word; /* Megakadályozza a hosszú sorok létrejöttét */
    /*word-break: break-all; /* Törheti a szót vagy linket, ha nincs hely */
	}
@media only screen and (min-width: 768px) {
body {
    /*margin: 12px !important*/
    width: 100%;
    font-family: 'Sora Variable Font', sans-serif;
    font-size: 10px;
    background-color: #010;
    /*background-image: url('bg1.jpg'); */
    background-image: url(/skin/teszt2/body-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #bababa;
    background-attachment: fixed; 
    /*background-blend-mode: overlay; */
    position: relative;
    }
}

@media only screen and (max-width: 768px) {
  body {
    font-family: 'Sora Variable Font', sans-serif;
    font-size: 0.625rem; /* 10px = 0.625rem, de lehet 0.75rem (12px) is */
    background-color: #010;
    /*background-image: url('bg1.jpg');  */
    background-image: url(/skin/teszt2/body-bg.jpg);
    /*background-repeat: no-repeat;*/
    background-size: cover; 
    background-attachment: scroll;
    color: #bababa;
    background-blend-mode: darken; 
    background-color: #050;
    /*background-blend-mode: overlay; */
      }

    .container {
        overflow-wrap: break-word;
        display: flex;
        flex-direction: column; /* Alapértelmezetten oszlop irány */
        justify-content: center;
        align-items: center; /* Középre igazítás */
        width: 100%;
        max-width: 1500px; /* Maximum szélesség */
        margin: 40 auto; /* Középre igazítás */
        padding: 20px; /* Belső margó */
    }
    .card {
        flex: 1 1 100%; /* Mobilon teljes szélesség */
        background-color: #f4f4f4;
        border: 1px solid #ddd;
        border-radius: 5px;
        margin: 5px 0; /* Függőleges margó a kártyák között */
        padding: 15px; /* Belső margó a kártyákban */
    }
        body {
        background-attachment: scroll; /* Mobil nézetben háttér görgetése */
    }

}
div.header{
	max-width:100%;
  padding: 10px;
  display:block;
  justify-content: center;
  color: white;
  font-size: 1em;
  top:0px;
  margin:0 auto;
  position: relative;
  border-bottom:  2px solid;
  animation-name: csikszin;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  background:  url('hatter.gif');
  background: none;
}


.facebook-float {
  position: absolute;
  left: 10px;
  bottom: 10px;
  opacity: 1;
  z-index: 9999;
  user-select: none;
}

.facebook-float a {
  text-decoration: none;
  color: inherit;
}

.facebook-float img {
  width: 40px;
  height: 40px;
}

table.ncode_imageresizer_warning {
    background: #FFFFE1;
    color: #000000;
    border: 1px solid #CCC;
    cursor: pointer;
 }


 @keyframes csikszin {
  0% {border-color: #000;}
25% {border-color: #cc0;}
  50% {border-color: #c00;}
75% {border-color: #cc0;}
  100% {border-color: #ccc;}
}

.drop > *{
  color: red;
  padding: 0px !important;
}

span.menuitems{
width: 500%;
padding: 12px;
}

span.menuitems > a{
cursor: pointer;
transition-property: background-color;
transition-duration: 300ms;
color: white;
padding: 12px 16px;
text-decoration: none;
  display: block;
}

span.menuitems > a:hover{
color: yellowgreen;
background-color: #272926;
transition-property: background-color;
transition-duration: 300ms
}

span.class_0,
span.class_1,
span.class_2,
span.class_3,
span.class_4,
span.class_5,
span.class_6,
span.class_7,
span.class_8,
span.class_9 {
    border: 1px solid;
    border-radius: 10px;
    display: inline-block;
    margin: 2px;
    color:white;
  	font-weight: bold;
  	text-decoration: italic;
}


 table.mali{
	background-image: url();

 }

 table.ncode_imageresizer_warning td {
    font-size: 12px;
    color: red;
    vertical-align: middle;
    text-decoration: bold;
 }

 table.ncode_imageresizer_warning td.td1 {
    padding: 5px;
 }

 table.ncode_imageresizer_warning td.td1 {
    padding: 2px;
 }
.fejlec_keret {
	width: 980px;
	height: 240px;
    max-height: 240px;
    overflow: hidden;
	background-color: #111;
	}

.statuszbar {
	padding-top: 0px;
	padding-right: 0px;
	float: center;
}

.menu {
	width: 980px;
	height: 10px;
    padding-top: 0px;
	background-color: #00000;
	font-family: verdana;
	font-size: 8pt;
 	font-weight: bold;
	margin: 0px auto;
}

.felso {
	width: 950px;
	height: 30px;
	background-color: white;
	background-image: url(designed_by_sodey/light/fejlec/felso.jpg);
}

.lablec {
	width: 980px;
	height: 25px;
    vertical-align: middle;
	background-color: white;
	background-color: #888;
	padding-top: 5px;
	font-size: 8pt;
}

/*
.nyeremenykep {
	padding: 0 0 0 20px;
	float: left;
}

.nyeremenyszoveg {
	padding: 0 0 0 12em;
}
.nyeremenycim {
	font-weight:bold;
	font-size:1.2em;
	color:  white;
}*/
/*
.profil {
	width: 600px;
}
.avatar {
	float: left;
	padding: 0 10em 0em 0em;
}

.profilinfok {
	margin: 0em 0 0.5em; padding: 0.5em 0;
	font-weight: normal;
}
*/
td.infobox {
	background-color: #32362f;
	border: none;
	text-align: center;
}

table {
    border: solid #111111 0px;
    border-collapse: collapse;
    border: none;
    border-top-width: 0px;
    background-image: url(/skin/teszt2/body-bg.jpg);
    /*background-repeat: no-repeat;*/
    background-attachment: fixed; 
    background-blend-mode: overlay;
    background-color: #0c0c0c;
    margin-top: 0px;
    margin-bottom: 0px;
}

/* Mobilnézet (768px és kisebb képernyőkhöz) */
@media screen and (max-width: 768px) {
    table {
        width: 100%;          /* Kitölti a teljes képernyőt */
        font-size: 14px;
        padding: 5px;
        margin: 0px auto;    /* Csökkentett margó */
        border: 1px solid #111; /* Vékonyabb szegély */
        background-image: url(/skin/teszt2/body-bg.jpg);
        /*background-repeat: no-repeat;*/
        background-attachment: fixed; 
        background-blend-mode: overlay; 
        background-color: #0c0c0c; /* Sötétebb háttér */
    }
}



.poller{ /* The poller box */

width:50px;
padding:15px;
border:1px double #16191e;
/*background-image:url(pic/question.gif);*/
background-repeat:no-repeat;
background-position: center center;
background-color: #3b4a47;
background-image: url(designed_by_sodey/neon/szavaz.png);
margin-left:auto;
margin-right:auto;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
font-size: 15px;
}
/* Poller title above radio buttons */

.pollerTitle{
margin-bottom:5px;
font-weight:bold;
}
/* Label for each radio button */

.pollerOption{
margin:0px;
}
/* Label for each option above graph - i.e. results */

.result_pollerOption{
margin:0px;
font-size:0.8em;
}
/* Title of poller - when ajax shows the results */

.result_pollerTitle{
margin-bottom:5px;
font-weight:bold;
font-size:0.9em;
}
/* Don't change this one, it is used to get the left and right image(the corner) positioned correctly */

.result_pollGraph img{
float:left;
}
/* The <div> tag where the percentage result is shown */

.result_pollGraph div{
float:left;
height:16px;
background-repeat:repeat-x;
color:#FFF;
font-size:0.9em;
line-height:16px;
}
/* Graph div - parent of both the corner images and the div displaying percentage votes */

.result_pollGraph{
height:16px;
}

/* Message when Ajax is working getting restults fromt the server */

.poller_waitMessage{
display:none;
}

.result_totalVotes{
clear:both;
font-size:0.8em;
margin-top:10px;
font-style:italic;
}



td.menu {
  font-weight: bold;
  color: #ffffff;
  background-color: #ffffff;
  border: none;
}

td.staffmenu {
  font-weight: bold;
  color: #ffffff;
  background-image:url(../designed_by_sodey/neon/menu_k.png);
  background-color: #ffffff;
  border: none;
}

td.menubal {
  font-weight: bold;
  color: #ffffff;
  background-image:url(/designed_by_sodey/neon/menu_bal.jpg);
  background-color: #ffffff;
  border: none;
  width: 87px;
}

td.menujobb {
  font-weight: bold;
  color: #ffffff;
  background-image:url(/designed_by_sodey/neon/menu_jobb.jpg);
  background-color: #ffffff;
  border: none;
  width: 50px;
}

td.colhead {
  font-weight: bold;
  color: #FFFFFF;
  background-image: url(/designed_by_sodey/light/colhead.jpg);
  height: 20px;
  border: none;
}

td.belep {
  font-weight: bold;
  color: #FFFFFF;
  background-image: url(/designed_by_sodey/light/colhead.jpg);
  height: 15px;
  border: 1px solid #32362f;
}

td.collhead {
  font-weight: bold;
  color: #FFFFFF;
  background-image: url(/designed_by_sodey/light/th.jpg);
  height: 20px;
  border: none;
}

td.bejelentkezes {
  font-weight: bold;
  color: #FFFFFF;
  background-image: url(../designed_by_sodey/light/menu/bejelentkezes.png);
  height: 30px;
  border: none;
}

td.pf {
  font-weight: bold;
  color: #FFFFFF;
  background-image: url(/designed_by_sodey/light/pf.jpg);
  height: 33px;
  border: none;
}

table.main {
  background-color: #696969;/*#ddf6fe;*/

}

table.statcool {
  background-color: #cbcbcb;/*#ddf6fe;*/
  background-image: url(/designed_by_sodey/neon/statisztika/cool.png);
}


table.statszar {
  background-color: #cbcbcb;/*#ddf6fe;*/
  background-image: url(/designed_by_sodey/neon/statisztika/szar.png);
}
table.statbar {
	background-image:url(../design/neon/s_h.jpg);
}

td.letoltfel {
  font-weight: bold;
  color: #FFFFFF;
  background-image: url(../designed_by_sodey/light/letoltes/letolt_fel.png);
  height: 30px;
  border: none;
}

td.letoltkoz {
  font-weight: bold;
  vertical-align: center;
  cellspacing: 5;
  cellpadding: 5px;
  background-image: url(../designed_by_sodey/light/letoltes/letolt_h.png);
}


table.mainouter {
width: 980px;
background-color: #696969;
}

table.bottom {
  background: transparent;
}

h1 {
  font-size: 10pt;
  text-align: center;
}

h2 {
  font-size: 10pt;
  margin-bottom: 6px;
}




 

p {
	font-size: 10pt;
}

p.sub {
  margin-bottom: 4pt;
}

td {
	border: solid #32362f 1px;
}

td.embedded {
   border: none;
   padding: 0px;
  text-align: left;
}

td.bottom {
  border: none;
}

td.heading {
  font-weight: bold;
}

td.text {
  padding: 10pt;
  text-align: left;
}

td.comment {
  padding: 10pt;
  font-size: 8pt;
  text-align: left;
}

td.outer {
  font-weight: bold;
  color: #FFFFFF;
}


td.menu {
  font-weight: bold;
  color: black;
}
  
  
td.smenu > a {
  font-size: 14px;
  font-weight: bold;
  background: radial-gradient(circle at 24.1% 68.8%, rgb(50, 50, 50) 0%, rgb(0, 0, 0) 99.4%); 
  color: #ccc !important;
  padding: 4px;
  border-radius: 5px;
}


td.smenu > a:hover {
 	filter: drop-shadow(0 0 0.4rem black);
 	
}


td.rowhead {
  font-weight: bold;
  text-align: right;
  vertical-align: top;
}

td.title {
	font-size: 14pt;
}

td.navigation {
	font-weight: bold;
	font-size: 10pt;
   border: none;
}

td.clear {
  padding: 0px;
  border: 0px;
  background: transparent;
}

form {
	margin-top: 0;
	margin-bottom: 0;
}

.sublink {
	font-style: italic;
	font-size: 7pt;
	font-weight: normal;
}

font.gray
{
  color: #ACA899;
  text-decoration: underline;
}

a{
text-decoration: none !important;
}

a:link, a:visited {
  text-decoration: none;
  color: #fafafa;
  /*font-weight: bold;*/
}

a:hover {
  color: #FF0000;
  text-decoration: none !important;

 }

a.index {
	font-weight: bold;
    text-decoration: none;
}

a.biglink {
	font-weight: bold;
	font-size: 12pt;
}

a.altlink:link, a.altlink:visited{
	font-weight: bold;
	color: #A83838;
	text-decoration: none;
}

a.altlink:hover {
  text-decoration: underline;
}

a.altlink_blue:link, a.altlink_blue:visited{
	font-weight: bold;
	color: #004E98;
	text-decoration: none;
}

a.altlink_blue:hover {
  text-decoration: underline;
}

a.altlink_green:link, a.altlink_green:visited{
	font-weight: bold;
	color: #007800;
	text-decoration: none;
}

a.altlink_green:hover {
  text-decoration: underline;
}

.important {
	font-weight: bold;
	font-size: 8pt;
}

.red {
	color: #ee0000;
}

.yellow {
	color: #997700;
}

.green {
	color: #000000;
}

input, input[type=text], input[type=password], option, select, textarea {
	font-family: Verdana;
	color:#b8dce4;
	background-color: #111;
	font-size: 10px;
}

input:focus, input[type=text]:focus, input[type=password]:focus, option:focus, select:focus, textarea:focus{
    font-family: Verdana;
	background-color:#111;
	color:#b8dce4;
}

/* Alap gomb stílus */
.btn {
    color: white;
    background-color: #007BFF;
    text-decoration: none;
    padding: 12px 4px;   /* Párnázás a szöveg körül */
    font-size: 13px;      /* Mérsékelt betűméret */
    border-radius: 6px;   /* Lekerekítés */
    width: auto;          /* Automatikus szélesség */
    white-space: nowrap;  /* Szöveg nem törik új sorba */
    border: 1px solid #007BFF;
    transition: all 0.3s ease;
    display: inline-block;
    text-align: center;   /* Szöveg vízszintes középre igazítása */
    height: auto;         /* Automatikus magasság (eltávolítjuk a fix értéket) */
    line-height: 1px;  /* Alapértelmezett vonalmagasság */
    cursor: pointer;
    box-sizing: border-box; /* Párnázás és szegély méretének kezelése */
}

/* Hover */
.btn:hover {
    background-color: #0056b3;
    filter: contrast(1.1);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
}

/* Active */
.btn:active {
    background-color: #003d7a;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    transform: translateY(2px);
}

/* Alternatív gomb stílus */
.btn2 {
    border: none;
    margin: 5px 0;
    margin-right: 10px; /* 10px távolság a gombok között */
    font-size: 14px;   /* Kisebb betűméret */
    text-transform: uppercase;
    font-weight: bold;
    font-family: Verdana, sans-serif;
    width: auto;           /* Automatikus igazítás hosszú szöveghez */
    white-space: nowrap;   /* Egysoros szöveg megakadályozása */
    height: 32px;      /* Magasság mérsékelten növelve */
    color: #9EC4DE;
    cursor: pointer;
    transition: all 0.3s ease; 
    display: inline-block;
    text-align: center;   /* Szöveg középre igazítása */
    line-height: 2px;    /* Középre igazítás függőlegesen */
}

/* Hover */
.btn2:hover {
    color: green;
    background-color: #e0e0e0; 
    transform: translateY(-2px); 
}

/* Active */
.btn2:active {
    color: #0056b3; 
    background-color: #c0c0c0; 
    transform: translateY(1px); 
}

/* Mobil eszközök stílusai */
@media (max-width: 600px) {
    .btn, .btn2 {
        padding: 8px 4px;  /* Kisebb párnázás mobilon */
        font-size: 13px;    /* Mérsékeltebb betűméret */
        width: auto;        /* Automatikus szélesség */
        white-space: nowrap;   /* Egysoros szöveg megakadályozása */
    }

    .btn2 {
        width: 160px;    /* Picit szélesebb mobilon */
        /*white-space: nowrap;   /* Egysoros szöveg megakadályozása */
        height: 36px;    /* Picit magasabb mobilon */
        line-height: 36px;  /* Függőleges középre igazítás */
    }
}

.small {
  font-size: 7pt;
}

.big {
  font-size: 10pt;
}

li {
  margin-top: 6pt;
  margin-bottom: 6pt;
}

ul {
  margin-left: 16pt;
  margin-top: 0px;
  margin-bottom: 0px;
}

img.border
{
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
}
#handle {
	margin:2px;
	padding:4px;
	width: 298px;
	height: 18px;
	color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	cursor: hand;
}

.alj3 {
	width: 1004px;
}

.aljbg {
	background-repeat: repeat-x;
	text-align: center;
	background-image: url(default/alj2.gif);
}

.aljszoveg {
	color: #9c9c9c;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: 0px solid #FFFFFF;
	margin-top: 0px;
	margin-right: 25px;
}

.fobox {
	width: 918px;
	text-align: center;
	background-image: url(default/bg1.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
    min-height: 200px;
}

.fobox2 {
	width: 918px;
	text-align: center;
	background-color: transparent ;
}

.textarea1{
	background-color:transparent;
	background-image:none;
	border:none;
	margin-top: 1px;
	padding-left: 1px;
	padding-top: 8px;
	color: #cacaca;
	width: 546px;
	height: 161px;
	overflow-y: scroll;
	scrollbar-arrow-color: #464646;
	scrollbar-track-color: #616161;
	scrollbar-face-color: #979797;
	scrollbar-highlight-color: #c5c5c5;
	scrollbar-3dlight-color: #979797;
	scrollbar-darkshadow-color: #464646;
	scrollbar-shadow-color: #767676;
}

.textarea2{
	background-color:transparent;
	background-image:none;
	border:none;
	margin-top: 1px;
	padding-left: 8px;
	padding-top: 8px;
	color: #cacaca;
	width: 546px;
	height: 161px;
	overflow-y: scroll;
	scrollbar-arrow-color: #464646;
	scrollbar-track-color: #616161;
	scrollbar-face-color: #979797;
	scrollbar-highlight-color: #c5c5c5;
	scrollbar-3dlight-color: #979797;
	scrollbar-darkshadow-color: #464646;
	scrollbar-shadow-color: #767676;
	
}

.keresesMezo {
	border: 1px groove #474747;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: bold;;
	color: #474747;
	background-color: #B8B8B8;
	text-align: left;
	width:150px;
	height:16px;
}

.valasztasMezo {
	border: 1px groove #474747;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: bold;;
	color: #474747;
	background-color: #B8B8B8;
	text-align: left;
	margin:0px!Important;
	width:150px;
	height:20px;
}

.valasztasMezo2 {
	border: 1px thin #474747;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: bold;;
	color: #e7e7e7;
	background-color: #616161;
	text-align: left;
	margin:0px!Important;
	width:150px;
	height:20px;
}

.profilValasztasMezo {
	border: 1px thin #474747;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: bold;;
	color: #e7e7e7;
	background-color: #616161;
	text-align: left;
	margin:0px!Important;
	width:200px;
	height:20px;
}

.profilValasztasMezo2 {
	border: 1px thin #474747;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: bold;;
	color: #e7e7e7;
	background-color: #616161;
	text-align: left;
	margin:0px!Important;
	width:100px;
	height:20px;
}

.beviteliMezo {
	background-color:transparent;
	background-image:none;
	border: 1px;
	border-style:solid;
	color: #e7e7e7;
	border-color:#999999;
	width: 550px;
}

.profilBeviteliMezo {
	background-color:transparent;
	background-image:none;
	border: 1px;
	border-style:solid;
	color: #e7e7e7;
	border-color:#999999;
	width: 200px;
}

.fejlecbox {
	border: 1px solid #828282;
	background-image: url(default/cimbg.gif);
	width: 898px;
	height: 22px;
	text-align: left;
}

.fejlecbox_szoveg {
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 13px;
	color: #e7e7e7;
	margin-top: 3px;
	margin-left: 10px;
}

.hozzaszolas_cim {
	border: 1px solid #828282;
	background-image: url(default/hsz_fej.jpg);
	width: 898px;
	height: 32px;
	text-align: left;
}

.hozzaszolas_szoveg {
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
	color: #e7e7e7;
	margin-top: 9px;
	margin-left: 50px;
}

.fejlecboxszavaz {
	border: 1px solid #828282;
	background-image: url(default/szavaz_bg.gif);
	width: 898px;
	height: 27px;
	text-align: left;
}

.fejlecbox_szavaz {
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	color: #e7e7e7;
	
}

.forumbox {
	border: 1px solid #828282;
	background-image: url(default/cimbg.gif);
	width: 897px;
	height: 22px;
	margin-left: 0px;
	text-align: left;
}

.doboz_cime {
	background-color:transparent;
	background-image:none;
	border: 1px;
	border-style: solid;
	color: #cacaca;
	border-color:#999999;
	width: 550px;
}

.ttip {
	cursor: help;
	border-bottom: 1px dashed #000000;
}

.info {
	display: none;
	border: 1px solid #000000;
	background-color: #999999;
	color: #333333;
	padding: 5px;
	width: 580px;
}

.status {
	border: 1px solid #000000;
	background-color: #999999;
	color: #333333;
	padding: 5px;
}

.hirbox {
	border: 1px solid #828282;
	width: 898px;
	background-color: #616161;
	margin-top: 1px;
	text-align: left;
}


.hir1 {
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin-left: 5px;
	margin-top: 5px;
}

.hir2 {
	width: 836px;
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #e7e7e7;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 24px;
	margin-right: 8px;
	background-color: #6e6e6e;
	padding: 10px;
	padding-left: 11px;
	padding-right: 13px;
	padding-top: 5px;
}

.UserBox {
	border: 1px solid #828282;
	width: 898px;
	background-color: #616161;
	margin-top: 1px;
	text-align: left;
	font-size: 10px;
	color: #e7e7e7;
}

.forUsers {
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 13px;
	color: #e7e7e7;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 12px;
	margin-right: 12px;
}

.sorsolasForUsers {
	background-color: #6e6e6e;
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 13px;
	color: #e7e7e7;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 12px;
	margin-right: 12px;
}

.koszonetBox {
	text-align: justify;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 13px;
	background-color:#727272;
	color: #e7e7e7;
	border: 1px;
	border-style: solid;
	border-color:#333333;
	padding: 10px;
	margin-top: 2px;
	margin-bottom: 12px;
	margin-left: 12px;
	margin-right: 12px;
}

.bb-quote {
	background-color:#727272;
	border: 1px;
	border-style: dashed;
	border-color:#333333;
	padding: 10px;
	margin-top:2px;
}

.tablaForUsers {
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 13px;
	color: #e7e7e7;
}

.ForumMenu {
	border: 1px solid #828282;
	width: 897px;
	background-color: #616161;
	float:left;
	margin-left: 10px;
	margin-top: 1px;
	text-align: left;
}

.ForumAlmenu {
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 13px;
	color: #e7e7e7;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.tablafejlec {
	background-color: #4b4b4b;
	border: 1px solid #828282;
	height: 24px;
}

.tablafejlec_szoveg {
	background-image: url(default/alcimbg.gif);
	background-repeat: repeat-x;
	background-position: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 13px;
	color: #e7e7e7;
	height: 20px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 1px;
}

.tabla_szoveg {
	background-color: transparent;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #e7e7e7;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 0px;
	margin-top: 8px;
}

.tabla_szoveg2 {
	background-color: transparent;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #e7e7e7;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 0px;
	margin-top: 4px;
}

#box_nagy {	
	background-color: #616161;
}

#box_nagy2 {	
	background-color: #545454;
}

.box_nagy_alap {
	border: 1px solid #828282;
	float: left;
	margin-top: 1px;
	margin-left: 1px;
	height: 32px;
	background-color: transparent;
}

.box_nagy_tartalom1 {
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	width: 898px;
	border: 1px solid #828282;
	float: left;
	margin-top: 1px;
	margin-bottom: 0px;
	margin-right: 0px;
	background-color: #616161;
}

.box_nagy_tartalom2 {
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	width: 898px;
	border: 1px solid #828282;
	float: left;
	margin-top: 1px;
	margin-bottom: 0px;
	margin-right: 0px;
	background-color: #545454;
}

.box_alap {
	border: 1px solid #828282;
	float: left;
	margin-left: 1px;
	margin-top: 1px;
	background-color: transparent;
}

.box_alap_img {
	height: 32px;
	border: 1px solid #828282;
	float: left;
	margin-top: 1px;
	margin-left: 0px;
	background-color: transparent;
}


.box_alap2 {
	float: left;
	margin-top: 0px;
	background-color: transparent;
}

#main {
	padding-bottom:3px;
	width: 30px;
}
#main .container {
	background-repeat:no-repeat;
}
#footer {
	background-image:url(images2/background_footer.jpg);
	background-repeat:repeat-x;
	padding:10px;
	position:relative;
	top:-20px;
	min-height:130px;
}
.container {
	width:950px;
	margin:0 auto;
	position:relative;
}


#header {
	padding-top:0px;
	padding-bottom:5px;
}
#logo h1, #logo small {
	margin:0px;
	display:block;
	text-indent:-9999px;
}
#logo {
	background-image:url(images2/logo.png);
	background-repeat:no-repeat;
	width:400px;
	height:80px;
}
ul#menu {
	margin:0px;
	padding:0px;
	position:absolute;
	right:0px;
	width: 331px;
}
ul#menu li {
	display:inline;
	margin-left:12px;
}
ul#menu li a {
	text-decoration:none;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}
ul#menu li a.active, ul#menu li a:hover {
	color:#211e1e;
}



/* 
	Block-Styles 
*/

.block {
	border:1px solid #a3a09e;
	background-color:#ffffff;
	margin-bottom:20px;
	position:relative;
}
.ribbon {
	position:absolute;
	top:-3px;
	right:-3px;
}


h2 {
	margin:0px 0px 10px 0px;
	font-size:24px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#000000;
	line-height:39px;
	letter-spacing:-1px;
}
h3 {
	margin:10px 0px 5px 0px;
	font-size:14px;
	line-height:21px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#000000;
}
h4 {
	color:#007de2;
	margin:0px 0px 0px 0px;
}
small {
	color:#595856;
	font-weight:bold;
	font-size:11px;
	display:block;
	margin-bottom:15px;
}
a {
	color:#dec670;
	text-decoration:none;
}
small a {
	color:#007de2;
}
a:hover { text-decoration:underline; }
p { margin: 0px 0px 15px 0px; }

td a:hover {
    color: skyblue; /* Tetszőleges szín */
    text-decoration: underline; /* Aláhúzás, ha szeretnéd */
}
a.button {
	/*background:#32312f url(images2/button_bg.jpg) repeat-x;*/
	padding:5px 10px 5px 10px;
	color: #ffffff;
	text-decoration: none;
	border:1px solid #32312f;
	text-transform:uppercase;
	font-size:9px;
	line-height:25px;	
}
a.button:hover {
/*	background:#007de2 url(images2/button_bg_o.jpg) repeat-x;*/
	border-color:#007de2;
}

/*
	Footer-Styles
*/

#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.footer_column {
	float:left;
	width:200px;
	margin-right:30px;
}
#footer .long {
	float:left;
	width:610px;
	margin-right:30px;
}
#footer h3 {
	color:#dec670;
	text-transform:uppercase;
	font-size:10px;
}
.footer_column ul li, .footer_column ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
/* Modern Dizájn CSS */

/* Alapbeállítások */
* {
    margin: 0;
    padding: 1;
    box-sizing: border-box;
}

body {
    font-family: 'Roboto', sans-serif;
    background-color: #1b1b1b;
    color: #eee;
    line-height: 1.6;
    padding: 0;
    border: none;
}

/* Középső doboz stílusok */
.center_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1200px;
    margin: 0;
    padding: 0;
    border: none;
    background: #2c2f33;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
    
    animation: fadeInCenter 1.5s ease-in-out both;
}

.center_container.alt {
    animation: pulsePop 1.2s ease-in-out both;
}

/* Cím */
.center_title {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #f4f4f9;
    margin: 0;
    border: none;

    animation: slideDown 1s ease forwards;
}

.center_title.alt {
    animation: zoomFade 1.2s ease-in-out both;
}

/* Tartalom */
.center_text {
    background: #23272a;
    padding: 0;
    border: none;
    width: 100%;
    margin: 0;
    font-size: 12px;
    color: #eee;
    line-height: 1.3;

    animation: fadeInText 2s ease both;
}

.center_text.alt {
    animation: slideFadeIn 1.8s ease-out both;
}


/* Animációk definíciója */
@keyframes fadeInCenter {
    0% {
        opacity: 0;
        transform: scale(0.95);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes slideDown {
    0% {
        opacity: 0;
        transform: translateY(-15px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInText {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Alternatív animációk */
@keyframes pulsePop {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }
    60% {
        transform: scale(1.05);
        opacity: 1;
    }
    100% {
        transform: scale(1);
    }
}

@keyframes zoomFade {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes slideFadeIn {
    0% {
        opacity: 0;
        transform: translateX(-30px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}


/* Reszponzív beállítások */
@media (max-width: 768px) {
    .center_container,
    .center_container.alt {
        width: 100%;
        padding: 0;
        border: none;
    }

    .center_title,
    .center_title.alt {
        font-size: 15px;
        border: none;
    }

    .center_text,
    .center_text.alt {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .center_container,
    .center_container.alt {
        padding: 0;
    }

    .button {
        width: 100%;
        font-size: 13px;
    }
}

div#wiki-container {

display: table;

width: 100%;

}



div#wiki-row {

display: table-row;

}



div#wiki-navigation {

margin: 2px;

padding: 2px;

border: 0px solid #e2e2e2;

background-color: #4b5a57;
background-image: url(designed_by_sodey/light/wiki/sor.png);
background-position: center;
background-repeat: no-repeat;

}



div#wiki-content-left div#content-add {

text-align: center;

}



div#wiki-content-left textarea#body {

width: 90%;

height: 300px;

}



div#wiki-content-left {

display: table-cell;

}



div#wiki-content-right {

display: table-cell;

width: 250px;

padding-left: 10px;

}



div#wiki-content-left div#content, div#content-add {

margin: 2px;

padding: 2px;

border: 0px solid #e2e2e2;

background-color: #5a6d69;

background-image: url(designed_by_sodey/light/wiki/w_h.png);

}



div#name {
background-color: #2e2e2e;
background-image: url(designed_by_sodey/light/wiki/wiki_cim.png);

}



div#wiki-content-left div#name {

width: 80%;

text-align: center;

font-size: 18px;

}



div#wiki-content-left div#content, div#content-add {

width: 80%;

text-align: left;

}



div#wiki-content-right div#search, div#details {

margin: 2px;

padding: 2px;

border: 0px solid #e2e2e2;

background-color: #2e2e2e;

}



div#wiki-content-right div#search, div#details {

width: 250px;

background-image: url(designed_by_sodey/light/wiki/wiki_jobb.png);

}



div.wiki-search {

margin: 2px;

padding: 2px;

border: 0px solid #e2e2e2;

background-color: #4b5a57;

}

/*Beviteli mezõk*/
label,select,input {font-family: verdana;font-size: 10pt;color: #42676a;background-color: #111;border: 1px solid #32362f;padding: 1px;outline-style: none;}
input {background-repeat: no-repeat;background-position: center right;}

select {padding: 1px;}
div.textarea:hover {background-color: #f4f4f4;}
input.disabled:hover,
select.skinned.disabled:hover,
div.textarea.disabled:hover {background-color: #eaedef;}
input:focus,
select:focus,
div.textarea:focus {background-color: #111;border-color: #878787;}
input[disabled=disabled] { color: #505050; }
input[type=checkbox] {vertical-align: middle; filter:invert(1); border:none; accent-color: #bd9895; outline-style: none;position: relative;top: -1px;}
input[type=radio] {vertical-align: middle;outline-style: none; accent-color: #42676a; position: relative;top: -1px;}
/*Beviteli mezõk vége*/