.loading
{
    position: absolute;
    margin-Top: -30px;
}

.gosuslugiButton
{
    display: flex;
    height: 36px;
    padding: 12px 0px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    font-weight: 800;
    border-radius: 4px;
    border: 1.5px solid #BBC8DB;
    background: #ffffff !important;
    color: #3B71C2 !important;
}

.enterInSystem {
    display: flex;
    height: 40px;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    color: #1F2A37;
    text-align: center;

    /* RIA/presentation/Subtitle 2 */
    font-family: "PT Astra Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
}

.card
{
    display: flex;
    width: 432px;
    padding: 24px;
    flex-direction: column;
    align-items: center;
    gap: 16px !important;
    background: #FFF;
    box-shadow: 0 2px 15px 0 rgba(107, 135, 175, 0.40);

    margin-top: 40%;

    /*  padding: 24px;
      margin-top: 40%;
      display: flex;
      flex-direction: column;
      align-items: center;
      background-color: white;
      border-radius: 0 !important;*/
}

.login
{
    display: flex;
    height: 36px;
    padding: 0 32px 0 8px;
    align-items: center;
    align-self: stretch;
    border-radius: 2px;
    border: 1px solid #3B71C2;
    background: #FFF;
    margin-top: 16px !important;
    margin-bottom: 8px !important;
}

.password
{
    margin-top: 16px !important;
}

.rememberMe
{
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked,
.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate
{
    color: #265077 !important;
}

.css-1jy569b-MuiFormLabel-root-MuiInputLabel-root.Mui-focused
{
    color: #1976d2;
}

.css-154xyx0-MuiInputBase-root-MuiOutlinedInput-root.Mui-focused
{
    color: #000000 !important;
    border-color: #ff0000 !important;
}

.esiabutton
{
    margin-top: 15px !important;
}

.cardContent
{
    height: 300px !important;
    overflow-y: auto;
}

.changePasswordForm
{
    margin-bottom: 10px !important;
}

.validPassword
{
    color: #000000;
}

.invalidPassword
{
    color: #ff0000;
}

.generatePassword
{
    text-align: center !important;
}

.errorTypography
{
    color: #a40e0e;
}

.repeatPassword
{
    color: #1976d2;
}

.repeatPasswordError
{
    color: #ff0000 !important;
}