body {
    background-color: #0F131C;
    background-image:url("../../images/microgame/microgame_bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    overflow:hidden;
}

#dv_logo{
    background-image:url("../../images/microgame/microgame_logo_login.png");
    background-repeat: no-repeat;
    background-position: center top;
    position:relative;
    margin-top: 225px;
    clear:both;
    height:100px;
}

#dv_login{ clear:both; position:relative; margin-top: 50px; }

#dv_login_inner{ width:250px; padding:5px; margin:auto; }

#dv_login_inner .dv_lgn_head{
    color:#d2dce4;
    text-transform: uppercase;
    padding-bottom:10px;
    text-align:center;  
    font-family: Arial;  
    font-size: 13px;
}

#dv_login_inner .dv_lgn_field{ padding-bottom:10px; }

#dv_login_inner .dv_lgn_field > input{ height:35px; width: 250px; }

#dv_login_inner .dv_lgn_btn{ text-align:center; }

#dv_login_inner .dv_lgn_btn > input{

    color: #fff;
    background-color: #bf1e2e;
    border: #bf1e2e;
    width: 150px;
    height: 30px;
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 8px;
}

#mg_errors{
    width: 50%; text-align: center; color: #CD0A0A; margin: auto; margin-top: 25px; 
}

/*used for download client*/
@media screen and (max-height: 600px) and (min-width: 925px) {
    #dv_logo{ margin-top: 100px; }   
}

/*used for mobile APP*/
@media screen and (max-height: 580px) {
    #dv_logo{ 
        margin-top: 20px;         
        height:50px;
        background-image:url("/images/logo.png");
        background-size:contain;
    } 
    #dv_login{
        margin-top:30px;
    }         
}