.ui-tag-selector-tag {
	max-width: none;
}

.biconnector-scope-selector .ui-selector-tab-labels {
	display: none;
}

#biconnector-dashboard-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.popup-window-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 100%;
}

#app {
	padding-top: 21px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	overflow: auto;
	-webkit-box-shadow: 0 8px 17px 0 #00000021;
	        box-shadow: 0 8px 17px 0 #00000021;
}

.group-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-bottom: 17px;
	padding: 0 24px;
}

.group-header-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	max-width: 80%;
	height: 30px;
	color: var(--ui-color-base-1);
}

.group-name {
	font-weight: var(--ui-font-weight-semi-bold);
	font-size: var(--ui-font-size-3xl);
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 2px;
}

.group-name-edit-icon {
	cursor: pointer;
	margin-left: 4px;
}

.group-name-input {
	background-color: transparent;
	border: none;
	font-size: var(--ui-font-size-3xl);
	font-weight: var(--ui-font-weight-semi-bold);
	color: var(--ui-color-base-1);
	width: 100%;
}

.group-name-input::-webkit-input-placeholder {
	color: var(--ui-color-gray-50);
}

.group-name-input::-moz-placeholder {
	color: var(--ui-color-gray-50);
}

.group-name-input:-ms-input-placeholder {
	color: var(--ui-color-gray-50);
}

.group-name-input::-ms-input-placeholder {
	color: var(--ui-color-gray-50);
}

.group-name-input::placeholder {
	color: var(--ui-color-gray-50);
}

.group-header-controls {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
}

.group-close {
	cursor: pointer;
}

.group-scope-list-hint {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-left: 9px;
	padding-bottom: 2px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}

.group-button-panel {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	border-bottom: 1px solid var(--ui-color-divider-default);
	padding: 0 27px 16px 24px;
}

.group-button-wrapper {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	margin-right: 15px;
}

.group-scope-selector {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: var(--ui-font-size-md);
	color: var(--ui-color-palette-gray-90);
	min-width: 0;
}

.group-scope-selector .scope-list.scope-list-group {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 4px;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	min-width: 0;
	white-space: nowrap;
}

.scope-name {
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 auto;
	        flex: 0 1 auto;
	min-width: 0;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
}

.group-scope-title {
	color: var(--ui-color-palette-gray-90);
	cursor: default;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}

.scope-list.scope-list-dashboard,
.scope-list.scope-list-group,
.scope-list-empty {
	color: var(--ui-color-accent-main-link);
	cursor: pointer;
}

.scope-list-dashboard {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 4px;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

.scope-list.scope-list-more,
.scope-list-system {
	display: inline-block;
	color: var(--ui-color-palette-gray-50);
	cursor: default;
	margin: 0;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}

.scope-hint-link {
	color: var(--ui-color-palette-white-base);
	text-decoration: underline;
	cursor: pointer;
}

.scope-hint-link:hover {
	color: var(--ui-color-palette-white-base);
	text-decoration: none;
}

.group-dashboard-list {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	overflow: auto;
	padding: 0 24px;
}

.group-dashboard-list-scroll {
	padding-right: 18px;
}

.group-dashboard-list::-webkit-scrollbar {
	width: 6px;
}

.group-dashboard-list::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.05);
	border-radius: 3px;
}

.group-dashboard-list::-webkit-scrollbar-track {
	background-color: rgba(0, 0, 0, 0);
	border-radius: 3px;
}

.group-dashboard-empty {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.group-dashboard-empty-image {
	width: 120px;
	height: 110px;
	margin-bottom: 20px;
	background: url('images/empty-state.png') center/contain no-repeat;
}

.group-dashboard-empty-title {
	font-size: var(--ui-font-size-xl);
	font-weight: var(--ui-font-weight-medium);
	line-height: var(--ui-font-line-height-2xs);
	color: var(--ui-color-palette-black-base);
}

.group-dashboard-empty-subtitle {
	font-size: var(--ui-font-size-lg);
	line-height: var(--ui-font-line-height-sm);
	color: var(--ui-color-palette-gray-80);
	margin-top: 6px;
}

.group-dashboard {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-bottom: 1px solid var(--ui-color-divider-default);
	padding: 12px 3px 12px 0;
}

.group-dashboard-icon {
	margin-right: 10px;
}

.group-dashboard-name {
	width: 50%;
	font-size: var(--ui-font-size-lg);
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
}

.group-dashboard-remove-icon {
	margin-left: 10px;
	cursor: pointer;
}

.group-dashboard-scopes-container {
	margin-left: auto;
	text-align: right;
	font-size: var(--ui-font-size-md);
	line-height: var(--ui-font-line-height-md);
	max-width: 45%;
}

.group-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 12px;
	margin: 24px 0;
}

.group-warn-popup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.group-warn-popup-title-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.group-warn-popup-title {
	font-size: 17px;
	padding: 12px;
	font-weight: var(--ui-font-weight-medium);
}

.group-warn-popup-close {
	cursor: pointer;
	margin-right: 8px;
}

.group-warn-popup-box {
	font-size: var(--ui-font-size-lg);
	font-weight: var(--ui-font-weight-normal);
	padding: 0 12px 12px 12px;
	border-radius: 8px;
	color: #555555;
}

.group-warn-popup-box-link,
.group-warn-popup-box-link:hover {
	font-size: var(--ui-font-size-md);
	color: var(--ui-color-palette-gray-70);
}

.group-warn-popup-checkbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-top: 20px;
}

.group-warn-popup-checkbox input {
	margin: 0;
}

.group-warn-popup-checkbox-text {
	margin-left: 8px;
}

.group-warn-popup-separator {
	margin-top: 13px;
	border-top: 1px solid var(--ui-color-palette-gray-90);
	opacity: 8%;
}

.group-warn-popup-buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 12px 0;
	gap: 12px;
}

.ui-hint-content {
	margin: 7px;
}

.ui-hint-content ul {
	opacity: 1;
}