/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24 Jun, 2018, 11:17:54 AM
    Author     : 5023021
*/
body, * {
    box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
  body {font-family: Arial, Helvetica, sans-serif; margin:100px auto; }
             form {border: 3px solid #f1f1f1;}
            .login_form {
    width: 400px;
    margin: auto;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 10px #ccc;
}
            .login_form h4 {
    background: #006496;
    color: #fff;
    font-size: 22px;
    margin: 0;
    padding: 15px;
}

            input[type=text], input[type=password] {
                width: 100%;
                padding: 12px 20px;
                margin: 8px 0;
                display: inline-block;
                border: 1px solid #ccc;
                box-sizing: border-box;
            }
            label { float: left; }

            button {
                background-color: #00968f;
                color: white;
                padding: 7px 7px;
                margin: 8px 0;
                border: none;
                cursor: pointer;
                width: 50%;
            }

            button:hover {
                opacity: 0.8;
            }

            .cancelbtn {
                width: auto;
                padding: 10px 18px;
                background-color: #f44336;
            }
            .container {
                padding: 16px;
            }

            span.psw {
                float: right;
                padding-top: 16px;
            }

            /* Change styles for span and cancel button on extra small screens */
            @media screen and (max-width: 600px) {
                span.psw {
                   display: block;
                   float: none;
                }
                .cancelbtn {
                   width: 100%;
                }
            }
            .loading{
            //background-image : url('');  
            //background-repeat:no-repeat;
            display: none;
          }
          .loginlogo {
    text-align: center;
    margin-bottom: 20px;
}
          .loading_btn {
    background: #006496 !important;
    color: #fff !important;
    padding: 7px 7px;
    margin: 7px 0;
    border: 1px solid #006496;
    width: 100%;
    height: 40px;
    font-size: 18px;
    font-weight: 600;
}
          .loading img {  width: 20px;  }
          .loadingSpan {
    background: #006496 !important;
    padding: 7px 7px;
    width: 100%;
    height: 40px;
    margin: 7px 0;
    border: 1px solid #006496;
    text-align: center;
    display: inline-block;
}
.fake-input { position: relative; width:240px; }
.fake-input input { border:none; background:#fff; display:block; width: 100%; box-sizing: border-box }
.fake-input img { position: absolute; top: 2px; right: 5px }