/*----------------------------------------------------------------------------*/
/* #region Account pages related style */
/*----------------------------------------------------------------------------*/
.app-brand-link {
    padding: 7px;
}

.app-short-name {
    --avatar-border-color: color-mix(in srgb, var(--primary-color), var(--ix-black) 15%);
    width: 49px;
    height: 49px;
    border: 2px solid var(--avatar-border-color);
    border-radius: 50%;
    text-align: center;
    line-height: 48px;
    color: var(--ix-white);
    background: var(--primary-color);
    font-size: 13px;
    font-weight: var(--fw-medium);
}

.app-brand-text {
    color: #164950;
    margin-left: 12px;
    font-weight: var(--fw-bold);
}

.app-brand-logo img, .app-brand-logo svg {
    max-width: 49px;
    max-height: 49px;
    object-fit: contain;
}

.logo-text {
    margin: auto;
    font-size: var(--fs-normal);
    font-weight: var(--fw-bold);
    color: black;
}

.forgot-password {
    font-weight: var(--fw-semibold);
    font-size: var(--fs-xs-small);
    color: var(--bs-primary) !important;
}

.back-link-text {
    font-size: var(--fs-normal);
    font-weight: var(--fw-medium);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.btn-forgot-password {
    gap: 6px;
}

.icon-size {
    align-items: center;
    justify-content: center;
    margin: 0;
    display: flex;
    font-size: var(--fs-normal);
}

.noselect {
    user-select: none;
    width: 40px;
    height: 40px
}

#toggle_password {
    width: 14px;
    height: 14px;
    pointer-events: none;
    font-size: 14px;
}
/*----------------------------------------------------------------------------*/
/*#endregion Account pages related style */
/*----------------------------------------------------------------------------*/