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

/* .button_with_icon
{
    width: 200px;
} */


#login_center, #login_center *
{
    /* margin-top: 40px; */
    /* border: 1px solid red; */
}


/* #group_1_1
{
    border: 1px solid lightgray;
} */

#login_center #group_1,
#login_center #group_2 #group_2_1
{ display: inline-block; }

#login_center #group_1 #group_1_1,
#login_center #group_2 #group_2_1 #group_2_2
{ 
    border: 1px solid lightgray;
    padding: 34px; 
}

#login_center #group_1 #group_1_1 .label_text
{
    text-align: left;
}

#login_center #group_1 #group_1_1 input,
#login_center #group_2 input
{
    width: 100%;
    min-width: 300px;
    height: 34px;
}

#group_3 input
{
    min-width: 300px;
    height: 34px;
}

#login_center #group_1 #group_1_1 #div_password .label_text
{
    display: inline-block;
    margin: 0px;
}

#login_center #group_1 #group_1_1 #div_password #div_pass_labels
{
    display: flex;
    justify-content: space-between;
}

#login_center #group_1 #group_1_1 [div_btns]
{
    display: flex;
    justify-content: space-between;
    flex-basis: content;
}

#login_center #group_1 #group_1_1 [div_btns] #signin,
#login_center #group_1 #group_1_1 [div_btns] #create_account,
#login_center #group_2 .button,
#group_3 .button
{
    font-size: 12px;
    font-weight: bold;
    padding: 8px;
    width: 47%;
    /* width: 100px; */
}
#login_center #group_1 #group_1_1 [div_btns] #create_account
{ border: none; }
#login_center #group_1 #group_1_1 [div_btns] #create_account:hover
{ border: 1px solid #dc7139; }

#login_center #group_2 #group_2_1 #group_2_2 [div_btns] .button
{ width: 200px; }

#forgot_password
{
    color: #f58144;
}

#forgot_password:hover
{
    cursor: pointer;
    color: #dc7139;
}

#group_2, #group_3
{
    display: none;
}

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





.my_green
{ color: green; }




@media only screen and (max-width:720px), (max-device-width : 720px) /* desktop and mobile orientation: portrait */
{ 
    #group_3
    {
        padding: 7px;
    }

    #group_3 input
    { width: 300px; }

    #group_3 [elem_wrap] .ib
    { 
        width: 100%; 
        text-align: left;
    }
}

@media (min-width:720px) and (max-width:1200px) and (min-device-width : 720px) /* desktop and mobile orientation: landscape */
{ 

}

@media (min-width:1200px) /* all other */
{ 

}