.sz300{width:300px;}
#vagyonorok, #intdiv{overflow: hidden; height: 0px;}
.vagyonorblokk{display: inline-flex;}
.piros{color: red;}
.felhasznalo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 1rem;
    margin: auto;
    padding: 1rem;
    box-sizing: border-box;
}
.felhasznalo-kartya {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 0.5rem;
    background: #f9f9f9;
    display: flex;
    justify-content: space-between;
}
.felhasznalo-kartya form {
    display: inline-block;
    margin-right: 0.5rem;
}
.felhasznalo-nev {
    margin-bottom: 0.5rem;
}
.torol { transition:all .3s ;
    justify-items: center;
    align-items: center;
    display: flex;
;
    width: 20px;
    background: #dc3545 !important;
    color: #fff;
    height: 20px;
    border:none;
    cursor:pointer;
}
.torol:hover {
box-shadow:0px 0px 0px #000;
}
.gyorlista{ display:inline; padding:4px; margin:4px;}
.tartalomkozepen{width:100%, min-height:100px; text-align:center;}
.autoHeight {
  width: 100%;
  overflow: hidden;
  resize: none; /* opcionális: ne lehessen kézzel átméretezni */
  box-sizing: border-box;
}
#vtfcsv{color:#fff; border-radius: 8px; display: inline-flex; width:0px; height: 0px;  justify-content: center; align-items: center; background: #207245; box-shadow:0px 0px 8px #000; transition: all .3s; cursor:pointer;}
#vtfcsv:hover{box-shadow:0px 0px 16px #000;}
#vtfcsv:active{box-shadow:0px 0px 0px #000;}
.elipsis300{max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;}
.szalevffeltuno{border:2px solid; border-radius:8px;    background: #2E3192;
    color: #fff;
    padding: 16px;}
.torles, .torles_megj{ color:red; font-size:30px; display:inline; margin-left:8px; cursor:pointer;}
  :root{
      --on: #16a34a;   /* zöld */
      --off:#dc2626;   /* piros */
      --track-h: 32px;
      --track-w: 56px;
      --thumb: #fff;
    }

    *{box-sizing:border-box}

    .toggle-wrap-32{display:flex;align-items:center;gap:.75rem}

    /* Láthatatlan, de fókuszolható checkbox */
    .visually-hidden-32{
      position:absolute!important;
      width:1px;height:1px;
      padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
    }

    /* Pálya (track) */
    .toggle-32{
      --bg: var(--off);
      width: var(--track-w);
      height: var(--track-h);
      background: var(--bg);
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      padding: 4px;
      transition: background .2s ease, box-shadow .2s ease;
      cursor: pointer;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
    }

    /* Gomb (thumb) */
    .thumb-32{
      height: calc(var(--track-h) - 8px);
      width:  calc(var(--track-h) - 8px);
      background: var(--thumb);
      border-radius: 50%;
      transform: translateX(0);
      transition: transform .2s ease;
      box-shadow: 0 2px 6px rgba(0,0,0,.35);
    }

    /* Bekapcsolva: zöld háttér és jobbra csúszó gomb */
    input:checked + .toggle-32{ --bg: var(--on); }
    input:checked + .toggle-32 .thumb-32{ transform: translateX(calc(var(--track-w) - var(--track-h))); }

    /* Billentyűzet fókusz jelzése */
    input:focus-visible + .toggle-32{ outline: 3px solid #93c5fd; outline-offset: 3px; }

    /* (Opcionális) tiltott állapot */
    input:disabled + .toggle-32{ filter: grayscale(.3); opacity:.6; cursor:not-allowed }

    .label-32{opacity:.8}
    
    .blokk-vtf {
    background: #f2f2f2; 
    width: calc(100% - 30px);
    margin: 8px auto 8px auto;
    padding: 8px;
    box-sizing: content-box;
}

body{overflow-x: hidden;}
#lefoglalasisszgen{line-height:normal;}
.working {
  transition: all ease-in-out;
  background: linear-gradient(
    to right,
    #007bff 0%,
    #ffffff 25%,
    #007bff  50%,
    #007bff 75%,
    #007bff 100%
  );
  background-size: 200% 100%;
  animation: working- 1.5s linear infinite;
}

@keyframes working- {
  0% { 
    background-position: 75% 0%;
  }
50% {
    background-position: -75% 0%;
  }
  100% {
    background-position: 75% 0%;
  }
}

.rotateCoin3D{animation: rotateCoin3D- 1s linear infinite; /* 3D forgatás animáció */
}
@keyframes rotateCoin3D- {
    0% {        transform: rotateY(0deg); /* Kezdő forgatás */    }
    100% {        transform: rotateY(360deg); /* Teljes 3D forgatás */    }
}
.jovahagydiv{border-radius: 100%; background-color: #007BFF; color:#fff;     margin-left: -30px; height: 30px;
  width: 30px;
  display: flex;
  justify-content: center; /* Középre igazítás vízszintesen */
  align-items: center;     /* Középre igazítás függőlegesen */
  font-size: 16px;   }
.jovagyasravar{background: yellow;}
#ujAdatbekeroDiv{ background: #F4F4F4;  width:900px;border:none;
  margin: 8px;
  border-radius: 4px; margin:auto;}
#vevoEmail{width:350px; border:none; background: #fff;color: #372B91; padding:8px; border-radius: 3px;;}
#muszakitavfelugyeletdiv{overflow: hidden; height: 0px;}
input[type="number"] {
  width: 109px;
}
.szolgelsoo {
  width: 280px; /* vagy a kívánt szélesség */
}
#section3 {padding:10px!important;}
#section3 select{border:none;
  padding: 8px 0px 8px 0px;
  margin: 8px;
  border: none;
  border-radius: 4px;}
  #section3 input[type="date"]{padding:8px 0px 8px 0px;}
#section3 input[type="text"]{width:90px;padding:8px 0px 8px 0px;}
@keyframes toGreen {
  0% { background-color: initial; }
  100% { background-color: green; }
}

@keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

.green-transition {
  animation: toGreen 1s forwards; /* 1 másodperc alatt zöldre vált */
}

.fade-out {
  animation: fadeOut 1s forwards; /* 1 másodperc alatt elhalványul */
} 
#section0, #section1, #section2, #section3, #section4, #section5, #section6, #section7, #section8{width:100%; max-width: 1260px; margin:20px auto 0px auto; background:#F4F4F4; padding:36px; box-sizing: border-box; border-radius: 3px;}
#section8 .editor-content{background: #fff;
  padding: 8px;}
  #section0{background:#17a2b8;color: #fff;}
#kuldesGomb{color: #fff!important; margin: auto; display: block;}
.gomb {margin:8px;}
#masolotabla h2{margin-top: 0px;}
.x{ position: absolute; top:8px; right: 8px; font-size:22px;}
.gomb{ color: #fff; background-color: #372B91;text-transform: uppercase; padding: 16px;}
.elso-oszlop{ width:240px!important;}
#adatok {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 8px;
  }
  #adatok input, #adatok select{color:#372B91;}
  .form-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap; /* Mobilbarát: törik, ha nincs hely */
    margin-bottom: 15px;
    margin-top: 15px;
  }

   .form-row-inline {
    align-items: left;
    display: inline;
    flex-wrap: wrap; /* Mobilbarát: törik, ha nincs hely */
    margin-bottom: 15px;
    margin-top: 15px;
  }
 
  .elso-oszlop {
    flex: 0 0 25    0px;
     text-align: right;
    margin-right: 10px;
    font-weight: bold;
  }
  
  .form-row input,
  .form-row textarea {
    flex: 2; /* Jobb oszlop */
    padding: 8px;
    margin: 8px;
    border: none;
    border-radius: 4px;
  }
  
  .form-row button {
    flex: 1;
    padding: 10px 15px;
    background-color: #007BFF;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
  }
  
  .form-row button:hover {
    background-color: #0056b3;
  }

#elesteszt{position: fixed; top: 156px; left: 16px;}
#totop{position: fixed; top: 106px; left: 16px; color:rgba(0,123,255,.8); border-radius: 100%; background: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,.8), rgba(255,255,255,0.9)); z-index: 100;}
#demouzi{float: left; margin-left: 8px;}
.toggle-switch {  position: relative;  width: 35px;  height: 20px;float: left;margin: 0px 0px 0px 8px;}
.toggle-switch input {  opacity: 0;  width: 0;  height: 0;}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 34px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #007bff;
}

input:checked + .slider:before {
  transform: translateX(15px);
}

#plussztiznap{margin-left: 8px; }
#fajlokreload {   display: block;    margin: auto;  transition: transform 0.5s ease-in-out; display: inline;}
@keyframes rotateImage {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  .pulzal{ transition: all 0.3s ease-in-out; animation: pulzal 1s infinite; }
@keyframes pulzal {
    0%, 100% { opacity: 1; }
    50% { opacity: .5; }
  }
#bunstati{width:1000px!important; margin:auto;}
#hmenu{float:left;}
#hmenu span{display: block;    width: 33px;    height: 4px;    margin-bottom: 5px;    position: relative;        background: #cdcdcd;    border-radius: 3px;}
.cimal{font-size: 20px; font-style: italic;}
#hozzaferesDivkk, #valaszDiv, #hozzaferesDivro, #hozzaferesDiv, #kkhozzaferesdiv{ text-align: center;}
#feloldGomb{float: right;margin-top: 0px; margin-left: 16px; height: 50px; display: inline-flex; justify-content: center; align-items: center;transition: all 0.2s ease; border: none!important; user-select: none;}  
.arny:active{box-shadow: none;transition: box-shadow 0.2s ease;}
.vonal{border-color: #1e655f; width: 66%;}
#valaszkkid, #valaszid, #hozzaferesszovid, #hozzaferesszovkkid, #hozzaferesszovro, #valaszroid{background: #fff; padding: 8px;box-sizing: border-box; text-align: left;}
.blokk{background: #a4ccc4; width:calc(100% - 30px); margin: 8px auto 8px auto; padding: 8px; box-sizing: content-box;}
#fejlec {    transition: transform 0.3s;position: relative;}
#downloadDiv{ text-align:center; display: table; margin: auto;}
#valaszMail, #valaszMailkk, #valaszMailro{display: table; margin: 10px auto 10px auto;}
.text-container {    display: inline-block;    max-width: 200px; /* djust the width as needed */    max-height: 30px;    white-space: owrap;    overflow: hidden;    text-overflow: ellipsis;    cursor: ointer;}
.full-text {    display: none;    white-space: normal;}

#szerzGen, #szerMod{margin:16px; text-align:center; display:inline-table;}
.editor-toolbar { text-align:center; border: 1px solid #ccc;    padding: 5px;}
.editor-toolbar button {    margin-right: 5px;}
.editor-content {    border: 1px solid #ccc;    min-height: 200px;    adding: 10px;    margin-top: 10px;    outline: none;}

a{text-decoration:none; color:inherit;}
.alap{border-radius:8px; box-sizing:border-box; padding:8px;}
.arny{box-shadow:0px 0px 8px #000;}
.point{cursor:pointer;}
h2, h3, h4{text-align:center;}
.hiba{box-shadow:0px 0px 8px red;}
.siker2{background:#28a745; }
.hiba2{background:#dc3545; }
.info{background:#17a2b8; }
.uzenetdiv{display:table; color:#fff; margin:8px auto 8px auto;}
.torol{background:#dc3545!important;color:#fff;  }

.szuroGomb{display: inline-table; border:2px solid #666;}
.szuroGombAktiv{background: #d6d6d6;}

.mindenki{margin:8px; display:inline; text-decoration:underline;cursor:pointer;user-select:none;}

#ujProjektForm{ display: inline-table;}
.ujGomb{background-color: #007bff; display: inline-table; color: #fff!important; border:none; margin-top:8px;}
.ujGomb:hover{box-shadow:0px 0px 16px #000; transition:all .3s;}
.ujGomb:active {box-shadow:0px 0px 0px #000; }
.ujGomb2{background-color: #007bff; color: #fff!important; border:none; margin-top:8px;width:30px;height: 30px;    justify-items: center;    lign-items: center;padding:4px;    display: flex;}
.ujGomb2:hover{box-shadow:0px 0px 16px #000; transition:all .3s;}
.ujGomb2:active {box-shadow:0px 0px 0px #000; }


.siker{color:#666; animation: siker- 3s; min-width:120px; height:50px; }
@keyframes siker-{0%{background:#28a745;color:#f2f2f2;}100%{background:#f2f2f2;color:#28a745;}}
.uzenethiba{color:#ff0000; animation: uzenethiba- 3s;}
@keyframes uzenethiba-{0%{background:red;color:#f2f2f2;}100%{background:#f2f2f2;color:red;}}
#uzenet{color:#666; display: inline-flex; justify-content: center; align-items: center;  min-width:120px; height:50px; }
.negyed{display: inline; width:25%}
 
#adatbekeroLista, #szlaevflista{margin:auto; width:1100px;min-height:400px;  display: flex;
  justify-content: center;   align-items: center;}
#projektLista{margin:auto; width:800px;}
#balra, #jobbra{display: inline-block;  font-weight: bold; padding: 8px;cursor: pointer;}
#intervallum{display: inline-block; font-weight: bold; margin: 8px;}
#nyilTarto{margin:auto;text-align: center; user-select: none; }
#adatbekeroTabla{margin:auto;}
#adatbekeroTabla tr:nth-child(even), #projektTabla tr:nth-child(even), .tabla tr:nth-child(even) {    background-color: #f2f2f2;}
.tabla tr:nth-child(odd) {    background-color: #ffffff;}
#adatbekeroTabla tr:hover, #projektTabla tr:hover { cursor: pointer;}
#adatbekeroTabla table, #projektTabla table {border-collapse: collapse; width:100%; }
#adatbekeroTabla td, th, #projektTabla td, th, .tabla td, th {    padding: 8px; text-align: left;}
#adatbekeroTablatd{white-space: no-wrap;}
.tabla a {text-decoration:underline; color: #007bff!important;}

.megnev{width:240px; text-align:left;}
.kotelezo{color:#EB6607; }
.mezoDiv{display:inline-block; text-align:center; line-height:35px; margin-right: 8px;}
.container{ display: flex; flex-wrap: wrap;}
.box { min-width: 200px;  padding: 8px; box-sizing: border-box; display:flex; justify-content: right; align-items: center;}
#adoszamNincsSpan, #adoszamNincs, #kkvaltSpan, #kapcstartvaltSpan{display: inline-block;}
#adoszamNincs{margin-left: 8px;}
#almenu {position: -webkit-sticky; /* Safari */    position: sticky;    top: 0; text-align: center; background:#f2f2f2 ; box-shadow: 0px 0px 8px #000; z-index: 10; display: flex; justify-content: center; align-items: center;}
#almenu a{text-decoration: underline; margin:4px;}

.form1{line-height: 30px;}
.flr{float: right;}
.form1 input, #keresesInput{background:#dad8d8; border:none; border-bottom:1px solid #666; margin-bottom: 3px;}
.form1 input[type="submit"]{background-color: #007bff;    display: inline-table;    color: fff;    border: none;}
.megseGomb{background:#666!important;display: inline-block;color:#fff; margin:0px 20px 0px 20px;}
.tablaform{border:none; background:none; margin:0px; }
.tablaform2{border:none; background:none; margin:0px; display:inline-flex;
 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100px; text-align:left;}
.tablaform3{border:none; background:none; margin:0px; display:inline-flex;
 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:200px; text-align:left;}
.form1 label{margin:8px;}
.egyseg{background: linear-gradient(-45deg, #cccccc52, #fff,#fff, #cccccc52, #fff,#fff, #cccccc52); display: table; margin:8px auto 8px auto;border:1px dashed #cccccc52;border-spacing: 16px;}
.mezoDiv textarea{width:375px;}
.container select{padding: 8px; box-sizing: border-box;}
.mezoDiv input[type="number"] {width: 90px; text-align: right;}
#ujAdatbekeroDiv{ height:0px;}
.container{display: flex; }  
.boxc{flex: 1; }  
#ujAdatbekero{margin-top: 10px;}
#adatok input::placeholder {
  color: rgba(0, 0, 0, 0.3); /* Halványabb fekete */
}
.containerab, .boxab, .boxcab{display: flex; justify-content: center;align-items: center;}

.sugo{position:absolute; right:0px; z-index:2; border-radius:100%; background:#dfdfdf; width:30px; height:30px; color:#4E6380; line-height: 30px; text-align:center; font-weight:bold; font-size:22px;box-shadow:0px 0px 0px #fff;}
.sugo:hover {cursor: help;}
.sugoAlap{position:relative; width:100%;max-width:660px; margin:auto;}
.sugoSzoveg{display:none; background:#fff; color:#4E6380; position:absolute; border-top-right-radius:0px; top:30px; right:30px; z-index:5; text-align:left; font-size:16px; font-weight:normal; }
#statletoltes{display:none; color:#fff; text-decoration: none;}
#bovitestorles_uj{display: none;}
.bovitesblokk{display: inline;}
#protokollmutat{overflow:hidden; height:0px; background: #fff;}