/**
 * Filename:    launcher_modern.css
 * 
 * Description: Implementation of the launcher_modern class.
 * 
 * Copyright © 1999-2021 by Interact Solutions Ltda.
 * Rua Carlos Fett Filho, 47/301
 * 95.900.000, LAJEADO, RS
 * BRAZIL
 * 
 * The copyright to the computer program(s) herein
 * is the property of Interact Solutions Ltda., Brazil.
 * The program(s) may be used and/or copied only with
 * the written permission of Interact Solutions Ltda.
 * or in accordance with the terms and conditions
 * stipulated in the agreement/contract under which
 * the program(s) have been supplied.
 */

@media only screen and (max-width: 1336px)
{
    .launcher_login__company
    {
        display: none !important;
    }

    .launcher_login__container
    {
        width: 100% !important;
    }
}

.launcher_login
{
    width: 100%;
    height: 100%;
    display: flex;
}

.launcher_login .sa_input
{
    gap: 8px;
}

.launcher_login__container__watermark
{
    position: absolute; 
    bottom: 0px; 
    right: 0px; 
}

.launcher_login__company,
.launcher_login__container
{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.launcher_login__company
{
    justify-content: center;
}

.launcher_login__container
{
    background: white;
    justify-content: space-between;
    padding: 24px;
    box-sizing: border-box;
}

.launcher_login__container__language_selector
{
    align-self: end;
    color: rgb( var(--color-gray650) );
}

.launcher_login__container__language_selector__item
{
    width: 90px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.launcher_login__container__language_selector__item > span
{
    user-select: none;
}

.sa_renderable_combobox__select_list .launcher_login__container__language_selector__item
{
    gap: 4px;
    padding: 2px 3px;
    width: 100%;
    box-sizing: border-box;
}

.launcher_login__container__center
{
    display: contents;
}

.login_pane
{
    width: 410px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    z-index: 10;
    font-family: Arial, Helvetica, sans-serif;
    max-width: 100%;
}

.login_pane__button
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    user-select: none;
}

.login_pane__info,
.login_pane__buttons
{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.login_pane__info__title
{
    color: rgb( var(--color-gray650) );
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.login_pane__info__description
{
    color: rgb( var(--color-gray500) );
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    white-space: normal !important;
}

.login_pane__buttons
{
    gap: 16px;
}

.login_pane__button.primary_button
{
    background: rgb( var(--color-primary) );
    color: rgb( var(--color-white) );
}

.login_pane__button.primary_button:hover
{
    background: rgb( var(--color-suite) );
    transition-duration: 0.3s;
}

.login_pane__button.secondary_button
{
    border: 2px solid rgb( var(--color-primary) );
    background: rgb( var(--color-white) );
    color: rgb( var(--color-primary) );
}

.login_pane__button.label_button
{
    background: transparent;
    color: rgb( var(--color-primary) );
}

.login_pane__button.secondary_button:hover,
.login_pane__button.label_button:hover
{
    background: rgb( var(--color-gray150) );
    transition-duration: 0.3s;
}

.default_login_pane
{
    gap: 8px;
}

.default_login_pane__image
{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.default_login_pane__inputs
{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 26px;
}

.default_login_pane__options
{
    width: 100%;
    display: flex;
    align-items: center;
}

.default_login_pane__options > .custom-checkbox
{
    display: flex;
    align-items: center;
    color: rgb( var(--color-gray650) );
    cursor: pointer;
}

.default_login_pane__options > .custom-checkbox input[type="checkbox" i]
{
    margin: 4px;
    height: 14px;
    width: 14px;
}

.default_login_pane__options > .z-label
{
    color: rgb( var(--color-gray650) );
    text-align: right;
    text-decoration-line: underline;
    cursor: pointer;
    user-select: none;
}

.default_login_pane__buttons
{
    width: 100%;
    display: flex;
    gap: 12px;
    margin-top: 8px;
}

.default_login_pane__buttons__qrcode
{
    padding: 8px 13px;
    background: rgb( var(--color-gray200) );
    border-radius: 4px;
    cursor: pointer;
    user-select: none;
}

.reset_password_login_pane__inputs__strength
{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 8px;
}

.reset_password_login_pane__inputs__strength__bar
{
    width: 100%;
    height: 4px;
}

.reset_password_login_pane__inputs__strength__info
{
    color: rgb( var(--color-gray500) );
    white-space: normal !important;
}

.qrcode_login_pane
{
    gap: 16px;
}

.qrcode_login_pane__content
{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.qrcode_login_pane__progress_background
{
    height: 8px;
    background: rgb( var(--color-gray200) );
    border-radius: 4px;
}

.qrcode_login_pane__progress_bar
{
    background: rgb( var(--color-primary) );
    height: 100%;
    border-radius: 4px;
}

.qrcode_login_pane__label
{
    color: rgb( var(--color-gray500) );
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    white-space: normal !important;
}

.login_pane.migrations_login_pane
{
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
    gap: 32px;
}

.migrations_login_pane__migrations
{
    width: 100%;
    height: 455px;
    margin-top: 20px;
}

.migrations_login_pane .login_pane__button
{
    width: 410px;
}

.launcher_login__container__system_info
{
    color: rgb( var(--color-gray650) );
    white-space: normal !important;
    text-align: center;
}