/******************
Red: BF5656;
Green: a4cf4e;
Light Blue: 0091db
Dark Blue: 0161a0
*********************/
html{
	height: 100%;

}
body {

	
	/* background: #2980b9;  fallback for old browsers */
	/* background: -webkit-linear-gradient(to right, #2c3e50, #2980b9);  Chrome 10-25, Safari 5.1-6 */
	/* background: linear-gradient(to right, #2c3e50, #2980b9); W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	/* background: #bce1ec !important;*/
	background-image:  url("background01.png") !important;
	color: #fff !important;
	background-repeat: no-repeat;
	background-size: cover;
	height: inherit;
	display: flex;
    justify-content: center;
    align-items: center;
}

:focus {
	outline: 0;
}

.login-container {
	
}

.login-container {
	/*
	margin: auto;
	margin-top: 100px;	
	padding: 10px;
	
	position: absolute;
	background-image: url(./images/FFFFFF-0.8.png);
	background: #fff;
	
	box-shadow: 0px 0px 10px #999;
	text-align: center;
	width: 700px;
	*/
	
	margin: auto;
	/* margin-top: 100px; */
	box-shadow: 0px 0px 15px #727938;
	/*width: 600px !important;*/
	width: 10% !important;
	/*background: #fff !important;*/
	background: #000 !important;
	/* border-radius: 5px; */
	/*color: #999;*/
	color: #fff !important;
	padding: 10px;	
}

.login-container h3 {
	width: 100%;
	color: #ffeb81;
	letter-spacing: -1px;
}

.login-container ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.login-container ul li {
	margin: 10px;
	padding-top: 10px;
}

.login-container input[type=text], .login-container input[type=password] {
	border: none;
	background: none;
	font-size: 20px;
	border-bottom: 1px solid #aaa;
	color: white
}

input:-webkit-autofill,
input:-webkit-autofill:focus{

	background: none !important;
}
::placeholder {
	color: white;
	opacity: 1; /* Firefox */
  }
.login-container label {
	width: 80px;
	text-align: right;
	margin-right: 10px;
}

.login-container button {
	background: #0091db;
	color: #fff;
	border: 1px solid #0091db;
	width: 90%;
	padding: 5px;
	font-size: 18px;
	border-radius: 5px;
}

.btn {
	width: 100%;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}


.token-background1 {
	background: url(./verification/veri_bg/veri_bg1.jpg);
}

.token-background2 {
	background: url(./verification/veri_bg/veri_bg2.jpg);
}

.token-background3 {
	background: url(./verification/veri_bg/veri_bg3.jpg);
}

.btnGold{
    background: linear-gradient(to right, gold 0, gold 10%, #e5ff00 33%, #e5ff00 30%, gold 66%, gold 100%);
    color: black;
}