/* ===== Login page ===== */
.in-login, .in-zaloguj-sie, .in-bejelentkezes, .in-conectare-client, .in-anmelden{
	aside{
		display:none;
	}
	main{
		display:flex;
		justify-content: center;
		text-align:center;
        margin-bottom:5rem;
		.content-inner{
			width:100%;
			max-width:450px;
			form{
				padding:2rem;
				background-color:var(--master-grey-ultralight);
				border-radius:var(--basic-border-radius);
				.form-group{
					input{
						height:46px;
					}
					.login-wrapper{
						display:flex;
						flex-direction: column-reverse;
						padding-top:0px;
						padding-bottom:5px;
						.password-helper{
							width:100%;
							display:flex;
							flex-direction: row-reverse;
							justify-content: space-between;
							padding-bottom:3rem;
							margin-top:-1rem;
							a{
								color:var(--master-color-black);
								font-weight:500;
								text-decoration:underline;
								padding-top:0;
								&:hover{
									text-decoration:unset;
								}
								@media screen and (max-width: 567px){
									font-size:12px;
								}
							}
						}
					}
					button{
						background-color:var(--master-color-primary);
						border-color:var(--master-color-primary);
						border-radius:var(--basic-border-radius);
						color:var(--master-color-white);
						font-weight:bold;
						font-size:14px;
						padding:10px;
						&:hover{
							background-color: var(--master-color-primary-light);
    					border-color: var(--master-color-primary-light);
    					color: var(--master-color-primary);
						}
						@media screen and (max-width: 567px){
									font-size:12px;
								}
					}
				}
				.social-login-buttons{
					.social-login-buttons-divider{
						color:var(--master-color-black);
						font-weight:500;
					}
					a{
						border-radius:var(--basic-border-radius);
						strong{
							margin-left:-48px;
							@media screen and (max-width: 567px){
								margin-left:unset;
								font-size:12px;
							}
						}
					}
				}
			}
		}
	}
}