@media all {

	.authorization {
		background: #f7f7f7;
		max-width: 458px;
		padding: 41px 48px 36px;
		border-radius: 15px;
	}

	.authorization *,
	.authorization-text * {
		color: #073050;
	}

	.authorization input.form-control,
	.authorization .btn-send {
		width: 100%;
	}

	.btn-send {
		background-color: var(--yellow);
		font-size: 1.2rem;
	}

	.authorization .form-group {
		margin: 36px 0 0;
	}

	.authorization input.form-control,
	.authorization .form-group:first-child,
	.authorization .btn-send:last-child {
		margin: 0;
	}

	.soc-net {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		margin-top: 40px;
	}

	.soc-net p {
		font-size: 19px;
		font-weight: 600;
	}

	.soc-icon > * {
		margin-left: 60px;
	}

	.soc-icon > *:first-child {
		margin-left: 0;
	}

	.soc-icon {
		display: flex;
	}

	.soc-icon .apple-icon,
	.soc-icon .google-icon,
	.soc-icon .fb-icon {
		width: 50px;
		height: 50px;
		background-size: 50px;
	}

	.soc-icon .google-icon {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Capa_1' enable-background='new 0 0 512 512' height='512' viewBox='0 0 512 512' width='512'%3E%3Cg%3E%3Cpath d='m120 256c0-25.367 6.989-49.13 19.131-69.477v-86.308h-86.308c-34.255 44.488-52.823 98.707-52.823 155.785s18.568 111.297 52.823 155.785h86.308v-86.308c-12.142-20.347-19.131-44.11-19.131-69.477z' fill='%23fbbd00'/%3E%3Cpath d='m256 392-60 60 60 60c57.079 0 111.297-18.568 155.785-52.823v-86.216h-86.216c-20.525 12.186-44.388 19.039-69.569 19.039z' fill='%230f9d58'/%3E%3Cpath d='m139.131 325.477-86.308 86.308c6.782 8.808 14.167 17.243 22.158 25.235 48.352 48.351 112.639 74.98 181.019 74.98v-120c-49.624 0-93.117-26.72-116.869-66.523z' fill='%2331aa52'/%3E%3Cpath d='m512 256c0-15.575-1.41-31.179-4.192-46.377l-2.251-12.299h-249.557v120h121.452c-11.794 23.461-29.928 42.602-51.884 55.638l86.216 86.216c8.808-6.782 17.243-14.167 25.235-22.158 48.352-48.353 74.981-112.64 74.981-181.02z' fill='%233c79e6'/%3E%3Cpath d='m352.167 159.833 10.606 10.606 84.853-84.852-10.606-10.606c-48.352-48.352-112.639-74.981-181.02-74.981l-60 60 60 60c36.326 0 70.479 14.146 96.167 39.833z' fill='%23cf2d48'/%3E%3Cpath d='m256 120v-120c-68.38 0-132.667 26.629-181.02 74.98-7.991 7.991-15.376 16.426-22.158 25.235l86.308 86.308c23.753-39.803 67.246-66.523 116.87-66.523z' fill='%23eb4132'/%3E%3C/g%3E%3C/svg%3E");
	}

	.soc-icon .apple-icon {
		background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9IjEwMDAiCiAgIHZpZXdCb3g9IjAgMCAxMDAwIDExODcuMTk4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGhlaWdodD0iMTE4Ny4xOTgiCiAgIGlkPSJzdmcyIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxIHIxMzcyNSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iQXBwbGVfMTk5OC5zdmciPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTEwIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIKICAgICBncmlkdG9sZXJhbmNlPSIxMCIKICAgICBndWlkZXRvbGVyYW5jZT0iMTAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjEzNjYiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iNzA1IgogICAgIGlkPSJuYW1lZHZpZXc2IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIwLjE3Njc3NjciCiAgICAgaW5rc2NhcGU6Y3g9Ii0xMDY2LjUwNDUiCiAgICAgaW5rc2NhcGU6Y3k9Ijk2NC45NDY2OSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMiIgLz4KICA8cGF0aAogICAgIGQ9Im0gOTc5LjA0MTg0LDkyNS4xODc4NSBjIC0xNy45NTM5Nyw0MS40NzczNyAtMzkuMjA1NjMsNzkuNjU3MDUgLTYzLjgyODI0LDExNC43NTg5NSAtMzMuNTYyOTgsNDcuODUyOCAtNjEuMDQzNTYsODAuOTc2MSAtODIuMjIxOTQsOTkuMzY5OCAtMzIuODMwMTMsMzAuMTkyIC02OC4wMDUyOSw0NS42NTQ0IC0xMDUuNjcyMDMsNDYuNTMzOCAtMjcuMDQwODksMCAtNTkuNjUxMiwtNy42OTQ2IC05Ny42MTEwNSwtMjMuMzAzNSAtMzguMDg0NDIsLTE1LjUzNTggLTczLjA4MzcxLC0yMy4yMzAzIC0xMDUuMDg1NzgsLTIzLjIzMDMgLTMzLjU2Mjk2LDAgLTY5LjU1ODg4LDcuNjk0NSAtMTA4LjA2MTAxLDIzLjIzMDMgLTM4LjU2MDgsMTUuNjA4OSAtNjkuNjI0ODQsMjMuNzQzMiAtOTMuMzc1NDEsMjQuNTQ5MyAtMzYuMTIwNDksMS41Mzg5IC03Mi4xMjM3LC0xNC4zNjMyIC0xMDguMDYxMDEsLTQ3Ljc3OTYgLTIyLjkzNzExLC0yMC4wMDU5IC01MS42MjY4NCwtNTQuMzAxNyAtODUuOTk1OTIsLTEwMi44ODc0IEMgOTIuMjU0MTc2LDk4NC41NDU5MiA2MS45Mzc1ODgsOTI0LjM4MTc1IDM4LjE4NzAyOCw4NTUuNzkwMiAxMi43NTA5OTUsNzgxLjcwMjUyIDAsNzA5Ljk1OTg2IDAsNjQwLjUwMzYxIDAsNTYwLjk0MTgxIDE3LjE5MTg1OSw0OTIuMzIwOTQgNTEuNjI2ODY5LDQzNC44MTY4OCA3OC42ODk3NTQsMzg4LjYyNzUzIDExNC42OTI5OSwzNTIuMTkxOTIgMTU5Ljc1MzgxLDMyNS40NDQxMyBjIDQ1LjA2MDg2LC0yNi43NDc3NSA5My43NDkxNCwtNDAuMzc4MTIgMTQ2LjE4MjEyLC00MS4yNTAxOSAyOC42ODk3MSwwIDY2LjMxMjUsOC44NzQ0IDExMy4wNjYxMywyNi4zMTU0MiA0Ni42MjE3NCwxNy40OTk2NCA3Ni41NTcyNywyNi4zNzQwNCA4OS42ODE5OCwyNi4zNzQwNCA5LjgxMjQsMCA0My4wNjc1OCwtMTAuMzc2NjkgOTkuNDQzMSwtMzEuMDY0MDUgNTMuMzEyMzcsLTE5LjE4NTEyIDk4LjMwNzI0LC0yNy4xMjg4NyAxMzUuMTY3ODcsLTIzLjk5OTc1IDk5Ljg4MjgsOC4wNjA5OCAxNzQuOTIzMTMsNDcuNDM1MTggMjI0LjgyNzg5LDExOC4zNzE3NCAtODkuMzMwMjMsNTQuMTI1NzggLTEzMy41MTkwMywxMjkuOTM1NTYgLTEzMi42Mzk2NiwyMjcuMTg3NTMgMC44MDYxLDc1Ljc1MTE1IDI4LjI4NjY4LDEzOC43ODc5NSA4Mi4yOTUyLDE4OC44MzkzIDI0LjQ3NjAzLDIzLjIzMDIyIDUxLjgxMDA4LDQxLjE4NDIxIDgyLjIyMTg2LDUzLjkzNTIyIC02LjU5NTI1LDE5LjEyNjQ4IC0xMy41NTcsMzcuNDQ2ODggLTIwLjk1ODQ2LDU1LjAzNDQ2IHogTSA3NDkuOTYzNjYsMjMuNzUxMjM3IGMgMCw1OS4zNzM0MyAtMjEuNjkxMzgsMTE0LjgxMDIzMyAtNjQuOTI3NDgsMTY2LjEyMTk2MyAtNTIuMTc2NTIsNjAuOTk5NjEgLTExNS4yODY1OCw5Ni4yNDgwMyAtMTgzLjcyNDI2LDkwLjY4NTk3IC0wLjg3MjA0LC03LjEyMjk4IC0xLjM3NzY5LC0xNC42MTk2NyAtMS4zNzc2OSwtMjIuNDk3NDMgMCwtNTYuOTk4NDMgMjQuODEzMTUsLTExNy45OTgwMSA2OC44NzczOCwtMTY3Ljg3MzQ1MyAyMS45OTkwOSwtMjUuMjUyODEgNDkuOTc4LC00Ni4yNTAxOCA4My45MDczOCwtNjMuMDAwMTggQyA2ODYuNTc1MDcsMTAuNjg4MDI3IDcxOC41OTkxMywxLjU2MzEyNzQgNzQ4LjcxNzgzLDUuMjczNDM3NmUtNCA3NDkuNTk3MjcsNy45Mzc4Mjc0IDc0OS45NjM2NiwxNS44NzU2MjcgNzQ5Ljk2MzY2LDIzLjc1MDQ2NyBaIgogICAgIGlkPSJwYXRoNCIKICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgo8L3N2Zz4K");
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}

	.soc-icon .fb-icon {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='512pt' viewBox='0 0 512 512' width='512pt' style='&%2310; fill: %230071bc;&%2310;'%3E%3Cpath d='m297.277344 508.667969c-2.132813.347656-4.273438.667969-6.421875.960937 2.148437-.292968 4.289062-.613281 6.421875-.960937zm0 0'/%3E%3Cpath d='m302.398438 507.792969c-1.019532.1875-2.039063.359375-3.058594.535156 1.019531-.175781 2.039062-.347656 3.058594-.535156zm0 0'/%3E%3Cpath d='m285.136719 510.339844c-2.496094.28125-5.007813.53125-7.527344.742187 2.519531-.210937 5.03125-.460937 7.527344-.742187zm0 0'/%3E%3Cpath d='m290.054688 509.738281c-1.199219.160157-2.40625.308594-3.609376.449219 1.203126-.140625 2.410157-.289062 3.609376-.449219zm0 0'/%3E%3Cpath d='m309.367188 506.410156c-.898438.191406-1.800782.382813-2.703126.566406.902344-.183593 1.804688-.375 2.703126-.566406zm0 0'/%3E%3Cpath d='m326.664062 502.113281c-.726562.207031-1.453124.402344-2.179687.605469.726563-.203125 1.453125-.398438 2.179687-.605469zm0 0'/%3E%3Cpath d='m321.433594 503.542969c-.789063.207031-1.582032.417969-2.375.617187.792968-.199218 1.585937-.40625 2.375-.617187zm0 0'/%3E%3Cpath d='m314.589844 505.253906c-.835938.195313-1.679688.378906-2.523438.566406.84375-.1875 1.6875-.371093 2.523438-.566406zm0 0'/%3E%3Cpath d='m277.527344 511.089844c-1.347656.113281-2.695313.214844-4.046875.304687 1.351562-.089843 2.699219-.191406 4.046875-.304687zm0 0'/%3E%3Cpath d='m512 256c0-141.363281-114.636719-256-256-256s-256 114.636719-256 256 114.636719 256 256 256c1.503906 0 3-.03125 4.5-.058594v-199.285156h-55v-64.097656h55v-47.167969c0-54.703125 33.394531-84.476563 82.191406-84.476563 23.367188 0 43.453125 1.742188 49.308594 2.519532v57.171875h-33.648438c-26.546874 0-31.6875 12.617187-31.6875 31.128906v40.824219h63.476563l-8.273437 64.097656h-55.203126v189.453125c107.003907-30.675781 185.335938-129.257813 185.335938-246.109375zm0 0'/%3E%3Cpath d='m272.914062 511.429688c-2.664062.171874-5.339843.308593-8.023437.398437 2.683594-.089844 5.359375-.226563 8.023437-.398437zm0 0'/%3E%3Cpath d='m264.753906 511.835938c-1.414062.046874-2.832031.082031-4.25.105468 1.417969-.023437 2.835938-.058594 4.25-.105468zm0 0'/%3E%3C/svg%3E");
	}

	.authorization-text p {
		font-size: 18px;
	}

	.authorization-text p b,
	.authorization-text p.font-weight-bold {
		margin-top: 40px;
		display: block;
	}

	.authorization-text p:first-child b,
	.authorization-text p.font-weight-bold:first-child {
		margin-top: 0;
	}

	.authorization-text .yellow-btn {
		height: 36px;
		display: table;
	}


	.headerid {
		margin-bottom: 0px;
	}

	.forget_p {
		float: left;
		margin-top: 17px;
		font-size: 15px;
	}

	#verifyPass1Rez, #verifyPass2Rez, #verifyPin1Rez, #verifyPin2Rez {
		font-weight: normal;
		color: #b7b7a7;
		font-size: 12px;
	}

	#acpt_reg {
		display: inline-block;
		vertical-align: middle;
		width: 20px;
		height: 20px;
		border: solid #777777 1px;
		margin-left: 1px;
		margin-right: 15px;
	}

	.sec_headerid {
		color: var(--blue-hover);
		font: bold 24px var(--font-family-primary), sans-serif;
		margin: 20px 0;
		text-align: center;
	}

	.sec_headerid span {
		color: #aaaaaa;
		margin-left: 2px;
	}

	.acpt_reg_td {
		padding-top: 1px;
	}

	.acpt_reg_td input[type="checkbox"] {
		padding-top: 3px;
	}


	.acpt_reg_td a:hover {
		text-decoration: none;
		background: none;
	}

	.authreg-whopass-wrapper,
	.authreg-logon-wrapper,
	.authreg-reg-wrapper,
	.authreg-or-wrapper {
		display: inline-block;
		vertical-align: top;
		width: 38%;
		min-height: 340px;
		padding: 0 30px 20px;
		background-color: #eee;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.authreg-whopass-wrapper {
		padding-top: 20px;
		min-height: 240px;
		margin: 0 auto;
		display: block;
	}

	.authreg-logon-wrapper.warning,
	.authreg-reg-wrapper.warning {
		background-color: #ffdade;
	}

	.authreg-or-wrapper {
		background-color: transparent;
		margin-top: 140px;
		width: 24%;
		min-height: 0;
		text-align: center;
		font: bold 24px var(--font-family-primary), sans-serif;
		color: #aaaaaa;
	}


	/* alpha-kappa */
	.reg-table {
		/* padding-left:17px; */
	}

	.reg-table input,
	#keystring {
		/*   display: table;
			width: 295px;
			padding: 7px 10px;
			color: #000;
			font-size: 14px;
			border-radius: 0;
			border: 1px solid #E9E8E8;
			box-shadow: none; */
	}

	.tablekcaptcha input[type="submit"],
	.reg-table input[type="submit"] {
		/*  background-color: #03AFB2;
		 border: medium none;
		 border-radius: 0 0 0 0;
		 color: #FFFFFF;
		 font: 15px/17px 'HB';
		 padding: 10px 30px !important;
		 width: 100% !important;
		 text-transform: uppercase; */
		cursor: pointer;
		width: 100% !important;
		padding-bottom: 0;
		/*   height: 30px; */
	}

	#keystring {
		height: 50px;
		width: 177px !important;
		padding: 0;
		/*  font-size: medium; */
	}

	/* link under button like "Forget pass?" */
	a.submit-under-link {
		/*   display: inline-block;
			margin-top: 5px;
			float: left;
			padding-top:14px;
			color: #218FAE;
			display: block;
			font: 17px 'HN';
			 */
	}

	a.submit-under-link:hover {
		/* 	text-decoration:none;
			background: none; */
	}

	a.forgot-pass {
		display: block;
		line-height: 1;
		padding: 5px 0;
		font-size: 16px;
		text-decoration: none;
	}

	a.forgot-pass > span {
		border-bottom: 1px solid;
		float: right;
	}

	a.forgot-pass:hover > span {
		border-color: transparent;
	}

	.whopass_capcha {
		margin-top: 10px;
	}

	.tbl-login table,
	.reg-table table {
		width: 100%;
	}

	.authorization input,
	.reg-table input[type="text"],
	.reg-table input[type="password"] {
		border: 2px solid var(--border-dark-blue);
		border-radius: 0 0 0 0;
		box-shadow: none;
		color: inherit;
		padding-left: 10px;
		margin-bottom: 10px;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}


	.tablekcaptcha {
		width: 100%;
	}

	.tablekcaptcha tr:first-child td:first-child {
		width: 130px;
	}

	.tablekcaptcha td {
		vertical-align: top;

	}

	.tablekcaptcha input#keystring {
		margin: 0 0 10px;
		width: 100% !important;
	}

	.reg-table input {
		position: relative;
		width: 100%;
		display: block;
		margin: 14px 0 18px;
		border-radius: 0;
		border: none;
		padding-left: 10px;
		padding-right: 10px;
		height: 43px;

		background-color: #ffffff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.reg-table #kcaptchasubmit {
		/* padding: 10px 10px !important; */
	}

	.reg-table td {
		vertical-align: top;
	}

	.reg-table #keystring {
		margin: 0 0 10px;
	}


	.reg-table input[type=submit] {
		background-color: #047f95;
		font: 400 16px roboto, sans-serif;
		/* padding: 6px 28px 6px 5px; */
		cursor: pointer;
		color: #ffffff;
	}

	.reg-table input[type=submit]:hover {
		background-color: var(--blue);
	}


	.footer__bankid-link {
		display: block;
		width: 250px;
		padding: 1rem;
		margin: 1em auto;
		background-color: var(--yellow);
	}

	.footer__bankid-link--img {
		display: block;
		margin: 0 auto 1rem;
	}

	.footer__bankid-link--text {
		display: block;
		text-align: center;
		color: var(--white);
		font-size: 1.5rem;
		transition: all 0.2s;
		text-shadow: 1px 1px var(--orange);
	}

	.footer__bankid-link:hover .footer__bankid-link--text {
		text-shadow: 2px 2px var(--orange);
	}

}


@media all and (max-width: 1024px) {

	.authreg-whopass-wrapper,
	.authreg-logon-wrapper,
	.authreg-reg-wrapper {
		padding: 0 25px 20px;
	}

	.authreg-or-wrapper {
	}


}

@media all and (max-width: 990px) {

	.authreg-whopass-wrapper,
	.authreg-logon-wrapper,
	.authreg-reg-wrapper {
		width: 44%;
		padding: 0 20px 20px;
		min-width: 350px;
	}

	.authreg-whopass-wrapper,
	.authreg-logon-wrapper,
	.authreg-or-wrapper {
		margin-bottom: 30px;
	}

	.authreg-or-wrapper {
		width: 12%;
	}


}

@media all and (max-width: 800px) {

	.authreg-whopass-wrapper,
	.authreg-logon-wrapper,
	.authreg-reg-wrapper,
	.authreg-or-wrapper {
		min-width: 350px;
		min-height: 0;
		display: block;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
	}

	.authreg-or-wrapper {
		padding: 0;
		margin-top: 0;
	}

}

@media all and (max-width: 400px) {

	.authreg-whopass-wrapper,
	.authreg-logon-wrapper,
	.authreg-reg-wrapper,
	.authreg-or-wrapper {
		min-width: 300px;
		width: 100%;
	}

	a.forgot-pass {
		text-align: center;
	}

	a.forgot-pass > span {
		float: none;
		display: inline-block;
		margin: 0 10px;
	}

}
