.gradient-custom-2 {
	/* fallback for old browsers */
	background: #00ADEF;

	/* Chrome 10-25, Safari 5.1-6 */
	background: -webkit-linear-gradient(to right, #00ADEF, #118fbf, #216d8a, #00002C);

	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	background: linear-gradient(to right, #00ADEF, #118fbf, #216d8a, #00002C);
}

@media (min-width: 768px) {
	.gradient-form {
		height: 100vh !important;
	}
}
@media (min-width: 769px) {
	.gradient-custom-2 {
		border-top-right-radius: .3rem;
		border-bottom-right-radius: .3rem;
	}
}

/* Password Field */
.password-field {
        position: relative;
}
 
/* Password Input */
.password-field input#password {
        padding-right: 50px;
}
 
/* Password Visibility Button/Icon */
.password-field span.password-icon {
        position: absolute;
        top: 10px;
        right: 0;
        width: 50px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
}
/* Password Visibility Icon Default Color */
.password-field span.password-icon > span {
        color: #b9b9b9;
}
/* Password Visibility Icon Hovered and Active Color */
.password-field span.password-icon:hover > span,
.password-field span.password-icon:active > span {
        color: #242323;
}