@import url('https://fonts.googleapis.com/css?family=Inter:400,500,700,900&subset=latin-ext');

/* POPUP */

.popupCss {
	border-radius: 8px;
	color: var(--blue, #10296B);
	font-feature-settings: 'clig' off, 'liga' off;
	/* Body/Bodycopy 3 Highlited */
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px; /* 150% */
	display: flex;
	flex-direction: column;
	align-items: center;
}

.popupCss-Header {
	border-radius: 8px;
	width: 95%;
	border-bottom: none !important;
}

	.popupCss-Header::before {
		content: ' ';
		text-decoration: none;
		position: absolute;
		width: 60px;
		height: 35px;
		left: 0;
		margin-left: 12px;
		border-bottom: solid 3px #FDB933;
	}

	.popupCss-Header span {
		color: var(--blue, #10296B);
		font-feature-settings: 'clig' off, 'liga' off;
		/* Headings/L/H4 */
		font-family: Inter;
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 32px; /* 133.333% */
	}

/*** LOGIN ***/

.btnLogin {
	display: flex;
	height: 48px;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	width: 160px;
	padding: 8px 16px;
	gap: 8px;
	border-radius: 50px;
	background: linear-gradient(133deg, #FCC251 0%, #FDB933 100%);
	color: #001B6F;
	font-feature-settings: 'clig' off, 'liga' off;
	/* Body/Bodycopy 3 Highlited */
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px; /* 150% */
}

/*** Alertify ***/

.alertify .ajs-dialog {
	/*max-width: 50%;*/
	min-height: 137px;
	background-color: white !important;
	border: none !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 8px;
	max-width: 450px;
	display: flex;
	flex-direction: column;
	justify-items: center;
	align-items: center
}

.ajs-header {
	color: var(--blue, #10296B) !important;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter !important;
	font-size: 24px !important;
	font-style: normal;
	font-weight: 700 !important;
	line-height: 32px;
	align-self: self-start;
}

	.ajs-header::before {
		content: ' ';
		text-decoration: none;
		position: absolute;
		width: 10%;
		height: 15%;
		left: 0;
		margin-left: 24px;
		border-bottom: solid 3px #FDB933;
	}

.ajs-body {
}

.ajs-content {
}

.ajs-footer {
}

.ajs-button.ajs-ok {
	border-radius: 50px;
	background: linear-gradient(133deg, #FCC251 0%, #FDB933 100%) !important;
	color: #001B6F !important;
	font-feature-settings: 'clig' off, 'liga' off;
	/* Body/Bodycopy 2 Highlited */
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px; /* 144.444% */
}

.ajs-button.ajs-cancel {
	border-radius: 50px;
	background: var(--gray-3, #EFF1F4) !important;
	color: #001B6F !important;
	font-feature-settings: 'clig' off, 'liga' off;
	/* Body/Bodycopy 2 Highlited */
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px; /* 144.444% */
}

.alertify-notifier {
	border-radius: 8px !important;
}

	.alertify-notifier .ajs-message.ajs-success {
		background: white !important;
		text-shadow: rgba(91,189,114, 1) 2px 2px 20px !important;
		color: #17233E !important;
		font-feature-settings: 'clig' off, 'liga' off;
		/* Body/Bodycopy 2 Highlited */
		font-family: Inter;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: 26px; /* 144.444% */
	}

	/*	.alertify-notifier .ajs-message.ajs-success::before {
		content: ' ';
		text-decoration: none;
		position: absolute;
		width: 20%;
		height: 15%;
		left: 35px;
		top: 35px;
		margin-left: 12px;
		border-bottom: solid 3px #FDB933;
	}*/

	.alertify-notifier .ajs-message.ajs-error {
		background: white !important;
		text-shadow: rgba(217,92,92,1) 2px 2px 20px !important;
		color: #17233E !important;
		font-feature-settings: 'clig' off, 'liga' off;
		/* Body/Bodycopy 2 Highlited */
		font-family: Inter;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: 26px; /* 144.444% */
	}

/*.alertify-notifier .ajs-message.ajs-error::before {
	content: ' ';
	text-decoration: none;
	position: absolute;
	width: 20%;
	height: 15%;
	left: 35px;
	top: 30px;
	margin-left: 12px;
	border-bottom: solid 3px #FDB933;
}*/


/*** FORM ***/


/*** Edit form popup window ***/

label {
	font-family: 'Inter' !important;
	font-weight: 600 !important;
	display: block;
	margin-bottom: 8px;
	color: var(--blue, #10296B) !important;
	font-feature-settings: 'clig' off, 'liga' off;
	/* Body/Bodycopy 3 Highlited */
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px; /* 150% */
}

input {
	display: block;
	width: 100%;
	padding: 12px;
	/*box-shadow: 2px 5px 0 rgb(0 0 0 / 10%), 0 2px 10px 0 rgb(0 0 0 / 10%);*/
	border-radius: 8px;
	border: 1px solid var(--gray-2, #E9EBEF);
	background: var(--white, #FFF);
}

	input:hover {
		box-shadow: 0 0 2px 2px #fff, 0 0 3px 3px var(--clrOrange);
	}

.eye-button {
	background: none;
}

	.eye-button > div {
		background: url('Images/eye-button.svg') no-repeat center;
		width: 18px;
		height: 12px;
		vertical-align: baseline;
		pointer-events: none;
		user-select: none;
	}

	.eye-button.show-password > div {
		background: url('Images/eye-button-hide.svg') no-repeat center;
	}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
	display: none;
}

input[type="text"]:active {
	border-radius: 8px;
	border: 1px solid var(--blue, #10296B);
	background: var(--white, #FFF);
}

input[type="text"]:not(:empty) {
	border-radius: 8px;
	border: 1px solid var(--gray-2, #E9EBEF);
	background: var(--white, #FFF);
	color: var(--blue, #10296B);
	font-feature-settings: 'clig' off, 'liga' off;
	/* Body/Bodycopy 3 */
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 150% */
}

.dxeButtonEdit_Office365 {
	width: 100%;
	border-radius: 8px !important;
	border: 1px solid var(--gray-2, #E9EBEF) !important;
	background: var(--white, #FFF) !important;
	/*padding: 8px 16px;*/
	color: var(--gray-1, #AEB4BA) !important;
	font-feature-settings: 'clig' off, 'liga' off;
	/* Body/Bodycopy 3 */
	font-family: Inter !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 400 !important;
	line-height: 24px; /* 150% */
}

	.dxeButtonEdit_Office365:hover {
		box-shadow: 0 0 2px 2px #fff, 0 0 3px 3px var(--clrOrange);
	}