@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_DatastorePerson_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;
				padding: .5em;
			}

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

@scope (.Components_GitDispatch_ActionBar_ActionBarComponent) {
 		
			:scope {
				display: grid;
				grid-template-columns: subgrid;
				grid-column: span 2;
				margin-bottom: 2lh;
			}

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

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

			.rightButtons {
				justify-self: right;
			}

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

@scope (.Components_GitDispatch_CustomerConfig_CustomerConfigComponent) {
  
}

@scope (.Components_GitDispatch_DomainForm_DomainFormComponent) {
 		
			.mainContainer {
				display: grid;
				grid-template-columns: auto 42%;
			}

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

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

			.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 .highlightGreen {
				background: var(--APR_FRAMEWORK_CSS_SELECTED_BG_COLOR);
				color: var(--APR_FRAMEWORK_CSS_SELECTED_TEXT_COLOR);
			}

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

			.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_EditCustomersForm_EditCustomersFormComponent) {
 		
			:scope {
				display: grid;
				grid-template-columns: repeat(5, max-content);
			}

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

			.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 > div:nth-child(odd) {
				background: var(--APR_FRAMEWORK_CSS_ZEBRA_DARK_COLOR);
			}

			:scope > 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_Main_GitDispatchComponent) {
 		
			.requiredActions {
				padding: .5em;
				margin-bottom: 2em;
			}

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

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

			.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_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_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 {
			}

			.feedback .hot {
				padding: 0.5em;
			}

			.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);
			}
		
		 
}

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

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

			.feedback {
				display: inline-block;
				grid-column: span 2;
				padding: .5em;
			}

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

			.jobTitle {
				font-weight: bold;
			}

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

			.jobTitle:not(:first-of-type) {
				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_Popup_PopupComponent) {
  
}