.login_form{
width: 600px;
background-color: #fff;
border-radius: 10px;
min-height: 350px;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
padding-bottom: 20px;
}
.login_form h2{
font-size: 22px;
color: #ff3656;
text-align: center;
font-weight: 500;
font-family:Verdana, Geneva, Tahoma, sans-serif;
}
.login_form p{
font-size: 16px;
color: grey;
text-align: center;
font-weight: 500;
font-family:Verdana, Geneva, Tahoma, sans-serif;
padding-left: 10px;
padding-right: 10px;
}
.login_form .logo{
display: block;
margin-left: auto;
margin-right: auto;
width: 100px;
}
#pin{
border-radius: 5px;
border: 2px solid grey;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
height:30px;
text-align: center;
letter-spacing: 10px;
font-size: 20px;
}
#btnSubmit{
display: block;
margin-left: auto;
margin-right: auto;
border-radius: 7px;
border: 2px solid #ff3656;
background-color: #ff3656;
color:#fff;
margin-top: 30px;
font-size: 20px;
padding: 8px 16px;
cursor: pointer;
}
.disabled{
pointer-events: none;
opacity: 0.7;
border: 2px solid silver!important;
background-color: silver!important;
color:#fff!important;
}
.loader{
display: block;
margin-left: auto;
margin-right: auto;
width: 30px;
margin-top: 20px;
margin-bottom: 20px;
}
.hide{
display:none;
}
.error_msg{
font-size: 14px!important;
color:#ffb224!important;
padding-left: 10px;
padding-right: 10px;
}
@media screen and (max-width: 576px) {
    .login_form{
        width: 90%!important;
    }    
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}