body {
background-image: linear-gradient(180deg, #2EAAFF 0%, #0070D1 100%);
display: flex;
flex-direction: column; height: 100vh; }
body #main {
background-image: url(./images/background_pattern.png);
background-size: 1000px 1000px; }
.login-page {
 margin-top: calc(min(9%, 60px)); }
.login-page .env_indicator_wrapper {
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
.login-page .login-form-body {
width: 400px; }
.login-page .login-form-body .daxko-logo-img {
max-width: 280px;
width: 100%; }
.login-page .login-page-footer {
margin-bottom: 24px; }
.login-page .login-page-footer .product-link-div {
row-gap: 1px !important;
gap: 64px;
margin-bottom: 24px; }
.login-page .change-password-page .password-container {
position: relative; }
.login-page .change-password-page .password-container input {
padding-right: 40px; }
.login-page .change-password-page .password-container .toggle-password {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
font-size: 1.2em; }
.login-page .change-password-page .change-password-requirements ul {
list-style: none;
padding: 0; }
.login-page .change-password-page .change-password-requirements ul li {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px; }
.login-page .change-password-page .change-password-requirements ul li.criteria-fail::before {
content: "\f056";
color: #C0C0C6;
font-family: 'Font Awesome 6 Pro';
font-size: 16px; }
.login-page .change-password-page .change-password-requirements ul li.criteria-success::before {
content: "\f058";
color: #04996b;
font-family: 'Font Awesome 6 Pro';
font-size: 16px; }