body{ font-family: 'Inter', sans-serif;}
.header{border-bottom: 2px solid #243647;
/*/margin-bottom:50px;*/
background:#fff;}




.header{
	padding:10px 0px;
	border-bottom: 2px solid var(--color1);
}

.sub-main, .input100{border: 1px solid var(--color1);}
.login100-form-btn {background: var(--color1);}
.login100-form-btn:hover {background: #51b4c8;}

.head_title1{color:var(--color2); font-weight: 500; margin-top:0}
.head_title2{color:var(--color1); margin-top: 0 !important; font-weight: 700; font-size: 29px;}

.title1{font-size:25px; color:var(--color2); margin-top:10px; margin-bottom:10px;}
.title2{font-size:35px; color:var(--color1); font-weight:bold; margin-top: 0;}

.date{font-size: 18px; margin-top: 20px; background: var(--color1); padding: 15px; color: #fff; margin-bottom:0}
.agm_num{font-size:45px; color:var(--color1); font-weight: 700;}

.user_guide, .open-button, .btn {background-color: var(--color1); color:#fff; font-size: 18px;}

.evoting{font-size:18px}
.head_date{font-size: 16px;}


@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{width:100% !important; margin-bottom: 10px;}
	.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 p{
	margin:0;
}
.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 #e68c2b;
	margin-bottom:25px;
}
.sub-header{
	background:#e68c2b;
	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:#fff;
 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:#fff;
 line-height:1.2;
 display:block;
 width:100%;
 background:0 0;
 padding:10px 30px;
 border:none;
 margin-bottom:5px !important;
}
.input100:focus{border:1px solid #d93528;}
.focus-input100 {
 position:absolute;
 display:block;
 width:100%;
 height:100%;
 top:0;
 left:0;
 pointer-events:none
}
.login100-form-btn{
background: #043B72;
border: none;
padding: 10px;
font-size: 16px;
color: #043B72;
}
.login100-form-btn:hover{background:#fff; color:#043B72;}
.input100:focus+.focus-input100::before {
 width:100%
}
.has-val.input100+.focus-input100::before {
 width:100%
}
.input100:focus+.focus-input100::after {
 color:#fff
}
.has-val.input100+.focus-input100::after {
 color:#fff
}

.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;}


@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;}
}
@media (max-width: 480px){}
@media (max-width: 320px){}



li{margin-bottom:10px;}
.user_guide {
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 300px;
}

.open-button {
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 280px;
}

.chat-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 15px;
  border: 3px solid #f1f1f1;
  z-index: 9;
  width: 330px;
}

.form-container {
  max-width: 330px;
  padding: 10px;
  background-color: white;
}

.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: 100%;
}

.form-container .cancel {
  background-color: red;
}

.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}