.BackLightImage {
   top:0%;
      
   position:fixed;
   background: url('../Pictures/Login/Wallpappers/wall2.jpg') no-repeat;
   background-size: 100% 100% ;
   width:100%;
   height:70%;
   z-index:-1;

   

}

.BackLight {
    z-index:-1;
            top: 0%;
            position:fixed ;
            width:100%;
            height:100%;
 background: rgba(226,226,226,1);
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(226,226,226,1) 20%, rgba(219,219,219,1) 66%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(20%, rgba(226,226,226,1)), color-stop(66%, rgba(219,219,219,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(226,226,226,1) 20%, rgba(219,219,219,1) 66%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(226,226,226,1) 20%, rgba(219,219,219,1) 66%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(226,226,226,1) 20%, rgba(219,219,219,1) 66%, rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(226,226,226,1) 20%, rgba(219,219,219,1) 66%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
/*
background: rgba(68,110,155,1);
background: -moz-linear-gradient(top, rgba(68,110,155,1) 0%, rgba(68,110,155,1) 34%, rgba(171,184,199,1) 35%, rgba(217,222,224,1) 100%) ;
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(68,110,155,1)), color-stop(34%, rgba(68,110,155,1)), color-stop(35%, rgba(171,184,199,1)), color-stop(100%, rgba(217,222,224,1)));
background: -webkit-linear-gradient(top, rgba(68,110,155,1) 0%, rgba(68,110,155,1) 34%, rgba(171,184,199,1) 35%, rgba(217,222,224,1) 100%);
background: -o-linear-gradient(top, rgba(68,110,155,1) 0%, rgba(68,110,155,1) 34%, rgba(171,184,199,1) 35%, rgba(217,222,224,1) 100%);
background: -ms-linear-gradient(top, rgba(68,110,155,1) 0%, rgba(68,110,155,1) 34%, rgba(171,184,199,1) 35%, rgba(217,222,224,1) 100%);
background: linear-gradient(to bottom, rgba(68,110,155,1) 0%, rgba(68,110,155,1) 34%, rgba(171,184,199,1) 35%, rgba(217,222,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#446e9b', endColorstr='#d9dee0', GradientType=0 );
    */

        }
.BackLightMaster
{
        top: 0%;
            position:fixed ;
            width:100%;
            height:100%;
            z-index: -100;
    background: rgba(216,221,223,1);
/* Old Browsers */background: -moz-linear-gradient(top, rgba(216,221,223,1) 0%, rgba(216,221,223,1) 16%, rgba(68,111,156,1) 96%, rgba(68,111,156,1) 100%);
 /* FF3.6+ */background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(216,221,223,1)), color-stop(16%, rgba(216,221,223,1)), color-stop(96%, rgba(68,111,156,1)), color-stop(100%, rgba(68,111,156,1)));
/* Chrome, Safari4+ */background: -webkit-linear-gradient(top, rgba(216,221,223,1) 0%, rgba(216,221,223,1) 16%, rgba(68,111,156,1) 96%, rgba(68,111,156,1) 100%);
 /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(216,221,223,1) 0%, rgba(216,221,223,1) 16%, rgba(68,111,156,1) 96%, rgba(68,111,156,1) 100%);
 /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(216,221,223,1) 0%, rgba(216,221,223,1) 16%, rgba(68,111,156,1) 96%, rgba(68,111,156,1) 100%);
 /* IE 10+ */background: linear-gradient(to bottom, rgba(216,221,223,1) 0%, rgba(216,221,223,1) 16%, rgba(68,111,156,1) 96%, rgba(68,111,156,1) 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8dddf', endColorstr='#446f9c', GradientType=0 );
/* IE6-9 */
}
 .logo {
    width: 213px;
    height: 36px;
    /*
    background: url('http://i.imgur.com/fd8Lcso.png') no-repeat;
        */
    margin: 30px auto;
}

.login-block {
    width: 320px;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    border-top: 5px solid #446e9b;
    margin: 0 auto;
    
}

.login-block h1 {
    text-align: center;
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
}

.login-block input {
    
    width: 100%;
    height: 42px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 0px; /*20*/
    margin-top: 10px;
    font-size: 14px;
    /*font-family: Montserrat;*/
    
    outline: none;
}


.login-block input#RememberMe {
    width: 100%;
    height: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 0px; /*20*/
    margin-top: 10px;
    font-size: 10px;
    /*font-family: Montserrat;*/
    padding: 0 0px 0 0px;
    
    outline: none;
}
.login-block input#UserName {

  padding: 0 20px 0 50px;    

    background: #fff url('../Pictures//Login/loginuseric.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input#UserName:focus {
    background: #fff url('../Pictures//Login/loginuseric.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}

.login-block input#Password {
    padding: 0 20px 0 50px;    
    background: #fff url('../Pictures//Login/loginpassic.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input#Password:focus {
    background: #fff url('../Pictures//Login/loginpassic.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}

.login-block input:active, .login-block input:focus {
    border: 1px solid #446e9b;
}

.login-block button {
    width: 100%;
    height: 40px;
    background: #446e9b;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #446e9b;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Montserrat;
    outline: none;
    cursor: pointer;
}

.login-block button:hover {
      color: #ffffff;
  background-color: #345578;
  border-color: #315070;
}

login-block-logbtn {
    width: 100%;
    height: 40px;
    background: #446e9b;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #446e9b;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Montserrat;
    outline: none;
    cursor: pointer;
}

.login-block-logbtn:hover {
      color: #ffffff;
  background-color: #345578;
  border-color: #315070;
}