.pui-dialog {
	background-color: var(--N-0);
	border-radius: 5px;
	position: absolute;
	z-index: 100;

	&.puiGridExportDialog {
		line-height: 14px;
		& .v-list-item {
			min-height: 36px;
		}
		& .v-list-item__action {
			margin-right: 2px !important;
		}
		& .v-list-item__title {
			font-size: 14px;
		}
	}
	&.puiGridFilterDialog {
		width: 350px;
		&--advanced {
			width: 750px;

			& .nameFilter .v-label {
				margin-top: 10px;
			}
		}
	}
	&.puiGridConfDialog {
		width: 400px;
		& .pui-dialog__toolbarBtn {
			min-width: 10px !important;
		}
	}
	&__bar {
		background-color: var(--N-0) !important;
		& > .v-toolbar__content {
			padding: 0 0 !important;
		}
	}
	&__button {
		border-style: solid;
		border-width: 1px;
	}
	&__toolbarBtn {
		width: 40px;
		min-width: 40px;
		margin-left: 0px !important;
		&--text {
			width: 60px;
			min-width: 60px;
			&--selected {
				background-color: var(--secondarycolor) !important;
				color: var(--N-0) !important;
			}
		}
	}
	&__sqlContainer {
		min-height: 200px;
	}
	&__title {
		color: var(--N-700);
		font-size: 16px;
		font-weight: bold;
		margin-right: 8px;
	}
	&__rule {
		transition: all 1s;
		margin-bottom: 2px;
		&--small {
			height: 48px;
			& .v-input__control {
				min-height: 36px !important;
				height: 36px !important;
			}
		}
	}
	&__ruleContainer {
		max-height: 450px;
		overflow-y: auto;
		margin-top: 2px;
		margin-bottom: 2px;

		& input::placeholder {
			color: black !important;
			opacity: 1;
		}
	}
	&__btnBar {
		&--scrolling {
			box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, 0.2);
		}
	}
	&__header {
		&--scrolling {
			box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2);
		}
	}
}

.puiGridActionsDialog {
	background-color: var(--N-0);
	position: fixed;
	z-index: 8;
	border-radius: 5px;
	&--insideForm {
		position: fixed;
		right: 10px;
		top: 12px;
	}
	&__list {
		max-height: 400px;
		overflow-y: auto;
	}
	& .v-tabs {
		border-radius: 5px;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	}
}

.puiGridActionListItem {
	color: var(--N-500) !important;
	background-color: var(--N-0) !important;
	min-height: 30px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: var(--font-base) !important;
	&--locked {
		color: #B6B9BF !important;
		cursor: auto !important;
	}
	& span {
		padding-left: 3px;
		padding-right: 8px;
	}
	&:hover {
		background-color: var(--N-10) !important;
		cursor: pointer;
	}
	&__title {
	}
	&__titleicon {
		padding-left: 12px !important;
		padding-right: 0px !important;
		margin-right: 2px !important;
		&__lock {
			float: right;
			margin-top: 5px;
		}
		&__info {
			float: right;
			margin-top: 5px;
			cursor: pointer;
		}
		&__favorite {
			float: right;
			margin-top: 5px;
			& i {
				color: var(--Y-100);
			}
			cursor: pointer;
		}
		&__nofavorite {
			float: right;
			margin-top: 5px;
			&:hover {
				& i {
					color: var(--Y-100);
				}
			}
			cursor: pointer;
		}
	}
	&__icon {
		font-size: 12px !important;
		color: var(--N-200);
	}
	&--selected {
		background-color: var(--primarycolor) !important;
		color: var(--N-0) !important;
		&:hover {
			background-color: var(--primarycolor) !important;
			color: var(--N-0) !important;
		}
		& .puiGridActionListItem__icon {
			color: var(--N-0) !important;
		}
	}
	&__check {
		& .v-icon {
			font-size: 12px !important;
			color: var(--N-0);
		}
	}
}

.puiGridFilterListItem {
	color: var(--N-500) !important;
	background-color: var(--N-0) !important;
	min-height: 30px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: var(--font-base) !important;
	text-indent: -0.5;
	padding-left: 1em;
	& span {
		padding-left: 3px;
	}
	&:hover {
		background-color: var(--N-10) !important;
		cursor: pointer;
	}
	&__title {
	}
	&__titleicon {
		padding-left: 2px !important;
		padding-right: 0px !important;
		margin-right: 2px !important;
	}
	&__icon {
		font-size: 12px !important;
		color: var(--N-200);
		&--favorite {
			font-size: 12px !important;
		}
		&--nofavorite {
			font-size: 12px !important;
			&:hover {
				color: var(--Y-100);
			}
		}
	}
	&--selected {
		background-color: var(--primarycolor) !important;
		color: var(--N-0) !important;
		&:hover {
			background-color: var(--primarycolor) !important;
			color: var(--N-0) !important;
		}
		& .puiGridFilterListItem__icon {
			color: var(--N-0) !important;
			&--favorite {
				color: var(--N-0) !important;
			}
			&--nofavorite {
				color: var(--N-0) !important;
				&:hover {
					color: var(--Y-100) !important;
				}
			}
		}
	}
	&__check {
		& .v-icon {
			font-size: 12px !important;
			color: var(--N-0);
		}
	}
}

.puiDialogActionDescription {
	border: 3px solid var(--primarycolor) !important;
	&__tittletext {
	color: var(--primarycolor)
	}
}

.v-tooltip__content {
	z-index: 1000 !important;
}