/**********************************************************************************************
	
  .d8888b.  8888888b.   .d88888b.  888       888  .d8888b.         d8888 8888888888 8888888888 
d88P  Y88b 888   Y88b d88P" "Y88b 888   o   888 d88P  Y88b       d88888 888        888        
888    888 888    888 888     888 888  d8b  888 Y88b.           d88P888 888        888        
888        888   d88P 888     888 888 d888b 888  "Y888b.       d88P 888 8888888    8888888    
888  88888 8888888P"  888     888 888d88888b888     "Y88b.    d88P  888 888        888        
888    888 888 T88b   888     888 88888P Y88888       "888   d88P   888 888        888        
Y88b  d88P 888  T88b  Y88b. .d88P 8888P   Y8888 Y88b  d88P  d8888888888 888        888        
 "Y8888P88 888   T88b  "Y88888P"  888P     Y888  "Y8888P"  d88P     888 888        8888888888 
                                                                                                                                                                                          
                                                                                             
Devp : Nabeel Knr ******************  © Copyright 2017 HARVARD CAPITAL ************************ */                                                                        
html, body {
    height: 100%;
    
    background-image: linear-gradient(#4198E9, #204F9D);
}
body {
  margin: 0;
   

}
body .mainBg {
	height: 100%;
	background-image: url('../img/graphy2.png?v5'); 
	background-repeat: repeat;

}


.login-block {
	margin-top: 30px !important;
    background-image: linear-gradient(white, #b3dcff);
    width: 320px;
    padding: 30px 20px 30px;
    border-radius: 36px;
    border-top: 8px solid #1b67b3;
    margin: 0 auto;
    text-align: center !important;
    box-shadow: 0px 12px 17px #074681;
}

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

	.login-block input {
		
		width: 85%;
	    height: 42px;
	    box-sizing: border-box;
	    border-radius: 21px;
	    border: 1px solid #ccc;
	   	font-size: 14px;
	   	padding: 0 20px 0 50px;
	    outline: none;
	}
	
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

.login-block .bottom_line{ border-top: 1px solid #000000; margin-bottom: 30px; text-align: center;}
.login-block input#username {
	border-color: #a1c9ff;
    background: #fff url('https://i.imgur.com/u0XmBmv.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input#username:focus {
    background: #fff url('https://i.imgur.com/u0XmBmv.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}

.login-block input#password {
	border-color: #a1c9ff;
    background: #fff url('https://i.imgur.com/Qf83FTt.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input#password:focus {
    background: #fff url('https://i.imgur.com/Qf83FTt.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}

	
.login-block button {

    width: 85%;
    height: 40px;
    background-color: #204F9D;
    border-radius: 20px;
    border: none;
    color: #fff;
    font-weight: bold;
	font-size: 14px;
    outline: none;
    cursor: pointer;
    margin-top: 10px;
}

.login-block .mybtn{
	margin: 0 30px;
}
.login-block button:hover {
    background: #204F9D;
}
.login-help{
	text-align: center; font-size: 12px; color: white;
}
.error{
	text-align: center; margin-top: 20px; font-size: 12px; color: #ff656c;
}
.imge {
	margin-top: 50px;
	margin-bottom: 30px;
	text-align: center;
}
.imge p{
	
	color: white !important;
	margin-top: 5px;
}
footer {
width: 100%;
  position: absolute;
  bottom: 0;
  height: 40px;
  background-color: rgba(0, 0, 0, .5);
}
.container p {
padding-top: 5px;
color: white;
	text-align: center;
	font-size: 12px;
	line-height: 25px;
	
}
.fgreset {
	padding-top: 17px;
}
.fgreset a{
	    text-align: center;
    font-size: 12px;
    color: #dcdada !important;
    text-decoration: none;
}

/*  */