html.loginBody {
	height: 100vh;
	overflow:hidden;
	background-color:black;
}

.loginBody {
	background-color: rgb(46, 63, 80);
	background-repeat: no-repeat;
	background-size:cover;
	background-position: 50% 50%;
	position:relative;
	overflow:hidden;
	height:100%;
	margin:0;
	padding:0;
	font-size:16px;
}

.loginBody .input-row1 {
	width: min(777px, 80%);
}

.loginBody > #main {
	padding-top: 5vh;
	height:unset;
	height:100%;
	overflow:auto;
	position:relative;
}

.loginBody #login-cancel {
	color:white;
	position:absolute;
	right: 20px;
    top: 20px;
}

.loginBody > #main > div {
	flex-shrink:0;
}

.loginBody .logo {
	position:relative;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	height: 234px;
	max-height: 26vh;
	opacity: 1;
	margin-top: 20px;
	max-height: 40vmin;
}

.loginBody input {
	background: transparent !important;
    width: 100%;
    border: unset;
    border-bottom: 1px solid #ffffff26;
    color:white;
}

.loginBody #back {
	position:absolute;
	left: 20px;
    top: 20px;
	width: 39px;
	height: 81px;
	color:white;
}

/* Change Autocomplete styles in Chrome*/
#login input:-webkit-autofill,
#login input:-webkit-autofill:hover, 
#login input:-webkit-autofill:focus,
#login textarea:-webkit-autofill,
#login textarea:-webkit-autofill:hover,
#login textarea:-webkit-autofill:focus,
#login select:-webkit-autofill,
#login select:-webkit-autofill:hover,
#login select:-webkit-autofill:focus {
  -webkit-text-fill-color: white;
  transition: background-color 5000s ease-in-out 0s;
  text-align: left;
  font: Regular 16px/34px Montserrat;
  letter-spacing: 0.45px;
  color: #C2C4CA;
  opacity: 1;
}
input:-webkit-autofill:first-line {
     color: #C2C4CA;
}

.loginBody #flag-icon {
	position: absolute;
    top: 20px;
    right: 60px;
    width: 28px;
    line-height: 0;
    display: block;
}

#main.login {
	filter: blur(4px);
}

div.loginBody {
    position: fixed;
    height: clamp(50%, 747px, 100%);
    min-width: 320px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: unset;
    box-shadow: 2px 2px 18px grey;
    overflow: hidden;
	border: 7px solid #ffffff99;
}

.loginBody form {
	width:100%;background:unset;flex-flow:column;align-items:center;display: flex;
}

.loginBody #privacy_terms {
	color: white;
	margin: 10px;	
}

.loginBody #activate,
.loginBody #register,
.loginBody #login {
    min-width: 279px;
    height: 73px;
	background-color: #F05522;
	border-radius: 8px;
	opacity: 1;
	border:unset ;
	text-align: center;
	font: Bold 16px/24px Montserrat;
	letter-spacing: 0.53px;
	color: #FFFFFF;
	opacity: 1;
	font-variant-caps: all-small-caps;
	max-width: calc(80vw);
	white-space: inherit;
}

body.loginBody #login-cancel {
	display:none;
}

.icon-social {
    background-repeat: no-repeat;
    text-align: center;
    color: white;
    font-size: 14px !important;
    width: 250px;
    margin: 10px !important;
    height: 38px;
    padding: 10px 3px 10px 50px !important;
    text-align: left;
    line-height: 18px;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 5px;
    border: unset;
}

.loginBody #facebook {
	/*margin-bottom: 10vh;*/
}

.icon-apple {
    height: 40px !important;
    background-position: 0 50%;
    background-image: url("../img/appleid_button@4x.png");
    background-size: 100%;
    padding: 0;
    border: none;
    background-color: unset;

}

.modal-dialog[lang = "hu"] .icon-apple {
    background-image: url("../img/appleid_button@4x-hu.png");
}


.loginBody .fb_iframe_widget {
	position: unset !important;
	bottom:unset;
	right:unset;
}

.loginBody #reset,
.loginBody #signup {
	text-align: left;
	font: Bold 16px/34px Montserrat;
	letter-spacing: 0.57px;
	color: #FFFFFF;
	opacity: 1;
	margin-top:20px;
}

@media (orientation : landscape) {
}

@media (max-width: 600px) {
	div.loginBody {
	    min-width: 100%;
	    height:100%;
		border: unset;
	}
}