﻿
html
{ 
    /*background: url("../Images/Login.jpg") no-repeat center center fixed; 
   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;*/
   

          background-image: url("../Images/Login.png");
           background-position: left bottom;
           background-size: 100% auto;
           background-repeat: no-repeat;
           background-color:#074a81;
          /*background-position-y:top;*/
    
}

body
{
    overflow-y:hidden;
    /*position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: url("../Images/Login.jpg") no-repeat fixed;
    background-size: cover;
    background-position: 50%;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;*/
   
    /*position: absolute;
    top: -20px;
    left: -20px;
    right: -40px;
    bottom: -40px;
    width: auto;
    height: auto;
    background-image: url("../Images/login.jpg");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-filter: blur(5px);
    z-index: 1;*/
}            
img
{
    width: 400px; 
}

.tbl
{
    width: 100%; margin-top: 0px;
}
.tbl-l
{
    text-align: left; 
}
.tbl-r
{
    text-align: right;
}
.login
{
    position: absolute;
    top:calc(68% - 0px);
    bottom:calc(27% - 0px);
    left: calc(10% - 50px);
    height: 150px;
    width: 85%;
    padding: 10px;
    z-index: 2;
}

            
.login input[type=text]
{
    width: 150px;
    height: 20px;
    /*background: transparent;*/
    background: #ffffff;
    border: 1px solid #B9BBBE;
    border-radius: 2px;
    color: #5c5c5c;
    font-family: icomoon;
    padding: 4px;
    
}
            
.login input[type=password]
{
    /*background: transparent;*/
    /*width: 215px;
    height: 25px;
    background: #ffffff;
    border: 1px solid #B9BBBE;
    border-radius: 2px;
    color: #5c5c5c;
    font-family: icomoon;
    padding: 4px;*/
    width: 150px;
    height: 20px;
    
    background: #ffffff;
    border: 1px solid #B9BBBE;
    border-radius: 2px;
    color: #5c5c5c;
    font-family: icomoon;
    padding: 4px;
   
}
            
.login input[type=submit]
{
     /*width: 215px;
    height: 35px;
    background: #039BE5;
    border: 1px solid #039BE5;
    cursor: pointer;
    border-radius: 2px;
    color: #fff;
    font-family: icomoon;
    padding: 4px;*/
    width: 150px;
    height: 30px;
    background: #039BE5;
    border: 1px solid #039BE5;
    cursor: pointer;
    border-radius: 2px;
    color: #fff;
    font-family: icomoon;
    padding: 4px;
    /*margin-top: 10px;*/
}
            
.login input[type=submit]:hover
{
    opacity: 0.8;
}
            
.login input[type=submit]:active
{
    opacity: 0.6;
}
            
.login input[type=text]:focus
{
    outline: none;
    border: 1px solid #B9BBBE;
    font-size:14px;
}

.login input[type=password]:focus
{
    outline: none;
    border: 1px solid #B9BBBE;
}
            
.login input[type=submit]:focus
{
    outline: none;
     
}
    
::-webkit-input-placeholder
{
    color: red;
}
            
::-moz-input-placeholder
{
    color: rgba(255, 255, 255, 0.6);
}
        
.login b
{
    font-size: 17px;
    color: #5c5c5c;
}
.login label
{
    color: #b4c21d;
     
     
}
.mytbl
{
    margin-top:40px;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    background-color: #005098;
    padding: 20px 20px 10px 20px;
}
.mytd
{
    
    width: 50%;
}
