* {
    font-family: Roboto;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 90px; /* Margin bottom by footer height */
    background: url(../img/bgr.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#top-login {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    border-top: 1px solid #0DA4EB;
    border-bottom: 1px solid #0DA4EB;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 90px; /* Set the fixed height of the footer here */
    border-top: 1px #9e9e9e solid;
    background-color: #0DA4EB;
    padding-top: 10px;
    padding-bottom: 10px;
    color:#fff;
}

.div-login {
    width: 420px;
    margin: 50px auto;
    margin-bottom: 50px;
    padding: 20px;
    border: 1px solid #9e9e9e;
    border-left-width: 5px;
    border-radius: 3px;
    border-left-color: #0DA4EB;
    background:#fff;
    opacity:0.8;
}

@media (max-width: 420px) {
    .div-login {
        width: 100%;
    }
}

.control-label {
    margin-bottom: 0px !important;
    line-height: 38px !important;
}

.bt-one {
    background-color: #0DA4EB !important;
    color: white !important;
    height: 32px !important;
    padding: 0px 5px 0px 5px !important;
}