.col-centered {
  float: none;
  margin-right: auto;
  margin-left: auto;
}



body
{
    padding-top: 20px;
    background-color: #F7F7F7;
}




.afontsize {
    font-size:150%;
}

.spancolor {
color: #428BCA;
}



.loginbox{
    background: white;
    color: red;
    border-color: red;
    left: 0;
    padding: 20px;
    box-shadow: 0 8px 25px -2px red;
    border-radius:1px;
}
.logo{
    width: 50%;

}

.loginbox_content{
    padding:1% 5% 0% 5%;

}


.singtext{
    font-family: "Open Sans",sans-serif;
    font-size: 27px;
    color: #82C226;
    float: right;
    padding-right: 25%;
}

@media screen and (max-width:980px){
    html, body, form{
        height: 100%;
    }

    .container {
        height: 100%;
        width: 100%;
    }

    a.btn.btn-lg.btn-danger.well-lg, button.btn.btn-default.submit-btn.pull-right, a.btn.btn-default.submit-btn, .input-group-sm > .input-group-addon {
        font-size: 35px;
    }

    span.input-group-addon > font {
        font-size: 35px;
    }

    input#PIN {
        height: 125px;
        font-size: 45px;
    }

    span.glyphicon.glyphicon-lock {
        font-size: 100px;
    }
}

.ds-btn li{ list-style:none; float:left; padding:10px; }
.ds-btn li a span{padding-left:15px;padding-right:5px;width:100%;display:inline-block; text-align:left;}
.ds-btn li a span small{width:100%; display:inline-block; text-align:left;}