body, html {
            height: 100%;
        }
        
		.login-container {
            display: flex;
            height: 100%;
        }
        
		.login-image {
            background: url('../images/buk_vegitation.jpg') no-repeat center center;
            background-size: cover;
            flex: 2;
            display: none;
        }
        
		@media (min-width: 992px) {
            .login-image {
                display: block;
            }
        }
        
		.login-form {
            flex: 1;
			display: flex;
			flex-direction: column;
			justify-content: center;
		    align-items: center;
            padding: 50px 30px;
						
        }
        
		.form-control:focus {
            border-color: #5c6bc0;
            box-shadow: none;
        }
        
		.btn-indigo {
            background-color: #5c6bc0;
            color: white;
        }
        
		.btn-indigo:hover {
            background-color: #3f51b5;
        }
		
		input.error {
            background-color: #ffd5d1;
        }
        
		input.valid {
            background-color: #b6ffcb;
        }
		
		.alert-danger,
		.alert-error {
			color: #E9EDEF;
			background-color: rgba(231, 76, 60, 0.88);
			border-color: rgba(231, 76, 60, 0.88)
		}
		
		.alert-success {
			color: #ffffff;
			background-color: rgba(38, 185, 154, 0.88);
			border-color: rgba(38, 185, 154, 0.88)
		}