body {
  margin: 0;
 /* font-family: Arial, sans-serif;*/
	 font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
	font-weight: 400;
  background: #ffffff;
  text-align: center;
}

a:link {
color: #1465a9;	
	
}

a:visited{
color: #1465a9;		
}

a:hover {
  font-weight: 600;
}


.header {
	align-items: center;
	/*
	border-color: #f9ba4d;
	  border-style: solid;
  border-width: 5px 0px;*/

	
	margin-bottom:10px;
	margin-top:10px;
}

.background {
  background-image: url("images/BG01.png");
  background-repeat:no-repeat;
background-size:cover;
background-position:center;
 position: fixed;
background-position-y: top;
background-position-x: center;
	/*margin-top: -50px;*/
	/*padding-top: 0px;*/
  width: 100%;
  height:100%;
  z-index: -1;
	border-color: #f9ba4d;
	  border-style: solid;
  border-width: 5px 0px 0px 0px;
}

.center-rectangle {
  background: #fff;
  opacity: 0.9;
  position: relative;
  top: 100px;
  /* padding: 30px;*/
  max-width: 400px;
  margin: 50px auto;
  border-radius: 12px;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.center-icon {
  width: 200px;
  height: auto;
}

.redirect-icon {
  width: 80px;
  height: auto;
}

.center-logo {
  width: 350px;
  height: auto;
}
.gray-text {
 /* color: #777;*/
  font-size: 0.9em;
}

.mobile-input {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
  direction:ltr;
}

.prefix {
  background: #ddd;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
 /* padding: 8px;*/
  border-radius: 5px 0 0 5px;

}

.mobile-input input {
  padding: 8px;
  border: 1px solid #ccc;
  border-left: none;
  border-radius: 0 5px 5px 0;
  width: 150px;
font-size: 1em;
	
	
}

.button1 {
	padding-top: 7px;
	padding-bottom: 7px;
 /*  padding: 10px 10px;*/
 /*margin-top: 10px;*/
	font-size: 1em;
	font-weight: 400;
  cursor: pointer;
background: #f8b94d;
color: #00458a;
border: 2px solid #f8b94d;

}


.button1:disabled {
  background: #ccc;
color: #999897;
	border: 3px solid #ccc;
  cursor: not-allowed;
	padding-top: 6px;
	padding-bottom: 6px;
  
}

.button2 {
	padding-top: 10px;
	padding-bottom: 10px;
font-size: 1em;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 20px;
	margin-right: 20px;
 /*  padding: 10px 10px;*/
 /*margin-top: 10px;*/
	border-radius: 12px;
  cursor: pointer;
background: #00458a;
color: #ffffff;
border: 0px solid #00458a;

}

.button2:disabled {
	
padding-top: 10px;
	padding-bottom: 10px;
font-size: 1em;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 20px;
	margin-right: 20px;
 /*  padding: 10px 10px;*/
 /*margin-top: 10px;*/
	border-radius: 12px;
 cursor: not-allowed;
background: #ccc;
color: #999897;
border: 0px solid #ccc;	
}
.button3 {
	
	padding-top: 10px;
	padding-bottom: 10px;
font-size: 1em;
	padding-left: 20px;
	padding-right: 20px;
/*	margin-left: 20px;
	margin-right: 20px;*/
 /*  padding: 10px 10px;*/
 /*margin-top: 10px;*/
	border-radius: 25px;
  cursor: pointer;
background: #00458a;
color: #ffffff;
border: 2px solid #00458a;

}

.button4 {
	padding-top: 10px;
	padding-bottom: 10px;
font-size: 1em;
	padding-left: 20px;
	padding-right: 20px;
	/*margin-left: 20px;*/
	margin-right: 10px;
 /*  padding: 10px 10px;*/
 /*margin-top: 10px;*/
	border-radius: 25px;
  cursor: pointer;
background: #ffffff;
color: #00458a;
border: 2px solid #00458a;

}

.button5 {
	padding-top: 10px;
	padding-bottom: 10px;
font-size: 0.8em;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 20px;
	margin-right: 20px;
 /*  padding: 10px 10px;*/
 /*margin-top: 10px;*/
	border-radius: 5px;
  cursor: pointer;
background: #479ed7;
color: #ffffff;
border: 0px solid #00458a;

}
/*
button:hover {
background: #d8f2fc;
color: #00458a;
border: 2px solid #00458a;
}*/

.button6 {
	padding-top: 10px;
	padding-bottom: 10px;
font-size: 1em;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 20px;
	margin-right: 15px;
 /*  padding: 10px 10px;*/
 /*margin-top: 10px;*/
	border-radius: 12px;
  cursor: pointer;
background: #00458a;
color: #ffffff;
border: 0px solid #00458a;

}

.button7 {
	padding-top: 10px;
	padding-bottom: 10px;
font-size: 0.9em;
	font-weight: 600;
	padding-left: 50px;
	padding-right: 50px;
	margin-left: 20px;
	margin-right: 20px;
 /*  padding: 10px 10px;*/
 /*margin-top: 10px;*/
	border-radius: 20px;
  cursor: pointer;
background: #f8b94d;
color: #00458a;
border: 0px solid #00458a;

}
.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.popup-vercode {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.popup-final {
display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 999;
	

}

.popup-content {
  background: white;
  text-align:right;
  padding: 20px;
  width: 400px;
  max-height: 80%;
  /*overflow-y:auto;*/
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.scrollable {
  max-height: 200px;
  overflow-y: auto;
  margin-bottom: 15px;
}

.error {
  color: red;
  font-size: 0.9em;
}

.error-message {
  color: red;
  font-size: 0.95em;
  margin-top: 4px;
}

.scrollable {
  max-height: 200px;
  overflow: auto;
  border: 1px solid #ccc;
  padding: 8px;
  margin-bottom: 1em;
}

h3 {
  color: #00458a;
}

h2{
  color: #00458a;
}