@media (max-width: 850px) and (orientation: portrait), (max-width: 1110px) {
	.qtip{
		left: var(--gap-title-elements);
		width: calc( 100vw - ( 2 * var(--gap-title-elements)));
		box-sizing: border-box;
	}

	.qtip-titlebar{
		padding: var(--gap-title-elements);
		width: 100%;
		box-sizing: border-box;
	}

	.qtip-default .qtip-titlebar .qtip-close{
		right: var(--gap-title-elements);
	}

	div.profileInfoContainer{
		width: calc( 100vw - ( 2 * var(--gap-title-elements)));
		display: flex;
		flex-direction: column;
		gap: var(--gap-title-elements);
		align-items: center;
	}
	.profileInfoDelegateSection{
		width: 100%;
	}

	div.profileInfoHeaderNote{
		padding: var(--gap-title-elements);
		width: calc( 100% - ( 2 * var(--gap-title-elements)));
	}

	div.profileInfoRowDiv{
		padding: 0;
		width: calc( 100% - ( 2 * var(--gap-title-elements)));
		box-sizing: border-box;
		text-align: unset;
		display: flex;
		flex-direction: column;
		gap: var(--gap-inside-block);
	} 

	.profileInfoFieldLabel{
		text-align: unset;
		width: 100%;
	}

	div.profileInfoRowDiv input{
		padding: 0;
		width: 100%;
	}

	.delegateInfoLine{
		align-items: flex-start;
		flex-direction: column;
		justify-content: unset;
		
		width: 100%;
		gap: var(--gap-title-elements);
		margin-bottom: var(--gap-title-elements);
	}

	div.profileInfoRowDiv.full{
		padding: var(--gap-title-elements);
	}

	.delegateInfoContainer{
		width: 100%;
	}

	input.selectEmployeeDelegateTrigger.backColor,
	div.profileInfoRowDiv input{
		margin: 0;
		width: 100%;
	}

	#qtip-overlay, #qtip-overlay div, body{
		width: 100vw;
		overflow-x: hidden;
	}
	
	div.profileInfoRowDiv{
		height: fit-content;
	}

	.passwordsHintsContainer{
		position: relative;
		top: 0;
		line-height: 100%;
		right: 0;
	}

	.profileInfoButtonDiv{
		margin: 0;
	}

	input.inputFieldProfileInfo.short{
		width: calc( 100% - 4px );
	}
}