* {
  font-family: Garmond, sans-serif;
}
body {
font-family: Garmond, sans-serif;
font-weight: normal;
background-color: white;
margin: 0;
/*background-image: url("../images/login-back.png"); */
}
.login-back
{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #1d2225;
	border: 0px;
	z-index: -1;
}
.login-logo-company
{
  background-color: white;
  padding-left: 7%;
  padding-top: 3%;
  width: 20%;
  height: 13%;
}
.login-slogan
{
	padding-left: 7%;
	display: block;
	font-size: 20px;
	color: #184b9a;
}
.login-message
{
	padding-left: 7%;
/*	display: block; */
	font-size: 15px;
	font-weight: bold;
	color: red;
}
.loginform
{
	padding-left: 7%;
	padding-top: 1.5%;
	width: 13%;
	height: 7%;
	display: block;
	background-color: white;

}
.login-txt
{
	width: 13%px;
	padding-top: 5%;
	padding-bottom: 5%;
	font-size: 16px;
	color: #184b9a;
	border: none;
	border-bottom: 2px solid #184b9a;
	outline: none;
}
.login-button
{
			margin-top: 15%;
			height:15%;
			width: 100%;
            background-image: linear-gradient(to right, #374898 0%,  #842d8e  100%);
			font-size: 18px;
			font-weight: Bold;
			color: white;
            border-radius: 25px;
            display: block;
			box-shadow: none;
			cursor: pointer;
			border-color: white;
			z-index:4;

}
.login-button a:link {color: #1a4b9a;  text-decoration: none;}
.login-button a:visited {color: #1a4b9a;  text-decoration: none;}

.login-forgot-passwd
{
			height:15%;
			padding-left: 9%;
			padding-top: 1%;
			width: 100%;
			font-size: 15px;
			font-weight: normal;
			color: #1a4b9a;
            display: block;
			box-shadow: none;
			text-decoration: none;
			z-index:4;
}
.login-forgot-passwd a:link {color: #1a4b9a;  text-decoration: none;}
.login-forgot-passwd a:visited {color: #1a4b9a;  text-decoration: none;}

.login-bottom
{
  position: fixed;
  bottom: 12%;
  height: 2px;
  width: 100%;
  background-color: #23376c;
  background-image: linear-gradient(to right, #374898 0%,  #7f2886  50%, #da222a 60%, #fcbf66 70%, #f7ef1e 100% );
  z-index: -1;
}

.login-brandlogo
{
	position: fixed;
	bottom: 7.3%;
	padding-left: 80%; 
	width: 15%;
	z-index: 2;
}
         
