@charset "UTF-8";

.sidebar {
	
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	padding: 80px 0 0;
	box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
	z-index: 99;	

}

body
{
	min-height: 100vh;
}

/* mobil nézet */
@media (max-width: 767.98px) 
{
	.sidebar {
		top: 56px;
		padding: 0;
	}	
}
	
.navbar {
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1);
}

.nav-link.disabled {
  pointer-events: none;
  color: #999 !important;
  opacity: 0.6;
}

.nav-link.active {
    background-color: var(--color2);  /* vagy tetszőleges hex pl. #006699 */
    color: white;                     /* szövegszín */
    font-weight: bold;    
}

@media (min-width: 767.98px) {
	.navbar {
		top: 0;
		position: sticky;
		z-index: 999;
	}
	.tartalom 
	{
		display: flex;
		flex-direction: column;
		min-height: calc(100vh - 56px);
	}
	footer 
	{
		margin-top: auto;
	}

}

label.required::after {
    content: " *";
    color: red;
}

.fejlesztes
{
	background-color: red;
	color: white;
}

/* Az animált össze-kinyílás teljes kikapcsolása */
.collapsing {
  height: auto !important;
  transition: none !important;
  display: block !important;
  overflow: visible !important;
}

.tartalom
{	
}


form.urlap {
    max-width: 600px;
    margin-left: 0;       /* balra igazítás */
    margin-right: auto;   /* ne legyen középen */
}

.alert-failed {
    position: relative;
    padding-left: 8rem;
    font-size: 1.15rem;
    line-height: 1.6;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #f8d7da; /* világos piros */
    border-left: 8px solid #dc3545; /* élénk piros sáv */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.alert-failed::before {
    content: "\f62a"; /* Bootstrap Icons: x-circle-fill */
    font-family: "bootstrap-icons";
    font-size: 4.5rem;
    color: #dc3545;
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
}

/* --- táblázatban hosszú szöveg clamp --- */
.dp-cell-clamp{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;     /* ennyi sor látszik */
  overflow: hidden;
  white-space: normal;
  max-height: 6.2em;         /* kb. 3 sor */
}

.dp-cell-clamp.expanded{
  -webkit-line-clamp: unset;
  max-height: none;
}

.dp-cell-toggle{
  display: inline-block;
  font-size: .85rem;
  text-decoration: none;
  border-bottom: 1px dotted currentColor;
  margin-top: .25rem;
  user-select: none;
}