/*!**************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/globals.pcss ***!
  \**************************************************************************************************************************************************/
body {
	background-color: var(--bg1);
	color: rgba(0, 0, 0, 0.65);
	font-family:
		-apple-system,
		BlinkMacSystemFont,
		Segoe UI,
		Roboto,
		Helvetica Neue,
		Arial,
		Noto Sans,
		sans-serif,
		Apple Color Emoji,
		Segoe UI Emoji,
		Segoe UI Symbol,
		Noto Color Emoji;
	font-feature-settings: 'tnum';
	font-size: 14px;
	font-variant: tabular-nums;
	line-height: 1.5715;
}

&[data-theme='symon-dark'] body {
	color: rgba(255, 255, 255, 0.65);
}

a {
	background-color: transparent;
	color: var(--blue6);
	cursor: pointer;
	outline: none;
	text-decoration: none;
}

/* TODO: try to use environment variables here */

@keyframes fade {
	0%,
	100% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 var(--pulseColorFade);
	}
	50% {
		box-shadow: 0 0 0 10px var(--pulseColor);
	}
	90% {
		box-shadow: 0 0 0 10px var(--pulseColorFade);
	}
	100% {
		box-shadow: 0 0 0 0 var(--pulseColorFade);
	}
}

@keyframes throbStroke {
	0% {
		stroke-width: 0;
		stroke: var(--pulseColorFade);
	}
	50% {
		stroke-width: 10px;
		stroke: var(--pulseColor);
	}
	90% {
		stroke-width: 10px;
		stroke: var(--pulseColorFade);
	}
	100% {
		stroke-width: 0;
		stroke: var(--pulseColorFade);
	}
}

@keyframes shimmerEffect {
	0% {
		background-position: -468px 0;
	}

	100% {
		background-position: 468px 0;
	}
}

/*!*******************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/utils/notify.pcss ***!
  \*******************************************************************************************************************************************************/
:root .ant-message,
	:root .ant-notification {
		z-index: 29999;
	}
	:root .ant-notification {
		pointer-events: none;
		min-width: 380px;
	}
	:root .ant-notification > span {
			display: flex;
			flex-direction: column;
			align-items: center;
		}
	:root .notify.ant-notification-notice {
		border-radius: var(--xs);
		box-shadow: none;
		margin-left: auto;
		padding: 0;
		width: 100%;
	}
	:root .notify.ant-notification-notice.ant-notification-notice-success {
			background-color: var(--green1);
			border: 2px solid var(--green3);
		}
	:root .notify.ant-notification-notice.ant-notification-notice-info {
			background-color: var(--blue1);
			border: 2px solid var(--blue3);
		}
	:root .notify.ant-notification-notice.ant-notification-notice-warning {
			background-color: var(--gold1);
			border: 2px solid var(--gold3);
		}
	:root .notify.ant-notification-notice.ant-notification-notice-error {
			background-color: var(--red1);
			border: 2px solid var(--red3);
		}
	:root .notify.ant-notification-notice.hideTitle .ant-notification-notice-message {
				display: none;
			}
	:root .notify.ant-notification-notice.hideClose .ant-notification-notice-close {
				display: none;
			}
	:root .notify.ant-notification-notice .ant-notification-notice-content {
			padding: 6px var(--m);
			pointer-events: auto;
		}
	:root .notify.ant-notification-notice .ant-notification-notice-message {
			font-family: var(--fontStyle);
			color: var(--fontGrey);
			font-size: 14px;
			margin-bottom: 0;
			margin-inline-start: var(--xl);
		}
	:root .notify.ant-notification-notice .ant-notification-notice-with-icon {
			display: flex;
			align-items: center;
		}
	:root .notify.ant-notification-notice .ant-notification-notice-with-icon .ant-notification-notice-message {
				margin-bottom: 0;
				margin-inline-start: var(--xl);
			}
	:root .notify.ant-notification-notice .ant-notification-notice-with-icon .anticon {
				margin-top: 1px;
				font-size: 16px;
			}
	:root .notify.ant-notification-notice .ant-notification-notice-with-icon .ant-notification-notice-description {
				margin-left: var(--xl);
			}
	:root .notify.ant-notification-notice .ant-notification-notice-close {
			pointer-events: auto;
			top: 6px;
			right: var(--m);
		}

/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/auditLog/auditLogTooltip/auditLogTooltip.pcss ***!
  \*******************************************************************************************************************************************************************************************/
.auditLogTooltip {
	background-color: var(--symonGrey2);
	padding: var(--m);
	line-height: 1.1;
	box-shadow: var(--boxShadow);
}

/*!**********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/app/app.pcss ***!
  \**********************************************************************************************************************************************************/
/* Hide that red warning when theres a css problem. Should be a way to do this in webpack */
	html::before {
		display: none !important;
	}

:root .appRoot {
		display: flex;
		flex-direction: column;
		background-color: var(--bgLightGrey);
		width: 100%;
		height: 100vh;
	}

:root .appRoot__loader {
			height: 100%;
		}

:root .appScrollbars {
		width: 100%;
		flex: 1;
	}

:root #appScrollbars {
		background-color: var(--bgLightGrey);
	}

:root .ps__rail-y {
		transform: translateX(2px);
	}

/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/auditLogControls/auditLogControls.pcss ***!
  \***********************************************************************************************************************************************************************************************/
.audit-log-controls {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--s);
	margin: var(--m) 0;
}

/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/auditLogControls/controlSwitch/controlSwitch.pcss ***!
  \**********************************************************************************************************************************************************************************************************/
.control-switch {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 500px;
}

	.control-switch__select {
		width: 200px;
	}

	.control-switch__select > div.ant-select-selector {
			border-radius: 5px 0 0 5px;
		}

	.control-switch__control {
		min-width: 175px;
		width: 100%;
	}

	.control-switch__control div.ant-select-selector,
		.control-switch__control .bp3-input {
			border-radius: 0 5px 5px 0;
		}

	.control-switch__event-option {
		display: block;
	}

/*!*************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/table/table.pcss ***!
  \*************************************************************************************************************************************************************************/
.table .selected {
		background-color: rgba(0, 0, 255, 0.3);
	}
	.table .ag-row {
		cursor: pointer;
	}
	.table div[role='gridcell'] a {
		display: flex;
		justify-content: center;
	}

/*!************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/table/pagination/paginationControl.pcss ***!
  \************************************************************************************************************************************************************************************************/
.pagination-control {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--m);
	justify-content: flex-end;
	padding: var(--s) var(--m);
}

/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/layouts/idpManagementLayout/idpManagementLayout.pcss ***!
  \**************************************************************************************************************************************************************************************************/
.idp-management-layout {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	align-items: unset;
	gap: var(--xxxl);
}

	.idp-management-layout__idp-list {
		min-width: 500px;
	}

/*!*******************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/addIdp/addIdpForm.pcss ***!
  \*******************************************************************************************************************************************************************************/
.add-idp-form div.ant-form-item {
		margin: var(--m) 0;
	}
	.add-idp-form .ant-upload-list-item-uploading .anticon.anticon-loading.anticon-spin {
		display: none;
	}

/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/idpDocsForClients/idpDocsForClients.pcss ***!
  \*************************************************************************************************************************************************************************************************/
.idp-docs-for-clients {
	margin-bottom: var(--xxxl);
	padding: var(--m);
	background: var(--green2);
	border-radius: var(--s);
}

	.idp-docs-for-clients code {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: var(--m);
	}

	.idp-docs-for-clients b {
		margin-bottom: var(--m);
		display: inline-block;
	}

/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/copyToClipBoard/copyToClipBoard.pcss ***!
  \*********************************************************************************************************************************************************************************************/
.copyToClipBoard {
	color: var(--blue5);
	cursor: pointer;
	background: #fff;
	border-radius: 6px;
	border: 1px solid;
	padding: 7px 5px;
}

/*!*****************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/idpList/idpList.pcss ***!
  \*****************************************************************************************************************************************************************************/
.idp-list {
	overflow-y: scroll;
	max-height: 750px;
	padding: var(--m);
}

	.idp-list__idp-list-item {
		border: 1px solid #eee;
		padding: var(--s);
		border-radius: var(--s);
		margin: var(--m) 0;
	}

	.idp-list__idp-list-item > div:first-child {
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
		}

	.idp-list__idp-list-item h2 {
			margin: 0;
		}

	.idp-list__idp-list-action-container {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: end;
	}

	.idp-list__idp-desc {
		margin-bottom: var(--m);
	}

/*!*******************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/modal/customModal.pcss ***!
  \*******************************************************************************************************************************************************************************/
.custom-modal__confirm-deletion {
		padding: var(--m);
		margin: var(--m) 0;
		background-color: var(--magenta2);
	}

		.custom-modal__confirm-deletion code {
			background-color: #fff;
			padding: var(--s) var(--m);
			border-radius: var(--s);
		}

/*!*************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/updateIdp/updateIdpForm.pcss ***!
  \*************************************************************************************************************************************************************************************/
.update-idp-form div.ant-form-item {
		margin: var(--m) 0;
	}
	.update-idp-form .ant-upload-list-item-uploading .anticon.anticon-loading.anticon-spin {
		display: none;
	}

/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/layouts/integrationEventsLayout/integrationEventsLayout.pcss ***!
  \**********************************************************************************************************************************************************************************************************/
.integration-events-layout__search-section {
		display: flex;
		gap: var(--l);
	}

		.integration-events-layout__search-section > div {
			width: 100%;
		}

/*!*********************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/searchBar/searchBar.pcss ***!
  \*********************************************************************************************************************************************************************************/
.searchBar {
	display: flex;
	margin-bottom: var(--m);
	width: 100%;
}

	.searchBar__custom-filters {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: var(--m);
		justify-content: space-between;
	}

	.searchBar__dl-csv {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
		padding: var(--m);
	}

	.searchBar__export-spinner {
		margin-left: var(--s);
	}

	.searchBar input {
		border-radius: 6px;
		padding-left: 125px !important;
	}

	.searchBar .ant-select-selector {
		border: 1px solid var(--border-input);
		border-radius: 6px 0 0 6px;
	}

/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/integrationEvents/addIntegrationEventModal/addIntegrationEventModal.pcss ***!
  \**********************************************************************************************************************************************************************************************************************/
.add-integration-event-modal__form {
		display: flex;
		flex-direction: column;
		align-items: normal;
		gap: var(--s);
	}
	.add-integration-event-modal__error {
		color: red;
		margin: 0;
	}

/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/layouts/integrationAccountIdLayout/integrationAccountIdLayout.pcss ***!
  \****************************************************************************************************************************************************************************************************************/
.integration-account-id-layout__search-section {
		display: flex;
		gap: var(--l);
	}

		.integration-account-id-layout__search-section > div {
			width: 100%;
		}

/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/integrationOrgAccountId/addIntegrationOrgAccountIdModal/addIntegrationOrgAccountIdModal.pcss ***!
  \******************************************************************************************************************************************************************************************************************************************/
.add-integration-org-account-id-modal__form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.add-integration-org-account-id-modal__error {
	color: red;
	margin-top: 4px;
	font-size: 12px;
}

/*!********************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/layouts/orgsLayout/orgsLayout.pcss ***!
  \********************************************************************************************************************************************************************************/
.orgs-layout {
	width: 100%;
}

	.orgs-layout__org-details {
		margin: 52px 0 var(--m);
	}

	.orgs-layout__search-section {
		margin-top: var(--l);
		display: flex;
		flex-direction: row;
		align-items: center;
		align-items: normal;
		gap: var(--l);
		width: 100%;
	}

	.orgs-layout__search-section > div {
			width: 100%;
		}

	.orgs-layout__org-filters {
		display: flex;
		align-items: center;
		gap: var(--xl);
		margin-bottom: var(--m);
	}

/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/customFilters/customFilterNumberInput.pcss ***!
  \***************************************************************************************************************************************************************************************************/
.custom-filter-number-input__select {
		width: 170px;
		margin-right: var(--s);
	}

/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/customFilters/customFilterSelect.pcss ***!
  \**********************************************************************************************************************************************************************************************/
.custom-filter-select__select {
		width: 170px;
		margin-right: var(--s);
	}

/*!***********************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/orgDetails/orgDetails.pcss ***!
  \***********************************************************************************************************************************************************************************/
.org-details {
	background-color: #fff;
	padding: var(--m);
	border-radius: var(--m);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

	.org-details__actions {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		margin-top: var(--xl);
	}

	.org-details__org-delete-button {
		background-color: var(--red5);
	}

	.org-details__org-delete-button.ant-btn-primary:focus,
		.org-details__org-delete-button.ant-btn-primary:hover {
			background-color: var(--red6);
		}

/*!********************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/editOrgs/editOrgs.pcss ***!
  \********************************************************************************************************************************************************************/
:root .editOrgsForm__error {
			color: red;
		}
	:root .ant-form-item {
		display: block;
	}

/*!*******************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/keyValue/keyValue.pcss ***!
  \*******************************************************************************************************************************************************************************/
.key-value {
	display: flex;
	gap: 120px;
	background: #fff;
}

	.key-value__metric > b {
		font-size: 16px;
		margin-left: var(--s);
	}

	.key-value span {
		text-transform: capitalize;
	}

/*!***************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/manageOrgIdp/manageOrgIdp.pcss ***!
  \***************************************************************************************************************************************************************************************/
.manage-org-idp__loading {
		margin-right: var(--m);
	}

/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/manageOrgIdp/manageOrgIdpForm/manageOrgIdpForm.pcss ***!
  \************************************************************************************************************************************************************************************************************/
.manage-org-idp-form__deactive,
	.manage-org-idp-form__active {
		padding: var(--m);
	}
	.manage-org-idp-form__deactive {
		overflow-y: scroll;
		max-height: 250px;
	}

/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/manageOrgIdp/displayIdpOptions/displayIdpOptions.pcss ***!
  \**************************************************************************************************************************************************************************************************************/
.displayIdpOptions__option {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding: var(--s) 0;
	}
	.displayIdpOptions__loading {
		margin-right: var(--m);
	}

/*!****************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/createOrgs/createOrgsForm.pcss ***!
  \****************************************************************************************************************************************************************************/
:root .createOrgsForm__error {
			color: red;
			margin: 0;
		}
	:root .ant-form-item {
		margin: 0;
	}

/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/tabs/tabHelpers/aiConfigOptions.pcss ***!
  \*********************************************************************************************************************************************************************************************/
.aiConfigOptions {
	width: 300px;
}

	.aiConfigOptions.assistantOn {
		width: 100%;
	}

	.aiConfigOptions__option {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px solid var(--border2);
		padding: var(--m) 0;
	}

	.aiConfigOptions__option .ant-dropdown-button {
			width: unset;
		}

	.aiConfigOptions__warningIcon {
		color: var(--intent-warning);
		margin-right: var(--sm);
	}

	div.aiConfigOptions__spinner {
		justify-content: start;
	}

/*!************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/tabs/tabHelpers/featureFlagOptions.pcss ***!
  \************************************************************************************************************************************************************************************************/
.feature-flag-options {
	width: 300px;
}

	.feature-flag-options .feature-flag-option__option {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px solid var(--border2);
		padding: var(--m) 0;
	}

	.feature-flag-options .feature-flag-option__option .ant-dropdown-button {
			width: unset;
		}

	.feature-flag-options .vds-spinner-v2 {
		justify-content: start;
	}

/*!*********************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/pipeTable/pipeTable.pcss ***!
  \*********************************************************************************************************************************************************************************/
.pipe-table__editor {
		margin: var(--l) 0 var(--s);
	}
	.pipe-table__orgs-button {
		line-height: 1;
		padding: 5px 10px;
		cursor: pointer;
	}

/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/migrationModal/migrationModalForm/migrationModalForm.pcss ***!
  \******************************************************************************************************************************************************************************************************************/
.migration-modal-form .bp3-input {
		width: 100%;
		border: 1px solid var(--grey5);
	}
	.migration-modal-form__section {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: var(--l);
	}
	.migration-modal-form__section .ant-form-item {
			width: 100%;
		}
	.migration-modal-form__section {
		margin: var(--m) 0;
}
	.migration-modal-form__src-input .bp3-input[disabled] {
		border: 1px solid var(--green9);
		color: var(--green9);
		background-color: var(--green2);
	}
	.migration-modal-form__target-input .bp3-input[disabled] {
		pointer-events: none;
		background-color: var(--grey2);
		color: var(--grey13);
	}
	.migration-modal-form__confirm-btn.disabled {
		pointer-events: none;
		background-color: var(--grey2);
		color: var(--grey5);
	}
	.migration-modal-form__confirmed-orgs-section > p:first-child {
		padding: var(--m);
		border-radius: var(--s);
		border: 1px solid var(--gold4);
		background-color: var(--gold2);
	}
	.migration-modal-form__confirmed-orgs {
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-top: var(--l);
		justify-content: space-around;
	}
	.migration-modal-form__error {
		color: var(--red6);
	}
	.migration-modal-form input.input-error,
	.migration-modal-form div.input-error {
		border: 1px solid var(--red6);
	}

/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/migrationModal/displayOrgInfo/displayOrgInfo.pcss ***!
  \**********************************************************************************************************************************************************************************************************/

/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/subscriptions/subscriptions.pcss ***!
  \*****************************************************************************************************************************************************************************************/
.subscriptions {
	display: flex;
	flex-direction: row;
	align-items: center;
	align-items: stretch;
}

	.subscriptions__list {
		width: 400px;
	}

	.subscriptions__addon {
		width: 100%;
		background: white;
	}

	.subscriptions .bp3-control {
		margin-top: unset;
	}

/*!**************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/subscriptions/addOnPanel.pcss ***!
  \**************************************************************************************************************************************************************************************/
.addOnPanel {
	padding: var(--m);
}

	.addOnPanel__addon {
		display: flex;
		flex-direction: row;
		align-items: center;
		width: 250px;
		height: 30px;
		justify-content: space-between;
	}

	.addOnPanel__btn {
		display: inline-block;
		margin-top: var(--xxxl);
	}

/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/subscriptions/subscriptionPanel.pcss ***!
  \*********************************************************************************************************************************************************************************************/
.subscriptionPanel {
	padding: var(--m) var(--s);
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--l);
	justify-content: space-between;
}

	.subscriptionPanel:hover,
	.subscriptionPanel:focus {
		background: var(--hover1);
	}

	.subscriptionPanel__parent-sub {
		display: flex;
		flex-direction: row;
		align-items: center;
		width: 300px;
		justify-content: space-between;
	}

	.subscriptionPanel.isSelected {
		background: white;
	}

	.subscriptionPanel .bp3-control.bp3-switch.bp3-disabled input:checked + .bp3-control-indicator {
		background-color: var(--lime6) !important; /* !important is needed to overwrite style placed by component lib */
	}

/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/confirmationDetailsModal/confirmationDetails/confirmationDetails.pcss ***!
  \*******************************************************************************************************************************************************************************************************************/
.confirmationDetails__spinner_wrapper {
		display: flex;
		justify-content: center;
		padding: 64px;
		align-items: center;
		height: 100%;
	}
	.confirmationDetails .detailDisplay {
		padding-bottom: 32px;
	}

/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/confirmationDetailsModal/confirmationDetails/detailDisplay/detailDisplay.pcss ***!
  \***************************************************************************************************************************************************************************************************************************/
.detailDisplay__detail {
		display: flex;
		background-color: lightgray;
		justify-content: space-between;
		padding: 8px;
		border-radius: 6px;
	}

		.detailDisplay__detail > div {
			width: 80%;
		}

		.detailDisplay__detail > button {
			padding-left: 16px;
		}

		.detailDisplay__detail .clipboardIcon {
			margin-right: 2px;
		}

/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/clipboardIcon/clipboardIcon.pcss ***!
  \*****************************************************************************************************************************************************************************************/
:root .clipboardIcon {
		background-color: transparent;
		border: 0;
		padding: 0;
		margin-right: var(--s);
	}

/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/tabs/tabHelpers/orgConfigOptions.pcss ***!
  \**********************************************************************************************************************************************************************************************/
.org-config-options {
	width: 300px;
}

	.org-config-options .feature-flag-option__option {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px solid var(--border2);
		padding: var(--m) 0;
	}

	.org-config-options .feature-flag-option__option .ant-dropdown-button {
			width: unset;
		}

	.org-config-options .vds-spinner-v2 {
		justify-content: start;
	}

/*!********************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/layouts/rootLayout/rootLayout.pcss ***!
  \********************************************************************************************************************************************************************************/
.rootLayout {
	background-color: var(--symonPurple3);
}

	.rootLayout__layout-tabs a {
			padding: 6px 18px;
			color: #fff;
		}

	.rootLayout__layout-tabs a.active {
			border-radius: 6px 6px 0 0;
			background-color: var(--bg1);
			color: var(--intent-primary);
		}

	.rootLayout__layout-content {
		background-color: var(--bg1);
		padding: var(--xxl);
	}

/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/dashboardHeader/dashboardHeader.pcss ***!
  \*********************************************************************************************************************************************************************************************/
.dashboardHeader__header {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		background-color: var(--symonPurple3);
	}

		.dashboardHeader__header .bp3-button.bp3-minimal {
			color: #fff;
		}

/*!************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/aboutModal/aboutModal.pcss ***!
  \************************************************************************************************************************************************************************/
.aboutModal__modalHeader {
		font-family: var(--fontStyle);
		font-weight: bold;
		color: var(--fontBlack);
		font-size: 24px;
		color: white;
	}
	.aboutModal__subHeader {
		font-family: var(--fontStyle);
		font-weight: bold;
		color: var(--fontBlack);
		font-size: 14px;
	}
	.aboutModal__image {
		height: 56px;
	}
	.aboutModal__title {
		font-family: var(--fontStyle);
		font-weight: bold;
		color: var(--fontBlack);
		font-size: 18px;
	}
	.aboutModal__aboutLine {
		font-family: var(--fontStyle);
		color: var(--fontGrey);
		font-size: 12px;
		margin-bottom: var(--m);
	}
	.aboutModal__desc {
		font-family: var(--fontStyle);
		color: var(--fontGrey);
		font-size: 14px;
	}
	.aboutModal__copy {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
	.aboutModal__copy .clipboardIcon {
			visibility: hidden;
		}
	.aboutModal__copy:hover .clipboardIcon {
			visibility: visible;
		}
	.aboutModal .ant-modal-header {
		background-image: linear-gradient(to bottom, #518dfe, #4751d2);
		padding-bottom: 40px;
		padding-top: 40px;
	}
	.aboutModal .ant-modal-title {
		text-align: center;
	}
	.aboutModal .ant-modal-body {
		padding: 20px;
	}
	.aboutModal .ant-modal-close-icon {
		color: #fff;
	}

/*!**************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/layouts/summaryLayout/summaryLayout.pcss ***!
  \**************************************************************************************************************************************************************************************/
.summary {
	width: calc(100vw - var(--xxl) - var(--xxl));
}

	.summary__regenerate {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
		gap: var(--m);
		margin-top: var(--l);
	}

/*!*********************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/orgsCount/orgsCount.pcss ***!
  \*********************************************************************************************************************************************************************************/
.orgsCount__org-totals {
		border: 1px solid #eee;
		padding: var(--xl);
		border-radius: var(--s);
	}

/*!*********************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/layouts/usersLayout/userLayout.pcss ***!
  \*********************************************************************************************************************************************************************************/
.user-layout {
	width: 100%;
}

	.user-layout__buttons {
		margin: var(--m);
		display: flex;
		justify-content: flex-end;
		min-width: 80vw;
	}

	.user-layout__orgs-table-wrapper {
		margin: var(--m) 0;
	}

	.user-layout__message,
	.user-layout__loader {
		display: flex;
		justify-content: center;
		padding: var(--xxxl);
		min-width: 80vw;
	}

	.user-layout__user-details {
		padding: var(--m);
		border-radius: var(--m);
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
		margin: var(--m) 0;
		background: #fff;
	}

/*!************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/orgs/deleteFromAllOrgsModal/deleteFromAllOrgs.pcss ***!
  \************************************************************************************************************************************************************************************************/
:root .deleteFromAllOrgsModal__email-input {
			margin-top: var(--m);
		}

/*!****************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/crossRegionalTools/crossRegionalTools.pcss ***!
  \****************************************************************************************************************************************************************************************/
.cr-tools {
	width: 600px;
}

	.cr-tools__input-row {
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.cr-tools__input-row div {
			margin-bottom: 0;
			width: 100%;
		}

	.cr-tools__input-row {
		gap: var(--s);
		margin: var(--m) 0;
}

	.cr-tools__src-pipes > div.bp3-form-content,
	.cr-tools__folder-names > div.bp3-form-content {
		height: 200px;
		overflow-y: scroll;
		padding: var(--m);
	}

/*!************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/orgs/orgs.pcss ***!
  \************************************************************************************************************************************************************/
.orgs {
	padding: 48px;
}
	.orgs__nav {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.orgs__header {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		padding-right: var(--l);
	}
	.orgs__total-orgs {
		padding-left: var(--l);
	}
	.orgs .searchBar {
		margin-top: var(--m);
	}
	.orgs__title-text {
		padding: var(--l) 0 0;
	}
	.orgs__orgs-tables.title {
			padding: var(--l) 0 0;
		}
	.orgs .customTable {
		cursor: default;
	}
	.orgs__editors-button {
		margin-top: var(--m);
	}

/*!*************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/components/customTable.pcss ***!
  \*************************************************************************************************************************************************************************/
:root .clickRowStyl {
		background-color: var(--symonGrey1);
	}

/*!******************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/editors/editors.pcss ***!
  \******************************************************************************************************************************************************************/
.editors__details {
		display: flex;
		flex-direction: column;
		color: var(--symonGrey5);
		margin-bottom: var(--m);
	}
	.editors__name {
		font-weight: 600;
	}
	.editors__error {
		color: var(--red5);
	}

/*!****************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/app/errorPage.pcss ***!
  \****************************************************************************************************************************************************************/
:root .appErrorPage {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		position: relative;
	}

		:root .appErrorPage__content {
			display: flex;
			flex-direction: row;
			align-items: center;
		}

		@media (--tablet-and-smaller-only) {

		:root .appErrorPage__content {
				display: flex;
				flex-direction: column;
				align-items: center
		}
			}

		:root .appErrorPage__sentContent {
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 775px;
			border-radius: var(--borderRad);
			box-shadow: var(--boxShadow);
			background-color: #fff;
			padding: 48px 0;
		}

		:root .appErrorPage__buttons {
			display: flex;
			flex-direction: row;
			align-items: center;
		}

		:root .appErrorPage__messageArea {
			width: 500px;
		}

		@media (--tablet-and-smaller-only) {

		:root .appErrorPage__messageArea {
				padding: 0 var(--l);
				width: 100%
		}
			}

		:root .appErrorPage__image {
			margin-right: var(--xl);
		}

		@media (--tablet-and-smaller-only) {

		:root .appErrorPage__image {
				margin-bottom: var(--l);
				margin-right: 0
		}
			}

		:root .appErrorPage__sentImage {
			margin-bottom: var(--l);
		}

		:root .appErrorPage__warningIcon {
			margin: 0 var(--s) 6px 0;
		}

		:root .appErrorPage__title,
		:root .appErrorPage__sentTitle {
			display: flex;
			flex-direction: row;
			align-items: center;
			font-family: var(--fontStyle);
			font-weight: bold;
			color: var(--fontBlack);
			font-size: 28px;
			margin-bottom: var(--m);
		}

		:root .appErrorPage__description,
		:root .appErrorPage__sentDescription {
			font-family: var(--fontStyle);
			font-weight: bold;
			color: var(--fontBlack);
			font-size: 18px;
			font-weight: normal;
			margin-bottom: var(--l);
			color: var(--fontGrey);
		}

		:root .appErrorPage__sentDescription {
			width: 531px;
			text-align: center;
		}

		:root .appErrorPage__reportButton {
			margin-right: var(--m);
			width: 146px;
		}

		:root .appErrorPage__homeButton {
			width: 164px;
		}

		:root .appErrorPage__logoArea {
			display: flex;
			flex-direction: row;
			align-items: center;
			position: absolute;
			left: 50px;
			top: 27px;
		}

		:root .appErrorPage__logo {
			margin-right: 13px;
			max-width: 150px;
		}

		:root .appErrorPage__logoText {
			font-family: var(--fontStyle);
			color: var(--fontBlack);
			font-size: 20px;
			font-weight: bold;
		}
	:root .sentry-error-embed header {
			margin-bottom: 0;
			padding-bottom: 0;
			border: 0;
		}
	:root .sentry-error-embed h2 {
			font-family: var(--fontStyle);
			font-weight: bold;
			color: var(--fontBlack);
			font-size: 28px;
			text-align: left;
		}
	:root .sentry-error-embed p {
			font-family: var(--fontStyle);
			color: var(--fontGrey);
			font-size: 14px;
			text-align: left;
		}
	:root .sentry-error-embed .form-field label {
			font-family: var(--fontStyle);
			color: var(--fontGrey);
			font-size: 12px;
			text-transform: none;
		}
	:root .sentry-error-embed .form-field textarea {
			background-color: #fff;
		}
	:root .sentry-error-embed .error-wrapper p.message-error {
				background-color: var(--red1);
				border-color: rgb(255, 163, 158);
				border-radius: var(--borderRad);
				padding: var(--s) var(--xl);
				margin: var(--m) 0;
				color: var(--red6);
			}
	:root .sentry-error-embed .form-submit {
			display: flex;
			flex-direction: row-reverse;
			justify-content: flex-end;
		}
	:root .sentry-error-embed .form-submit button.btn {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				color: #fff;
				background-color: var(--fontBlue);
				border: 1px solid var(--fontBlue);
				border-radius: var(--borderRad);
				height: 40px;
				width: 164px;
				font-family: var(--fontStyle);
				font-size: 14px;
				font-weight: bold;
			}
	:root .sentry-error-embed .form-submit button.btn:hover {
					background-color: var(--primaryHoverColor);
					border: 1px solid var(--primaryHoverColor);
				}
	:root .sentry-error-embed .form-submit .close {
				margin-right: var(--m);
				padding: var(--s) 48px;
				border: solid 1px var(--lightGrey);
				font-family: var(--fontStyle);
				font-size: 14px;
				font-weight: bold;
				color: var(--fontBlue);
				border-radius: var(--borderRad);
				text-decoration: none !important;
			}
	:root .sentry-error-embed .form-submit .close:hover {
					background-color: var(--secondaryHoverColor);
				}

/*!******************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/layouts/eltIFrameLayout/eltIFrameLayout.pcss ***!
  \******************************************************************************************************************************************************************************************/
.elt-iframe-layout {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
	flex-direction: column;
	flex: 1 1 auto;
	width: 100%;
	height: 100%;
}

/*!**********************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./app/modules/eltIFrame/eltIFrame.pcss ***!
  \**********************************************************************************************************************************************************************/
.elt-iframe {
	width: 100%;
	height: 100vh;
	border: 2px solid red;
}


/*# sourceMappingURL=app.56a7867bf1cf49020ebf.css.map*/