* {
            box-sizing: border-box;
        }

        body {
            font-family: 'open sans', helvetica, arial, sans;
            font-size: 11.5px;
            margin: 0px;

            background: url(Images/login/loginbgApi.jpg) no-repeat center center fixed;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }


        /*---------Login form---------*/
        .log-form {
            background: rgba(242,237,240,0.85);
            min-width: 320px;
            max-width: 475px;
            margin: auto;
            margin-top: 50px;
        }

            .log-form .row {
                margin-bottom: 5px;
                padding: 0 10px;
            }

        .log-form-header {
            background: #3e65af;
            height: 40px;
            margin: 0 0 20px;
            color: #fff;
        }

            .log-form-header h2 {
                margin-top: 0;
                margin-left: 20px;
                color: #fff;
                font-size: 1.2em;
                font-weight: 700;
                font-family: Verdana;
                position: relative;
                top: 10px;
            }

        .log-form #login {
            padding: 15px;
            border-bottom: solid 10px #3e65af;
        }



        /*---------Login ctrls---------*/
        .btn {
            display: inline-block;
            border: 1px solid;
            padding: .5em 2em;
            margin-bottom: 10px;
            color: #333;
            background-color: #fff;
            border-color: #ccc;
        }

        .messageDiv {
            width: 90%;
            min-width: 320px;
            max-width: 475px;
            margin-right: 15px;
            margin-bottom: 10px;
        }

        /*---------Login footer---------*/

        .loginfooter {
            height: 50px;
            width: 100%;
            bottom: 0px;
            left: 0px;
            background: rgba(242, 237, 240, 0.80);
            position: absolute;
            color: #3f65af;
        }

            .loginfooter .logo {
                float: right;
                padding: 8px 30px 0 0;
            }

            .loginfooter .contact {
                padding: 15px;
                float: left;
                color: #3e65af;
                font-weight: 400;
            }

            .loginfooter a {
                color: #3e65af;
            }

            .loginfooter img {
                width: 200px;
            }