@font-face {
    font-family: 'FontAwesome';
    src: url('https://beszamolok.com/fonts/fontawesome-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --primary-color: #9f001b;
    --primary-color-t: #d9d9d990;
    --secondery-color: #d60f31;
    --active-color: #fff7ca;
    --content-color: #fbfbfb;
    --button-color: #ffffeb;
    --text-color: #000000;
    --warning-color: #b40000;
    --border-color: #828282;
    --overlay-color: #d9d9d990;
    --success-color: #115600;

    /*   hirdeto-rang-szinek   */
    --hirdeto-color-999: #3a3a3a;
    --hirdeto-color-145: #3a3a3a;
    --hirdeto-color-146: #3a3a3a;
    --hirdeto-color-147: #3a3a3a;
    --hirdeto-color-148: #3a3a3a;
    --hirdeto-color-149: #3a3a3a;
    --hirdeto-color-150: #004e01;
    --hirdeto-color-151: #004e01;
    --hirdeto-color-152: #007b7f;
    --hirdeto-color-153: #2700a7;
    --hirdeto-color-154: #7900bf;
    --hirdeto-color-155: #8a0b6a;
    --hirdeto-color-156: #9a0045;
    --hirdeto-color-157: #a92800;


}

body {
    font: normal 14px Roboto, arial, sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    height: 100%;

    color: var(--text-color);
    background-color: var(--content-color);
}

.footer, aside, article, nav {
    margin: 0;

    box-sizing: border-box;
}

br.tavtarto {
    line-height: 350%;
}

button {
    padding: 7px 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin: 5px;
    color: var(--text-color);
    border-color: var(--border-color);
    background-color: var(--active-color);
}

a {
    cursor: pointer;
    color: var(--text-color);
    text-decoration: none;

}

.headerfejlec p {

    margin: 0;
    display: flex;
    line-height: 100%;
}

.nagy {
    font-size: 18px !important;
}

.orias {
    font-size: 16px !important;
}

a.primary, input[type="submit"], input[type="button"] {
    background-color: var(--button-color);
    color: var(--text-color);
    cursor: pointer;
    margin-right: 15px;
}

/* Gombszerű linkek stílusa, kisebb magassággal és jobb kontraszttal */
.default, .red, .green, .blue, .yellow, a.primary, a.btn {

    padding: 6px 5px 4px 5px;
    border-radius: 5px;
    text-decoration: none;
    line-height: 1;
    color: var(--text-color);
    margin: 5px;
    display: inline-block;
    transition: background-color 0.3s;
    background-color: var(--button-color) !important;
    border: 1px solid;
    border-color: var(--border-color) !important;
    text-align: center;
}


.userbox_micro_uj:hover, .avatarlink:hover, .fejlec-avatar:hover, .default:hover, a.btn:hover, a.red:hover, .green:hover, .blue:hover, .yellow:hover, a.primary:hover, .menu-button_2:hover, input[type="submit"] :hover, input[type="button"] :hover {
    background-color: var(--primary-color) !important;
    color: var(--content-color) !important;
    border-color: var(--text-color) !important;

}

.commentsystem_reply_btn {
    margin-right: 15px;
}

a.alap {
    padding: 6px 5px 5px 5px; /* Kisebb padding a vertikális méret csökkentéséhez */
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px; /* Kisebb, de jól olvasható szövegméret */
    color: var(--text-color);
    margin: 5px;
    display: inline-block;
    transition: background-color 0.3s;
    line-height: 1;
    border: 1px solid;
    border-color: var(--border-color);
    text-align: center;
    background-color: var(--button-color);
}

.red {
    background-color: #D9534F !important; /* Piros háttér */
    color: #FFFFFF !important;; /* Fehér szöveg a jobb kontraszthoz */
}

.green {
    background-color: #b9ffbb !important; /* Zöld háttér */
    color: #000000; /* Fehér szöveg */
}

.egymas-alatt {
    display: flow-root;
    padding: 0px;
    margin: 10px 5px 13px 5px;
    text-align: left;
}

li.egymas-alatt a {
    padding: 5px;
}

.egymas-alatt a img {
    border-radius: 4px;
    float: left;
    width: 120px;
    height: 120px;
    margin: 0px 15px 0px 0px;

}

.egymas-alatt a strong {
    font-size: 16px;
}

.besorolas_class {
    float: left;
    width: 140px;
    height: 18px;
    border-top-left-radius: 10px;

    border-top-right-radius: 10px;
    line-height: 18px;
    padding-top: 0px;
    text-align: center;
    font-size: 12px;
    overflow: visible;
}

.blue {
    background-color: #dde4ff !important; /* Kék háttér */
    color: #000000 !important; /* Fehér szöveg */
}

.yellow {
    background-color: #fff4b9 !important; /* Sárga háttér */
    color: #000000 !important; /* Fekete szöveg */
}


input, select, textarea {
    background-color: var(--content-color);
    border-color: var(--border-color);
    color: var(--text-color);
    padding: 5px;
    margin: 5px 0;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    vertical-align: middle;
}

textarea {
    width: 90%;
}


input[type="radio"], input[type="checkbox"] {
    width: 16px;
    height: 16px;
    appearance: none;
    background-color: var(--content-color);
    border: 2px solid var(--primary-color);
    border-radius: 4px;
    cursor: pointer;
    margin-right: 5px;
    vertical-align: middle;
    transition: background-color 0.3s ease;
    color: var(--text-color);
}

input[type="radio"]:checked, input[type="checkbox"]:checked {
    background-color: var(--primary-color);color: var(--text-color);

}

.beszi_kat {
    padding: 5px 10px 5px 10px;
    height: 16px;
    border-radius: 5px;
    text-align: center;
}

h1, h2, h3, h4 {
    display: flow-root;
    /* width: fit-content;*/
    font-size: 18px;
    padding: 5px 10px;
    margin-block-start: 10px;
    margin-block-end: 5px;
    color: var(--text-color) !important;
    unicode-bidi: isolate;
    /*font-weight: normal;*/
}

h1 {
    background-color: var(--active-color);
    color: var(--text-color) !important;
    border-radius: 10px;
    padding: 5px 10px;
    border-radius: 10px;
    border: 1px solid var(--border-color);
    margin: 5px 0px 5px 0px;
    font-size: 18px;
}

h2, h3 {

    font-size: 16px;

}

h4, h5, h6 {

    font-size: 14px;

}

img {
    border-radius: 10px;
}

.headerfejlec {
    background-color: var(--primary-color);
    color: var(--text-color);
    display: flex;
    grid-column: 1 / span 3;
    position: sticky; /* Fix pozíció */
    position: -webkit-sticky;
    top: 0px; /* Az oldal tetején rögzítve */
    left: 0;
    width: 100%; /* Teljes szélesség */
    z-index: 1000; /* Magasabb réteg a többi elem felett */
    margin: 0px;

    overflow: hidden;
    justify-content: space-between;
    align-items: initial;

}

header h1, h3, h4 {
    color: var(--text-color) !important;
    font-size: 16px;
}

header h1.full, header h1.domain {
    color: var(--content-color) !important;
}

.main, .customarticle {

    grid-column: 1 / span 3;
    height: fit-content;
    padding: 10px 10px 10px 10px;
    flex-grow: 1;
    display: grid;


    gap: 0px 20px;
}

.customarticle {
    padding: 10px 0px 10px 0px;
    grid-column: 1 / span 3;
    grid-template-columns: repeat(6, 1fr);
    align-text: center;
}

section {
    margin-bottom: 10px;
}

section.content {
    background-color: var(--content-color);
    padding: 0px 10px 0px 10px;
    flex-basis: 100%;
    display: block;
}

.full-width, .col-xs-12 {
    grid-column: 1 / span 6;
/ / width: 100 %;

    text-align: center;
}

.fel-width {

    grid-column: span 3;
}

.harmad-width {

    grid-column: span 2;
}

.ketharmad-width {

    grid-column: span 4;
}

.kiskockakep {
    height: 90px;
    width: 90px;
    border: 2px solid var(--primary-color);
}

.footer {
    background-color: var(--primary-color);
    color: var(--content-color);
    text-align: center;
    padding: 5px;
    grid-column: 1 / span 6;
}

article footer {
    background-color: var(--content-color);

}

article {

    text-align: left;
    margin: 20px 0px 10px 0px;
}

main article {
    margin: 0px 0px 20px 0px;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
    display: block;
}

section article {
    margin: 0px 0px 10px 0px;
    display: flow-root;
}


.close-button {
    FONT-WEIGHT: 400;

    background-color: var(--warning-color);
    color: var(--active-color);
    float: right;
    position: absolute;
    top: 10px;
    right: 10px;

    cursor: pointer;
    border-radius: 50%;
    border: 1px solid var(--active-color);

}

.close-button-adatlap {
    FONT-WEIGHT: 400;

    background-color: var(--button-color);
    color: var(--text-color);
    float: right;

    right: 20px;

    cursor: pointer;
    border-radius: 50%;
    border: 1px solid var(--text-color);

}

.close-button-overlay {
    FONT-WEIGHT: 400;
    background-color: var(--warning-color);
    color: var(--active-color);
    float: right;
    margin-right: -17px;
    margin-top: -17px;
    cursor: pointer;
    border-radius: 50%;
}

.oldalkiemelt-kiir {

    padding: 1px 5px 0px 5px;

    position: relative;
    top: 12px;
    width: 80px;
    background-color: #ffe400;
    color: #000000;
    text-align: center;

    opacity: 1;
    border-radius: 5px;
    left: 10px;

}

aside.search.active, nav.menu.active {
    display: inline-flex;


    position: absolute;
    /* Gördíthetővé tesszük */
    width: 100%; /* Teljes szélesség */
    left: 0;
}

nav.menu.active ul {
    width: fit-content;

}

nav.menu.active {
    display: block;
}

.notify {

    padding: 10px;
    font-size: 25px;

    display: inline-block;

    border-radius: 5px;
    text-decoration: none;
    color: var(--text-color);
    margin: 5px 10px 5px 10px;
    transition: background-color 0.3s;
    border: 1px solid;
    border-color: var(--border-color);
    background-color: var(--button-color);


}

/*
.headerfejlec.active,.content.active, .kiemelt-tarto.active{
    display: none;

}*/
nav.active ul.nav {
    width: 300px;

}

li.collapse {
    padding: 0px 0px 0px 10px;
}

.collapse nav li {
    width: 100%;
    padding: 0px 0px 0px 10px;
}

aside.menu, nav.menu {
    grid-column: 1;
    float: left;
    display: none;

    position: relative;
    top: 0;
    bottom: 0;

    z-index: 100;
    padding: 7px 5px;
    background-color: var(--primary-color);
    text-align: center;
    width: 345px;
    margin: 0px;
    transition: transform 0.3s ease;

}

aside.search {

    grid-column: 3;
    background-color: var(--content-color);
    float: right;
    width: 265px;
    display: none;
    padding: 5px;
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    overflow-y: auto;

    color: var(--text-color);
}

.search-section {
    display: grid;

    grid-template-columns: repeat(6, 1fr);
    gap: 2px;
    text-align: left;
    margin: 0px 10px 0px 10px;
}

.hatoszlop {
    display: grid;

    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
    text-align: left;
}

.hatoszlop_2 {
    display: grid !important;

    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
    text-align: left;
}

input[type="checkbox"]:disabled, input[type="text"]:disabled, input[type="submit"]:disabled {
    opacity: 0.5; /* Átlátszóbbá teszi, hogy látszódjon a disabled állapot */
    cursor: not-allowed; /* Mutatja, hogy nem lehet kattintani */
}

.menu-button {
    display: inline-block;
    padding: 5px; /* Kisebb padding a vertikális méret csökkentéséhez */
    border-radius: 5px;
    text-decoration: none;

    color: var(--text-color);
    margin: 5px 10px 5px 10px;
    transition: background-color 0.3s;

    border: 1px solid;
    border-color: var(--border-color);
    background-color: var(--button-color);
}

.menu-button_2 {

    padding: 5px; /* Kisebb padding a vertikális méret csökkentéséhez */
    border-radius: 5px;
    text-decoration: none;

    color: var(--text-color);
    margin: 5px 10px 5px 10px;
    transition: background-color 0.3s;
    display: none;
    border: 1px solid;
    border-color: var(--border-color);
    background-color: var(--button-color);
}

.search-button {
    float: right;
}

.footer {
    width: 100%;
}

nav {

    height: fit-content;

    margin: 0px 0px 0px 0px;
    width: 195px;
    float: left;
}

nav ul {
    display: block;
    list-style-type: none;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
    padding: 0px 0px 0px 2px;
}

nav ul li.collapse {
    background: var(--button-color);
    font-size: 14px;
    padding-top: 5px;


}

.fentmargo {
    margin-top: 15px;
}

nav ul li {
    padding: 0px 3px 0px 5px;
    color: #000 !important;
    cursor: pointer;

}

nav ul li.active {
    color: #000000;
    border-top-left-radius: 10px;
    background-color: var(--active-color);
    font-size: 14px;

}

.hide {
    display: none !important;
}

nav ul li a {
    padding: 10px 3px 10px 5px;
    display: block;
    text-decoration: none;
    font-size: 14px;
    vertical-align: center;
    color: var(--content-color);
}

nav ul li ul li a:hover {


    background-color: var(--active-color);
}

nav ul li a:hover {

    border-left: 5px solid var(--text-color);
    border-radius: 5px;
}

nav ul li.collapse ul li.alap a {
    color: var(--text-color);
    padding: 10px 3px 10px 5px;
    display: inline-block;
    width: -webkit-fill-available;

}

.aktivmenulink {
    font-weight: bold;
    font-size: 16px;
}

nav ul li.collapse ul li.alap {
    padding: 0px;
    border-left: 1px solid var(--button-color);
}

nav ul li.active a {
    padding: 10px 3px 10px 5px;
    display: block;
    color: var(--text-color);
    font-weight: bold;
}

.caret {
    float: right;
    display: inline-block;
    width: 0;
    height: 0;
    margin: 5px 0px 0px 0px;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.kiemelt-tarto {
    text-align: center;

    width: 100%;
    line-height: 121%;
    padding: 0px;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    margin: 0px 0px 5px 0px;
    grid-column: span 1;
    overflow-x: scroll !important;
    height: 235px;
}

.kiemelt-tarto::-webkit-scrollbar {
    height: 10px;
}

.kiemelt-tarto::-webkit-scrollbar-thumb {
    background-color: var(--primary-color); /* görgetősáv szín */
    border-radius: 5px; /* lekerekített sarok */
    opacity: 30%;
}

.kiemelt-tarto::-webkit-scrollbar-track {
    background-color: var(--overlay-color); /* a sáv háttérszíne */
}

.hatos {
    grid-column: span 6;
}

.harmas {
    grid-column: span 3;
}

.kettes {
    grid-column: span 2;
}

.hirdetesek-lista {
    display: flex; /* Flexbox használata a rugalmas elrendezéshez */
    flex-wrap: wrap; /* Az elemek átváltanak egy új sorba, ha nincs elég hely */
    justify-content: center;
    list-style: none; /* Eltávolítjuk a lista pontokat */
    padding: 0; /* Eltávolítjuk az alapértelmezett paddingot */
    margin: 0; /* Eltávolítjuk az alapértelmezett margót */
}

/* Stílus a listában található elemekhez */
.kereso-lista {
    display: inline-block; /* Az elemek 33.33%-át foglalják el, mínusz a margin */
    box-sizing: border-box; /* A padding és border a méretezés része lesz */
    margin: 4px; /* 5px margó az elemek körül */
    border: 0; /* Példa: vékony szegély a listáknál */
    padding: 0px; /* Belülre egy kis padding a tartalom köré */
    background: #f9f9f9; /* Világos háttérszín */
    overflow: hidden;
    text-align: center !important;
}

/* Link stílusok */
.kereso-lista a {
    text-decoration: none; /* Linkek alapértelmezett aláhúzásának eltávolítása */
    /* Sötét szövegszín */
    display: block; /* Linkek kitöltik az egész lista elemet */
}

/* Kép stílusok a lista elemekben */
.kereso-lista img {
    max-width: 100%; /* A kép nem nyúlhat túl a szülőelemen */
    height: auto; /* Magasság arányos marad */
}

/* Szöveg stílusok */
.kereso-lista h2 {
    /* Kicsit nagyobb címek */
    margin: 5px 0; /* Elválasztás a képtől */
}

.kereso-lista p {
    font-size: 14px; /* Kisebb szövegméret a leíráshoz */
    margin: 0; /* Nincs extra margó */
}

.kereso-article {
    padding: 0px;
    margin: 0px;
    white-space: nowrap; /* Nincs extra margó */
    background-color: var(--content-color);
}

.hirdeto_keskeny {
    margin: 0px 3px 3px 3px;
    width: 175px;
    overflow: hidden;
    display: inline-block;
    border-radius: 10px;
}

.kiemelt-cimke {
    max-width: 120px;
    margin: 0px 0px 0px 5px;
    border-radius: 5px;
    line-height: 12px;
    display: flow-root;
    position: relative;
    top: 3px;
    background-color: #ffe400;
    color: #000000;
    text-align: center;
    font-size: 12px;
    z-index: 1;

}

.kiemelt-cimke-kereso {
    max-width: 120px;
    margin: 0px 5px 0px 5px;
    border-radius: 5px;
    line-height: 12px;
    display: flow-root;
    position: relative;
    top: 6px;
    background-color: #ffe400;
    color: #000000;
    text-align: center;
    font-size: 12px;

}

.exclusive {

    max-width: 120px;
    margin: -12px 0px 0px 5px;
    border-radius: 5px;
    line-height: 12px;
    display: flow-root;
    position: relative;
    top: 30px;

    text-align: center;
    font-size: 12px;
    font-weight: bold;
    background-color: transparent;
    color: GOLD;
    text-shadow: 0px 0px 4px BLACK;


}

.betuk {
    min-width: 25px;
    cursor: pointer;
}

.betuk_jo {
    background-color: GREEN !important;
    color: white !important;
    cursor: none !important;
}

.betuk_rossz {
    background-color: RED !important;
    color: white !important;
    cursor: none !important;
}

.nagygomb {
    margin: 10px !important;
    font-size: 14px !important;
    padding: 5px !important;

    border: 1px solid var(--border-color);
}

.box_gray {
    display: inline-block;
    margin: 10px;
}

.megerositette_2 {
    width: 100%;
    top: -19px;
    border-radius: 10px;
    margin: 0px 0px -16px 0px;
    color: #ffffff;
    line-height: 12px;
    display: flow-root;
    position: relative;
    text-align: center;
    font-size: 12px;
}

.kiemeltkep {
    margin: -4px 0px 0px 0px;
    width: 175px;
    height: 175px;

    transition: transform 0.8s ease;
    overflow: hidden;

    overflow-clip-margin: 8px;

    position: relative;
}

.kiemeltkep:hover {
    width: 175px;
    height: 175px;
    clip-path: inset(0);
    overflow-clip: hidden;
    /*transform: scale(1.1);*/

}

.megerositette_keskeny {
    width: 100%;
    font-size: 10px;
    position: relative;
    margin: -20px 0px 3px 0px;
    bottom: 0px;
    opacity: 1;
    text-align: center;
    color: #FFF;
    background-color: green;
}

.blink-me {
    animation: villogas 1s infinite; /* 1 másodperces villogás */
}

@keyframes villogas {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fejlecbengomb {

    display: inline-block;

    border-radius: 5px;
    text-decoration: none;

    color: var(--text-color);
    margin: 5px 10px 5px 10px;
    transition: background-color 0.3s;


    border-color: var(--border-color);
    background-color: var(--button-color);

}

.fejlec-avatar {
    margin: 0px;
    height: 34px;
    width: 34px;
    border-radius: 0px;

}

.avatarlink {
    overflow: hidden;
    margin: 5px 10px 5px 10px;
    border-radius: 5px;
    border: 1px solid var(--border-color);
    width: 34px;
    height: 34px;


}

.domain {
    color: var(--content-color);
    font-size: 14px;
    font-weight: bold;
    padding: 6px 5px 0px 5px;
    line-height: 38px;
}

.alapfejlecgomb {
    display: inline-block;
    padding: 5px; /* Kisebb padding a vertikális méret csökkentéséhez */
    border-radius: 5px;
    text-decoration: none;

    color: var(--text-color);
    margin: 5px 10px 5px 10px;
    transition: background-color 0.3s;

    border: 1px solid;
    border-color: var(--border-color);
    background-color: var(--button-color);
}

.logocsaj-kicsi {
    width: 23px;
    height: 34px;
    margin-top: 5px;
    margin-left: 5px;
}

.elsotetedes {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Átlátszó fekete */
    z-index: 1000; /* Magasabb réteg a meglévő elemek felett */
    display: none; /* Alapértelmezés szerint el van rejtve */
    justify-content: center;
    align-items: center;
}

.homalyositas {
    position: fixed;
    display: flex;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(8px); /* Homályosító effekt */
    z-index: 10001;
    /*display: none; Alapértelmezés szerint elrejtve */
    justify-content: center;
    align-items: center;
    background-color: var(--overlay-color); /* Enyhe áttetsző fehér réteg */
}

/* Tartalom, amit meg akarsz jeleníteni az overlayen */
.tartalom {
    max-width: 90% !important;
    max-height: 80% !important;
    background-color: var(--content-color);
    padding: 20px;
    border-radius: 15px;

    overflow-scrolling: auto;
    overflow-y: auto;

    border: 1px solid var(--border-color);

    z-index: 1001;
}

.overlay-title {
    margin: 0px 10px 10px 10px;
    padding: 0px 5px 10px 5px;
    border-bottom: 1px solid;
    border-color: var(--border-color);
}

.clearfix {
    margin-top: 5px;
    line-height: 15px;
}

.clearfix2::after {
    content: "";
    display: table;
    clear: both;
}

.gyorskereso-res {

    position: fixed;

    display: none;
    width: 100%;
    overlay: hidden;
    left: 0px;
    margin: 60px 10px 0px 10px;
    border: 2px solid var(--border-color);
    background-color: var(--button-color);
    color: var(--text-color);
    border-radius: 10px;
    z-index: 9999;
}

.gyorskereso_img {
    text-indent: -9999px;
    border-radius: 50%;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    margin: 0px !important;
}

.gyorskereso_link {
    color: var(--primary-color);

    display: block !important;
    overflow-x: clip;
    text-align: center;
    font-size: 12px;
    float: left;
    margin: 3px;
    width: 50px;
    height: 60px !important;
    padding: 0px !important;
}

.gyorskereso_li {
    overflow: scroll;
    height: 105px !important;
    text-align: left;
    white-space: nowrap;
    display: flex;
}

.gyorskereso_li::-webkit-scrollbar {
    display: none; /* Webkit alapú böngészők (Chrome, Safari) */
}

.gyorskereso_a {

    width: 100px;
    height: 20px;
    float: left;
    cursor: pointer;
    text-align: center;
    margin: 22px 3px 0px 3px !important;
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav > li {
    position: relative;
    display: block;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
    display: flex;
}

.nav li a {
    position: relative;
    display: block;
    padding: 5px 10px;
}

.nav-tabs li a {
    height: 26px;
    margin-right: 0px;
    border-radius: 0;
    font-size: 14px;
    font-weight: bold;
    color: var(--text-color);
    border: 1px solid var(--border-color);
    border-right: none;
}

.nav-tabs li {
    float: left;
    margin-bottom: -1px;
}

.tab-content {
    display: block;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.25s linear;
    -o-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;
}

.fade.in {
    opacity: 1;
}

.tab-content .active {
    display: block;
    visibility: visible;
}

.well {
    min-height: 20px;
    padding: 6px;
}

.tab-content .tab-pane {
    display: none;

    visibility: hidden;
}

.tab-content .active {
    display: block;
    visibility: visible;
}

.container_120 {
    display: flex;
    flex-wrap: wrap;
    gap: 5px; /* Távolság az elemek között */
}

/* Az <a> tag formázása */
.container_120 a {
    display: block;
    overflow: hidden;
    width: 130px; /* Szélesség meghatározása az <a> tageknek */
    text-align: center;
    text-decoration: none;
    border: none;
    padding: 5px;
    box-sizing: border-box;
    transition: transform 0.3s ease;
}

/* Kép formázása az <a> tageken belül */
.container_120 a img {
    max-width: 100%; /* A kép nem lehet szélesebb az a tagnál */
    height: 120px;
}

/* Szöveg formázása az <a> tageken belül */
.container_120 a .text {
    margin-top: 10px;
}

/* Hover effekt az <a> taghez */
.container_120 a:hover {
    transform: scale(1.1);
    border: none;
}

.beszq_cimke2 {
    display: inline-block;
    font-size: 10px;
    background-color: #fff7c5;
    color: #000;

    border: 1px solid #ffdd97;
    border-radius: 5px;
    padding: 0px 2px 0px 2px;
    margin: 2px;
}

.kep40 {
    margin-left: 5px;
    cursor: pointer;
    border-radius: 10px;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    vertical-align: top;
}

.hsz_datum {
    line-height: 200%;
    font-style: italic;
    white-space: nowrap;

}

h2 {
    background-color: var(--primary-color);
    color: var(--text-color) !important;
    font-size: 14px;
    border-radius: 10px;
    padding: 5px 10px;
    margin: 5px 0px 5px 0px;

    border: 1px solid var(--border-color);

    margin: 0px;
}

article h2, section h2, .main h2 {
    margin-bottom: 10px;

    size: 14px;
    background-color: var(--active-color);
    /*
 background-color: var(--primary-color);
    background-color: var(--overlay-color);*/
    color: var(--text-color) !important;
}
.doboz_cim{
        display:flow-root;
      margin-top:20px;
      size: 14px;
      background-color: var(--active-color);
      /*
   background-color: var(--primary-color);
      background-color: var(--overlay-color);*/
      color: var(--text-color) !important;
  }
.kismobilkep {
    float: left;
    margin: 0px;
    width: 60px;
    height: 60px;
    border-radius: 5px;
    margin-right: 10px;
}

hr {
    border: none;
    height: 1px;
    background: linear-gradient(to right, var(--primary-color), var(--active-color)); /* Színátmenet */
    opacity: 20%;
    margin: 5px 10% 20px 10%;
}

.aktiv {

    background-color: var(--active-color) !important;
    font-weight: bold;
}

.lightwarning {

    background-color: var(--active-color) !important;
    display: inline-block;

}

.szazaskor {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    float: left;
    margin-right: 20px;
}

a.hirdetogomb {
    padding: 0px 5px 0px 5px;
    width: 44px;
    text-align: center;
    font-size: 20px;
}

.cimkiir {
    font-weight: bold;
    padding: 0px;
    font-size: 24px
}

.rangtarto {
    border-radius: 5px;
    font-weight: bold;
    color: #ffffff;
    padding: 4px;
    margin: 5px 0px 5px 0px;
    font-size: 16px;
}

.warning {
    color: var(--warning-color);
    /*    animation: flash-warning 1s infinite alternate;*/
}

.success {
    color: var(--success-color);
    /*  animation: flash-success 1s infinite alternate;*/
}

a.warning {
    background-color: var(--warning-color) !important;
    color: var(--content-color) !important;
    animation: flash-warning 2s infinite alternate; /* Animáció beállítása */
}

a.success, button.success {
    background-color: var(--success-color) !important;
    color: var(--content-color) !important;
    border-color: var(--border-color);
    border: 1px solid;
    animation: flash-success 2s infinite alternate;
}

.warning-alap {
    background-color: var(--warning-color);
    color: var(--content-color);
    font-size: 16px !important;

    animation: flash-warning-alap 3s infinite alternate; /* Animáció beállítása */
}

.success-alap {
    background-color: var(--success-color);
    font-size: 16px !important;
    color: var(--content-color);
    animation: flash-success-alap 3s infinite alternate;
}

.flashing-border {
    border: 3px solid var(--success-color); /* Alapértelmezett sötétzöld border */

    height: auto;
    animation: flash-border 1s infinite alternate; /* Animáció beállítása */
}

/* Villogó border animáció */
@keyframes flash-border {
    0% {
        border-color: var(--success-color);
    }
    50% {
        border-color: transparent; /* Eltűnik a border */
    }
    100% {
        border-color: var(--success-color); /* Visszajön a border */
    }
}

.flashing-red {
    /* Alapértelmezett sötétzöld border */


    animation: flash-warning 1s infinite alternate; /* Animáció beállítása */
}

/* Villogó border animáció */
@keyframes flash-warning {
    20% {
        color: var(--warning-color);
    }
    70% {
        color: transparent;
    }
    100% {
        color: var(--warning-color);
    }
}

@keyframes flash-warning-alap {
    20% {
        background-color: var(--warning-color);
    }
    70% {
        background-color: transparent;
    }
    100% {
        background-color: var(--warning-color);
    }
}

@keyframes flash-success {
    0% {
        color: var(--success-color);
    }
    50% {
        color: transparent;
    }
    100% {
        color: var(--success-color);
    }
}

@keyframes flash-success-alap {
    0% {
        background-color: var(--success-color);
    }
    50% {
        background-color: transparent;
    }
    100% {
        background-color: var(--success-color);
    }
}

span.success {
    color: var(--success-color);
    font-weight: bold;
}

span.warning {
    color: var(--warning-color);
    font-weight: bold;
}

.ujkep {

    position: absolute;
    border-radius: 0px 0px 4px 4px;
    top: 2px;
    left: 10px;
    z-index: 10;
    font-size: 12px;
    padding: 2px 3px 0px 3px;
    background-color: var(--content-color);

}

.full-center {
    text-align: center;
    justify-self: normal;
    display: inline-block;
    margin: 0px -5px 0px -5px;
    padding: 0px;
    line-height: 1.3
}

.full-left {
    text-align: left !important;
    justify-self: normal;
    display: flow-root;
    line-height: 1.8
}

.listakeplink {
    position: relative;
    display: inline-block;
    justify-content: space-between;
}

.listakep {


    background: url('../../images/loading.gif') no-repeat center center;
    background-size: cover;

    margin: 5px;
}

.nagyszoveg {

    margin: 0px 10px 20px 10px;
    overflow: hidden; /* Elrejti a túlcsorduló szöveget */
    cursor: pointer; /* Mutatja, hogy az elem kattintható */
    max-height: 200px; /* Kezdeti állapotban 95 pixel magasság */

    position: relative; /* Az ::after pozicionálásához */
    transition: max-height 1s ease; /* Sima animáció a max-height változásánál */
}

.nagyszoveg_nyitott {
    max-height: 10000px; /* Elég magas érték, hogy az összes tartalom megjelenjen */
    border-bottom: none; /* Az alsó border eltűnik a nyitott állapotban */
    transition: max-height 1s ease; /* Ugyanaz az animáció, mint a zárt állapotban */
}

.nagyszoveg::after {
    content: ""; /* Tartalom az ::after pszeudoelemhez */
    position: absolute; /* A <p> elemhez viszonyítva */
    bottom: 0; /* Az elem aljára helyezkedik */
    left: 0;
    width: 100%; /* Szélesség beállítása */
    height: 30px; /* Az alsó 25 pixel halványítása */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* Fokozatosan átlátszó színátmenet */
    pointer-events: none; /* Az ::after elemre történő kattintás hatástalanítása */
}

.nagyszoveg_nyitott::after {
    display: none; /* Eltünteti a színátmenetet, ha az elem ki van nyitva */
}

.kisvonal {
    display: block;
    width: 200px;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right, var(--primary-color), var(--active-color)) 1;
}

.commentsystem_edit {
    display: none;
    margin: 10px 0px;
}

.commentsystem_elozmeny {
    margin-left: 10px;
    border-left: 1px solid var(--text-color);

}

.keresotag {
    display: inline-block;
    margin: 0px 6px 5px 0px;
    padding: 2px 4px 2px 4px;
    font-size: 12px;
    background-color: var(--overlay-color);
    border-radius: 6px;
    line-height: 100%;
    border: 1px solid var(--border-color);
}

.spinner-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
    background-color: var(--content-color);
}

/* Spinner elem stílusa */
.spinner {
    width: 50px;
    height: 50px;
    border: 6px solid var(--button-color); /* Külső kör */
    border-top: 6px solid var(--primary-color); /* Felső rész színe */
    border-radius: 50%;
    animation: spin 1s linear infinite; /* Végtelenített forgás */
}

/* Spin animáció definiálása */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


form {

    margin: 0px auto;

    flex-direction: column;
    gap: 10px;
}

label {

    grid-column: span 6;
    display: inline-flex;
    align-items: center;
    margin-bottom:4px;
    font-weight: normal;

}

.range-slider {
    position: relative;
    height: 5px;
    background: var(--primary-color);
    border-radius: 5px;
    outline: none;
}

.range-slider input[type="range"] {
    width: 100%;
    height: 0px;
    padding: 0px;
    margin: 2px 0px 0px 0px;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    position: absolute;
    pointer-events: none; /* Csak a thumb legyen kattintható */
}

.range-slider input[type="range"]::-webkit-slider-thumb {
    pointer-events: auto;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--primary-color);
    border: 2px solid var(--border-color);
    cursor: pointer;
    position: relative;
    z-index: 2;
    -webkit-appearance: none;
}

.range-slider input[type="range"]::-moz-range-thumb {
    pointer-events: auto;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--primary-color);
    border: 2px solid var(--border-color);
    cursor: pointer;
    position: relative;
    z-index: 2;
}

/* Az aktív tartomány (középső sáv) stílusozása a ::before és ::after pszeudo-elemekkel */


/* A kiválasztott tartomány stílusozása */


/* Az értékek megjelenítéséhez */
.slider-values {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.slider-values span {
    font-weight: bold;
}

.jobboldal_alap {
    display: inline-block;
    margin-left: 20px;
    max-width: 360px;
}

.jobboldal-kereso {
    min-width: 255px;
    max-width: 450px;
    display: inline-block;
    top: 0px;
}

h2 a {
    color: var(--text-color);
    width: fit-content;
    margin: 0px 10px 0px 10px;
}
.avatarkep{
    width:40px; height: 40px;
}
.userbox_micro_uj {
    font-size: 12px;
    line-height: 170%;
    width: 90px;
    border: 1px solid var(--border-color);
    background-color: var(--content-color);
    color: var(--text-color);
    overflow: hidden;
    margin: 8px -5px 4px 4px;
    display: inline-block;


    text-align: left;
    padding: 4px;
    border-radius: 5px;
    white-space: nowrap;
}
a.userbox_micro_uj img {
      display: block !important;

  }

@media (max-width: 900px) {

    aside.search.active {
        display: block;

        position: absolute;
        width: 100%;
        left: 0;
    }

    .jobboldal-kereso {
        min-width: 325px;
    }

    .main, .customarticle {
        display: flow-root !important;
        grid-template-columns: none !important;
        text-align: left;


    }

    .full-width, .col-xs-12, .fel-width, .harmad-width, .ketharmad-width {
        display: flow-root !important;

        grid-template-columns: none !important;

    }

    .kiemelt-tarto {
        zoom: 80%;
    }


}

@media (min-width: 750px) {

    .avatarkep{
        width:90px; height: 90px;
    }
    .commentsystem_szoveg{
        min-height:100px;
        /*display: flow-root;*/
    }

    .userbox_micro_uj {
        width: 160px;
    }

    aside.searc.active {
        display: flex;
        flex-direction: row;
    }

    nav.menu.active {
        display: flex;
    }

    .jobboldal-kereso {
        min-width: 360px;
    }

}

@media (max-width: 1439px) and (min-width: 901px) {

    body {

        grid-template-columns: 1fr; /* Bal hasáb 200px, középső hasáb kitölti a maradékot, jobb hasáb 300px */
        display: grid;

        /* Három egyenlő szélességű oszlop, amire szükség lesz a második sorban */
        grid-template-rows: auto auto auto auto; /* Három sor a szerkezethez */
        gap: 0px;

    }

    .main, .customarticle {
        display: grid;
        grid-template-columns: repeat(6, 1fr);

    }


    .full-width, .col-xs-12 {
    / / width: 100 %;

        grid-column: 1 / span 6;
        text-align: center;
    }

    .fel-width {
        width: 100%;
        grid-column: span 3;
    }

    .harmad-width {
        width: 100%;
        grid-column: span 3;
    }

    .ketharmad-width {
        grid-column: span 3;
    }

    .kiemelt-tarto {


        grid-column: span 6;
    }


}


@media (min-width: 1400px) {
    aside.menu, nav.menu {
        width: 200px;
    }

    body {
        grid-template-columns: 200px 1fr 265px; /* Bal hasáb 200px, középső hasáb kitölti a maradékot, jobb hasáb 300px */
        display: grid;
        /* Három egyenlő szélességű oszlop, amire szükség lesz a második sorban */
        grid-template-rows: auto auto auto auto; /* Három sor a szerkezethez */
        gap: 0px;

        grid-template-areas: "sidebar-left main sidebar-right";
    }

    .jobboldal_alap {
        margin-left: 0px;

    }

    .jobboldal-kereso {
        min-width: 200px;
    }

    .main, .customarticle {
        display: grid;
        grid-column: span 1;
        grid-template-columns: repeat(6, 1fr);

    }

    nav {
        height: auto;

    }

    aside.menu, nav.menu {
        display: block;
        color: var(--content-color);
    }

    aside.search {
        display: block;
        background-color: var(--content-color);
        border-left: 1px solid var(--border-color);
    }

    .full-width, .col-xs-12 {
        grid-column: 1 / span 6;
        text-align: center;
    }

    .fel-width {
        grid-column: span 3;
    }

    .harmad-width {
        grid-column: span 2;;
    }

    .ketharmad-width {
        grid-column: span 4;
    }

    .kiemelt-tarto {


        grid-column: span 6;
    }

    .close-button {
        display: none;

    }

    .menu-button {
        display: none !important;

    }

    .menu-button_2 {
        display: block !important;

    }

}


.rangkiiras_tarto2 {
    padding: 5px;
    white-space: nowrap;
    border-radius: 4px;
}

.datumtarto {

    white-space: nowrap;
    border-radius: 4px;
    display: inline-block;
    padding: 7px 5px 10px 5px;
}

p {
    margin: 15px 4px 6px 4px;

}

p::after {
    content: "";
    display: table;
    clear: both;
}

#hirdeto_menu {
    text-align: center; /*border:1px solid var(--border-color); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background-color:#fff;*/
}

#hirdeto_menu img {
    /*display:inline-block; width:32px; height:32px; padding:7px;*/

    cursor: pointer;
    border-radius: 10px;


}

#hirdeto_menu img:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, var(--button-color)), color-stop(1, var(--active-color)));
    background: -moz-linear-gradient(top, var(--button-color) 5%, var(--active-color) 100%);
    background: -webkit-linear-gradient(top, var(--button-color) 5%, var(--active-color) 100%);
    background: -o-linear-gradient(top, var(--button-color) 5%, var(--active-color) 100%);
    background: -ms-linear-gradient(top, var(--button-color) 5%, var(--active-color) 100%);
    background: linear-gradient(to bottom, var(--button-color) 5%, var(--active-color) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--button-color)', endColorstr='var(--active-color)', GradientType=0);
    background-color: var(--button-color);
}

#hirdeto_menu img.first {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

#hirdeto_menu img.last {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: 1px solid var(--border-color);
}

ul {
    list-style: none;
    margin-block-start: 0px;
    padding-inline-start: 0px;
}

.lapozo {
    min-width: 30px;
}

nav.menu {
    margin-right: 0px;
    padding-right: 0px;
}


.beszi-lead-besorolas {
    display: block;
    height: 16px;
    border-top-right-radius: 10px;
    border-top-left-radius: 20px;
    line-height: 19px;
    padding-top: 0px;
    color: #fff;
    text-align: center;
    font-size: 12px;
}

img.beszi-lead-kep {
    float: left;
    margin: 0px 5px 5px 0px;
    border-top-right-radius: 0;
    border-color: #FFF;
    width: 120px;
    height: auto;
    border: 1px solid
}


.minimum {
    min-width: 140px;
}

.icon_calendar_32 {
    background-image: url(/images/design/style/icon_clock2_khaki_32.png);
    background-repeat: no-repeat;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 4px;
    padding: 2px 4px 2px 4px;
    background-color: transparent;

}

.fa-fejlec-gombok {
    display: inline-block;
    font: normal normal normal 30px/1 FontAwesome;

    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 5px;
    padding: 0px;
    background-color: transparent;
    font-size: 24px;
    margin: 0px;
}

.fa-sign-in:before {
    content: "\f090";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-minus:before {
    content: "\f068";
}

.fa-comments-o:before {
    content: "\f0e6";
}

.fa-comment:before {
    content: "\f075";
}

.fa-trash:before {
    content: "\f014";
}

.fa-times:before {
    content: "\f00d";
}
.fa-volume-control-phone{
    content: "\f2a0";
}
.fa-times-circle:before {
    content: "\f057";
    font-size: 12px;
}


.fa-star:before {
    content: "\f005";
}

.fa-star-o:before {
    content: "\f006";
}

.fa-cog:before {
    content: "\f013";
}

.fa-search:before {
    content: "\f002";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-bars:before {
    content: "\f0c9";
}

.fa-phone:before {
    content: "\f095";

}

.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.fa-pencil:before {
    content: "\f040";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
    font-size: 40px !important;
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-clock-o:before {
    content: "\f017";
}

.fa-user:before {
    content: "\f007";
    color: var(--success-color);
}

.fa-user-o:before {
    content: "\f007";
    color: var(--border-color);
}

.fa-user-times:before {
    content: "\f235";
    color: var(--border-color);
}

.fa-check-circle:before {
    content: "\f05d";
    color: var(--success-color);
}

.fa-navicon:before {
    content: "\f0c9";

}

.fa-forward:before {
    content: "\f18e";
    color: var(--primary-color);

    border: 0px solid var(--border-color);

    font-size: 25px;
    vertical-align: central;
    padding: 3px;

}

.fa-forward:hover:before {

    color: var(--content-color);
    background-color: var(--primary-color);


    border-radius: 16px;


}

.hsz_cont::after {
    content: "";
    display: table;
    clear: both;
}

/*----terkep2----*/
.cluster {
    z-index: 100;
}

.cluster .wrap {
    text-align: center;
    color: #FFF;
    border: 1px solid #FFF;
    -webkit-box-shadow: 1px 3px 30px -6px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 3px 30px -6px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 3px 30px -6px rgba(0, 0, 0, 0.75);
    background: rgba(14, 98, 49, 1);

    /* Chrome,Safari4+  */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(14, 98, 49, 1) 0%, rgba(12, 84, 42, 1) 40%, rgba(9, 63, 32, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(14, 98, 49, 1) 0%, rgba(12, 84, 42, 1) 40%, rgba(9, 63, 32, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(14, 98, 49, 1) 0%, rgba(12, 84, 42, 1) 40%, rgba(9, 63, 32, 1) 100%);
    /* IE 10+ */
    background: radial-gradient(ellipse at center, rgba(14, 98, 49, 1) 0%, rgba(12, 84, 42, 1) 40%, rgba(9, 63, 32, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1F8909', endColorstr='#093F20', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.cluster .wrap {
    background: #9f001b !important;
    color: #FFF;
    width: 50px;
    height: 50px;
    border-radius: 33px;
    -webkit-user-select: none;
    text-align: center;
    padding: 10px;
    line-height: 2em;
    cursor: pointer !important;
    position: relative;
}

.cluster-1 .wrap {
    width: 30px;
    height: 30px;
    border-radius: 19px;
    padding: 7px;
    line-height: 1.1em;
}

.cluster-2 .wrap {
    width: 40px;
    height: 40px;
    border-radius: 33px;
    padding: 5px;
}


.box_kedvenc_cseveges {
    float: left;
    width: 90px;

    margin: 15px 4px 0px;
    text-align: center;
    overflow: hidden;
    height: 106px;
}

.hirdeto_box_kereso_w245 .profilkep {
    width: 245px;
    height: 245px;
}

.csevilista .hsz_cont, .forumlista .hsz_cont, .elveszettlista .hsz_cont {
    clear: both;
    min-height: 50px;
    padding: 10px 0;
    word-break: break-word;
}

.csevilista .hsz_avatar, .forumlista .hsz_avatar, .elveszettlista .hsz_avatar {
    float: right;
    margin-left: 10px;
}



.pull-right {
    float: right !important;
}

.infobox_la {
    vertical-align: top;
    line-height: 1.8;
    padding: 1px 5px 0px 5px;
    font-size: 14px;
    cursor: pointer;

}

.beszibes {
    text-align: center;
    margin: 0px 5px 5px 5px;
    display: inline-block;
    height: 16px;
    border-radius: 5px;
    line-height: 19px;
    padding: 5px 10px 5px 10px;
}

.dropdown-menu {
    z-index: 9999999;
}

.dropdown-menu {
    position: absolute;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;

    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.175);
}

.pontozas-pontozott {
    float: right; /* A span jobbra kerül */
    clear: both;
    float: right;
    margin: 0px 0px 10px 10px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    white-space: nowrap;
    padding: 5px;
    font-size: 12px;


}

.mentesgomb {
    background-color: var(--success-color) !important;
    color: var(--content-color) !important;
    font-size: 14px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
}

.megsegomb {
    background-color: var(--warning-color) !important;
    color: var(--content-color) !important;
    font-size: 14px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
}

.mutasd, .hidden {

    display: none !important;
}

.commentsystem_addmsg_form {
    width: 95%;
}

#chaticon {
    position: fixed;
    bottom: 15px;
    right: 15px;
    font-size: 1.6rem;
    line-height: 55.5px;
    background: #5CB85C;
    color: white;
    z-index: 199;
    border-radius: 100px;
    width: 55.5px;
    height: 55.5px;
    text-align: center;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
    transition: all .3s ease-out;
}

i.fa.fa-comments-o {
    font-size: 30px;
    margin-top: 5px;
}

.ui-datepicker {
    background-color: #ffffff !important;

}


.modal-dialog {
    position: relative;
    top: -301px;
    left: 100px;
    background-color: var(--warning-color);
    color: var(--content-color);
    width: fit-content;
    padding: 20px;
    border: 2px solid var(--text-color);
    border-radius: 10px;
}

.most-hivj {
    font-weight: bold;
    border-radius: 10px;
    padding: 5px 10px 5px 10px;
    display: block;
    width: fit-content !important;
    margin: 5px 20px 10px 20px;
}

.apro {
    font-size: 10px;
}