@charset "utf-8";
/* CSS Document */
inputs {
	border: none;
	padding: 12px 15px;
	margin: 8px 0;
display: block;
    width: 100%;
    padding: .4375rem .75rem;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.5;
    color: var(--bs-component-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-component-bg);
    background-clip: padding-box;
    border: 1px solid var(--bs-component-border-color);
    border-radius: 5px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    opacity:0.4;
    
}
.login-panel{
width:100%;
float:left;
border:1px solid #e0e0e0;
border-radius:10px;
/* min-height:600px; */
padding:20px 15px;	
}
.login-panel .header .logo{
	width:800%;
	max-width:300px;
	}
	
.login-panel .header h2{
	font-size:28px;
	font-weight:bold; 
	line-height:28px;
	margin:0;
	color:#868383;
	}
	
.login-panel .header h3{
	font-size:15px;
	font-weight:400; 
	line-height:35px;
	margin:0;
	color:#868383;
	}
	
.login-panel .field-section{
	width:100%;
	float:left;
	min-height:150px;
	margin-top:25px;
}
.login-panel .field-section input.username, .field-section input.password {
	width:100%;
	float:left;
	border:1px;
	border-bottom:2px solid #bfbfbf;
	padding:10px 0px 10px 30px;
	background:url(username-ico.png) no-repeat center left;
	background-size: 20px 20px;
	background-position: 5px;
	height:40px;
	border-color: lightgrey; 
	box-shadow: 5px 10px 8px #888888;
	border-radius: 5px;
}
.login-panel .field-section input.read-only{
	width:100%;
	float:left;
	border:2px solid #bfbfbf;
	padding:10px 0 10px 0;
	background-size: 20px 20px;
	height:40px;
	text-align:center; 
}
.login-panel .field-section input.password{
	width:100%;
	float:left;
	border:1px;
	border-bottom:2px solid #bfbfbf;
	padding:10px 0 10px 30px;
	background:url(password-ico.png) no-repeat center left;
	background-position: 5px;
	background-size: 20px 20px;
	height:40px;
	border-color: lightgrey; 
	box-shadow: 5px 10px 8px #888888;
	border-radius: 5px;
}
.login-panel .field-section .captcha-box{
	width:100%;
	float:left;
}
.login-panel .error-msg{
	width:100%;
	float:left;
	text-align:center;
	color:#d50d0d;
	font-size:14px;
	line-height:20px;
}
.login-panel .login-buttons{
	height:35px;
	padding:10px 20px;
	border-radius:5px;
	background:#07539E;
	color:#fff;
	font-size:15px;
	border:0;
	font-weight:bold;
	line-height:15px;
	box-shadow: 5px 10px 8px #888888;
	cursor:pointer;
}
.login-panel .login-buttons:hover{
	background:#109347;
}
	
.login-panel .disclaimer{
	color:#919191;
	font-size:10px;
	font-weight:600;
	text-align:justify;
}
.login-panel .disclaimer span{
	color:#6f3a42;
}
@media (max-width: 556px) {
	.login-panel .header h2{
	font-size:24px;
	line-height:30px;
	}
	
.login-panel .header h3{
	font-size:16px;
	line-height:24px;
	}
}
.hidden{
	display: none;
}
#mainCaptcha{
    width: 62%;
    float: left;
    font-size: 22px;
    margin: 0px 0px 20px 0px;
    padding: 0px;
    font-family: Georgia, Verdana;
    color: rgb(152,152,152);
}
.img-fluid {
 max-width: 25px;
height: auto;
float:left;
}
#txtInput{
   width: 75%;
   border-radius: 3px;
    padding: 5px 5px;
    margin: 0px 0px 10px 0px;
}
.capt{
   position:relative;
}
.capt span{
  position: absolute;
    right: 26%;
    top: 25px;
    font-size: 11px;
}
.container i {
margin-top: -25px;
margin-right: 10px;
cursor: pointer;
}
.field-icon {
  float: right;
  margin-left: -25px;
  margin-top: -25px;
  position: relative;
  z-index: 2;
}