@import url("/fonts/heebo_font.css");
body {
	overscroll-behavior-y: contain !important;
	font-family: "Heebo", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
[type="email"], [type="number"], [type="tel"], [type="url"], #phone {
	direction: ltr;
	text-align: right;
}
.divider:after,.divider:before {
	content: "";
	flex: 1;
	height: 1px;
	background: #eee;
}
.h-custom {
	height: calc(100% - 73px);
}
.height-500{
	height: 500px;
}
.support-israel{text-align: center; display: inline-block; width: 100%;}
.fw-500 {font-weight: 500;}

.l-bg { background-color: #3A70E9; }
.logo-wrapper { text-align: center;}
.login-image-wrapper {
	text-align: center;
	height: 100vh;
	display: flex;
}
.form-auth-wrapper { border-radius: 10px; padding-left: 24px; padding-right: 24px; }
.news-list h2 { color: #fff; font-size: 32px; text-align: center; margin-bottom: 0; font-weight: 700; }
.news-list_items { overflow: auto; max-height: 91vh; align-items: center; padding-left: 10px;}
.news-list_item {
	background-color: #fff;
	border-radius: 9px;
	margin-bottom: 16px;
	font-size: 14px;
	padding: 18px 16px;
	box-shadow: 0 2px 4px rgba(12,15,19,0.24);
}
.news-list_item h3 { font-size: 16px; position: relative; padding-right: 22px;}
.form-label { margin-right: 8px; }
.news-list_item h3:before {
	content: "";
	width: 12px;
	height: 12px;
	background: url("../images/icons/icon-info.svg") no-repeat center;
	position: absolute;
	top: 4px;
	right: 0;
}

.line-content { display: flex; justify-content: space-between; }
.line-content img {
	margin-left: 22px;
	border-radius: 4px;
}
.form-auth-wrapper form #email, .form-auth-wrapper form #password { font-size: 16px; }
.form-auth-wrapper form #email {padding: 7px 36px 7px 12px;}
.form-auth-wrapper form #password { padding: 7px 12px;}
.form-auth-wrapper form input { border-color: #B8C1CC; border-radius: 6px; }
.form-auth-wrapper form label { font-weight: 600; color: #0C0F13; font-size: 14px; }
.password-input-wrapper { position: relative; }
.password-input-wrapper .input-group-text {position: absolute; left: 0; top: 50%;}
.qr-info { display: flex; justify-content: space-between; align-items: center; }
.qr-info img { margin-left: 24px; }
.header-tabs { display: flex; justify-content: space-between; align-items: center; }
.header-tabs span {color: rgba(255,255,255, .6); font-size: 22px; margin-bottom: 16px; cursor: pointer; position: relative; }
.header-tabs span.active {color: rgba(255,255,255, 1)}
.contacts-info li { color: #0C0F13; font-size: 16px; }
ul.contacts-info {padding-right: 1.4rem;}
.points { display: flex; justify-content: space-between; }
.point {
	width: 16px;
	height: 8px;
	border-radius: 3px;
	background: rgba(255,255,255, .6);
	display: block;
	margin: 0 4px;
}
.point.active {
	width: 26px;
	background: rgba(255,255,255, 1);
}

:root {
	--svg-eye-open: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIj4gPHBhdGggZD0iTTEyIDRDNCA0IDEgMTIgMSAxMkMxIDEyIDQgMjAgMTIgMjBDMjAgMjAgMjMgMTIgMjMgMTJDMjMgMTIgMjAgNCAxMiA0IHogTSAxMiA3QzE0Ljc2MSA3IDE3IDkuMjM5IDE3IDEyQzE3IDE0Ljc2MSAxNC43NjEgMTcgMTIgMTdDOS4yMzkgMTcgNyAxNC43NjEgNyAxMkM3IDkuMjM5IDkuMjM5IDcgMTIgNyB6IE0gMTIgOSBBIDMgMyAwIDAgMCA5IDEyIEEgMyAzIDAgMCAwIDEyIDE1IEEgMyAzIDAgMCAwIDE1IDEyIEEgMyAzIDAgMCAwIDEyIDkgeiIgZmlsbD0iIzIxMjUyOWJmIiAvPjwvc3ZnPg==");
	--svg-eye-close: url("../images/icons/icon-eye.svg");
	/*--svg-eye-close: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIj48cGF0aCBkPSJNNC4yMDcwMzEyIDIuNzkyOTY4OEwyLjc5Mjk2ODggNC4yMDcwMzEyTDUuMDc2MTcxOSA2LjQ5MDIzNDRDMi4xOTkzNDQ3IDguODM4MjAwNSAxIDEyIDEgMTJDMSAxMiA0IDIwIDEyIDIwQzE0LjA3NTU2OCAyMCAxNS44MDYwMDMgMTkuNDU0NzMgMTcuMjQyMTg4IDE4LjY1NjI1TDE5Ljc5Mjk2OSAyMS4yMDcwMzFMMjEuMjA3MDMxIDE5Ljc5Mjk2OUw0LjIwNzAzMTIgMi43OTI5Njg4IHogTSAxMiA0QzEwLjc4OCA0IDkuNzA1Nzk2OSA0LjE5OTcxODcgOC43MTY3OTY5IDQuNTExNzE4OEwxMS4yNzczNDQgNy4wNzIyNjU2QzExLjUxNDM0NCA3LjAzNzI2NTYgMTEuNzUzIDcgMTIgN0MxNC43NjEgNyAxNyA5LjIzOSAxNyAxMkMxNyAxMi4yNDcgMTYuOTYyNzM0IDEyLjQ4NTY1NiAxNi45Mjc3MzQgMTIuNzIyNjU2TDIwLjM1NzQyMiAxNi4xNTIzNDRDMjIuMjA0NDIyIDE0LjEwMjM0NCAyMyAxMiAyMyAxMkMyMyAxMiAyMCA0IDEyIDQgeiBNIDcuODMzOTg0NCA5LjI0ODA0NjlMOS4yOTY4NzUgMTAuNzEwOTM4QzkuMTA4MTU5NSAxMS4xMDA4MjkgOSAxMS41MzY1NjYgOSAxMkM5IDEzLjY1NyAxMC4zNDMgMTUgMTIgMTVDMTIuNDYzNDM0IDE1IDEyLjg5OTE3MSAxNC44OTE4NCAxMy4yODkwNjIgMTQuNzAzMTI1TDE0Ljc1MTk1MyAxNi4xNjYwMTZDMTMuOTYyMDM5IDE2LjY4OTc1OCAxMy4wMTkyNzEgMTcgMTIgMTdDOS4yMzkgMTcgNyAxNC43NjEgNyAxMkM3IDEwLjk4MDcyOSA3LjMxMDI0MTUgMTAuMDM3OTYxIDcuODMzOTg0NCA5LjI0ODA0NjkgeiIgZmlsbD0iIzIxMjUyOWJmIiAvPjwvc3ZnPg==");*/
}

.btn-toggle-password-visibility {
	width: 21px;
	height: 21px;
	background-image: var(--svg-eye-close);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.input-group-sm .btn-toggle-password-visibility {
	width: 16px;
	height: 16px;
}

.form-floating+.input-group-text .btn-toggle-password-visibility,
.input-group-lg .btn-toggle-password-visibility {
	width: 28px;
	height: 28px;
}

.input-group:has(input:not([type="password"])) .btn-toggle-password-visibility {
	background-image: var(--svg-eye-open);
}
.subheader {
	font-size: 16px;
	text-align: center;
	color: #fff;
	margin-bottom: 24px;
	margin-top: 12px;
}
.copyright-text {
	text-align: center;
	color: #fff;
	margin-top: 40px;
}
.input-wrapper {position: relative;}
.input-wrapper i.cust {
	position: absolute;
	top: 7px;
	right: 7px;
	width: 24px;
	height: 25px;
}
.input-wrapper i.cust[data-icon="email"]::before {
	content: "";
	background: url("/images/icons/icon-email.svg");
	width: 24px;
	height: 25px;
	display: inline-block;
	background-size: cover;
	position: absolute;
	left: 0;
	z-index: 0;
	top: 0;
}


@media screen and (max-width: 940px) {
	.news-list_items { max-height: 99vh;}
}

@media screen and (max-width: 767px) {
	.news-list h2 {display:none;}
	.news-list {display:none;}
	.news-list_item:nth-of-type(1) {
		margin-top: 0;
	}
	footer { margin-top: 24px;}
	.point.news-list {display: block!important;}
	.point.login-block {display: block!important;}
}

@media screen and (max-width: 600px) {
	.login-image-wrapper {display: none;}
}
@media (max-width: 450px) {
	.h-custom {height: 100%;}
}
