dialog.loader
{
    border:none;
    outline: none;

    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.4);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.4);
    box-sizing: border-box;

    &::backdrop
    {
        background: rgba(194, 194, 194, 0.9);
    }
}



.img_company_logo
{
    display: inline-block;
    margin-right: 16px;
    height: 48px;
}

.button_with_icon
{
    width: 200px;
}

#forgot_password
{
    color: var(--red_main);
}

#forgot_password:hover
{
    cursor: pointer;
    color: var(--red_hover);
}

/* #group_1 > div
{ text-align: left; } */

#group_1_1
{
    height: 120px;
}

#group_2, #group_3
{
    /* visibility: hidden; */
    display: none;
}

#group_3
{ 
    width: 100vw;
    text-align: center;
}

/* #group_3 > div, #group_3 > div > div
{ vertical-align: middle; } */


/* #login_center .button, 
#login_center .sub_button, 
#login_center .button_with_icon, 
#group_3 .button, 
#group_3 .sub_button, 
#group_3 .button_with_icon
{
    min-width: 150px;
    margin: 10px;
} */





.my_green
{
    color: green;
}

@media only screen and (max-width:720px), (max-device-width : 720px) /* desktop and mobile orientation: portrait */
{ 
    #login_wrapper
    {
        text-align: center;
    }
    
    #login_center
    {
        display: inline-block;
        width: 500px;
    }
    
    
    /* #login_center>div
    {
        text-align: left;
    }
     */
    
    #login_center input, #group_3 input
    {
        width: 470px;
    }
    
    /* #login_center .button, 
    #login_center .sub_button, 
    #login_center .button_with_icon, 
    #group_3 .button, 
    #group_3 .sub_button, 
    #group_3 .button_with_icon
    {
        min-width: 150px;
        margin: 10px;
    } */
    
    #login_center p, #group_3 p 
    {
        margin: 10px
    }
    
}

@media (min-width:720px) and (max-width:1200px) and (min-device-width : 720px) /* desktop and mobile orientation: landscape */
{ 
    #login_wrapper
    {
        text-align: center;
    }
    
    #login_center
    {
        display: inline-block;
        width: 500px;
    }
    
    
    /* #login_center>div
    {
        text-align: left;
    } */
    
    
    #login_center input, #group_3 input
    {
        width: 470px;
    }
    
    /* #login_center .button, 
    #login_center .sub_button, 
    #login_center .button_with_icon,
    #group_3 .button, 
    #group_3 .sub_button, 
    #group_3 .button_with_icon
    {
        min-width: 150px;
        margin: 10px;
    } */
    
    #login_center p, #group_3 p 
    {
        margin: 10px
    }
    
}

@media (min-width:1200px) /* all other */
{ 
    #login_wrapper
    {
        text-align: center;
    }
    
    #login_center
    {
        display: inline-block;
        width: 500px;
    }
    
    
    /* #login_center>div
    {
        text-align: left;
    } */
    
    
    #login_center input, #group_3 input
    {
        width: 470px;
    }
    
    /* #login_center .button, 
    #login_center .sub_button, 
    #login_center .button_with_icon,
    #group_3 .button, 
    #group_3 .sub_button, 
    #group_3 .button_with_icon
    {
        min-width: 150px;
        margin: 10px;
    } */
    
    #login_center p, #group_3 p 
    {
        margin: 10px
    }
    
}