.pui-toolbar {
	background-color: white !important;
	position: fixed;
	z-index: 2;
	&--desktop {
		width: calc(100% - 64px) !important;
		padding-right: 16px;
		padding-left: 16px;
	}
	&--mobile {
		padding-right: 8px;
		padding-left: 8px;
	}
	&--menu-opened, &--menu-secondary-opened {
		width: calc(100% - 304px) !important;
	}
	&--menu-closed {
		width: calc(100% - 64px);
	}
	&--menu-hidden {
		width: calc(100%) !important;
	}
	&__masterDetail {
		width: 100% !important;
		position: relative;
	}
	&__modalDialog {
		width: 100% !important;
		position: relative;
	}
	&__topToolbar {
		&--desktop {
			width: calc(100% - 64px) !important;
		}
		&--menu-opened, &--menu-secondary-opened {
			width: calc(100% - 304px + 32px) !important;
			float:left !important;
		}
		&--menu-closed {
		}
		&--menu-hidden {
		}
	}
	&__btn {
		color: var(--N-500);
		margin: auto;
		margin-right: 10px !important;
		&--active {
			background-color: var(--N-800) !important;
			color: var(--N-0) !important;
			&.pui-toolbar__btn {
				color: var(--N-0) !important;
			}
		}
		&--unsaved {
			background-color: var(--secondarycolor) !important;
			&.pui-toolbar__btn {
				color: var(--N-0) !important;
			}
		}
		&--applied {
			background-color: var(--azul-primary-select) !important;
			color: var(--secondarycolor) !important;
			& .pui-toolbar__multiBtnSeparator {
				color: var(--secondarycolor) !important;
			}
			&.pui-toolbar__btn--active {
				color: var(--secondarycolor) !important;
			}
		}
		&--darkapplied {
			background-color: var(--secondarycolor) !important;
			color: var(--N-0) !important;
			& .pui-toolbar__superMiniBtn {
				color: var(--N-100) !important;
			}
		}
		&--simple {
			min-width: 40px !important;
			width: 40px !important;
		}
	}
	&__multiBtn {
		height: 36px;
		padding: 0px !important;
		background-color: var(--N-10);
		border-radius: 5px;
	}
	&__miniBtn {
		min-width: 18px !important;
		display: inline-block;
		margin: 0px !important;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 14px !important;
		padding-right: 14px !important;
	}
	&__superMiniBtn {
		min-width: 18px !important;
		display: inline-block;
		margin: 0px !important;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 9px;
		padding-right: 9px;
	}
	&__multiBtnSeparator {
		color: var(--N-100);
		display: inline-block;
		width: 3px;
		border: 0px solid var(--N-500);
		height: 20px;
	}
	&__actionBtn {
		background-color: var(--primarycolor);
		min-width: none !important;
		width: 40px !important;
		& i.v-icon {
			font-size: 16px !important;
		}
		&--desktop {
			margin-right: 10px !important;
		}
		&--mobile {
			margin-right: 5px !important;
		}
	}
}

.draggableToolbar {
	cursor: move;
}