<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@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;


}



.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%;
    height:44px;
}

.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;
    height:44px;
    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;

}

.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 &gt; 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 &lt;a&gt; tag formÃ¡zÃ¡sa */
.container_120 a {
    display: block;
    overflow: hidden;
    width: 130px; /* SzÃ©lessÃ©g meghatÃ¡rozÃ¡sa az &lt;a&gt; 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 &lt;a&gt; 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 &lt;a&gt; tageken belÃ¼l */
.container_120 a .text {
    margin-top: 10px;
}

/* Hover effekt az &lt;a&gt; 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;

    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:0px 20px 10px 0px;

}

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

.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 &lt;p&gt; 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;
}

.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) {


    .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;
    width:21px;
}

.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 {
    border:1px solid !important;
}

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;
}
</pre></body></html>