/**
 * CSS für HB-Portal
 */

/* wegen der 3. Menüzeile */ 
.Content, .QuickInfo {
	top: 7em;
}
.StammbaumPanel .RStrichMenu {
	top: 7em; 
}

.RForm tr.head {
	background-color: #f0f0f0 !important;
}
.RForm tr.head th {
	font-size: large ;
	font-weight: bold ;
	color: #555;
	padding: 0.5em 1em;
	text-align: left ;
}

/* Buttons im Stammdatenblatt nach rechts */
.HB_FallForm table button {
	float: right;
}
.HB_FallForm table table {
	width: 100%;
}
.HB_FallForm table table td {
	white-space: nowrap;
}
.HB_FallForm table table tr:nth-child(n+2) td {
	border-top: 1px dotted #808080;
	padding-top: 3px;
}
.HB_FallForm table table td:last-child {
	padding-right: 0px;
	width: 99%;
}

.RList .EmptySpace {
    background-color: rgba(240,100,100,0.4) ;
}
.RList th {
	color: #111;
}

/* Aktionen-Buttons */
.HB_KontakteList td:last-of-type {		
	white-space: nowrap ;
	text-align: center;				
}

/* Felder, die garnicht mehr als Input erkennbar sein sollen */
.HB_AkquiseberichtDialog input.readonly[name='Akquisiteur'],
.HB_AkquiseberichtDialog input.readonly[name='KontaktAlt']
{
	outline: none ;
	border: none;
	background: inherit ;
}

.cb_dialog[clazz='FarbeDialog'] {
    overflow-y: visible;		/* wg. ColorPicker */
}

/*** wichtige Wiedervorlagen im QuickInfo ***/
.QuickInfo table tr:has(td a.termin) {
	background: #f0a0a0 !important;
}
.QuickInfo table tr:nth-of-type(1n+1):hover {
	background: #d8c8a0 !important; 
    transition: background 0.5s;  
}

/*** Farben für Fall-Menü ***/
:root {
	--FallColor: #77cc66 ;
}
.HB_FallScreenItem {border-bottom-color: var(--FallColor);}
.HB_FallScreen .Prolog {border-color: var(--FallColor);}
.HB_FallScreen .RList tr.head {background: var(--FallColor);}
.HB_FallScreen .RList th {background-color: var(--FallColor);}
.HB_FallScreen .RList table {border-color: var(--FalleColor);}
.HB_FallScreen .Epilog {border-color: var(--FallColor);}
.HB_FallScreen .RForm table {border-color: var(--FallColor);}
.HB_FallScreen .RPanel .PanelSpace {border-bottom-color: var(--FallColor);}
.HB_FallScreen .RPanel .head {border-color: var(--FallColor);}
.HB_FallScreen .RPanel .head {background: var(--FallColor);}

/*** Farben für Suche-Menü ***/
:root {
	--SucheColor: rgba(120,120,250) ;
}
.HB_SucheScreenItem {border-bottom-color: var(--SucheColor);}
.HB_SucheScreen .Prolog {border-color: var(--SucheColor);}
.HB_SucheScreen .RList tr.head {background: var(--SucheColor);}
.HB_SucheScreen .RList th {background-color: var(--SucheColor);}
.HB_SucheScreen .RList table {border-color: var(--SucheColor);}
.HB_SucheScreen .Epilog {border-color: var(--SucheColor);}
.HB_SucheScreen .RForm table {border-color: var(--SucheColor);}
.HB_SucheScreen .RPanel .PanelSpace {border-bottom-color: var(--SucheColor);}
.HB_SucheScreen .RPanel .head {border-color: var(--SucheColor);}
.HB_SucheScreen .RPanel .head {background: var(--SucheColor);}

/*** Farben für Neufall-Menü ***/
:root {
	--NeufallColor: rgba(240,180,0) ;
}
.HB_NeufallScreenItem {border-bottom-color: var(--NeufallColor);}
.HB_NeufallScreen .Prolog {border-color: var(--NeufallColor);}
.HB_NeufallScreen .RList tr.head {background: var(--NeufallColor);}
.HB_NeufallScreen .RList th {background-color: var(--NeufallColor);}
.HB_NeufallScreen .RList table {border-color: var(--NeufallColor);}
.HB_NeufallScreen .Epilog {border-color: var(--NeufallColor);}
.HB_NeufallScreen .RForm table {border-color: var(--NeufallColor);}

/*** Farben für Akquise-Menü ***/
:root {
	--AkquiseColor: rgba(240,160,240) ;
}
.HB_AkquiseScreenItem {border-bottom-color: var(--AkquiseColor);}
.HB_AkquiseScreen .Prolog {border-color: var(--AkquiseColor);}
.HB_AkquiseScreen .RList tr.head {background: var(--AkquiseColor);}
.HB_AkquiseScreen .RList th {background-color: var(--AkquiseColor);}
.HB_AkquiseScreen .RList table {border-color: var(--AkquiseColor);}
.HB_AkquiseScreen .Epilog {border-color: var(--AkquiseColor);}
.HB_AkquiseScreen .RForm table {border-color: var(--AkquiseColor);}

/*** Farben für HB_Verwaltung-Menü ***/
:root {
	--VerwaltungColor: rgba(150,150,150) ;
}
.HB_VerwaltungScreenItem {border-bottom-color: var(--VerwaltungColor);}
.HB_VerwaltungScreen .Prolog {border-color: var(--VerwaltungColor);}
.HB_VerwaltungScreen .RList tr.head {background: var(--VerwaltungColor);}
.HB_VerwaltungScreen .RList th {background-color: var(--VerwaltungColor);}
.HB_VerwaltungScreen .RList table {border-color: var(--VerwaltungColor);}
.HB_VerwaltungScreen .Epilog {border-color: var(--VerwaltungColor);}
.HB_VerwaltungScreen .RForm table {border-color: var(--VerwaltungColor);}
.HB_VerwaltungScreen .PanelSpace {
	border-color: var(--VerwaltungColor);
}
.HB_VerwaltungScreen .PanelSpace .content {
	background-color: #f0f0f0;
	padding: 1em;
}
.HB_VerwaltungScreen .PanelSpace .head  {
	background-color: var(--VerwaltungColor);
	padding: 0.75em 0em;
	color: black;
}

/*** Farben für HB_Hilfe-Menü ***/
:root {
	--HilfeColor: rgba(240,240,100) ;
}
.HB_HilfeScreenItem {border-bottom-color: var(--HilfeColor);}
.HB_HilfeScreen .Prolog {border-color: var(--HilfeColor);}
.HB_HilfeScreen .RList tr.head {background: var(--HilfeColor);}
.HB_HilfeScreen .RList th {background-color: var(--HilfeColor);}
.HB_HilfeScreen .RList table {border-color: var(--HilfeColor);}
.HB_HilfeScreen .Epilog {border-color: var(--HilfeColor);}
.HB_HilfeScreen .RForm table {border-color: var(--HilfeColor);}
.HB_HilfeScreen div.RDivMenu {border-bottom-color: var(--HilfeColor);}

/*** Listen mit Sticky-Headers ***/ 
@media screen {
	.HB_NeufallScreen .ListSpace, 
	.HB_SucheScreen .ListSpace, 
	.HB_AkquiseScreen .ListSpace, 
	.HB_VerwaltungScreen .ListSpace, 
	.HB_FallScreen .ListSpace {
		max-height: 72vh;		/* damit Wiederherstellen der Scroll-Pos. funktioniert */
		overflow-y: scroll;
		background: #f4f4f4;
	}
	.HB_NeufallScreen .ListSpace th, 
	.HB_SucheScreen .ListSpace th, 
	.HB_AkquiseScreen .ListSpace th, 
	.HB_VerwaltungScreen .ListSpace th, 
	.HB_FallScreen .ListSpace th {
		position: sticky;
		z-index: 5 ;
		top: 0;
	}

	/* geschachtelte Listen */
	.HB_NeufallScreen .ListSpace table table th {
		position: inherit;
	}
}