body{ font-family: 'Montserrat', sans-serif;}
.header{border-bottom: 2px solid #243647;
/*/margin-bottom:50px;*/
background:#fff;}

.header h3{
	color: #152a7b;
	font-weight: bold;
	margin-top: 5px;
	text-align:right;
}
.header p{
	margin:0;
	text-align:right;
}
.instruction {
	padding-left:20px;
	line-height:21px;
	font-size:14px;
}
.webpage {
	margin-top:15px;
}
.form-group {
    margin-bottom: 0 !important;
}
.sub-main{
	border:1px solid #24368a;
	margin-bottom:25px;
}
.sub-header{
	background:#24368a;
	color:#fff;
	padding:10px;
}
.sub-body{
	padding:10px 20px;
}
.sub-body p{
	margin:0;
}
.wrap-login100 {
 /*background:#fff;
 border-radius:10px;*/
 overflow:hidden
}
.login100-form {
 width:100%;
 padding: 50px 30px;
border-radius: 20px;
}
.login100-form-title {
 display:block;
 font-size:39px;
 color:#24368a;
 line-height:1.2;
 text-align:center;
 margin-bottom: 20px;
 font-weight:bold;
}
.label-input100 {
 font-size:14px;
 color:#333;
 line-height:1.5;
 padding-left:7px
}
.input100 {
 font-size:14px;
 color:#333;
 line-height:1.2;
 display:block;
 width:100%;
 background:0 0;
 padding:10px 20px;
 border:1px solid #333;
 margin-bottom:5px !important;
}
.input100:focus{border:1px solid #333;}
.focus-input100 {
 position:absolute;
 display:block;
 width:100%;
 height:100%;
 top:0;
 left:0;
 pointer-events:none
}
.login100-form-btn{
background: #24368a;
border: none;
padding: 10px;
font-size: 16px;
color: #fff;
}
.login100-form-btn:hover{background:#121f6a;}
.input100:focus+.focus-input100::before {
 width:100%
}
.has-val.input100+.focus-input100::before {
 width:100%
}
.input100:focus+.focus-input100::after {
 color:#a64bf4
}
.has-val.input100+.focus-input100::after {
 color:#a64bf4
}

.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child){border-radius:0px;}
.gj-datepicker [role="right-icon"]{display:none !important;}


.first_box{margin-left: -30px !important; margin-right: 0 !important;}
.second_box{margin-left: -25px !important; margin-right: -30px !important;}


.header_btn {
	color: white;
	padding: 16px 20px;
	border: none;
	cursor: pointer;
	background: #001B48;
	margin:10px 10px 0 0;
}
.header_btn:hover{text-decoration:none; color:#fff}
.btn_active{background:#1c8fd7 !important}
.disclaimer {
	font-size: 17px;
	font-weight: 600;
	background: #fff;
	line-height: 25px;
}

@media (max-width: 1080px){}
@media (max-width: 991px){}
@media (max-width: 768px){}
@media (max-width: 640px){
	.login100-form-title{font-size:30px;}
	.header h3{text-align:center;}
	.header p{text-align:center;}
	.login100-form { padding: 50px 10px;}
	.first_box{margin: 0px -30px !important;}
	.second_box{margin: 0px -30px !important;}
	.disclaimer {
		font-size: 10px;
		font-weight: 500;
		background: #fff;
		line-height: 13px;
	}
}
@media (max-width: 480px){}
@media (max-width: 320px){}

@media only screen and (max-width: 575px)
{
	.banner_logo{padding-top:10px !important}
	.title1{font-size:20px}
	.title2{font-size:22px}
	.date{font-size:15px; margin-top: 0;}
	.user_guide, .open-button{position: inherit !important; margin: 30px;}
	.chat-popup{width: 100%;right: 0px;}
	.form-container{max-width: 100%;}
	.evoting{font-size:15px;  text-align: justify; padding: 0 15px;}
	.agm_num{margin:0px;}
	.sidebanner{margin-top:20px;}
	.header_btn{
		width: 45%;
		float: left;
		padding: 10px;
		margin: 10px 10px 0 0;
	}
}


.open-button {
	position: fixed;
	bottom: 15px;
	left: 30px;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 280px;
  background: #001B48;
}


.chat-popup {
  display: none;
  position: fixed;
  bottom: 0;
  left: 15px;
  border: 3px solid #f1f1f1;
  z-index: 9;
  width: 330px;
}

.form-container {
padding: 10px;	
  /* max-width: 330px;
  background-color: white; */
}
.bg-fff {
	background:#fff;
}

.form-container textarea {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  resize: none;
}

.form-container textarea:focus {
  background-color: #ddd;
  outline: none;
}

.form-container .btn {
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 48%;
}

.form-container .cancel {
  background-color: red;
}

.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}