* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-family:Arial, Helvetica, sans-serif; color:#444; font-size:inherit; margin:0px; padding:0px; vertical-align:top; outline-width:0px; outline-style:none; text-align:left; }
html { background-color:black; }
html.adat_oldal, body.adat_oldal { background-color:white; }
html.iframe_html { background-color: rgba(0, 0, 0, 0.5); }
.iframe_request { width:100%; height:100%; position:fixed; top:0px; left:0px; border:none; z-index:50; }

h1 { font-size:larger; font-weight:bold; }
h2 { font-weight:bold; }
h3 { font-weight:normal; color:gray; }
table { border-collapse:collapse; }
a {-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }

.inline_container { display:inline-block; }
.inline { display:inline; }
.vastag { font-weight:bold; }
.kisebb { font-size:smaller; }
.nagyobb { font-size:larger; }
.jobbra { text-align:right; }
.kozepre { text-align:center; }
.vkozep { vertical-align:-30%; }
.vle { vertical-align:bottom; }
.halvany { color:grey; }
.piros { color:red; }
.narancs { color:orange; }
.alahuzatlan { text-decoration:none; }
.mutato { cursor:pointer; }
.float_right { float:right; }
.float_left { float:left; }
.clearfix::after { content: ""; clear: both; display: table; }


select { -webkit-appearance: none; -moz-appearance: none; background-image: url("/img/listbox_nyil.svg"); background-position: 100% center; background-repeat: no-repeat; }
input[type="text"], input[type="password"], input[type="number"], input[type="tel"], select, textarea, input[list] { background-color:white; border-style:solid; border-color:DimGrey; width:100%; box-shadow:none; text-size-adjust:none; }
input[type="text"]:disabled, input[type="password"]:disabled, input[type="number"]:disabled, input[type="tel"]:disabled, select:disabled, textarea:disabled, input[list]:disabled { background-color:WhiteSmoke; border-color:lightgrey; color:rgb(84,84,84); }
input[type="text"]:read-only, input[type="password"]:read-only, input[type="number"]:read-only, input[type="tel"]:read-only, textarea:read-only, input[list]:read-only { background-color:WhiteSmoke; border-color:lightgrey; color:rgb(84,84,84); }
input[type="text"]:-moz-read-only, input[type="password"]:-moz-read-only, input[type="number"]:-moz-read-only, input[type="tel"]:-moz-read-only, textarea:-moz-read-only, input[list]:-moz-read-only { background-color:WhiteSmoke; border-color:lightgrey; color:rgb(84,84,84); }
input[type="text"]:required, input[type="password"]:required, input[type="number"]:required, input[type="tel"]:required, select:required { border-color:orange; }
input[type="button"], input[type="submit"], button { color:black;  }
input[type="button"]:disabled, input[type="submit"]:disabled { color:rgb(84,84,84); background-color:#bbbbbb } 
.zold_gomb { background-color:#c8f6c8; }
.piros_gomb { background-color:#ffa0a0; }
.kek_gomb { background-color: lightblue;; }


#ajax_loader_screen_bg { position:fixed; top:0px; left:0px; width:100vw; background-color:#c0c0c0; height:100vh; margin:0; opacity:0.4; z-index:10000; }
#ajax_loader_img { position:fixed; top:40%; left:0; width:100%; text-align:center; margin:0; z-index:10001; }
#ajax_loader_img p { text-align:center; color:cyan; }

#fejlec { background-color:white; }
#fejlec_tartalom { width:100%; color:black; font-weight:bold; }
#rendszer_fej { color:black; font-weight:bold; text-align:center; }
#oldal_fej, #azonosito_fej { color:black; font-size:smaller; }
#comm_send, #comm_receive { color:darkgrey; display:inline; font-weight:900; vertical-align:top; }
#menugomb { position:absolute; top:0px; right:0px; }
#oldal_menu { position:absolute; z-index:100; display:none; background-color: rgba(60,60,60,0.90); }
#oldal_menu a { text-decoration:none; vertical-align:middle; color:white; display:table-row; }
#oldal_menu a hr { border-color:white; }
#oldal_menu .nema { color:grey; vertical-align:middle; position:relative; display:table-row; }
#oldal_menu img { display:inline; background-color: white; vertical-align:middle; border-radius:20%; }
#oldal_menu .nema_img { z-index:101; vertical-align:middle; border:none; position:absolute; background-color: rgba(0,0,0,0.5); border-radius: 20%; }
#oldal_menu p { display:inline-block; margin:0px; vertical-align:middle; color:white; }
#oldal_menu .nema p { display:inline-block; margin:0px; vertical-align:middle; color:grey; }

#container { min-height: 100%; position:relative; }
#iframe_container { min-height: 100%; position:relative; }
#footer { clear: both; position: relative; color: white; }


.modal_background { display:none; position:fixed; z-index:1000; left:0px; top:0px; width:100%; height:100%; overflow:auto; background-color:rgba(0,0,0,0.5); text-align:center; }
.modal_content { background-color: white; margin: 25% auto; display: inline-block; border-radius: 5%; }
.modal_message_header, .modal_error_header, .modal_alert_header { font-size:larger; font-weight:bold; text-align:center; border-bottom-style:solid; border-bottom-color:darkgrey; } 
.modal_error_header { color: red; }
.modal_alert_header { color: orange; }
.modal_gomb { display:inline-block; text-align:center; }
.alert_background { display: none; position:fixed; z-index:2000; left:0px; top:0px; width:100%; height:100%; overflow:auto; background-color:rgba(0,0,0,0.5); text-align:center; }
.alert_content { background-color:white; margin-top:25%; display:inline-block; border-radius:5%; }
.modal_gombsav { text-align:center; border-top-style:solid; border-top-color:darkgrey; }

#modulkezdolap_cim { color:white; }

.modal_hatter { position:fixed; left:0px; top:0px; z-index:19; width:100%; height:100%; overflow:auto; background-color:rgba(0,0,0,0.5); text-align:center; }
.modal_tartalom { background-color:white; margin:auto; display:inline-block; text-align:left; position:relative; width:100%; }
.modal_tartalom .oldalcim { font-weight:bold; }

.sor, .sor_p { display:inline-block; vertical-align:top; }
.sor5 { width:5%; }
.sor5x { width:4%; }
.sor8x { width:7%; }
.sor10 { width:10%; }
.sor10x { width:9%; }
.sor15 { width:15%; } 
.sor15x { width:14%; }
.sor20 { width:20%; }
.sor20x { width:19%; }
.sor25 { width:25%; }
.sor25x { width:24%; }
.sor30 { width:30%; }
.sor30x { width:29%; }
.sor33 { width:33%; }
.sor33x { width:32%; }
.sor35 { width:35%; }
.sor35x { width:34%; }
.sor40 { width:40%; }
.sor40x { width:39%; }
.sor45 { width:45%; }
.sor45x { width:44%; }
.sor46x { width:45%; }
.sor50 { width:50%; }
.sor50x { width:49%; }
.sor55 { width:55%; }
.sor55x { width:54%; }
.sor60 { width:60%; }
.sor60x { width:59%; }
.sor65 { width:65%; }
.sor65x { width:64%; }
.sor67 { width:67%; }
.sor67x { width:66%; }
.sor70 { width:70%; }
.sor70x { width:69%; }
.sor75 { width:75%; }
.sor75x { width:74%; }
.sor80 { width:80%; }
.sor80x { width:79%; }
.sor85 { width:85%; }
.sor85x { width:84%; }
.sor90 { width:90%; }
.sor90x { width:89%; }
.sor95 { width:95%; }
.sor95x { width:94%; }
.sor100 { width:100%; }
.sor100x { width:99%; }
.sor10w { width:10vw; }
.sor10wx { width:9vw; }
.sor15w { width:15vw; } 
.sor15wx { width:14vw; }
.sor20w { width:20vw; }
.sor20wx { width:19vw; }
.sor25w { width:25vw; }
.sor25wx { width:24vw; }
.sor30w { width:30vw; }
.sor30wx { width:29vw; }
.sor33w { width:33vw; }
.sor33wx { width:32vw; }
.sor35w { width:35vw; }
.sor35wx { width:34vw; }
.sor40w { width:40vw; }
.sor40wx { width:39vw; }
.sor45w { width:45vw; }
.sor45wx { width:44vw; }
.sor50w { width:50vw; }
.sor50wx { width:49vw; }
.sor55w { width:55vw; }
.sor55wx { width:54vw; }
.sor60w { width:60vw; }
.sor60wx { width:59vw; }
.sor65w { width:65vw; }
.sor65wx { width:64vw; }
.sor67w { width:67vw; }
.sor67wx { width:66vw; }
.sor70w { width:70vw; }
.sor70wx { width:69vw; }
.sor75w { width:75vw; }
.sor75wx { width:74vw; }
.sor80w { width:80vw; }
.sor80wx { width:79vw; }
.sor85w { width:85vw; }
.sor85wx { width:84vw; }
.sor90w { width:90vw; }
.sor90wx { width:89vw; }
.sor95w { width:95vw; }
.sor95wx { width:94vw; }
.sor100w { width:100vw; }
.sor100wx { width:99vw; }
.fontos_sor { background-color:#ffe699; }

.custom_checkbox, .custom_radio {display:none;}
.custom_checkbox + label, .custom_radio + label { background:url('/img/ures.svg') no-repeat; background-size: cover; display:inline-block; border-style:solid; border-color:DimGrey; }
.custom_checkbox:checked + label, .custom_radio:checked + label { background:url('/img/checked.svg') no-repeat; background-size: cover; }
.custom_checkbox:disabled + label, .custom_radio:disabled + label { background-color: lightgrey; color: rgb(84,84,84); }

.custom_kibegomb {display:none;}
.custom_kibegomb + label { background:url('/img/kigomb.svg') no-repeat; background-size: cover; display:inline-block; }
.custom_kibegomb:checked + label { background:url('/img/begomb.svg') no-repeat; background-size: cover; }

.custom-combobox { position:relative;  }
.custom-combobox input[type="text"] { position:absolute; top:0px; left:0px; border-color:transparent; background-clip: padding-box; width:90%; }

#help_keret { display:none; border-style:solid; border-color:orange; background-color: rgba(255,255,255,1); border-radius: 5%; vertical-align:top; position:absolute; z-index:200; }
#help_keret img, #help_keret svg { padding:0px; margin:0px; }
#help_keret .loading { position:relative; left:45%; }
#help_keret h1, #help_keret h2, #help_keret h3 { font-size:smaller; }
#help_keret p { font-weight:normal; font-size:smaller; }
.help_keret_nyil_fent { position:absolute; border-style: solid; border-color: transparent transparent orange transparent; }
.help_keret_nyil_lent { position:absolute; border-style: solid; border-color: orange transparent transparent transparent; }

.nyilt_tabla th, .zart_tabla th { font-weight: bold; }

.evvalto_sor { background-color: #e8e8e8; text-align:center; }
.evvalto_sor .evszam_cimke { display:inline-block; color:black; font-size:larger; font-weight:bold; }
.evvalto_sor .bal_nyil { float:left; }
.evvalto_sor .jobb_nyil { float:right; }

.lista1_table tr.a { background-color:WhiteSmoke; } 
.lista1_table tr.b { background-color:White; }

.lista2_table tr.a { background-color:#E0FFFF; } 
.lista2_table tr.b { background-color:#A8C0C0; }
.kiement_sor { border-color:red; border-style: solid; }

.hibaszalag { background-color:yellow; color:red; font-weight:bold; text-align:center; }

.popup_blokk { color:black; position:relative; }
.popup_blokk .popup_terulet { display:none; background-color: rgba(200,200,200,0.95); }

.popup_ablak { color:black; position:fixed; z-index:50; width:100%; height:100%; top:0; left:0; background-color: rgba(0,0,0,0.6); overflow:auto; }
.popup_ablak .popup_ablak_terulet { background-color:white; }

.oldal_hibauzenet { color:white; font-weight:bold; text-align:center; }

@media  only screen and (orientation: landscape) and (min-aspect-ratio: 10/8)
{
  .portrait { display:none; }
}

@media  only screen and (orientation: portrait) and (max-aspect-ratio: 10/8)
{
  .landscape { display:none; } 
}