:root {
    --main-color: #028337;
    --border-color: #0B954E;
    --accent-1: #0BB689;
    --accent-2: #0BD689;
	--neutral-color: #fff;
}

.x-panel-header-default{
	background-color: var(--main-color);
}
.x-panel-default-framed{
	background-color: var(--main-color);
	border-color: var(--main-color);
}
.x-window-default {
	border-color: var(--main-color);
}
.x-window-header-default{
	background-color: var(--main-color);
	border-color: var(--main-color);
}
.x-tab-bar-default{
	background-color: var(--main-color);
}
.x-tab-default-top.x-tab-default-active{
	background-color: var(--accent-1);
	
}
.x-tab-default-top{
	background-color: var(--main-color);
}
.x-tab-bar-strip-default {
	background-color: var(--border-color);
}

.x-tab-default-active .x-tab-inner {
	color: var(--neutral-color);
}
.x-border-layout-ct {
    background-color: var(--main-color);
}
.x-panel-header-default-framed-top {
    background-color: var(--main-color);
}
.x-panel-header-default-framed-horizontal {
	border-color: var(--main-color);
}
.x-btn-default-large{
	background-color: var(--main-color);
	background-image: none;
	border-color: var(--border-color);
}
.x-btn-default-small{
	background-color: var(--main-color);
	background-image: none;
	border-color: var(--border-color);
}
.x-panel-default-outer-border-trl {
	border-color: var(--main-color) ;
}
.ag-mask-msg .x-mask-msg-text {
	background-image: url(/img/kages/masklogo-kages.png);
}
/* Changes from Georgius 22. Sept. 2025 */
.row-dunkelblau .x-grid-cell {
	background-color: var(--main-color);
}
.row-dunkelblauDisabled .x-grid-cell {
	background-color: color-mix(in srgb, var(--main-color) 25%, transparent);
}
.row-dunkelblauDisabled .x-grid-cell .x-grid-cell-inner  {
	color: var(--main-color);
}
.x-btn-default-toolbar-small,
.x-btn-default-medium{
	background-color: var(--main-color);
	background-image: none;
	border-color: var(--border-color);
}
.x-btn-default-toolbar-small .x-btn-inner{
	color: var(--neutral-color);
}
#it_fragebogen .edit-button {
	background-color: var(--neutral-color);
	color: var(--main-color);
	border: 1px solid var(--main-color);
}
#it_fragebogen .edit-button:hover {
	background-color: var(--main-color);
	color: var(--neutral-color);
}
.row-hellblau .x-grid-cell{
	background-color: color-mix(in srgb, var(--main-color) 65%, transparent);
}
.row-selected .x-grid-cell{
	background-color: color-mix(in srgb, var(--main-color) 35%, transparent);
}
/* Login screen - nach Prokekt */
.logo-login-screen {
	background-image: url(/img/kages/logo-kages-gross.png);
	background-size: contain;
	background-repeat: no-repeat;
	height: 85px;
}
/* Logo - Panel */
.x-box-target > img {
	display: none;
}
.x-box-inner.x-horizontal-box-overflow-body > .x-box-target:has(.panelLogo):before {
	content: "";
	display: block;
	background-image: url(/img/kages/logo-kages.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0px;
    width: 78px;
    height: 38px;
    right: auto;
    left: 0px;
    top: -2px;
}
/*Texte*/
.infoText::before {
	content: "Dieser Fragenkatalog dient der KAGES als Grundlage für die Beurteilung, ob das angebotene Produkt die Anforderungen betreffend Informationssicherheit erfüllt und somit sicher in die IT-Infrastruktur der KAGES integriert werden kann. Bitte beachten Sie die Ausfüllhilfe, welche über den Button in der Fusszeile dieses Fensters geöffnet werden kann.";
	display: block;
	line-height: 19px;
}
.vorgabenundanforderungen {
	margin-left: .25rem;
}
.vorgabenundanforderungen::after {
	content: " der KAGES wurden gelesen und akzeptiert.";
	display: inline-block;
}