body 
{
    
}

body
{
    background-color: transparent;
    background-attachment: fixed;
    z-index: 20;
}


.panel_admin_login
{
    position: absolute;
    z-index: 10;
    top: 10.0dvh;
    left: 0dvw;
    width: 100dvw;
    height: 90.0dvh;
    background-color: #F7F7F7;
}

.panel_logo_cliente
{
    border: none;
    position: absolute;
    z-index: 210;
    top: 20.0dvh;
    left: 10.0dvw;
    width: 30dvw;
    height: 50.0dvh;
    background-color: #FFFFFF;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
}

.img_login_logo
{
    border: none;
    position: absolute;
    z-index: 25;
    top: 10.0dvh;
    left: 2.0dvw;
    width: 26.85dvw;
    height: 29.36dvh;
    background-color: transparent;
    background-attachment: fixed;
}

.panel_login
{
    border: none;
    position: absolute;
    z-index: 210;
    top: 20.0dvh;
    left: 50.0dvw;
    width: 30dvw;
    height: 50.0dvh;
    background-color: #EEEEEE;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
}

.txt_login_user
{
    border-style: none;
    position: absolute;
    z-index: 15;
    top: 15px;
    left: 18px;
    width: 365px;
    height: 50px;
    font-family: 'arial' , Helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
    text-align: left;
    background-color: #FFFFFF;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    text-decoration: none;
}

.txt_login_user::placeholder
{
    color: #C0C0C0;
}

.txt_login_user::-webkit-input-placeholder
{
    color: #C0C0C0;
}

.txt_login_user::-moz-placeholder
{
    color: #C0C0C0;
}

.txt_login_user::-ms-input-placeholder
{
    color: #C0C0C0;
}

.txt_login_password
{
    border-style: none;
    position: absolute;
    z-index: 15;
    top: 80px;
    left: 18px;
    width: 365px;
    height: 50px;
    font-family: 'arial' , Helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
    text-align: left;
    background-color: #FFFFFF;

    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;    
}

.txt_login_password::placeholder
{
    color: #C0C0C0;
}

.txt_login_password::-webkit-input-placeholder
{
    color: #C0C0C0;
}

.txt_login_password::-moz-placeholder
{
    color: #C0C0C0;
}

.txt_login_password::-ms-input-placeholder
{
    color: #C0C0C0;
}

.btn_iniciar_sesion
{
    border-style: none;
    position: absolute;
    z-index: 15;
    top: 145px;
    left: 18px;
    width: 365px;
    height: 50px;
    font-family: 'arial' , Helvetica, sans-serif;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    background-color: #E33355;

    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;        
}

.btn_iniciar_sesion:hover
{
    color: #FFFFFF;    
    background-color: #843B31;
  
}

.valcustom_iniciar_sesion
{
    font-family: arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #E50819;
    position: absolute;
    top: 196px;
    left: 18px;
    width: 200px;
}