@scope (.Components_ApiKeyManager_ApiKeyManagerBaseComponent) {
 		
			.feedback {
				margin-bottom: 1em;
				padding: .5em;
				display: inline-block;
				line-height: 1.5em;
			}
		
		 
}

@scope (.Components_ApiKeyManager_ApiKeyManagerKeysComponent) {
 		

			.keysGrid {
				margin-top: 1em;
				display: grid;
				grid-template-columns: max-content max-content;
				gap: 1em;
				align-items: center;
			}

			#createApiKeyForm {
				margin-top: 2em;
				display: grid;
				grid-template-columns: max-content;
				gap: 1em;
				align-items: center;
			}
		
		 
}

@scope (.Components_ApiKeyManager_ApiKeyManagerLogsComponent) {
 		

			/* Zebra stripes for grids using subgrids */
			.zebraGrid > :nth-child(odd) {
				background: var(--APR_FRAMEWORK_CSS_ZEBRA_DARK_COLOR);
			}

			.zebraGrid > :nth-child(even) {
				background: var(--APR_FRAMEWORK_CSS_ZEBRA_LIGHT_COLOR);
			}

			.zebraGrid {
				display: grid;
				grid-template-columns: repeat(2, max-content);
				gap: 1em;
				align-items: center;
				margin-top: 1em;
			}

			.subgridContainer {
				display: grid;
				grid-template-columns: subgrid;
				grid-column: span 2;
				align-items: inherit;
				padding: .5em;
			}
		
		 
}

@scope (.Components_ApiKeyManager_ApiKeyManagerRemoteComponent) {
 		
			form {
				margin-top: 2em;
				display: grid;
				grid-template-columns: repeat(2, max-content);
				gap: 1em;
			}


			.keysGrid {
				margin-top: 1em;
				display: grid;
				grid-template-columns: repeat(4, max-content);
				gap: 1em;
				align-items: center;
			}
		
		
		 
}

@scope (.Components_Customer_CustomerIndexComponent) {
  
}

@scope (.Components_Feliks_Datastore_DatastorePersonComponent) {
 		
			.datastorePersonTable {
				display: grid;
			}

			/* Zebra stripes for grids using subgrids */
			.datastorePersonTable > div:nth-child(odd) {
				background: var(--APR_FRAMEWORK_CSS_ZEBRA_DARK_COLOR);
			}

			.datastorePersonTable > div:nth-child(even) {
				background: var(--APR_FRAMEWORK_CSS_ZEBRA_LIGHT_COLOR);
			}

			.datastorePersonTable > .row {
				display: grid;
				grid-template-columns: subgrid;
				align-items: inherit;
				gap: .5em;
			}

			.datastorePersonTable > .row:first-child {
				border-bottom: 1px solid var(--APR_FRAMEWORK_CSS_BORDER_COLOR);
			}

			.dataCell {
				padding: .5em;
			}

			.dataCell, .headerCell:not(:first-child) {
				border-left: 1px solid var(--APR_FRAMEWORK_CSS_BORDER_COLOR);
			}

			.headerCell, .keyCell {
				font-style: italic;
				padding: .5em 1em .5em .5em;
			}
		
		
		 
}

@scope (.Components_Feliks_Datastore_FeliksDatastoreLogComponent) {
  
}

@scope (.Components_Feliks_Datastore_FeliksDatastoreMainComponent) {
 		
		 
}

@scope (.Components_Feliks_Datastore_FeliksDatastoreManuelImportComponent) {
 		
			:scope > form {
				display: grid;
				grid-template-columns: repeat(7, max-content) auto max-content;
				gap: 1em;
				align-items: center;
			}
		
		 
}

@scope (.Components_Feliks_Datastore_FeliksDatastoreStatisticsComponent) {
 		
			:scope {
				display: grid;
				grid-template-columns: auto auto;
				gap: 4em;
			}

			.cprCodeTable {
				display: grid;
				grid-template-columns: max-content auto;
				align-items: center;
				margin-top: 1em;
			}

			.dataHierarchyTable {
				display: grid;
				grid-template-columns: min-content repeat(4, 10em);
				align-items: center;
				margin-top: 1em;
			}


			.dataHierarchyTable > .row:first-child {
				border-bottom: 1px solid var(--APR_FRAMEWORK_CSS_BORDER_COLOR);
			}

			.cprCodeTable .subgridContainer {
				display: grid;
				grid-template-columns: subgrid;
				grid-column: span 2;
				align-items: inherit;
				padding: .5em;
				gap: 1em;
			}

			.dataHierarchyTable .subgridContainer {
				display: grid;
				grid-template-columns: subgrid;
				grid-column: span 5;
				align-items: inherit;
			}

			.dataHierarchyTable .subgridContainer:hover {
				background-color: #ffff99;
			}


			.headerCell, .keyCell {
				font-style: italic;
				padding: .5em .5em;
			}

			.dataCell {
				padding: .5em;
				text-align: right;
			}

			.dataCell, .headerCell {
				height: stretch;
				border-left: 1px solid var(--APR_FRAMEWORK_CSS_BORDER_COLOR);
				align-content: center;
			}

			.actions {
				grid-column: span 2;
			}
		
		 
}

@scope (.Components_GitDispatch_CustomerSetup_CustomerSetupMenu) {
 		
			:scope {
				display: grid;
				gap: .5em;
				grid-template-columns: auto max-content;
				grid-column: span 2;
				margin-bottom: 1lh;
			}

			.actionBar > *:not(:first-child) {
				margin-left: .5em;
			}

			a > button {
				text-decoration-line: none;
			}
		
		
		 
}

@scope (.Components_GitDispatch_CustomerSetup_CustomerSetupPage) {
 		
			:scope {
				display: grid;
				grid-template-columns: min-content auto;
			}

			:scope > form {
				display: grid;
				grid-template-columns: repeat(5, max-content);
			}

			.buttonRow {
				grid-column: span 5;
				justify-self: right;
			}
			
			.subMenuContainer {
				grid-column: span 2;
			}

			.subGridContainer {
				display: grid;
				grid-template-columns: subgrid;
				grid-column: span 5;
				padding: .5em;
				gap: 1em;
				align-items: center;
			}

			/* Zebra stripes for grids using subgrids */
			:scope > form > div:nth-child(odd) {
				background: var(--APR_FRAMEWORK_CSS_ZEBRA_DARK_COLOR);
			}

			:scope > form > div:nth-child(even) {
				background: var(--APR_FRAMEWORK_CSS_ZEBRA_LIGHT_COLOR);
			}

			.domainContainerHeadline div {
				font-weight: bold;
			}

			.actions {
				display: grid;
				grid-template-columns: repeat(2, max-content);
				gap: 1em;
				align-items: center;
			}
		
		
		 
}

@scope (.Components_GitDispatch_CustomerSetup_EditCustomerForm) {
 		
			form {
				display: grid;
				grid-template-columns: repeat(2, auto);
				width: auto;
			}

			.subGridContainer {
				display: grid;
				grid-template-columns: subgrid;
				grid-column: span 2;
				padding: .5em;
				gap: 5em;
				align-items: center;
			}


			.buttonRow {
				grid-column: span 2;
				justify-self: right;
			}

			.feedback {
				grid-column: span 2;
			}

			.hot, .error {
				padding: .5em;
			}

			/* Zebra stripes for grids using subgrids */
			form > div.subGridContainer:nth-child(odd) {
				background: var(--APR_FRAMEWORK_CSS_ZEBRA_DARK_COLOR);
			}

			form > div.subGridContainer:nth-child(even) {
				background: var(--APR_FRAMEWORK_CSS_ZEBRA_LIGHT_COLOR);
			}

			.mellemrubrik {
				margin-top: 2em;
			}
		
		 
}

@scope (.Components_GitDispatch_CustomerSetup_UpdateCustomerListFlow) {
 		
			:scope {
				width: calc(1170px * .58);
			}

			.deletedDomainRowContainer {
				display: grid;
				grid-template-columns: max-content auto;
				margin-bottom: 1em;
			}

			.deletedDomainRow {
				display: grid;
				grid-template-columns: subgrid;
				grid-column: span 2;
				align-items: center;
				gap: .5em;
				padding: .25em 0;
			}

			.newDomainRowContainer {
				display: grid;
				grid-template-columns: max-content auto max-content max-content;
				margin-bottom: 1em;
			}

			.newDomainRow {
				display: grid;
				grid-template-columns: subgrid;
				grid-column: span 4;
				gap: .5em;
				padding: .25em 0;
				align-items: center;
			}

			.mellemrubrik {
				margin-bottom: 1em;
			}

			h2 {
				font-weight: bold;
				margin-bottom: .5em;
			}

			/* Zebra stripes for grids using subgrids */
			.zebraGrid > div:nth-child(odd) {
				background: var(--APR_FRAMEWORK_CSS_ZEBRA_DARK_COLOR);
			}

			.zebraGrid > div:nth-child(even) {
				background: var(--APR_FRAMEWORK_CSS_ZEBRA_LIGHT_COLOR);
			}
		
		
		 
}

@scope (.Components_GitDispatch_CustomerSetup_UploadCustomerConfigForm) {
  
}

@scope (.Components_GitDispatch_GitActions_GitActionsComponent) {
 		

			.domainContainer {
				display: grid;
				grid-template-columns: max-content auto max-content max-content;
				height: max-content;
				width: calc(1170px * .58);
			}

			.domainContainer .productName {
				grid-column: span 3;
				padding-bottom: 0;
			}

			.subGridContainer {
				display: grid;
				grid-template-columns: subgrid;
				grid-column: span 4;
				gap: 1em;
				padding: .5em;
				align-items: center;
			}

			.productHeader:not(.domainContainerHeadline + .productHeader) {
				margin-top: 30px;
			}

			/* Zebra stripes for grids using subgrids */
			.zebraGrid > div:nth-child(odd) {
				background: var(--APR_FRAMEWORK_CSS_ZEBRA_DARK_COLOR);
			}

			.zebraGrid > div:nth-child(even) {
				background: var(--APR_FRAMEWORK_CSS_ZEBRA_LIGHT_COLOR);
			}

			.domainContainerHeadline div {
				font-weight: bold;
			}

			.siteLinks {
				cursor: default;
			}

			.siteLinks a {
				text-decoration: none;
			}

			.siteLinks a:hover {
				text-decoration: underline;
			}
		
		 
}

@scope (.Components_GitDispatch_GitActions_GitActionsMenu) {
 		
			:scope {
				display: grid;
				grid-template-columns: max-content auto max-content;
				margin-bottom: 2lh;
			}

			:scope > div > *:not(:first-child) {
				margin-left: .5em;
			}

			a > button {
				text-decoration-line: none;
			}
		
		
		 
}

@scope (.Components_GitDispatch_Main_GitDispatchComponent) {
 		
			.requiredActions {
				padding: .5em;
				margin-bottom: 2em;
			}

			.requiredActions ul {
				padding-bottom: 6px;
			}

			.mainContainer {
				display: grid;
				grid-template-columns: max-content auto;
			}

			.outputContainer {
				margin-left: 5em;
			}

			h2.outputHeader {
				margin-bottom: .5lh;
			}

			.outputLogs:has(> div) {
				border: 1px solid var(--APR_FRAMEWORK_CSS_BUTTON_BORDER_COLOR);
				border-radius: 12px;
				padding: .5lh;
			}

			.outputLogs div:not(:first-child) {
				margin-top: .5lh;
			}

			.outputLogs .highlightYellow {
				background: var(--APR_FRAMEWORK_CSS_ALERT_COLOR);
			}

			.outputLogs .highlightRed {
				background: var(--APR_FRAMEWORK_CSS_ALERT_COLOR);
			}

			.gitDispatchWarning {
				margin-bottom: 1em;
				padding: .25em;
				display: inline-block;
			}
		
		 
}

@scope (.Components_MenuBar_MenuBarComponent) {
 		
			.menuBarGridContainer {
				display: grid;
				grid-template-columns: max-content 1fr;
				margin-bottom: 1.5lh;
			}

			.menuBarContainer {
				display: flex;
			}

			.dummyItem {
				padding-bottom: .2em;
				border-bottom: 2px solid var(--APR_FRAMEWORK_CSS_TEXT_COLOR);
			}

			.menuBarItem {
				padding: 0 .4em .2em .4em;
				border-bottom: 2px solid var(--APR_FRAMEWORK_CSS_TEXT_COLOR);
			}

			.menuBarItem:first-of-type {
				padding-left: 0;
			}

			.menuBarItem.menuBarItemSelected {
				border-bottom-color: green;
			}

			.menuBarItem a {
				display: grid;
				gap: .2em;
				grid-template-columns: max-content max-content;
				align-items: center;
				color: var(--APR_FRAMEWORK_CSS_TEXT_COLOR);
				padding: .4em .4em calc(.4em - 2px) .4em;
				font-size: 13px;
				font-weight: normal;
				text-decoration: none;
			}

			.menuBarItem a:link span, .menuBarItem a:visited span, .menuBarItem a:active span, .menuBarItem {
				color: inherit;
				text-decoration: none;
			}

			.menuBarItem a:hover span {
				color: var(--APR_FRAMEWORK_CSS_HOVER_TEXT_COLOR);
			}

			.menuBarItem a:focus {
				outline: none !important;
			}

			.menuBarItem:not(.menuBarItemSelected):has(a:hover):not(:focus-within) {
				border-bottom-color: red;
			}

			.menuBarItem:focus-within {
				border-bottom-color: lightblue;
			}

			a.menuBarItem span {
				font-family: inherit;
				color: inherit;
			}
		
		 
}

@scope (.Components_Serviceplatformen_ServiceplatformenSimulateErrorCheckboxComponent) {
  
}

@scope (.Components_StackedList_StackedListComponent) {
  
}

@scope (.Components_StackedList_StackedListItemComponent) {
 		
			:scope {
				border: 1px solid var(--APR_FRAMEWORK_CSS_BORDER_COLOR);
				border-top-width: 0;
				padding: 1em;
				background-color: var(--APR_FRAMEWORK_CSS_ZEBRA_LIGHT_COLOR);
			}

			:scope:first-of-type {
				border-top-width: 1px;
				border-top-left-radius: 8px;
				border-top-right-radius: 8px;
			}

			:scope:last-of-type {
				border-bottom-left-radius: 8px;
				border-bottom-right-radius: 8px;
			}

			:scope.hidden {
				cursor: pointer;
			}

			:scope:hover {
				background-color: var(--APR_FRAMEWORK_CSS_ZEBRA_DARK_COLOR);
			}

			.stackedListItemContainerHidden {
				margin-top: 1em;
			}

			.stackedListItemContainerHidden.hidden {
				visibility: hidden;
				height: 0;
				margin-top: 0;
			}

			.selfLoader {
				display: grid;
				justify-content: center;
			}
		
		 
}

@scope (.Components_TaskQueue_Log_LogComponent) {
 		
			.logFileHeader {
				display: grid;
				grid-template-columns: auto max-content;
				margin-bottom: 1lh;
			}

			.logFileHeader:not(:first-of-type) {
				margin-top: 2lh;
			}

			.dateSelectorContainer {
				margin-bottom: 1lh;
			}

			h2 {
				font-size: 1.2em;
				font-weight: bold;
			}
		
		 
}

@scope (.Components_TaskQueue_Main_TaskQueueComponent) {
  
}

@scope (.Components_TaskQueue_Manager_ManagerComponent) {
 		
			:scope {
				display: grid;
				gap: 5em;
				grid-template-columns: repeat(2, calc(50% - 2.5em));
			}

			.actionList {
				margin-bottom: 1lh;
				height: 2lh;
			}

			.output {
				margin-bottom: 1lh;
				height: 2lh;
			}
		
		 
}

@scope (.Components_TaskQueue_Monitor_MonitorComponent) {
  
}

@scope (.Components_TaskQueue_Overview_OverviewComponent) {
 		
			.log-entry {
			}

			.header {
				display: grid;
				grid-template-columns: repeat(5, max-content);
				gap: 1em;
				align-items: center;
				margin-bottom: 1em;
			}

			.consumer-data-container {
				display: grid;
				grid-template-columns: 3fr 1fr 1fr;
				gap: 3em;
			}

			.table-header {
				font-weight: bold;
			}

			.task-table > div, .schedule-table > div, .event-table > div {
				padding: 0.5em 0;
				border-bottom: 1px solid var(--APR_FRAMEWORK_CSS_BORDER_COLOR);
			}

			.task-table-pending {
				margin-top: 1em;
			}
		
		 
}

@scope (.Components_TaskQueue_Overview_TaskEventQueueSetupComponent) {
 		
			.header {
				display: grid;
				grid-template-columns: repeat(2, max-content);
				gap: 1em;
				align-items: center;
				margin-bottom: 1em;
			}

			.feedback .hot {
				padding: 0.5em;
			}

			.domainMatrix {
				display: grid;
				grid-template-columns: repeat(16, auto);
				gap: 1em;
				align-items: center;
				justify-content: center;
				overflow-x: scroll;
			}
		
		 
}

@scope (.Components_TaskQueue_Scheduler_ScheduleFormComponent) {
 		
			form {
				display: grid;
				grid-template-columns: repeat(2, max-content);
				grid-gap: 1em;
				align-items: center;
			}

			.buttons {
				grid-column: span 2;
			}

			.feedback > div {
				display: inline-block;
				margin-top: 1em;
				padding: .5em;
			}

			.repeatPatternContainer {
				display: grid;
				grid-template-columns: repeat(2, max-content);
				grid-gap: .5em;
				align-items: inherit;
			}

			.jobTitle {
				font-weight: bold;
				margin-bottom: 1em;
				margin-top: 2em;
			}
		
		
		 
}

@scope (.Components_TaskQueue_Scheduler_SchedulerComponent) {
  
}

@scope (.Components_TaskQueue_Scheduler_SchedulerDomainComponent) {
 		
			.actionLine {
				display: grid;
				grid-template-columns: auto;
				justify-items: right;
			}
		
		 
}

@scope (.Components_TaskQueue_StackedList_TaskQueueStackedListItemHiddenComponent) {
 		
			.failedFinal {
				background-color: var(--APR_FRAMEWORK_CSS_HOT_COLOR);
			}

			h2 {
				font-size: 1.2em;
				font-weight: bold;
				color: var(--APR_FRAMEWORK_CSS_TEXT_COLOR);
				display: inline;
			}

			.failed h2 {
				color: var(--APR_FRAMEWORK_CSS_WARNING_COLOR);
			}

			p, span, pre, .taskEntryRightContainer > div {
				margin-bottom: .5lh;
			}

			h1 {
				margin-bottom: .5lh;
			}

			.taskEntryActionLine {
				display: grid;
				grid-template-columns: auto max-content;
				margin-top: 1em;
			}

			pre {
				overflow: auto;
			}
		
		 
}

@scope (.Components_TaskQueue_StackedList_TaskQueueStackedListItemVisibleComponent) {
 		

			h2 {
				font-size: 1.2em;
				font-weight: bold;
				color: var(--APR_FRAMEWORK_CSS_TEXT_COLOR);
				display: inline;
			}

			.failed h2 {
				color: var(--APR_FRAMEWORK_CSS_WARNING_COLOR);
			}

			.priority {
				background-color: var(--APR_FRAMEWORK_CSS_TEXT_COLOR);
				color: var(--APR_FRAMEWORK_CSS_PAPER_COLOR);
				font-size: 1em;
				padding: .3em .8em;
				border-radius: 8px;
			}

			.jobtype {
				background-color: var(--APR_FRAMEWORK_CSS_TAB_DARK_COLOR);
				font-size: 1em;
				padding: .3em .8em;
				border-radius: 8px;
			}


			p, span, pre, .taskEntryRightContainer > div {
				margin-bottom: .5lh;
			}

			h1 {
				margin-bottom: .5lh;
			}

			.taskEntryContainerMainLine {
				display: grid;
				grid-template-columns: 1fr max-content;
				gap: .5em;
			}
		
		 
}

@scope (.Components_Update_Index_UpdateIndexComponent) {
  
}

@scope (.Components_Update_Login_AdminLoginForm) {
 		
			#failed_login_cartoon {
				width: 450px;
				height: 450px;
				background: url(/update/images/login_failed_popart.jpg);
				cursor: pointer;
				margin: 1em 0;
			}

			#failed_login_cartoon_text {
				font-size: 16px;
				color: #000000;
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				line-height: 21px;
				text-align: center;
				width: 250px;
			}
			
			.forgotten_password_form_hidden {
				display: none;
			}

			.ie {
				display: none;
				width: 600px;
				padding: 10px;
				border: 1px solid #333333;
			}

			:scope {
				width: 709px;
				margin: 130px auto 0 auto;
				padding: 50px 36px;
				0px 36px;
				background: #f8f8f8;
				border: 3px double #d8d8d8;
				border-radius: 16px;
			}
		
		 
}

@scope (.Components_Update_Login_AdminTwoFactorLoginForm) {
  
}

@scope (.Components_Update_Popup_PopupComponent) {
  
}