#loginModal {
	z-index: 3000;
}

#loginModal .modal-content {
	min-height: 75vh;
}

.login-modal .modal-body {
	max-height: 95%;
	padding-inline: 0.25rem;
	padding-bottom: 1rem;
}

.login-modal .loader {
	height: 8rem;
	width: 8rem;
}

#identitySelector-container {
	max-width: 32rem;
}

#identitySelector-container > h1 {
	font-size: 0.9rem;
	margin-left: 0.75rem;
}

#identitySelector-container .dropdown-menu {
	border-color: var(--sccss);
	overflow-y: auto;
}

#identitySelector-container .dropdown-menu .dropdown-item {
	overflow: hidden;
	text-overflow: ellipsis;
}

#identitySelector-container .dropdown-menu .dropdown-item.blocked {
	color: var(--dngr);
}

#identitySelector-container .dropdown-menu .dropdown-item.main,
#identitySelector-container .dropdown .input-group input.main-selected {
	font-weight: bold;
}

h4.title-help {
	margin: 1rem 0.75rem;
}

/* GDPR >> */
.news-consent,
.support-consent,
.important-setting {
	display: flex;
	margin-bottom: 1rem;
}

:is(.news-consent, .support-consent, .important-setting) span {
	margin-left: 1rem;
}

/* << GDPR */
/* delivery table >> */
#deliveryTable {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-areas: 'nav' 'data';
	isolation: isolate;
	grid-auto-rows: auto;
	opacity: 0;
	row-gap: 0.25rem;
	transition: all 0.5s ease-in-out;
	overflow: hidden;

    .dialog-container[data-visible="1"] > :first-child {
        pointer-events: auto!important;
        touch-action: auto!important;
    }
}

#deliveryTable.visible {
	opacity: 1;
}

#deliveryTable .nav {
	grid-area: nav;
	display: flex;
	justify-content: space-between;
}

#login-table-prev-btn img {
	transform: rotateY(180deg);
}

#deliveryTable .sum {
	display: none;
}

#deliveryTable .data {
	grid-area: data;
	display: grid;
	grid-template-columns: repeat(7, 1fr);
}

#deliveryTable .data .day {
	display: grid;
	row-gap: 0.25rem;
	grid-template-rows: max-content;
	grid-template-columns: minmax(0, 1fr);
	grid-template-areas:
		'head'
		'body';
}

#deliveryTable .data .day.no-order {
	pointer-events: none;
	touch-action: none;
}

#deliveryTable .head {
	grid-area: head;
	display: flex;
	height: 4.2rem;
}

#deliveryTable .head > * {
	flex: 1;
	padding: 0.375rem 0;
	margin: 0.1rem;
	overflow: hidden;
}

#deliveryTable .data > :first-child .head > * {
	margin-left: 0;
}

#deliveryTable .day:last-child .head > * {
	margin-right: 0;
}

#deliveryTable .head span {
	margin-inline: 0;
	font-size: 0.6rem;
}

#deliveryTable .head span:last-of-type {
	font-size: var(--fs);
}

#deliveryTable .body {
	grid-area: body;
	display: flex;
	flex-flow: column wrap;
}

#deliveryTable .body > * {
	text-align: center;
	width: 100%;
	display: flex;
	flex: 1;
	flex-flow: column wrap;
	justify-content: end;
}

#deliveryTable .day:not(:first-child) .body > .deadline span {
	border-left: 2px solid var(--login-bg);
}

#deliveryTable .data :first-child > .body > .sumType {
	width: 800%;
	justify-content: start;
	background-color: var(--login-bg);
	flex-flow: row wrap;
	align-items: center;
}

#deliveryTable
	> .data
	> .day:not(.no-order):hover
	> .body
	> :not(.sumType):not(div:empty):not(img) {
	font-weight: 500;
	color: var(--sccss-hov);
	cursor: pointer;
}
#deliveryTable > .data > .day.warning:hover > .body > :not(.sumType):not(div:empty):not(img) {
	font-weight: 500;
	color: var(--wrnng-hov);
	cursor: pointer;
}

#deliveryTable > .data > .day.no-highlight:hover > .body > :not(.sumType):not(div:empty):not(img) {
	font-weight: 400;
	color: inherit;
	cursor: pointer;
}

#deliveryTable
	> .data
	> .day:not(.no-order):not(.warning):hover
	> .head
	> button:not(button[disabled]) {
	background-color: var(--sccss-hov);
	border-color: var(--sccss-hov);
	color: var(--sccss-text-hov);
}
#deliveryTable > .data > .day.warning:hover > .head > button:not(button[disabled]) {
	background-color: var(--wrnng-hov);
	border-color: var(--wrnng-hov);
	color: var(--sccss-text-hov);
}

#deliveryTable > .data > .day.no-highlight:hover > .head > button:not(button[disabled]) {
	background-color: var(--sccss);
	color: var(--sccss-text);
}

#deliveryTable > button[disabled] {
	pointer-events: none;
	touch-action: none;
}

#deliveryTable .day .body > .sumType > span {
	padding: 0.25rem 0 0.25rem 0.25rem;
}

#deliveryTable .day .body > :not(.sumType) > span {
	display: block;
}

#deliveryTable .day .body .deadline span {
	height: 1.2rem;
}

#deliveryTable .day .body .deadline :last-child {
	height: 1.2rem;
}

[lang='en'] #deliveryTable .day .body .deadline :last-child {
	height: 2.4rem;
}

/* << delivery table */
.login-modal .modal-info {
	margin: 2rem 0.75rem 0 0.75rem;
}

/* footer >> */
.login-modal .modal-footer {
	max-height: 35%;
	padding: 1rem 0.25rem;
	margin: 0;
}
.login-modal .modal-footer .container {
	width: 100%;
}
.login-modal .modal-footer .row {
	position: sticky;
	top: 0;
	display: flex;
	flex-wrap: wrap;
}
.login-modal .modal-footer .row > * {
	flex: 0 0 auto;
	width: auto;
}

#loginModalHint.login-hint {
	opacity: 0;
	max-height: 25vh;
	margin-top: 1rem;
	overflow-y: auto;
}

#loginModalHint.login-hint > * {
	padding-left: 0;
}

.login-hint.visible {
	height: 100%;
	animation: show-hint 0.7s linear 0s normal;
	animation-fill-mode: forwards;
}

.login-hint.hidden {
	height: 0;
	animation: hide-hint 0.7s linear 0s normal;
	animation-fill-mode: forwards;
}

/* << footer */
#loginModal .modal-content .overlay {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	z-index: 5005;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
}

#fgtn-pwd-body {
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	gap: 1rem 1rem;
}

#fgtn-pwd .input-wrapper {
	flex: 0 1 100%;
	display: flex;
	align-items: center;
}

#fgtn-pwd .input-wrapper #fgtn-pwd-userId {
	width: 42%;
}

#fgtn-pwd .input-wrapper #confirmationCode {
	width: 63%;
}

#fgtn-pwd .input-wrapper.email {
	flex-grow: 1;
}

#fgtn-pwd .input-wrapper #newPwd,
#fgtn-pwd .input-wrapper #newPwdConfirm,
#fgtn-pwd .input-wrapper.email input {
	width: 84%;
}

#fgtn-pwd .modal-footer button {
	margin: 0;
}

@keyframes show-hint {
	0% {
		font-size: 0;
		opacity: 0;
	}
	75% {
		font-size: var(--fs);
		opacity: 0;
	}
	100% {
		font-size: var(--fs);
		opacity: 1;
	}
}

@keyframes hide-hint {
	0% {
		font-size: var(--fs);
		opacity: 1;
	}
	25% {
		font-size: var(--fs);
		opacity: 0;
	}
	100% {
		font-size: 0;
		opacity: 0;
	}
}

/* xs */
@media (min-width: 375px) {
	#deliveryTable .head span {
		font-size: var(--fs);
	}
}
/* sm */
@media (min-width: 576px) {
	#deliveryTable .head > * {
		margin: 0.25rem;
	}
	#deliveryTable .head span,
	#deliveryTable .head span:last-of-type {
		font-size: unset;
	}
	[lang='en'] #deliveryTable .day .body .deadline :last-child {
		height: 1.2rem;
	}
}
/* lg */
@media (min-width: 992px) {
	.login-modal .modal-footer {
		padding: 1rem;
	}
	#deliveryTable {
		grid-template-columns: 1fr 2fr;
		grid-template-areas:
			'empty nav'
			'sum data';
	}
	#deliveryTable .day:not(:first-child) .body > .deadline span {
		border-left: none;
	}
	#deliveryTable .data .day .body .sumType {
		display: none;
	}
	#deliveryTable .sum .sum-body > div:not(:last-child),
	#deliveryTable .day .deadline:not(:last-child) {
		border-bottom: 2px solid var(--login-bg);
	}
	#deliveryTable .day .deadline {
		border-left: 2px solid var(--login-bg);
	}
	#deliveryTable .sum {
		grid-area: sum;
		display: grid;
		grid-row-gap: 0.25rem;
		grid-template-rows: max-content;
		grid-template-areas: 'sum-head' 'sum-body';
	}
	#deliveryTable .sum .sum-head {
		padding-left: 0;
		display: flex;
		grid-area: sum-head;
		height: 4.2rem;
	}
	#deliveryTable .sum .sum-body {
		grid-area: sum-body;
		display: flex;
		flex-flow: row wrap;
		padding-left: 0;
	}
	#deliveryTable .sum .sum-body > div {
		flex: 1 1 100%;
		display: flex;
		align-items: center;
		padding-left: 0.75rem;
	}
	#deliveryTable .sum > *:not(img) {
		padding-left: 0.75rem;
	}
}
/* xl */
@media (min-width: 1200px) {
	#identitySelector-container {
		margin-left: 0.75rem;
	}
	#identitySelector-container > h1 {
		font-size: 1rem;
		margin-left: 0;
	}
	#deliveryTable {
		margin-inline: 0.75rem;
	}
}