/*.hj {background-color: #b11a1a; border-radius: 12px; display: inline-block; width: 21px; text-align: center; color: #fff; font-weight: bold; position: relative; left: -7px; margin-left: -21px;}
.hj:hover {cursor: pointer;}*/
.hibasinputmezo, input[type="checkbox"].hibasinputmezo+.checkmark, input[type="radio"].hibasinputmezo+.radiocheckmark {border-color: #b14545 !important; border-width: 2px !important; background-image: url('felkj.svg'); background-repeat:  no-repeat; background-position: 98% center; background-size: 20px 20px;}
select.hibasinputmezo {background-position: 96% center;}
input[type="checkbox"].hibasinputmezo+.checkmark, input[type="radio"].hibasinputmezo+.radiocheckmark {background-position: center; background-size: 19px 19px;}

.helyedre {clear: both;}
.jel {text-align: center; font-weight: bold; color:#fff; position: fixed; height: 40px; line-height: 40px; top: -40px; left:0; width: 100%; transition: top .5s;}
.jel::after {content: "X"; float: right; margin-right: 10px;}
.nyit {top: 0;}
.ok {background-color: #4db145; }
.hibabar {background-color: #b14545;}
.loader {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.3) url('/kepelemek/loader.svg') center no-repeat;}
.container {display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer;
  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.container input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark {position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #fff; border-radius: 3px;border:1px solid #ababab; }
.container:hover input ~ .checkmark {background-color: #eee;}
.container input:checked ~ .checkmark {background-color: #4589B1; background-image: none;}
.checkmark:after { content: ""; position: absolute; display: none;}
.container input:checked ~ .checkmark:after { display: block; }
.container .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} 

.radiocheckmark {position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #fff; border-radius: 50%;   border: 1px solid #ababab;}
.container:hover input ~ .radiocheckmark { background-color: #eee;}
.container input:checked ~ .radiocheckmark { background-color: #4589B1;}
.radiocheckmark:after { content: ""; position: absolute; display: none;}
.container input:checked ~ .radiocheckmark:after { display: block;}
.container .radiocheckmark:after {top: 9px;left: 9px; width: 8px; height: 8px; border-radius: 50%; background: white;}
.chkinp {margin-bottom: 30px;}
.nemlatszik {display: none;}
.aktiv:hover {cursor: pointer;}

.emailerror {color: #b14545; }
a {text-decoration: none;color:#4589B1;}
a:hover {text-decoration: underline;}
html {height: 100%;}
body {height: 100%; font-family: 'Raleway', sans-serif; font-size: 18px; margin: 0; background-color: #f1f5f7;}
header img {width: 100%; vertical-align: bottom;}
main { height: 100%;}
.oldalmeret {width: 1000px; margin: 0 auto;}
.km {background-color: #4589B1; box-sizing: border-box; min-height: 100%; display: flex;}
.km::after {content: ""; display: table; clear: both;}
nav { width: 200px;  color: #fff; box-sizing: border-box; padding: 5px; height: 100%;}
nav a {color: #fff;}
.bejel {margin: 15px 0 10px;}
.benev {border-bottom: 1px solid #fff;padding-bottom: 15px;}
.focim {color: #fff; font-size: 24px; text-align: center; padding: 10px 0 15px 0; border-bottom: 1px solid #fff; font-weight: bold;}
.sm {padding-left: 17px; margin-top: 10px; padding-bottom: 10px;}
.sm li {height: 30px; line-height: 30px;}
.sm li a:hover {text-decoration: none;}
.sm li:last-child {margin-top: 20px !important;}

.katalogus {box-sizing: border-box; width: 800px; background-color: #ffffff; padding: 5px;  position: relative;}
.katalogus h1 {color: #3F8ECF; font-size: 26px; padding-left: 10px; border-bottom: 1px solid #ABABAB; font-weight: normal;}
.fi {margin: 15px;}
.fi .label {margin: 20px 0 5px 0;}
.fi input, .ukg, .fi select, .fi textarea, .kerdoivmegnez, .kerdoivment, .kerdoiv input,.kerdoiv select, .kerdoiv textarea {box-sizing: border-box; height: 36px; padding: 0px 10px; border: 1px solid #ABABAB;  font-family: 'Raleway', sans-serif; border-radius: 3px; width: 300px; font-size: 18px; background-color: #fff;}
.fi input {line-height: 36px;}
.fi textarea, .kerdoiv textarea {height: 100px; padding: 10px;}
.fi .label input, .ukg {background-color: #4589B1; color: #fff; border: 1px solid #4589B1; border-radius: 3px; }
.fi .label input:hover, .ukg:hover {background-color: #35759b;}
.fi.submit {margin-top: 30px;}

.gyc {font-weight: bold; color:#333; margin: 15px 0 0 15px; font-size: 20px;}
#regisztracio .fi {display: flex;}
#regisztracio .fi.ts {flex-direction: column;}
#regisztracio .fi.ts select, #regisztracio .fi.ts input, #regisztracio .fi.ts textarea {width: 70%;}
#regisztracio .fi.ts .fio {margin: 10px 0 15px 0;}
.fi .fio .label {margin-top: 0px;}
.fio {margin-right: 50px;}
.elv {width: 60%; margin-left: 50px; border-top:1px solid #ababab;}
.fiok .fio {margin-top: 10px;}
.kephelye {border-radius: 3px;border:1px solid #ababab; width: 190px; height: 190px; margin-bottom: 8px; overflow: hidden; background: transparent url('/kepelemek/default-user-icon.webp') center no-repeat; background-size: cover;}
.fksz {font-size: 14px;}
.kephelye img {width: 100%; height: 100%; object-fit: cover;}
#regisztracio .fi.ts .fio.tolig input {width: 34%;}
#regisztracio .fi.ts .egycikl select, #regisztracio .fi.ts .egycikl input {width: 100%;}
.cs {font-size: 40px; color:#b14545;line-height: 0;}

.hiba {color: #b14545; font-weight: bold; margin-bottom: 50px;}
#jelszovalt {margin-bottom: 200px;}    
.adatlap {margin: 20px 30px;}
.adatlapfej {display: flex; border-bottom: 1px solid #ABABAB; }
.fejkep {width: 200px; height: 200px; overflow: hidden; }
.fejkep img {width: 100%; height: 100%; object-fit: cover;}
.adatok {margin-left: 20px; position: relative; width: 100%;}
.nev {font-size: 24px;}
.leanykorinev {color: #666;}
.szulet {font-size: 14px;}
.lent {position: absolute; bottom: 0px; width: 100%;}
.lent div {margin-bottom: 5px;}
.konf {margin-top: 10px;}
.adatt td { vertical-align: top;}
.adatt td { vertical-align: top;}
.adatt tr td:first-child {font-weight: bold; width: 250px; height: 25px;}
.bemut {border-top: 1px solid #ABABAB; margin-top:10px; padding: 12px 0 30px; text-align: justify;}
.uzenetkuldes {border-top: 1px solid #ABABAB; margin-top:10px; padding-top: 12px;}
.ukf {font-weight: bold; margin-bottom: 10px;}
.ukm {margin-bottom: 10px;}
.um  {vertical-align: top; padding: 10px; border: 1px solid #ABABAB;  font-family: 'Raleway', sans-serif; border-radius: 3px; width: 70%; height: 100px; font-size: 18px;}
.ukg {background-color: #4589B1; color: #fff; border: 1px solid #4589B1; border-radius: 3px; margin-left: 67px;}
.ujckl {line-height: 28px;}
.ujcklad {border: 1px solid #ABABAB;  border-radius: 3px; font-size: 25px; width: 25px; height: 25px; float: left; margin-right: 10px;text-align: center; line-height: 24px; color: #4589B1;}
.egycikl {margin: 10px 0;  width: 70%;}
.ciklustorol, .ciklusmod {color: #b14545; font-weight: bold; float: right;}
#reggomb {border:none;}
.beltag {margin-bottom: 70px !important;}
.tagsagelfogad {display: none;}
.tagsagelfogad .chkinp {margin-bottom: 30px; float: right;}
.egyp {margin-bottom: 10px;}
.torlesre {opacity: 0.3;}

.keresomezok input, .keresomezok select {width: 470px;}
.eredm {padding: 20px;}
.eredm a {color: #265e80; text-decoration: none; }
.eredm a:hover {text-decoration: underline;}
.eredm > div > div {margin: 8px 0; border-bottom: 1px solid #ababab;padding-bottom: 3px;}
.kotinfo {color:#b14545; font-weight: bold;margin: 5px 15px;}
.v {margin: 10px;}

.kerdoivtarto {border: 1px solid #ABABAB; margin: 20px; padding: 10px;}
.kerdes {margin-bottom:15px;}
.valasz {min-height: 32px; margin-left: 10px;}
.kerodivcim {color: #3F8ECF; font-size: 22px; padding-left: 10px; border-bottom: 1px solid #ABABAB; font-weight: normal;}
.kerdoszoveg {margin: 10px; text-align: justify;}
.kerdoivmegnez, .kerdoivment {background-color: #4589B1 !important; color: #fff; border: none !important; float: right; margin-top: 10px;}
.kerdoivment {text-align: center; width: 300px !important;}
/*.kerdoiv {display: none; }*/
.egykv {margin: 20px 0 5px 0; background-color: #fff; border: 1px solid #ABABAB; padding: 15px 20px; background-color: #F1F5F7;}
.kerdoiv input, .kerdoiv textarea {width: 90%;}
.klon {border-top: 1px solid #ccc; padding-top: 15px;margin-top: 15px;}
.container input[type="checkbox"] {width: 50%;}

@media screen and (max-width: 1000px)
{
    .oldalmeret, .katalogus {width: 100%;}
    .km {display: block;}
    nav {width: auto;}
}
@media screen and (max-width: 800px)
{
    #regisztracio .fi {display: block;}
    .fi input, .ukg, .fi select, .fi textarea {width: 90%;}
}