.content__svg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100svh;
	width: 100%;
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 1101;
	background: rgba(255, 255, 255, 0.8);
}

	.content__svg svg {
		z-index: 1102;
	}


.row {
	/*position: absolute;
				display: flex;
				flex-wrap: nowrap !important;*/
	display: grid !important;
	align-items: normal;
	grid-template-columns: 30% 70%;
	grid-template-areas: "area__1 area__2";
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;
	height: auto;
	max-width: 100%;
}


.block__1 {
	grid-area: area__1;
}

.block__2 {
	grid-area: area__2;
}

.flex__colum {
	display: flex;
	flex-direction: column;
}

.flex-dir__colum {
	flex-direction: column;
}

.flex {
	display: flex;
}

.flex__end {
	justify-content: flex-start;
}

.flex__center {
	justify-content: center;
}

.align__item {
	align-items: center;
}

.h100svh {
	/*height: 65svh; 100svh*/
	background-color: #ffffff;
	border-radius: 20px;
	color: #dddddd;
}

.h100p {
	height: 100%;
}

.hAuto {
	height: auto;
	min-height: 100vh;
}

.row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.row > * {
	flex-shrink: revert !important;
}

.row > .column_login {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.posFixed {
	position: fixed;
	max-width: 30%;
	width: 100%;
	max-height: 100vh;
	height: -webkit-fill-available;
	display: flex;
	flex-direction: column;
	padding: 40px;
	padding-bottom: 0;
	justify-content: space-between;
	height: 100vh;
}

/*.login__footer {
	margin-top: auto;
}*/

/*.login__footer {
	margin-top: clamp(20px, 80px, 100px) !important;
}*/
.login__footer {
	margin-top: clamp(20px, 8vh, 100px) !important;
}

.column_text {
	/*flex: 70%;*/
	background-color: #ffffff;
	border-radius: 30px 0px 0px 30px;
	padding-top: 20px;
	padding-right: 32px !important;
	padding-bottom: 20px;
	padding-left: 32px !important;
	/*padding: 12px;*/
	display: flex;
	justify-content: center;
}

.column_login {
	/*flex: 30%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;*/
	max-width: 30%;
	width: 100%;
	/*padding: 12px;*/
}

.logo__communityLink {
	font-size: 28px;
}

.logo__blue {
	color: #0066CD;
}

.logo__white {
	color: #ffffff;
}

.login__form .login__title {
	font-size: 28px;
	padding-bottom: 20px !important;
	color: #111111;
	text-align: start !important;
	font-weight: 500;
}

.login__form .btn {
	width: 100%;
	color: #212529;
	background: rgb(232, 240, 254);
	border-color: #ffffff;
	font-size: 16px;
}

.login__form .form-check-input {
	color: #0d6efd !important;
}

	.login__form .form-check-input:checked {
		border-color: #ffffff;
	}

.login__form label {
	color: #111111;
}

.pTop20 {
	padding-top: 1px;
}

.pBottom20 {
	padding-bottom: 20px;
}

.login__form .form-check-input {
	color: #ffffff;
}

.login__form .position__left {
	text-align: end !important;
}

.hbox {
	width: 80%;
	margin: 20px auto;
	padding: 10px 0px;
}

.LoginLink {
	font-size: 14px;
}

.login__info {
	width: 100%;
}

	.login__info .logo {
		height: 110px;
		font-size: 32px;
		font-weight: 500;
		& img {
		max-height: 100%;
	}
}

.drag-icon {
	display: none;
}

@media (max-width: 365px) {
	.next__page {
		flex-direction: column;
	}

	.next__page-line {
		display: none;
	}
}



.login__input .form-control {
	border-radius: 2rem !important;
}

@media (max-width: 1660px) {
	.row {
		grid-template-columns: 50% 50%;
	}

	.posFixed {
		max-width: 50%;
	}

	.column_login {
		max-width: 50%;
	}
}

@media (max-width: 1000px) {
	body {
		overflow: hidden;
	}

	.row {
		grid-template-columns: 100%;
		grid-template-areas:
			"area__1 area__2";
		justify-items: center;
	}

	.column_login {
		max-width: 100%;
	}

	.posFixed {
		/*position: revert;*/
		max-width: 100%;
		padding-bottom: 8svh;
	}

	
	.posFixed.Safari {
		/*position: revert;*/
		max-width: 100%;
		padding-bottom: 0;
	}

	.column_text {
		border-radius: 20px 20px 0 0;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		pointer-events: auto;
		align-items: center;
		flex-direction: column;
		justify-content: flex-end;
		transition: 0.1s linear;
	}

	.drag-icon {
		display: flex;
		justify-content: center;
		height: 40px;
		cursor: grab;
		user-select: none;
		/*padding: 18px;*/
		margin-top: -15px;
	}

		.drag-icon span {
			height: 4px;
			width: 40px;
			display: block;
			background: #C7D0E1;
			border-radius: 50px;
		}

	.login__info {
		height: 100%;
		overflow: scroll;
		width: 100%;
	}

		.login__info .login__info-block {
			width: 100%;
			position: relative;
			max-height: 100vh;
			height: 0;
			transform: translateY(100%);
			transition: 0.3s ease;
		}

	table img {
		width: 90%;
	}

	.hAuto {
		height: 100%;
	}
}

@media (max-height: 700px) {
/*	.h100svh {
		
	}*/

	.column_login .BodyContent.h100svh {
		overflow: auto;
		min-height: 60svh;
		/*height: -webkit-fill-available;*/
		max-height: 90svh;
	}
}