/* More specific selectors to override Bootstrap/framework styles */

.ps_footer_logo{  
  max-height: 20px !important;
    max-width: 85px !important;
  margin-bottom: 6px;
}

.a_logo_align{
  vertical-align : middle;  
}


body {
  background-image: linear-gradient(180deg, #2EAAFF 0%, #0070D1 100%);
  display: flex;
  flex-direction: column;
  height: 100vh;
}

#main {
  background-image: url(../../img/background_pattern.png);
  background-size: 1000px 1000px;
  background-repeat: repeat;
}
.login-page {
  margin-top: calc(min(9%, 60px));
  position: relative;
}
.login-form-body {
  width: 400px;
  max-width: 92vw; /* responsive */
}

.login-page .login-page-footer .product-link-div {
    row-gap: 1px !important;
    gap: 64px;
    margin-bottom: 24px;
}


.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; }


.alert1-danger {
    --bs-alert-color: #D3222B !important;
    --bs-alert-bg: #FEF9F9 !important;
    --bs-alert-border: #E3242E !important;
    border-left: .25rem solid var(--bs-alert-border) !important;
}

.alert1{
  --bs-alert-link-color: #026EBE !important;  
    align-items: center !important;
    box-shadow: 0 .125rem 1rem #00000026 !important;
    display: flex !important;
    gap: .5rem !important;  
}

.login-error-msg {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
}

.alert1-icon {
    margin-right: 0.5rem;
}