#site-header {
	  background-color: #9b3408;   /* narancssárga sáv */
	  padding: 0;                  /* ne legyen belső tér */
	  margin: 0;
	  width: 100%;
	}
	
	
	#logo-box {
	  background-color: #ffffff;  /* fehér sáv */
	  display: flex;              /* a kép középre igazításához */
	  align-items: center;        /* vertikális közép */
	  justify-content: center;    /* horizontális közép */
	  padding: 0;                  /* SEMMI belső margó */
	  margin: 0;
	}
	
	
	
	#logo-image {
	  max-width: 65%;                /* a kép kitölti a box szélességét */
	  height: auto;              
	  display: block;             /* eltünteti az inline-gap-et */
	  margin:0 auto;
	}
	
	#site-header h1 {
	  flex: 1;
	  color: #fff;
	  font-size: 2rem;
	  padding-left: 1rem;          /* kis térköz a logó és a cím között */
	  margin-left: 1rem;
	}

	
		
	.header-left {
	  background-color: #ffffff; /* logó mögötti fehér */
	  display: flex;
	  align-items: center;
	  justify-content:center;
	  padding: 0px;
	}
	
	.header-right {
	  background-color: #8c2f00; /* bordó ADMIN FELÜLET */
	  color: #ffffff;
	  display: flex;
	  align-items: center;
	  padding: 16px 24px;
	}
	
	/* Sidebar háttér teljes szélességben */
	#sidebar {
	  background-color: #2c577b;
	  /* min-height: calc(100vh - var(--header-height, 0px)); */
	  min-height: 100%;
	  padding: 16px;
	}
		


	
	/* ----- OLDALSTRUKTÚRA ----- */
    #main-layout {
    	
      /*
      display: flex;
      flex-wrap: nowrap;
      */
       /* header + footer kivonása */ 
      /* min-height: calc(100vh - 160px); */
      /* min-height: auto !important; */
      flex: 1 0 auto;
      
	}
	
	#main-layout > .row {
		height:100%;	
	}
	
	
	
	
    /* ----- TARTALOM (CONTENT) ----- */
    #content {
      flex: 1;
      padding: 2rem;
      background-color: #f9f9f9;
    }


	.site-footer {
	  flex: 0 0 auto;
      margin: 0;
	  background-color: #ffffff;      /* fehér háttér */
	  color: #05284b;                 /* sötétkék szöveg */
	  text-align: center;
	  padding: 1rem 0;
	  font-size: 1rem;                /* 16px alapértelmezett */
	  border-top: 1px solid #dcdcdc;  /* finom elválasztó vonal */
	}
	
	/* Linkek a láblécben */
	.site-footer .footer-link {
	  color: #05284b;                /* sötétkék link – jó kontraszt fehéren */
	  text-decoration: none;         /* alapból nincs aláhúzás */
	  font-weight: 500;
	  transition: all 0.2s ease-in-out;
	}
	
	/* Hover és fókusz állapot */
	.site-footer .footer-link:hover,
	.site-footer .footer-link:focus {
	  color: #c83f04;                /* narancsos kiemelés (kontrasztos) */
	  text-decoration: underline;    /* WCAG szerint ajánlott vizuális visszajelzés */
	  text-underline-offset: 3px;    /* aláhúzás kicsit lejjebb kerül */
	  outline: none;
	}
	
	/* Fókuszláthatóság billentyűzetnél */
	.site-footer .footer-link:focus-visible {
	  outline: 2px solid #c83f04;
	  outline-offset: 3px;
	  border-radius: 2px;
	}



/* Mobilon a két oszlop egymás alá kerül */
@media (max-width: 992px) {
  #site-header .row,
  #main-layout {
    flex-direction: column;
  }
}

@media (max-width: 992px) {
  #site-header h1 {
    padding: 0.75rem 1rem; /* függőlegesen 12px, vízszintesen 16px */
    text-align: center;    /* középre igazítás mobilon */
    margin-left: 0;        /* ne tolódjon el */
  }
}

/* Asztali nézet: sidebar nyúljon végig */
@media (min-width: 768px) {
  .sidebar {
    min-height: 100vh;       /* mindig kitölti a képernyő magasságát */
    background-color: #2c577b; /* kék háttér, hogy alul se legyen fehér */
  }
}

/* Mobil nézet: csak a tartalomig érjen */
@media (max-width: 767px) {
  .sidebar {
    min-height: auto;
    height: auto;
    background-color: #2c577b;
  }
}

	
	.btn-success {
	  color: #fff;
	  background-color: #227f22;
	  border-color: #227f22;
	  box-shadow: 3px 2px 2px #888888;
	}
	
	.btn-success2, .btn-success2:hover {
	  color: #fff;
	  background-color: #227f22;
	  border-color: #227f22;
	}
	
	.btn-success:focus,
	.btn-success.focus {
	  color: #fff;
	  background-color: #449d44;
	  border-color: #255625;
	}
	.btn-success:hover {
	  color: #fff;
	  background-color: #4dad4d;
	  border-color: #4dad4d;
	}
	.btn-success:active,
	.btn-success.active,
	.open > .dropdown-toggle.btn-success {
	  color: #fff;
	  background-color: #449d44;
	  border-color: #398439;
	}
	.btn-success:active:hover,
	.btn-success.active:hover,
	.open > .dropdown-toggle.btn-success:hover,
	.btn-success:active:focus,
	.btn-success.active:focus,
	.open > .dropdown-toggle.btn-success:focus,
	.btn-success:active.focus,
	.btn-success.active.focus,
	.open > .dropdown-toggle.btn-success.focus {
	  color: #fff;
	  background-color: #398439;
	  border-color: #255625;
	}
	.btn-success:active,
	.btn-success.active,
	.open > .dropdown-toggle.btn-success {
	  background-image: none;
	}
	.btn-success.disabled:hover,
	.btn-success[disabled]:hover,
	fieldset[disabled] .btn-success:hover,
	.btn-success.disabled:focus,
	.btn-success[disabled]:focus,
	fieldset[disabled] .btn-success:focus,
	.btn-success.disabled.focus,
	.btn-success[disabled].focus,
	fieldset[disabled] .btn-success.focus {
	  background-color: #5cb85c;
	  border-color: #4cae4c;
	}
	.btn-success .badge {
	  color: #5cb85c;
	  background-color: #fff;
	}
	
	.btn-back {
	  color: #fff;
	  background-color: #2c577b;
	  border-color: #2c577b;
	  box-shadow: 3px 2px 2px #888888;  
	}
	.btn-back:hover {
	  color: #fff;
	  background-color: #376f9e;
	  border-color: #376f9e;
	}
	
	.btn-back2, .btn-back2:hover {
	  color: #fff;
	  background-color: #376f9e;
	  border-color: #376f9e;
	}
	
	
	.btn-info {
	  color: #000;
	  background-color: #31b0d5;
	  border-color: #31b0d5;
	  box-shadow: 3px 2px 2px #888888;
	  
	}
	
	.btn-info2, .btn-info2:hover {
	  
	  color: #fff;
	  background-color: #5f686b;
	  border-color: #5f686b;
	  cursor:default;  
	}
	
	.btn-info2Danger, .btn-info2Danger:hover {
	  font-size:12px;	
	  color: #fff;
	  background-color: #31b0d5;
	  border: 4px solid #ac2925;
	  cursor:default;  
	}
	
	.btn-info2Warning, .btn-info2Warning:hover {
	  font-size:12px;		
	  color: #fff;
	  background-color: #31b0d5;
	  border: 4px solid #ec971f;
	  cursor:default;  
	}
	
	.btn-info2Success, .btn-info2Success:hover {
	  font-size:12px;	
	  color: #fff;
	  background-color: #31b0d5;
	  border: 4px solid #227f22;
	  cursor:default;  
	}
	
	.btn-info:focus,
	.btn-info.focus {
	  color: #fff;
	  background-color: #31b0d5;
	  border-color: #1b6d85;
	}
	.btn-info:hover {
	  color: #fff;
	  background-color: #2c577b;
	  border-color: #2c577b;
	}
	.btn-info:active,
	.btn-info.active,
	.open > .dropdown-toggle.btn-info {
	  color: #fff;
	  background-color: #31b0d5;
	  border-color: #269abc;
	}
	.btn-info:active:hover,
	.btn-info.active:hover,
	.open > .dropdown-toggle.btn-info:hover,
	.btn-info:active:focus,
	.btn-info.active:focus,
	.open > .dropdown-toggle.btn-info:focus,
	.btn-info:active.focus,
	.btn-info.active.focus,
	.open > .dropdown-toggle.btn-info.focus {
	  color: #fff;
	  background-color: #269abc;
	  border-color: #1b6d85;
	}
	.btn-info:active,
	.btn-info.active,
	.open > .dropdown-toggle.btn-info {
	  background-image: none;
	}
	.btn-info.disabled:hover,
	.btn-info[disabled]:hover,
	fieldset[disabled] .btn-info:hover,
	.btn-info.disabled:focus,
	.btn-info[disabled]:focus,
	fieldset[disabled] .btn-info:focus,
	.btn-info.disabled.focus,
	.btn-info[disabled].focus,
	fieldset[disabled] .btn-info.focus {
	  background-color: #5bc0de;
	  border-color: #46b8da;
	}
	.btn-info .badge {
	  color: #5bc0de;
	  background-color: #fff;
	}
	.btn-warning { 
	  color: #000;
	  background-color: #f0ad4e;
	  border-color: #f0ad4e;
	  box-shadow: 3px 2px 2px #888888;  
	}
	
	.btn-warning2, .btn-warning2:hover { 
	  color: #000;
	  background-color: #ec971f;
	  border-color: #ec971f;
	}
	
	.btn-warning:focus,
	.btn-warning.focus {
	  color: #fff;
	  background-color: #ec971f;
	  border-color: #985f0d;
	}
	.btn-warning:hover {
	  color: #fff;
	  background-color: #ec971f;
	  border-color: #ec971f;
	}
	.btn-warning:active,
	.btn-warning.active,
	.open > .dropdown-toggle.btn-warning {
	  color: #fff;
	  background-color: #ec971f;
	  border-color: #d58512;
	}
	.btn-warning:active:hover,
	.btn-warning.active:hover,
	.open > .dropdown-toggle.btn-warning:hover,
	.btn-warning:active:focus,
	.btn-warning.active:focus,
	.open > .dropdown-toggle.btn-warning:focus,
	.btn-warning:active.focus,
	.btn-warning.active.focus,
	.open > .dropdown-toggle.btn-warning.focus {
	  color: #fff;
	  background-color: #d58512;
	  border-color: #985f0d;
	}
	.btn-warning:active,
	.btn-warning.active,
	.open > .dropdown-toggle.btn-warning {
	  background-image: none;
	}
	.btn-warning.disabled:hover,
	.btn-warning[disabled]:hover,
	fieldset[disabled] .btn-warning:hover,
	.btn-warning.disabled:focus,
	.btn-warning[disabled]:focus,
	fieldset[disabled] .btn-warning:focus,
	.btn-warning.disabled.focus,
	.btn-warning[disabled].focus,
	fieldset[disabled] .btn-warning.focus {
	  background-color: #f0ad4e;
	  border-color: #eea236;
	}
	.btn-warning .badge {
	  color: #f0ad4e;
	  background-color: #fff;
	}
	.btn-danger {
	  color: #fff;
	  background-color: #ac2925;
	  border-color: #ac2925;
	  box-shadow: 3px 2px 2px #888888;
	}
	
	.btn-danger2, .btn-danger2:hover {
	  color: #fff;
	  background-color: #ac2925;
	  border-color: #ac2925;
	}
	
	.btn-danger:focus,
	.btn-danger.focus {
	  color: #fff;
	  background-color: #c9302c;
	  border-color: #761c19;
	}
	.btn-danger:hover {
	  color: #fff;
	  background-color: #d9534f;
	  border-color: #d9534f;
	}
	.btn-danger:active,
	.btn-danger.active,
	.open > .dropdown-toggle.btn-danger {
	  color: #fff;
	  background-color: #c9302c;
	  border-color: #ac2925;
	}
	.btn-danger:active:hover,
	.btn-danger.active:hover,
	.open > .dropdown-toggle.btn-danger:hover,
	.btn-danger:active:focus,
	.btn-danger.active:focus,
	.open > .dropdown-toggle.btn-danger:focus,
	.btn-danger:active.focus,
	.btn-danger.active.focus,
	.open > .dropdown-toggle.btn-danger.focus {
	  color: #fff;
	  background-color: #ac2925;
	  border-color: #761c19;
	}
	.btn-danger:active,
	.btn-danger.active,
	.open > .dropdown-toggle.btn-danger {
	  background-image: none;
	}
	.btn-danger.disabled:hover,
	.btn-danger[disabled]:hover,
	fieldset[disabled] .btn-danger:hover,
	.btn-danger.disabled:focus,
	.btn-danger[disabled]:focus,
	fieldset[disabled] .btn-danger:focus,
	.btn-danger.disabled.focus,
	.btn-danger[disabled].focus,
	fieldset[disabled] .btn-danger.focus {
	  background-color: #d9534f;
	  border-color: #d43f3a;
	}
	.btn-danger .badge {
	  color: #d9534f;
	  background-color: #fff;
	}




html { 
  height: 100%;
  overflow-y: auto;
}

body {
  min-height: 100vh;
  margin: 0;
  display: flex;          /* <- EZ HIÁNYZOTT */
  flex-direction: column; /* header - main - footer */
}

/* 2) A középső rész töltse ki a maradék magasságot */
#main-layout {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}

/* 3) A sor nyúljon ki a main-layout teljes magasságára */
#main-layout > .row {
  flex: 1 0 auto;
  align-items: stretch;
}

/* 4) Sidebar: NE 100vh legyen, hanem a main-layout magassága */
#sidebar {
  height: auto;
  min-height: 100%;
  background: #2c577b; /* ha kell, biztosítjuk a kéket */
}

/* (opcionális) content háttér */
#content {
  background: #fff;
}

/* 5) Footer ne csináljon extra helyet */
.site-footer {
  margin: 0;
  flex: 0 0 auto;
}


.error-message {
  display: flex;
  align-items: center;            /* ikon és szöveg egy vonalban */
  gap: 0.75rem;                   /* térköz ikon és szöveg között */

  background-color: #b00020;
  color: #ffffff;
  padding: 0.75rem 1rem;
  margin: 0.25rem 0 1rem 0;
  border-radius: 4px;
  font-weight: 600;
  font-size: 0.95rem;
}

.error-message::before {
  content: "⚠";
  font-size: 2em;                 /* nagy ikon */
  line-height: 1;
  flex-shrink: 0;                 /* ne törjön össze */
}

.msg {
  display: flex;
  align-items: center;
  gap: 1rem;

  padding: 0.5rem 0.75rem;     /* <<< KISEBB padding */
  border-radius: 4px;
  font-weight: 600;
}

.msg-success {
  background-color: #2f6f2f;
  color: #ffffff;
}

/* nagy pipa – EZ MARAD */
.msg-icon-lg {
  font-size: 3.5rem;
  line-height: 1;
  flex-shrink: 0;

  background-color: #ffffff;
  color: #2f6f2f;

  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;
}

/* >>> NAGYOBB SZÖVEG */
.msg-text {
  margin: 0;
  font-size: 1.25rem;        /* <<< EZ A LÉNYEG */
  line-height: 1.3;
}


.table-wrap {
  width: 100%;
  box-sizing: border-box;

  border: 2px solid #cbd5e1;
  border-radius: 0;
  background-color: #ffffff;

  overflow-x: auto;     /* csak ha kell */
  overflow-y: hidden;   /* <<< EZ TÜNTETI EL A JOBB OLDALI GÖRGŐT */
}

.table-wrap table {
  margin-bottom: 0;
}


.table-wrap:focus {
  box-shadow: 0 0 0 3px rgba(44, 87, 123, 0.35); /* a kék tónusodhoz passzol */
  border-radius: 4px;
}

.lser-table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
}

.lser-table th {
  background: #2c577b;
  color: #fff;
}

.lser-table thead th {
  border-bottom: 3px solid #ffffff;
}

.lser-table tbody tr + tr td {
  border-top: 1px solid #dee2e6;
}

.lser-link {
  text-decoration: underline;
}

.pagination-wrap {
  margin-top: 1rem;
}

.pagination .page-item.active .page-link {
  background-color: #c83f04; /* narancs aktív */
  border-color: #c83f04;
}

/* alap lapozó linkek */
.pagination .page-link {
  color: #4b5563;              /* sötétszürke szöveg */
  background-color: #f1f5f9;   /* világos szürke háttér */
  border: 1px solid #cbd5e1;   /* halvány keret */
}

/* hover + fókusz */
.pagination .page-link:hover,
.pagination .page-link:focus {
  background-color: #e5e7eb;   /* picit sötétebb szürke */
  color: #1f2933;
}

/* AKTUÁLIS oldal – MARAD bordó/fehér */
.pagination .page-item.active .page-link {
  background-color: #c83f04;   /* LSER bordó */
  border-color: #c83f04;
  color: #ffffff;
  font-weight: 700;
}

/* disabled (ha majd lesz) */
.pagination .page-item.disabled .page-link {
  color: #9ca3af;
  background-color: #f8fafc;
  border-color: #e5e7eb;
}


/* Nagyon halvány oszlop-elválasztó */
.lser-table th,
.lser-table td {
  border-right: 0; /* ha valahol lenne */
}

/* 2. oszloptól kezdve kapjon finom elválasztót */
.lser-table th:not(:first-child),
.lser-table td:not(:first-child) {
  border-left: 1px solid rgba(0, 0, 0, 0.20);
}

/* A kék fejléc és az első sor közötti "fehér csík" eltüntetése */
.lser-table thead th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important; /* finom szürke vonal */
}

/* Biztos ami biztos: a tbody első sorának felső borderét is egységesítjük */
.lser-table tbody tr:first-child > * {
  border-top: 0 !important;
}

.lser-table th,
.lser-table td {
  vertical-align: middle;
}

.lser-form-grid .border-bottom,
.lser-form-grid .border-end {
  border-color: rgba(0,0,0,0.18) !important;
}	

input[type="time"].form-control {
  font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}


/* Chrome: natív time picker ikonok elrejtése */
input[type="time"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  display: none;
}

input[type="time"]::-webkit-clear-button {
  display: none;
}

input[type="time"]::-webkit-inner-spin-button {
  display: none;
}

.lser-icon-btn{
  text-decoration: none;
  line-height: 1;
}

.lser-icon-btn:focus{
  outline: 2px solid currentColor;
  outline-offset: 2px;
}


.ratio video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}