@charset "UTF-8";

.maincontainer {                                         
	font-size: 0; 
}

#button {
	display: none;
}

#selin {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	width: 100%;
}

.divcone {
	font-size: 16px; 
	display: inline-block;
	vertical-align: top;
	width: 26%;
	box-sizing: border-box;
}

.divctwo {
	font-size: 16px; 
	display: inline-block;
	vertical-align: top;
	width: 47.9%;
	                                                     
	box-sizing: border-box;
}

.divcthree {
	font-size: 16px;
	display: inline-block;
	vertical-align: top;
	width: 26%;
	                                                     
	box-sizing: border-box;
}

.subdivcone {
	font-size: 16px; 
	display: inline-block;
	vertical-align: top;
	width: 47.5%;
	                                                     
	                                                     
	box-sizing: border-box;
	margin-bottom: 24px;
}

.subdivctwo {
	font-size: 16px; 
	display: inline-block;
	vertical-align: top;
	width: 47.5%;
	box-sizing: border-box;
	float: right;
	margin-bottom: 12px;
}

.divheader {                                             
	display: inline-block;
	vertical-align: top;
	width: 47.9%;
	box-sizing: border-box;
	margin-top: 76px;
	margin-bottom: 24px;
}

.divibmstatement {
	margin-top: 48px;
	                                                     
	font-size: 16px; 
	display: inline-block;
	vertical-align: top;
	width: 47.9%;
	                                                     
	box-sizing: border-box;
}

.divwithdrawstatement {
	margin-top: 16px;
	margin-bottom: 16px;
	font-size: 16px; 
	display: inline-block;
	vertical-align: top;
	width: 47.9%;
	                                                     
	box-sizing: border-box;
}

.divfirstcheck {
	margin-top: 16px;
	                                                     
	font-size: 16px; 
	display: inline-block;
	vertical-align: top;
	width: 47.9%;
	                                                     
	box-sizing: border-box;
}

.divsecondcheck {
	margin-bottom: 16px;
	font-size: 16px; 
	display: inline-block;
	vertical-align: top;
	width: 47.9%;
	
	box-sizing: border-box;
}

a:link {
	font-weight: normal;
}

@media ( max-width : 768px) { 
	.divcone {
		display: block;
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}
	.divctwo {
		display: block;
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}
	.divheader {
		display: block;
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
		margin-bottom: 24px;
	}
	.divibmstatement {
		display: block;
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
		margin-top: 12px;
		margin-bottom: 0px;
	}
	.divwithdrawstatement {
		display: block;
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
		margin-top: 12px;
		margin-bottom: 0px;
	}
	.divfirstcheck {
		display: block;
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
		margin-top: -5px;
	}
	.divsecondcheck {
		display: block;
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
		margin-top: -35px;
		margin-bottom: -35px;
	}
	.divcthree {
		display: block;
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}
	#areacode{
padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
}
}

@media ( max-width :800px) {                             
	.subdivcone {
		display: block;
		width: 100%;
	margin-top: 24px;
	
	
	}
	.subdivctwo {
		display: block;
		width: 100%;
		margin-bottom: 24px;
	}
	}
@media ( max-width :1000px) {                            
		#areacode{
    padding-top: 0px; !important; 
    padding-left: 0px; !important;
  
}
	                                                     
}

                                                         
#listareacode,
#listfirst_dropdownone,
#listfirst_dropdowntwo,
#listfirst_dropdownthree  {                                          
	overflow-y: scroll;
	max-height: 200px;
	background-color: rgb(244, 244, 244);
	z-index: 9;
	position: relative;
}

#searchareacode,
#searchfirst_dropdownone,
#searchfirst_dropdowntwo,
#searchfirst_dropdownthree
{
	height: 39px;
margin-top: 1%;
}

#optionlistareacode,
#optionlistfirst_dropdownone,
#optionlistfirst_dropdowntwo,
#optionlistfirst_dropdownthree
 {
	display: none;
	width: 100%;
}
                                                         
ul li:hover {
	background-color: rgb(229, 229, 229);
}

ul li {
	padding: 10px 0;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

#eachoption {
	color: black;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
}

#list {                                                  
	overflow-y: scroll;
	max-height: 200px;
	background-color: rgb(244, 244, 244);
	z-index: 9;
	position: relative;
}

#search {
	height: 39px;
}

#optionlist {
	display: none;
	width: 100%;
	margin-top: 5px;
}

#showcount {
	float: right;
	position: relative;
	z-index: -1;
}


#phonenumberselect{
cursor: pointer; width: 30%;position:absolute;float:left;

}
#areacode{
    position: absolute;
    font-size: 13px;
   width: 100%;
    height: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 3px;
    padding-right: 15px;
   
}
#pspinput {
	display: block;
}
#optionlistareacode{
  top: 100%;
  position:absolute;
}
#submitBttn{
width: 224px;
height:40px; 
margin-top: 24px;
 margin-bottom: 96px; 
 display:none;
}
#submitButtonDiv{
width: 224px;
height:40px; 
margin-top: 48px; 
margin-bottom: 96px;
}