/*#login_result{margin-left: 70px;}*/
.hed {
     background-color:#0F56A4;
}
.shdiv{display:none;}
.body{
    overflow-y:hidden;
}


.mydiv{
	   background: url(../image/bg1.jpg) no-repeat;
    padding: 44px 15%;
    background-size: 100% 100%;
	overflow:hidden;
    }
@media only screen and (max-width:1350px){
    .body{
        overflow-y:scroll;
    }
}
.foot {

     background-color:#0F56A4;
	 padding-bottom: 5px;
    
	}
	.form-group
	{
		    margin-bottom: 30px;
	}
#p1{
	text-align:right;
	padding-right: 20px;
	color:white;
	font-family:arial;
	    padding-top: 12px;
}
.img1{
	width:200px;height:50px;   margin-top: 10px;
    margin-bottom: 10px;
	    margin-left: 65px;
}
.img2{
	width: 70px;
    height: 70px;
    margin-top: 34px;
    margin-bottom: 10px;
    margin-left: 150px;
}
.lg{
	    height: 22px;
    margin-top: 0px;
    margin-bottom: -26px;
    margin-left: 145px;
}
.lg1{
	    height: 22px;
    
    margin-bottom: 30px;
    
}

.img3{
	width:50px;height:50px;
   margin: 0% 0% 0% 48%;
}
.sdiv{
	width:100%;
	height:40px;
	background-color:aqua;
}
.tdiv{
	width:100%;
	height:30px;
	background-color:#5959FF;
}
.circle2 {
	width: 400px;
	height: 400px;
	background: #0F57A4;
	-moz-border-radius: 100%;
	-webkit-border-radius:100%;
	border-radius: 100%;
	margin: 0% auto;
	border: 20px solid #4288C8 ;
	/* box-shadow: 0 0 0 20px #4288C8 inset;*/
	 box-shadow: 0 0 0 2px #93BFE2 inset, 0 0 0 3px #003663;
	  
    }
#b1{
	color:white;
	text-align:center;
	position: absolute;
    margin-left: 7rem;
    margin-top: -1rem;
     margin-left: 146px;
	font-size:30px;
	font-family:Square721 BT bold;
}
.lbl{
	color: white;
    margin-left: 50px;
    font-family:sans-serif;
    font-size: 13px;
    margin-top: -3px;
}
.lbl1{
	color: white;
    font-family: sans-serif;
    margin-left: 3px;
    font-size: 12px;
}
#b{
	color:white;
}
.table{
	    padding-top: 36px;
		align:center;
}
.label{
	color:white;
}
.rad{
	border-radius:40px;
}
.font{
color:white;
	text-align:center;
	position: absolute;
       margin-left: 13rem;
    margin-top: -5rem;
	font-size:30px;
	font-family:Square721 BT bold;
	
}

.umiddiv
{
	height:300px;
	background-color:grey;
}
.lmiddiv
{   
	height:300px;
	background-color:white;
}
.formheading
	{
		text-align:center;
		margin-top: 3px;
		color:white;
		font-family: Square721 BT bold;
	}
	.fh
	{ color:white;
		    position: absolute;
     margin-left: 7rem;
    margin-top: 4rem;
	    font-size: 22px;
		font:bold;
	}
	h6
	{
        float:right;
		color:white;
		margin-top: 30px;
	}
	.mobdiv
	{
		background-color:#0F57A4;;
	
		padding:0px !important;
	}
	
	#uname1
	{
		   
			margin-left: 7.5rem;
	}
	#pwd1
	{
			
		    margin-left: 7.5rem;
	}
	.login
	{
		   padding: 7px 25px;
    margin: 20px 0px 0px 89px;
    color: white;
	font-family:Tw Cen MT Condensed;
	    height: 30px;
	}
	.tdiv
	{
		height:20px;
		background-color:#4287C8;
		border-top:2px solid black;
		
	}
	.fdiv
	{
		height:20px;
		background-color:#4287C8;
		border-bottom:2px solid black;
	
		margin-top: -14px;
	}
	.btdiv
	{
		height:20px;
		background-color:#4287C8;
		border-bottom:2px solid black;
	}
	.shdiv
	{	background-image:url("../images/bg1.jpg")!important;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
    height: 378px;
    width: 100%;
		padding:0px;
		/*margin-top:100px;*/
	}
	.imglogo2
	{
		    margin-top: 18px;
	}
	.imglogo
	{
		height:50%;
	}
	.blur   {
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
}
#overlay    {
    position: fixed;
    display: none;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(255,255,255,.8);
    z-index: 999;
}
#popup {
    position: absolute;
    width: 400px;
    height: 200px;
    /*background: rgb(255,255,255);
    border: 5px solid rgb(90,90,90);*/
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}
.divimg{
	 position: absolute;
    bottom: 44px;width:100%;
}

 /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
		 .body{
        overflow-y:scroll;
    }
.circle2 {
	width: 400px;
	height: 400px;
	background: #0F57A4;
	-moz-border-radius: 100%;
	-webkit-border-radius:100%;
	border-radius: 100%;
	margin: 0% auto;
	border: 20px solid #4288C8 ;
	/* box-shadow: 0 0 0 20px #4288C8 inset;*/
	 box-shadow: 0 0 0 2px #93BFE2 inset, 0 0 0 3px #003663;
    }
    }

    /* Medium Devices, Desktops  */
    @media only screen and (max-width : 992px) 
 {
	  .body{
        overflow-y:scroll;
    }
.circle2 {
	width: 400px;
	height: 400px;
	background: #0F57A4;
	-moz-border-radius: 100%;
	-webkit-border-radius:100%;
	border-radius: 100%;
	margin: 0% auto;
	border: 20px solid #4288C8 ;
	/* box-shadow: 0 0 0 20px #4288C8 inset;*/
	 box-shadow: 0 0 0 2px #93BFE2 inset, 0 0 0 3px #003663;
    }
 }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
		
.circle2 {
	width: 400px;
	height: 400px;
	background: #0F57A4;
	-moz-border-radius: 100%;
	-webkit-border-radius:100%;
	border-radius: 100%;
	margin: 0% auto;
	border: 20px solid #4288C8 ;
	/* box-shadow: 0 0 0 20px #4288C8 inset;*/
	 box-shadow: 0 0 0 2px #93BFE2 inset, 0 0 0 3px #003663;
    }
	.lbl{
	color: white;
    margin-left: 50px;
    font-family:sans-serif;
    font-size: 13px;
    margin-top: 3px;
}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {	
	.shdiv{display:block;}
	.circle2{display:none;}
	.divimg{
	 position: absolute;
    bottom: 36px;width:100%;
}
	
	.mydiv{
	   background: url(../image/bg1.jpg) no-repeat;
    padding: 66px 0%;
    background-size: 100% 100%;
	overflow:hidden;
    }
	.imglogo2{
		margin-left:auto;
		margin-right:auto;
	}
	.formd
		{
			padding: 0 26px;
		}
		.img3{
			    margin: 0% 0% 3% 40%;
		}
		#p1{
	text-align:right;
	padding-right: 20px;
	color:white;
	padding-top:15px;
    }

    @media only screen and (min-width:300px) and (max-width :320px) 
 { 
 .divimg{
	 position: absolute;
    bottom: 37px;width:100%;
}
		.formd
		{
			padding: 0 26px;
		}
		.divimg{
	 position: absolute;
    bottom: 36px;width:100%;
}
		.font{
			font-size:24px;
		}
		.img3{
			    margin: 0% 0% 3% 39%;
		}
		#p1{
	text-align:right;
	padding-right: 20px;
	color:white;
	padding-top:15px;
    }
 

	}
	@media only screen and (min-width:275px) and (max-width : 299px)
	{
			.formd
		{
			padding: 0 26px;
		}
		.font{
			font-size:24px;
		}
		.img3{
			    margin: 0% 0% 3% 39%;
		}
		.img1{
			    margin-left: 34px;
		}
		#p1{
	text-align:right;
	padding-right: 20px;
	color:white;
	padding-top:15px;
    }
	.divimg{
	 position: absolute;
    bottom:37px !important;width:100%;
}
	

	}