body{
        background-color    : #fff;
}

div.grey_screen{
        display     : none;
        position    : absolute;
        left        : 0px;
        top         : 0px;
        width       : 100vw;
        height      : 100vh;
        background-color    : #000000;
        opacity     : 0.8;
        z-index     : 100000;
}

div.login_padding{
        padding-top     : 10px;
        padding-bottom  : 10px;
}

div.login_padding_responsive{
        padding-top     : 10px;
        padding-bottom  : 10px;                
}

div.login_bottom_padding{
        padding-bottom  : 10px;
}

h1{
        font-family : 'Didact Gothic', sans-serif;
        color       : #747274;    
        font-size   : 20px;
        font-weight : normal;
}

input[type=submit], 
input[type=reset]{
        width           : 200px;
}

input[type=submit]#login_otp_verify{
        margin  : 0px;
}

a{
        color   : #0277c2;
}

div#login_otp_textbox_container, 
div#login_change_wa_number_container,
div#login_otp_send_fail_msg_container, 
div#login_otp_send_success_msg_container,
div#login_otp_verify_fail_msg_container,
div#login_otp_verify_success_container,
div#login_otp_verify_button_container,
div#login_otp_resend_link_container{
        display     : none;
}

div#login_otp_send_fail_msg_container,
div#login_otp_verify_fail_msg_container{
        color       : red;
}

div#login_change_wa_number_container,
div#login_otp_send_fail_msg_container,
div#login_otp_send_success_msg_container,
div#login_otp_verify_fail_msg_container,
a#login_otp_resend_link,
a#create_new_zamcard,
div.error{
        font-size   : 1em;
}

@media(max-height: 420px){                      /* THIS IS MAX-HEIGHT, NOT MAX-WIDTH */
    
        h1{
                margin-top      : 5px;
                margin-bottom   : 0px;
        }

        div.login_padding_responsive{
                padding-top     : 5px;
                padding-bottom  : 5px;                
        }
        
        div#login_change_wa_number_container,
        div#login_otp_send_fail_msg_container,
        div#login_otp_send_success_msg_container,
        div#login_otp_verify_fail_msg_container,
        a#login_otp_resend_link,
        a#create_new_zamcard,
        div.error{
                font-size   : 0.8em;
        }        
} 

div#wa_number_to_verify_label.light_grey{
        color           : #b3b3b3 !important;
}