html {
  height: 100%;
}
body {
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	height: 100%;
	line-height: 1.7;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	color: #646464;
	/* background-image:url("../images/home_back.jpg"); */
	background-repeat:no-repeat;
	background-size:cover;
}
a {
  text-decoration: none;
}
a:active,a:hover,a:focus {
  text-decoration: none;
}
a:active,a:hover,a:focus {
  outline: 0 none;
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.loginsection{
	padding:30px 15px 15px 15px;
}
.centered{
	border:2px solid #fff;
	//margin-top:25%;
	background-color:#6785A9;
}
.centered h2{
	font-size:36px;
	text-align:center;
	color:#fff;
}
.centered h4{
	font-size:28px;
	text-align:center;
	color:#fff;
}
.login-content{
	border:3px solid #f7f7f7;
	background-color:#fff;
	width:100%;
	padding:20px 25px 10px 25px;
}
.login-form h2{
	text-align:center;
	font-size:40px;
	font-weight:700;
	margin-bottom:5px;
	margin-top:0;
}
.login-form p{
	font-size:18px;
	color:#111111;
	text-align:center;
}
.login-form form{
	margin-top:20px;
}
.login-form .form-group label{
	color:#000080;
}
.login-form .form-group{
	position:relative;
	z-index:1;
}
.login-form .form-group .form-control{
	min-height:50px;
	box-shadow:none;
	border:1px solid #e7e7e7;
	padding:10px 15px;
	color:#111111;
}
.form-control{
	min-height:50px;
	box-shadow:none;
	border:1px solid #e7e7e7;
	padding:10px 15px;
	color:#111111;
}
.login-form .form-group .field-icon:before{
	padding:17px 20px;
}
.login-form .form-group .field-icon{
	position:absolute;
	z-index:1;
	right:24px;
	bottom:18px;
	padding:0 5px;
	color:#c5c5c5;
	font-size:14px;
}
.login-form .form-group .checkbox-area{
	margin-bottom:40px;
}
.login-form .form-group .checkbox{
	padding-left:5px;
}
.login-form .form-group .checkbox input[type="checkbox"]{
	display:none;
}
.login-form .form-group .checkbox label{
	padding-left:20px;
	color:#000080;
	margin-bottom:0;
	font-size:15px;
	position:relative;	
}
.login-form .form-group .checkbox label::before{
	content:"";
	position:absolute;
	width:15px;
	height:15px;
	top:4px;
	left:0;
	margin-left:-5px;
	border:1px solid #dcdcdc;
	border-radius:3px;
	background-color:#fff;
}
.login-form .form-group .checkbox input[type="checkbox"]:checked + label::after{
	font-family:'Font Awesome 5 Free';
	content:"\f00c";
	font-weight:900;
	color:#fff;
	left:15px;
	top:4px;
}
.login-form .form-group .checkbox label::after{
	position:absolute;
	margin-left:-20px;
	padding-left:3px;
	font-size:10px;
}
.login-form .forgot-pass:last-child{
	margin-right:0;
}
.login-form .forgot-pass{
	text-align:right;
	margin-right:0px;
	color:#55d1ff;
	font-size:16px;
	margin-left:3px;
}
.login-form .btn-fill{
	font-family:'Roboto', sans-serif;
	cursor:pointer;
	display:inline-block;
	font-size:18px;
	font-weight:600;
	box-shadow:none;
	-webkit-box-shadow:none;
	outline:none;
	border:0;
	color:#fff;
	border-radius:3px;
	background-color:#5a8dee;
	padding:10px 36px;
	margin-bottom:10px;
	width:100%;
	text-transform:uppercase;
}
.reg_login{
	width:50%;
	float:left;
}
.forgot_login{
	width:50%;
	float:left;
}
.text-footer p{
	color:#000080;
	font-size:16px;
	padding-top:15px;
	font-weight:600;
}
.captcha_show img{
	width:100%;
	height:50px;
}


/** added for news notification */

.card-header:first-child {
	/*border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0 !important;*/
  }
  .card-header {
	padding: .75rem 1.25rem !important;
	margin-bottom: 0 !important;
	background-color: #5a8dee !important;
	border-bottom: 1px solid #5a8dee !important;
	color: white;
	letter-spacing: 1px;
  }
  *, ::after, ::before {
	box-sizing: border-box;
  }

  .card{
	background-color: white;
	margin-bottom: 1rem;
	border: 3px solid #f7f7f7;
	max-height: 300px !important;
	overflow: hidden;
  }

.centered h4 {
  font-size: 32px;
  text-align: center;
  color: #5a8dee;
  text-transform: uppercase;
  font-weight: bold;
  color: #646464;
  text-shadow: 2px 0 0 #fff, 0 -1px 0 #fff, 0 2px 0 #fff, -1px 0 0 #fff;
}

/* Set a style for the submit button */
.registerbtn {
	color: white;
	/* padding: 16px 20px; */
	margin: 8px 0;
	border: none;
	cursor: pointer;
	width: 100%;
	opacity: 0.9;
}

.registerbtn:hover {
	opacity: 1;
	cursor: pointer;
}

.backgroundimage {
	min-height: 60vh;
	background-size: cover;
	background-position: center;
	border: 0px solid white;
	animation: changeImage 15s ease-in-out 1s infinite alternate both;
	opacity: 1;
}

@-moz-keyframes changeImage{
	0% {
		background-image: url('../images/home_back - Copy.jpg');
		opacity: 1; /* Start with 0 opacity */
	}
	25% {
		background-image: url('../images/Picture1.jpg');
		opacity: 1; /* Fade in at 25% */
	}
	50% {
		background-image: url('../images/Picture2.jpg');
		opacity: 1; /* Maintain opacity at 50% */
	}
	75% {
		background-image: url('../images/Picture3.jpg');
		opacity: 1; /* Maintain opacity at 75% */
	}
	100% {
		background-image: url('../images/Picture4.jpg');
		opacity: 1; /* Fade out at 100% */
	}
} 
@keyframes changeImage {
	0% {
		background-image: url('../images/home_back - Copy.jpg');
		opacity: 1; /* Start with 0 opacity */
	}
	25% {
		background-image: url('../images/Picture1.jpg');
		opacity: 1; /* Fade in at 25% */
	}
	50% {
		background-image: url('../images/Picture2.jpg');
		opacity: 1; /* Maintain opacity at 50% */
	}
	75% {
		background-image: url('../images/Picture3.jpg');
		opacity: 1; /* Maintain opacity at 75% */
	}
	100% {
		background-image: url('../images/Picture4.jpg');
		opacity: 1; /* Fade out at 100% */
	}
}