body{margin:0;padding:0;font:11px Verdana,sans-serif;background:#eee}
abbr{border:none;cursor:help}
form{padding:0;margin:0}
fieldset{border:none;padding:0.5em;margin:0.5em}

textarea, 
select, 
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="url"],
input[type="tel"] {
  padding: 4px;
  font-family: Verdana, sans-serif;
  font-size: 1em;
  border:1px solid #ccc;
  background:#fcfcfc
}
input[type="submit"]{font-family:Verdana,sans-serif;border:3px double #ccc;padding:4px;background:#eee}
input[type="button"]{font-family:Verdana,sans-serif;border:3px double #ccc;padding:4px;background:#eee}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus {
  background-color: #ffc !important;
  border-color: #ccf !important;
  box-shadow: 0 0 5px #9cf;
}

.d-inline {display: inline;}
.d-inline-block {display: inline-block;}
.d-block {display: block;}

.d-flex {display: flex;}
.d-inline-flex {display: inline-flex;}
.flex-center { 
    align-items: center;
    justify-content: center;
}
.gap-1 { gap: 1rem; }
.gap-05 { gap: 0.5rem; }

.cursor-pointer {cursor: pointer;}

.al {text-align: left;}
.ar {text-align: right;}
.ac {text-align: center;}
.b {font-weight: bold;}
.i {font-style: italic;}
.mono {font-family: monospace;}
.code {
    display: inline-block;
    padding: 0.2rem 0.4rem;
    line-height: 1;
    background: #fff;
    color: #222;
    border-radius: 3px;
    font-family: monospace;
    font-size: 15px;
}

.badge {
    display: inline-block;
    padding: 0.2rem 0.4rem;
    line-height: 1;
    font-weight: bold;
    background: #f00;
    color: #fff;
    border-radius: 3px;
}
.badge-green {background: #6c0;}
.badge-blue {background: #09f;}
.badge-yellow {background: #fa0;}

.bigger {font-size: 15px !important;}

.rendben, .zold, .success { color: #090 }
.figyelmeztetes, .sarga, .warning { color: #c90 }
.hiba, .piros, .error { color: #e00 }
.purple, .lila { color: #a09 }
.blue, .kek { color: #39c }
.gray, .grey, .szurke { color: #999 }

.hiba_nagy_kozep{color:#e00;text-align:center;background:orange !important; font-size:1.4em; font-weight:bold}

.kissebb{font-size:smaller}
.mellek_info{font-size:.9em}
.th_left th{background:none !important;color:#000 !important;text-align:left}

a img{border:none}

.float-left {float: left;}
.float-right {float: right;}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0px}

.marg10 {margin: 10px;}
.marg20 {margin: 20px;}
.marg30 {margin: 30px;}
.marg40 {margin: 40px;}

.pad10 {padding: 10px;}
.pad20 {padding: 20px;}
.pad30 {padding: 30px;}
.pad40 {padding: 40px;}


#netteszt-logo{background:#fff url(../images/logo.png) no-repeat;width:210px;height:50px;position:absolute;z-index:99999; border-bottom:1px solid white}

#cim {
    position:relative;
    margin: 0;
    padding: 0.6rem 1rem;
    background:#346;
    border-bottom: 1px solid #222; 
}
#cim h1 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 1.2rem;
    text-transform: uppercase;
}
#cim h1 a {
    color: #9ac;
    text-decoration: none;
}

#belepett_neve {
    position: absolute; 
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
}
#belepett_neve .adatok {
    float: left;
    color: #9ac;
    line-height: 1.4;
}
#belepett_neve .logout_ikon {
    float: right;
    padding-left: 1rem;
}
#belepett_neve .logout_ikon a {
    display: block;
    padding: 8px 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    background-color: #900;
    border-radius: 3px;
}

#panel {
    display: none;
}

.slide {
	margin: 0;
	padding: 0;
	background: #555;
    border-bottom: solid 1px #222;
}
.btn-slide {
	height: 10px;
	display: block;
}
.active {
	background-color: #457;
	color: #fff;
}

#serverload{position:absolute; top:1px;right:250px; font-size:12px; font-family:monospace; white-space:pre}
#serverload table{ border:1px solid #333; border-collapse:collapse}
#serverload table th, #serverload table td{ border:1px solid #333; padding:0px 5px}
#serverload table thead th{ background:#111; color:#999}
#serverload table tbody th{ background:#222; color:#3cf}
#serverload table td{ background:#222; text-align:center; color:#fc6}
#serverload .alarm1{color:#000;background:#f90}
#serverload .alarm2{color:#fff;background:#d00}


#kedvencek_menu{background:#ccc;position:relative}
#kedvencek_menu ul{display:inline; padding:0; margin:0}
#kedvencek_menu li{display:inline;height:1%}
#kedvencek_menu li a{display:block;float:left;background:#eee;color:ButtonText;margin:1px 0 1px 1px !important;padding:4px;border:1px solid #999;text-decoration:none;font-size:11px;text-align:center; white-space:nowrap}
#kedvencek_menu li a:hover{background:#cdf; border-color:#69f;color:#000}

#menusor{
    position: relative;
    background: #888;
}

#navmenu {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
}
#navmenu li {
    position: relative;
    display: inline;
}
#navmenu li a {
    display: inline-block;
    margin: 0;
    padding: 8px 8px;
    background-color: #333;
    border-right: 1px solid #222;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
}
#navmenu li a:hover {
    background-color: #746;
}
#navmenu li a.van_ikon {
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px 20px;
    padding-left: 40px;
}
#navmenu li ul {
    min-width: max-content;
    position: absolute;
    top: 10px;
    left: 0;
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #222;
}
#navmenu li:hover ul {
    display: block;
    z-index: 1;
}
#navmenu li ul li a {
    display: block;
    border-bottom: 1px solid #222;
}

.pikto {
    padding-left:18px !important;
    background-repeat:no-repeat !important;
    background-position:1px center !important;
}

.a_fooldal { background-image: url('/images/house2.svg') }
.a_munkak  { background-image: url('/images/newspaper.svg') }
.a_kampanyok  { background-image: url('/images/globe.svg') }
.a_ugyfelek  { background-image: url('/images/businessman.svg') }
.a_dolgozok  { background-image: url('/images/employee.svg') }
.a_domainek  { background-image: url('/images/www.svg') }
.a_tarhely_tipusok  { background-image: url('/images/hardware.svg') }
.a_jogosultsagok  { background-image: url('/images/key2.svg') }
.a_menu {background-image:url('/images/menu.png') }
.a_hirlevelek  { background-image: url('/images/hirlevelek_menupont.png') }
.a_adatbazisok  { background-image: url('/images/adatbazisok_menupont.png') }
.a_kedvencek  { background-image: url('/images/kedvencek_menupont.png') }
.a_lekerdezesek  { background-image: url('/images/lekerdezesek_menupont.png') }
.a_penzugy  { background-image: url('/images/coins2.svg') }
.a_hazipenztar  { background-image: url('/images/hazipenztar_menupont.png') }
.a_szamlazas  { background-image: url('/images/szamlazas_menupont.png') }
.a_ftp_admin  { background-image: url('/images/link.svg') }
.a_smtp_admin  { background-image: url('/images/mail.svg') }
.a_lejarati_kampanyok  { background-image: url('/images/clock.svg') }
.a_hazipenztar_nt  { background-image: url('/images/money-coin.png') }
.a_cert_admin  { background-image: url('/images/shield.svg') }
.a_domain_tipusok { background-image: url('/images/www2.svg') }
.a_szamlanyilvantartas_konyveles { background-image: url('/images/coins2.svg') }

#content{margin:1em;background:#fff;border:1px solid #ddd;padding:1em}
#content h2{padding:4px;margin:0;font-size:1.6em;font-weight:normal;border-bottom:6px solid #def}
#content a{color:#45a;text-decoration:none}
#content a:hover{color:#d40;text-decoration:underline}
#content .black {color:#333;}
#content .vezerlok{padding:0.5em;margin:1em 0;border-bottom:3px double #ddd}
#content table{border-collapse:collapse;border:1px solid #ddd}
#content table th{border:1px solid #ddd;padding:4px 2px;color:#fff;background:#777}
#content table table th{ text-shadow:none}
#content table td{border:1px solid #ddd;padding:3px}

#content table tr.sor1:hover td, 
#content table tr.sor2:hover td{background:#fe4}
#content table tr.sor1{background:#fff}
#content table tr.sor2{background:#f6f6f6}
#content table tr.sor_be{background:#dfd}
#content table tr.sor_ki{background:#fdd}
#content table tr.sor_bank{background:#9cf}
#content table tr.sor_kimeno{background:#ff6}
#content table tr.sor_bejovo{background:#9f6}
#content table tr.sztorno{background:#f961f7}
#content table tr.kinntlevoseg{background:#ffcb8f}
#content table tr.netteszt_alapjan_kiegyenlitve{background:#49bf23}
#content table tr.tetelsor_aktiv td {
    background-color: #f8f;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    font-weight: bold;
}

#content table.noborder{border-collapse:separate;border:none}
#content table.noborder td, 
#content table.noborder th{border:none}
#content table table.noborder{border-collapse:collapse;border:none}
#content table table.noborder td, 
#content table table.noborder th{border:none; padding:1px; margin:0}
.nobg td, 
.nobg th{ background:none !important; color:#000 !important}
#content table tr td .class-domainek{border:1px inset #444}
#content table tr td .class-domainek th{background:#444;border:2px groove #444;color:#87D0ED}
#content table tr td .class-domainek tr td{border:2px groove #444;padding:5px}
#content table tr td .class-domainek .sor1{}
#content table tr td .class-domainek .fodomain{font-weight:bold;color:#f00}
#content table tr td .class-domainek .fodomain a{color:#f00}
#content textarea, 
#content select, 
#content input[type="text"], 
#content input[type="password"], 
#content input[type="file"]{padding:3px;border-width:1px;border-style:solid;border-color:#ddd;background:#ffffe9;box-shadow: inset 2px 2px 3px rgba(0,0,0,0.1);}
#content textarea:focus, 
#content select:focus, 
#content input[type="text"]:focus, 
#content input[type="password"]:focus, 
#content input[type="file"]:focus{background:#ffe}
#content input[type="submit"], 
#content button{        background:#ccc url(/images/buttonbg.png) repeat-x -1px -1px; display:inline-block; padding:3px 10px; color:#000; text-decoration:none; font-weight:bold; line-height:1; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.25); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.25); text-shadow:1px 1px 0 rgba(255,255,255,0.5); border:1px solid rgba(0,0,0,0.1); position:relative; cursor:pointer}

#kommentar_lista{margin:1em 0;padding:1em;background:#eee;border:1px solid #ccc}

div.autocomplete{position:absolute;height:200px;overflow:auto;background-color:white;border:1px solid #888;margin:0px;padding:0px}
div.h400{height:400px}
div.autocomplete ul{list-style-type:none;margin:0px;padding:0px}
div.autocomplete ul li{list-style-type:none;display:block;margin:0;padding:2px;font-size:9px;cursor:pointer;background:#f6f6f6;border-bottom:1px solid #eee}
div.autocomplete ul li.li1{ background:#fff}
div.autocomplete ul li.selected{background-color:#ffb}

#felhasznalo, 
#jelszo{ color:#3E698F; font-size:1.4em; font-weight:bold; border:2px solid #def !important; padding:4px !important}

hr{border:1px solid #fff;border-bottom:1px solid #ccc}
.beljebb{margin-left:20px !important}
.pdate{color:#777;font-weight:bold;margin:.5em 0;background:#eee;padding:.4em}
.ptitle{color:#333;font-size:1.4em;font-weight:bold;margin-top:.5em}
.plinks{font-size:.8em;color:#ccc;margin-top:0.2em}
.plinks a{color:#09f}
.pdesc{font-size:.8em;color:#666;margin-top:.4em;margin-bottom:1em}

.tblfolyamatok{border-collapse:collapse;width:100%}
.tblfolyamatok a{color:#09f;text-decoration:none}
.tblfolyamatok a.kesz{color:#9cf !important;text-decoration:none}
.tblfolyamatok tr td{font-size:.8em;color:#333;border-bottom:1px solid #eee}
.tblfolyamatok tr:last-child td{border:none}

.szazszazalek{display:inline-block;width:100px;height:10px;background:#f54}
.szazszazalek_kesz{display:inline-block;width:100px;height:10px;background:#6C6}
.szazalek{display:inline-block;height:10px;background:#6C6;border-right:1px solid #fff}
.fontos{color:#d00;font-weight:bold}
.belso{color:#f60}
.normal{color:#999}


#main_nav{line-height:1.5em;color:#000}
.icon{display:inline-block;padding:10px 20px 10px 40px;background-color:#ffc;background-repeat:no-repeat;background-position:8px 6px;border:solid 1px #DEDEDE;color:#222;text-align:center}
.icon:hover{background-color:#fed}
.icon-hazipenztar{background-image:url(/images/penzugy_hazipenztar.png)}
.icon-bank{background-image:url(/images/penzugy_bank.png)}
.icon-khbbank{background-image:url(/images/kh.png)}
.icon-magnetbank{background-image:url(/images/magnet.png)}
.icon-szamlanyilvantartas{background-image:url(/images/penzugy_szamlanyilvantartas.png)}

.comment-num {
  display: inline-block;
  padding: 4px 6px;
  background-color: #06c;
  color: white;
  line-height: 1;
  border-radius: 35% 25% 35% 0;
  font-weight: bold;
}
.megjegyzes-area {
  padding: 5px !important;
  min-width: 600px;
  min-height: 100px;
  background-color: #ffc !important;
}

.button {display:inline-block; padding: 0.5rem 0.5rem; background-color: #333; border: 1px solid #222; color: #fff !important; font-size: .75rem; border-radius: 3px;}
.button:hover {text-decoration: none !important; box-shadow: 0 0 5px #111; background-color: #444;}
.button-lg {padding: .75rem 1rem; font-size: 1rem}
.button.small-padding, .button-sm {padding: 0.25rem;}
.button.tiny-padding, .button-xs {padding: 0.15rem 0.2rem;}
.button.no-padding {padding: 0;}
.button.green {background-color: #495; border-color: #384;}
.button.green:hover {background-color: #5a6; box-shadow: 0 0 5px #162;}
.button.blue {background-color: #069; border-color: #048;}
.button.blue:hover {background-color: #17a; box-shadow: 0 0 5px #036;}
.button.red {background-color: #d44; border-color: #c33;}
.button.red:hover {background-color: #e55; box-shadow: 0 0 5px #c33;}
.button.orange {background-color: #eb0; border-color: #da0; color: #000 !important;}
.button.orange:hover {background-color: #fc0; box-shadow: 0 0 5px #c90;}
.button.grey {background-color: #ddd; border-color: #bbb; color: #000 !important;}
.button.grey:hover {background-color: #eee; box-shadow: 0 0 5px #ccc;}

.mod_y {color: #080;}
.mod_n {color: #d00;}

table.cooltable {
    border: 1px solid #ddd;
    border-collapse: collapse;
}
table.cooltable > tbody > tr > td {
    padding-block: 0.5rem !important;
}
table.cooltable tr:nth-child(odd) {
    background: #fff;
}
table.cooltable tr:nth-child(even) {
    background: #f6f6f6;
}
table.cooltable tr:hover {
    background: #fe4;
}

.coolform {
    font-size: 12px;
}

.coolform label {
    display: inline-block;
    min-width: 20em;
    font-family: sans-serif !important;
    font-weight: bold;
    font-size: 1em;
}

.coolform input {
    font-family: sans-serif !important;
    font-size: 1em !important;
    padding: 0.5em !important;
    border: 1px solid #ccc !important;
    background: #eee !important;
    min-width: 15em;
}

.coolform textarea {
    font-family: sans-serif !important;
    font-family: monospace !important;
    font-size: 1em !important;
    background: #eee !important;
    border: 1px solid #ccc !important;
}
.fodomain_lejarat {
    color: #f60 !important;
}
.fodomain_lejarat:after {
    content: " (fő)";
}

.tranzakcio_j { font-weight: bold; color: #090; }
.tranzakcio_t { font-weight: bold; color: #E00; }