body{  
	position: relative;
    display: block;
   
}

input::-webkit-input-placeholder {
color: #004226 !important ;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
font-weight: bold;
}
input:-moz-placeholder { / Firefox 18- /
color: #004226 !important ; 
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
font-weight: bold;
} 
input::-moz-placeholder {  / Firefox 19+ /
color: #004226 !important ;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
font-weight: bold;
}
input:-ms-input-placeholder {  
color: #004226 !important ;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
font-weight: bold;  
}
.btnlogin{
  width: 100%;
  border-radius:0px;
  background-color: #004226;
  color:white;
  font-weight: bold;
  font-family: 500;
  font-size: 16px;
    border-radius: 6px;

}
.btnlogin.focus, .btnlogin:focus, .btnlogin:hover {
  background-color: #004226;
  color: white;
  opacity:0.9;
}
.log-banner{
	background-image: url(../images/measles_rubvella-new.png);
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center top;
    display: block;
    height: 100vh;
    background-size:cover;
    position: relative;
    width: 100%;
}
.log-banner .overlay .head
{
	
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 22px;
	/* font-family: Britannic Bold;*/  
}
.log-banner .overlay .head h1
{
	font-weight: 700;
    font-size: 3rem;
    line-height: 47px;
}
.log-banner .overlay .head p
{
	    font-weight: bold;
    color: #3165b0!important;
    margin: 0px;
}
.log-form {
	background: #f9fbfd;
    width: 100%;
    height: 100vh;
    padding: 50px;
	
	
	 
}
.log-form .form-wrapper {
    width: 350px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%; 
}
.log-form .form-wrapper .heading{
	margin-bottom:30px;
	width:100%;
}
.log-form .form-wrapper .heading h5{
	color:#202020;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
}
.log-form .form-wrapper .heading h2{
	color:#0056a8;
	font-weight:700;
	font-size:23px;
}
.log-form .form-wrapper p{
	color:#202020;
	font-size:16px;
	font-weight:500;
}
.log-form .form-wrapper p span{
	color:#0056a8;
}
.log-form .form-wrapper .login-form{
	margin-bottom:30px;
	width:100%;
}
.log-form .form-wrapper .login-form .form-group {
    margin-bottom: 16px;
}
.log-form .form-wrapper .login-form .form-control{
	letter-spacing: 1px;
	height: 48px;
	background: #fff;
	border: 1px solid #d7dae3;
	color: #181c32;
	font-size: 14px; 
}
.log-form .credits{
	text-align:center;
}
.log-form .credits a{
	display:block;
	text-decoration:none;
	color:#989898;
	font-size:12px;
}
.log-form .credits a:hover{
	color:#0056a8;
}
.log-form .credits a img{
	display: inline-block;
    height: 36px;
    margin-right: 10px;
}

.brand-box{
	max-width: 100%;
    margin: 0px auto;
    text-align: center;
    position: absolute;
    bottom: 0px;
    background: rgb(255 255 255);
    padding: 20px;
    width: 100%;
}
.brand-list{
	margin:0 auto 50px auto;
    text-align: center;
	width:100%;
}
.brand-list li{
	padding:0px 30px 0px 25px;
}
.brand-list li:not(:last-child){
	border-right:1px solid #989898;margin: 0px;
}
.brand-list li img{
	height:100px;
}
.brand-box h1{
	color:#202020;
	margin:0px 0px 5px 0px;
	font-size:24px;
	font-weight:700;
}
.brand-box p{
	color:#202020;
	margin:0px;
	font-size:18px;
}

@media (max-width: 480px)
{
	.log-banner {
		background-image: url(../images/measles_rubella.png);
		background-repeat: no-repeat;
		background-color: #fff;
		background-position: inherit;
		height: 77vh;
		background-size: contain;
		position: relative;
		width: 100%;
	}
	.log-form .form-wrapper {
		width: 316px;
	}
}