.buttonsx3{

  
  margin:5% auto 5% auto;

}


.ScreenTColorsx3{
width:100%;
background-color:rgb(250, 250, 250);
padding-top: 10px;
}





.screenTypex3{
border:none;
background-color:;
color:grey;
font-family: calibri;
font-size:25px;
display:block;


background-color:;
width: 30%;
display: inline-block;
float:right;
}


/*/////*/


.denoOptionsx3{
font-size: 5px;
font-family: candara;
border: none;
border-radius: 7px;
width: 63.9px;
margin: auto;
padding: 5px 0px 0px 0px;
color: grey;
background-color:;
display:block;


}


.Denox3 label{
font-size: 2px;
padding: 2px 5px;
border-radius: 5px;
}

/*//*/





.BothColorsx3{
display: inline-block;
width: 58%;
background-color:;
color: grey;
font-family: calibri;
font-size: 25px;
}



#ATM1Mobilex3, #ATM1Machinex3{
  background-color: inherit;
  border:none;
height:100px;
width: 100px;
font-size: 73px;
color: black;
}



.stText{
display: block;
font-size: 12px;
color:grey;
}




.Colorsx3 button{
height: 45px;
width: 65px;
border-radius: 30px;
border: none;
margin: 0px 2px 20px 0px;
display: ;
border: none;
box-shadow: inset 0 1px 3px grey;
}



.Colorsx3 button:hover{

  box-shadow: 0px 3px 15px 3px lightgrey;

}




#priBluex3{
/*  background-color: #286090;
  box-shadow: 0px 5px 10px 5px lightgrey;*/
  background-image: url("../img/Chase.png");
background-position:center;
background-size: cover;

}


#DarkBluex3{
/*  background-color: #286090;
  box-shadow: 0px 5px 10px 5px lightgrey;*/
  background-image: url("../img/Chase.png");
background-position:center;
background-size: cover;

}


#blue1x3{
/*  bax3ckground-color: #337ab7;
  box-shadow: 0px 5px 10px 5px lightgrey;*/

  background-image: url("../img/Chase.png");
background-position:center;
background-size: cover;

}



#redx3{

  background-image: url("../img/bankOfamer.png");
/*background-image: url("../img/hsbc.jpg");*/
background-position:center;
background-size: cover;
}


#red4x3{

  background-image: url("../img/bankOfamer.png");
/*background-image: url("../img/hsbc.jpg");*/
background-position:center;
background-size: cover;
}






#greenx3{
 /* background-color: green;
  box-shadow: 0px 5px 10px 5px lightgrey;*/

background-image: url("../img/tdbank.jpg");
background-position:center;
background-size: 78%;


}



#green2x3{
 /* background-color: green;
  box-shadow: 0px 5px 10px 5px lightgrey;*/

background-image: url("../img/sber.png");
background-position:center;
background-size: cover;


}


#navyBluex3{

  background-image: url("../img/popul.png");
/*background-image: url("../img/europe.png");*/
background-position:center;
background-size: cover;
}

#navy2Bluex3{
/*  background-color: #000034;
  box-shadow: 0px 5px 10px 5px lightgrey;
  border:none;*/

  background-image: url("../img/euro.png");
background-position:center;
background-size: cover;
}

#lightBluex3{

  background-image: url("../img/lay.png");
background-position:center;

background-size: cover;

}



#lightBlue2x3{

  background-image: url("../img/lay.png");
background-position:center;

background-size: cover;

}




#red2x3{

background-image: url("../img/wells-fargo.jpg");
background-position:center;
background-size: cover;
}

#orangex3{
 

  background-image: url("../img/wells-fargo.jpg");
background-position:center;
background-size: cover;


}

#banresx3{

background-image: url("../img/banreser.png");
background-position:center;
background-size: cover;
}


#poncex3{
 

background-image: url("../img/euro.png");
background-position:center;
background-size: cover;

}

#red3x3{


  background-image: url("../img/china.png");
background-position:center;
background-size: cover;
}

#blue2x3{


  background-image: url("../img/Citi.png");
background-position:center;
background-size: cover;
}


#blue22x3{


  background-image: url("../img/Citi.png");
background-position:center;
background-size: cover;
}


#yellowx3{


background-image: url("../img/brazil.png");
background-position:center;
background-size: cover;
}



/*Colors MOBI*/

.ColorsMOBIx3{
display:none;

}


.ColorsMOBIx3 button{
height: 45px;
width: 65px;
border-radius: 30px;
border: none;
margin: 0px 2px 20px 0px;
display:;
border: none;
box-shadow: inset 0 1px 3px grey;
}

.Colorsx3 button:hover{

  box-shadow: 0px 3px 15px 3px lightgrey;

}


#priBlueMOBIx3{
/*  background-color: #286090;
  box-shadow: 0px 5px 10px 5px lightgrey;*/
  background-image: url("../img/Chase.png");
background-position:center;
background-size: cover;

}


#DarkBlueMOBIx3{
/*  background-color: #286090;
  box-shadow: 0px 5px 10px 5px lightgrey;*/
  background-image: url("../img/Chase.png");
background-position:center;
background-size: cover;

}



#blue1MOBIx3{
/*  bax3ckground-color: #337ab7;
  box-shadow: 0px 5px 10px 5px lightgrey;*/

  background-image: url("../img/Chase.png");
background-position:center;
background-size: cover;

}



#redMOBIx3{


  background-image: url("../img/bankOfamer.png");
/*background-image: url("../img/hsbc.jpg");*/
background-position:center;
background-size: cover;
}






#greenMOBIx3{
 /* background-color: green;
  box-shadow: 0px 5px 10px 5px lightgrey;*/

background-image: url("../img/tdbank.jpg");
background-position:center;
background-size: 78%;


}

#green2MOBIx3{
 /* background-color: green;
  box-shadow: 0px 5px 10px 5px lightgrey;*/

background-image: url("../img/sber.png");
background-position:center;
background-size: cover;


}


#navyBlueMOBIx3{

  background-image: url("../img/popul.png");
/*background-image: url("../img/europe.png");*/
background-position:center;
background-size: cover;
}

#navy2BlueMOBIx3{
/*  background-color: #000034;
  box-shadow: 0px 5px 10px 5px lightgrey;
  border:none;*/

  background-image: url("../img/euro.png");
background-position:center;
background-size: cover;
}

#lightBlueMOBIx3{

  background-image: url("../img/lay.png");
background-position:center;

background-size: cover;

}



#lightBlue2MOBIx3{

  background-image: url("../img/lay.png");
background-position:center;

background-size: cover;

}



#red2MOBIx3{

background-image: url("../img/wells-fargo.jpg");
background-position:center;
background-size: cover;
}


#red4MOBIx3{

  background-image: url("../img/bankOfamer.png");
/*background-image: url("../img/hsbc.jpg");*/
background-position:center;
background-size: cover;
}

#orangeMOBIx3{
 

  background-image: url("../img/wells-fargo.jpg");
background-position:center;
background-size: cover;


}

#banresMOBIx3{

background-image: url("../img/banreser.png");
background-position:center;
background-size: cover;
}


#ponceMOBIx3{
 

background-image: url("../img/euro.png");
background-position:center;
background-size: cover;

}

#red3MOBIx3{


  background-image: url("../img/china.png");
background-position:center;
background-size: cover;
}

#blue2MOBIx3{


  background-image: url("../img/Citi.png");
background-position:center;
background-size: cover;
}


#blue22MOBIx3{


  background-image: url("../img/Citi.png");
background-position:center;
background-size: cover;
}


#yellowMOBIx3{


background-image: url("../img/brazil.png");
background-position:center;
background-size: cover;
}






/*////////////*/








































.ui2x3{

height: auto;

position:;
width: 609px;



border-radius:30px;

background-position:center;
background-size: cover;
padding-bottom: 0px;
margin:auto;
margin-top: 5%;


 
/*  float:right;
  clear:right;
  margin-bottom: 5%;*/
border:none;
box-shadow: 0 20px 50px grey;



}


.Damount{
  color:crimson;
}

.checkinginfo2x3{

z-index:1000;
border:2px solid white;
border-radius:20px;
width: 450px;
height:370px;
margin:60px 80px;

position:;
background-color:white;
position:absolute;
display:none;
text-align: center;
border: 3px solid grey;




}
.savinginfo2x3{

z-index:1000;
border:2px solid white;
border-radius:20px;
width: 450px;
height:370px;
margin:60px 80px;

position:;
background-color:white;
position:absolute;
display:none;
text-align: center;

border: 3px solid grey;

}



.assistancex3{
    width: 600px;
    height: 320px;
    background-color: white;
    background-image: url("../img/asistance.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 45%;
    display: none;
    z-index: 50;
    position: absolute;
    text-align: center;
    padding: 20px;
    font-size: 18px;
    color: grey;
    border-radius: 30px;
    margin: 4px;
    font-family: candara;
}


.assistancex3 button{


  z-index: 50;
position: absolute;
text-align: center;
width: 60px;
height: 60px;
padding: 5px;
background-color:white;
font-size:15px;
color:red;
transform: translate(520px, 211px);
border:none;
border-radius: 30px;
font-size: 20px;
font-family: arial;
box-shadow: inset 0 1px 10px lightgrey;




}


.lan2x3{

border-top-right-radius: 7px;
border-top-left-radius: 7px;
height:63px;
width: 100%;
padding:7px 10px 10px 10px; auto;



}


.lan2x3 label{
    
    padding:5px;
    margin:5px;
    width:110px;

    font-weight: 1px; 
    
    font-size:18px; 
    font-family: arial;
}


.lan2x3 button {

 padding:5px;
    margin:5px 5px 5px 12px;
    width:110px;

    font-weight: 1px; 
    
    font-size:18px; 
}



.lan2x3 .dropdown-menu{
width:60px;

}








.closeSer2Panelsx3 {

display: none;
z-index: 1500;
position: absolute;
text-align: center;
width: 40px;
height: 53px;
padding: 5px;
background-color: transparent;
font-size: 15px;
color: grey;
transform: translate(-302px, -59px);
border: none;
border-radius: 30px;
font-size: 43px;
color: red;
font-family: arial;


}



.ServicePanelx3{

}

.serm2x3{


  position:relative;

 
  height:290px;
  width:100%;
  display:;
  z-index: 0;
/*background-size: 50%;*/

background-position: center;



}


.innerx3{
opacity: .95;
margin-top: ;
padding: 10px 20px 30px 32px;
display: inline-block;
height: 100%;
background-color: inherit;
color: grey;
font-size: 10px;

}

.sm3Buttons{
  margin-top: 30px;
  padding-top: 0px;
}



.sm3ButtonsMOBI {



}



.innerLeftx3 {

    float:;
    width: 302px;
    z-index: 500;
    margin: 0px;
    padding: 10px 0px 0px 55px;
    height: 256px;
    display: inline-block;

}




.innerRightx3{
  padding: 24px 16px;
}



.innerLeftMOBIx3 {
    float:;
    width: 302px;
    z-index: 500;
    margin: 0px;
    padding: 3px 0px 0px 7px;
    height: 493px;
}


.innerRightMOBIx3{
  padding:0px;
}





.sm2x3 {

    height: 52px;
    width: 113px;
    margin: 9px 3px 0px 3px;
        margin-left: 3px;
    padding: 15px 7px;
    border-radius: 15px;
    font-size: 15px;
    font-family: arial;
    font-weight: bold;

}



.sm2MOBIx3{

height: 64px;
width: 113px;
margin: 25px 3px 0px 3px;
padding: 22px 7px;
border-radius: 15px;
font-size: 15px;
font-family: arial;
font-weight: bold;


}




.acm2x3 {
    height: 122px;
    width: 227px;
    margin: 2px 0px 3px 0px;
  
    padding: 14px 35px 10px 36px;
    border-radius: 15px;
    font-size: 11px;
    font-family: arial;
}







.serDropx3 {
    opacity: 1;
    padding: 15px;
    height: 389px;
    width: 482px;
    transform: translate(64px, -342px);
    z-index: 5000;
    position: absolute;
}



.serDropx3 button {
    margin:5px 10px 5px 10px;
    border-radius: 15px;
    height:63px;
    z-index: 5000;
    width: 200px;
}



/*.glyphicon-arrow-right{
    z-index:50;
    color:orange;
    right:225px;
    top:20px;
    position:absolute;
    display:none;
}


.glyphicon-arrow-left{
    z-index: 50;
    color:orange;
    right:230px;
    top:20px;
    position:absolute;
    display:none;


}*/


.cheTsav2x3{
z-index: 50;
color: orange;
right: 83px;
top: 117px;
position: absolute;
display: none;
font-size: 61px;
}



.savTche2x3{
z-index: 50;
color: orange;
right: 83px;
top: 103px;
position: absolute;
display: none;
font-size: 61px;
}






#toSavingx3{
  display:none;
  z-index: 50;
  background-color:black;
  color:darkgrey;
  position:absolute;
  width:150px;
  height:25px;
  right:185px;
  top:-25px;
  border-radius: 10px;
  padding:2px;
}



#toCheckingx3{
  display:none;
  z-index: 50;
  background-color:black;
  color:darkgrey;
  position:absolute;
  width:150px;
  height:25px;
  right:185px;
  top:-25px;
  border-radius: 10px;
  padding:2px;
}










/*/////////////////BILL DENO OFFICIAL////////////////////*/



#qtyvalueDenox3, #qtyvalueCardx3, #qtyvalueQPayx3{
  display: none;
background-color:inherit;
height:50px;
width:250px;
margin-left:0px;
border:none;
font-size:35px;
background-color:yellow;

}




.BillDenominationWdrawx3{

  display:none;
  z-index: 600;
position: absolute;
text-align: center;
width: 600px;
height: 333px;
padding: 20px 20px 20px 20px;
background-color:white;
font-size:20px;
color:grey;
border-radius: 30px;
border:1px solid lightgrey;
margin: 4px;
font-family: Arial;
/*transform: translate(0px, -352px);*/


}


.billButtonsx3{

    padding: 0px 0px 0px 27px;

}





.DenominatedBillsx3{

color:white;
background-color: grey;
margin: 25px 31px;
box-shadow: none;
width: 90px;
height:150px;
padding: 50px 8px;
border-radius: 10px;
box-shadow: inset 0 1px 5px white;
border: 1px solid grey;
font-size: 30px;
font-weight:bold;

}


.BillDenominationWdrawx3 span{

font-size:10px;

}








.denoImputLabelx3{

font-size: 17px;
color:whitesmoke;
font-family: calibri;

}



.denoImputLabelx3 input{

width: 70px;
height: 40px;
border: ;
/*margin: 3px 31px 5px 41px;*/
font-size: 30px;
padding: 0px 0px 0px 0px;
border: none;
border-bottom: 1px solid lightgrey;
background-color: white;
color:whitesmoke;

}




.DenoImput10Labelx3{

margin: 3px 0px 5px 0px;
position: relative;
right: 4px;
top: 60px;

}

.DenoImput20Labelx3{
margin: 3px 0px 5px 0px;
position: relative;
right: 5px;
top: 59px;
  
}

.DenoImput50Labelx3{
margin: 3px 0px 5px 0px;
position: relative;
top: 58px;
right: 7px;
  
}

.DenoImput100Labelx3{
margin: 3px 0px 5px 0px;
  position: relative;
right: 3px;
top: 58px;
  
}




.denoImputValuex3{
position:relative;
width: 30px;
height: 30px;
border: ;
margin: 3px 53px 5px 46px;
font-size: 12px;
padding: 0px 0px 0px 0px;
border: none;
/*border-bottom: 1px solid lightgrey;*/
background-color: white;
bottom:36px;
color: lightgrey;


}




/*#closeSendDeno{


  z-index: 50;
position:relative;
text-align: center;
width: 60px;
height: 60px;
padding: 5px;
background-color:white;
font-size:15px;
color:grey;
transform: translate(240px, -73px);
border:none;
border-radius: 30px;
font-size: 20px;
color:red;
font-family: arial;
box-shadow: inset 0 1px 10px lightgrey;
bottom: 73px;
left: 270px;

}*/







.SelectedDeDenoImputx3{

}

.numVclickedImpput10x3, .numVclickedImpput20x3, .numVclickedImpput50x3, .numVclickedImpput100x3{

}







/*/////////////////////////////////////////////////////////////////////*/




















.qty2x3{

height:108px;
width: 100%;  
font-size:20px;
text-align: center;
margin-bottom:0px;
padding-left:0px;
font-size:30px;


}



.qty2x3:hover{

  cursor: pointer;
}
 


   
.qtyvalue2x3{
background-color:inherit;
height:50px;
width:250px;

margin-left:0px;

border:none;
font-size:35px;

}



.QtyValueCoverx3 {

    height: 50px;
    width: 305px;
    position: absolute;
    right: 413px;
   

}


#billsx3{
  font-size: 20px;
}



#qtyvalue23x3{

background-color:inherit;
height:50px;
width:70px;

margin-left:0px;
color:white;
border:none;
font-size:35px;

}






.amountx3{
  background-color: inherit;
margin-left: 160px;
font-size: 35px;

 
}



.amountx3:hover{
  cursor:pointer;
 
}


.NumPadx3{

    transform: translate(0px, -43px);
        display:none;
    border-radius:;
    padding: 3px 5px 3px 5px;
    height: 55px;
    width: 55.47px;
    font-size:23px;

}

.numVx3{
    display:inline-block;
    border-radius:;
    padding: 3px 5px 3px 5px;
    height: 55px;
    width: 55.45px;
    font-size:23px;
    transform:none;
}






.LinearNumPadx3{
  background-color: inherit;
  margin-bottom:0px;
  width:100%;
  height:57px;
  padding: 0px 4px;

}




.pyx3{
display:none;
background-color: inherit;
height: 100%;
width: 100%;
padding: 1px 5px 5px 10px;
font-size: 20px;
position: relative;
bottom: 46px;

}

.PayButtonsBx3{

width: 110px;
padding: 11px 8px;
margin: 3px 7px;
margin-left: 7px;
background-color: inherit;
border: none;
font-size: 20px;
color: white;
font-family: arial;
box-shadow: inset 0 1px 5px white;

}




.pyMOBIlabelx3{
    width: 128px;
    padding: 17px 8px;
    margin: 13px 7px;
        margin-left: 7px;
    margin-left: 7px;
    background-color: inherit;
    border: none;
    font-size: 25px;
    color: white;
    font-family: arial;
    box-shadow: inset 0 1px 5px white;
}







.fin2x3{

opacity: .93;
background-color:#071422;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
height:81px;
width:100;
/*padding:15px 5px 5px 10px; */


    
}


.finBx3{

border-radius:20px;
padding:15px;
width:130px;
margin:14px 10px;
/*margin-right: 25px;*/
font-family: arial;


}







#submit2x3{
display:none;
}



#exit2x3{
display:none;

}





/*


.confirm2x3{
    z-index: 500;
position:;
   height:70px;
   width:210px;
   display:;
   border:5px solid white;
   border-radius:20px;
   background-color: white;
   text-align: center;
  /* transform: translate(80px,  439px);
   padding:;
   font-size:20px;
   opacity: 1;
/*   left:90px;
   bottom:2px;

}*/


/*
.back2x3{
    z-index: 500;
position:absolute;
    height:70px;
   width:210px;
   display:;
   border:5px solid white;
   border-radius:20px;
   background-color: white;
   text-align: center;
   /*transform: translate(310px,  439px);
   padding:0px;
   font-size:20px;
   opacity: 1;
   left:310px;
   bottom:2px;

 }
*/


 .confBack2Yx3{
    z-index: 500;
    position:;
    height:100%;
    width: 100%;
    
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: #071422;
    border: none;
    /*transform: translate(-10px, -14px);*/
    display: none;
    padding-top: 6px;

 }




.confirm2Yx3{

z-index: 500;
position: ;
height: 70px;
width: 210px;
display:;
border: none;
border-radius: 20px;
background-color: white;
text-align: center;
/*transform: translate(80px, 439px);*/
padding: ;
font-size: 20px;
opacity: 1;
left: 90px;
bottom: 2px;
box-shadow: inset 0 1px 5px black;
padding: 2px 0px;
margin: 0px 1px 0px 90px;

}



.back2Yx3{

z-index: 500;
position: relative;
height: 70px;
width: 210px;
display:;
border: none;
border-radius: 20px;
background-color: white;
text-align: center;
/*transform: translate(310px, 439px);*/
padding: 4px 0px 5px 0px;
font-size: 20px;
opacity: 1;
left: 310px;
bottom: 70px;
box-shadow: inset 0 1px 5px black;

 }


 



 .confBack2x3{
    z-index: 500;
    position: relative;
    height: 81px;
    width: 601px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: #071422;
    border: none;
    transform: translate(-10px, -14px);
    display: none;

 }







  .confBack24x3{
z-index: 2;
position: absolute;
height: 79px;
width: 600px;
background-color: #071422;
border: none;
transform: translate(0px, 435px);
display: none;
 }


 .confirm24x3{
    z-index: 500;
position:absolute;
   height:70px;
   width:210px;
   display:;
   border:5px solid white;
   border-radius:20px;
   background-color: white;
   text-align: center;
  /* transform: translate(80px,  439px);*/
   padding:;
   font-size:20px;
   opacity: 1;
   left:90px;
   bottom:2px;

}



.back24x3{
    z-index: 500;
position:absolute;
    height:70px;
   width:210px;
   display:;
   border:5px solid white;
   border-radius:20px;
   background-color: white;
   text-align: center;
   /*transform: translate(310px,  439px);*/
   padding:0px;
   font-size:20px;
   opacity: 1;
   left:310px;
   bottom:2px;
}





/*///////Schedule//////////*/
.Schedulex3{

position: absolute;
font-size: 33px;
height: 50px;
width: 80px;
transform: translate(222px, -53px);
z-index: 1500;
color: red;
display:none;

}

.Schedulex3 > #datepicker {

height: 19px;
padding: 5px;
margin: 5px 5px 5px 12px;
width: 79px;
background-color: white;
border: none;
font-weight: 1px;
color:red;
font-size: 13px;
font-family: arial;
text-align: center;
float: ;
clear: ;
display: inline-block;
position: relative;
right: 11px;
bottom: 30px;

}


.ScheduleMOBIx3 {
    font-size: 40px;
    transform: translate(207px, -107px);
}


.ScheduleMOBIx3 > #datepicker {

    height: 19px;
    width: 85px;
    font-size: 15px;

}




/*/////////////////////////*/


.depositCashx3{
    z-index: 500;
position:absolute;
   height:400px;
   width:550px;
   display:none;
   border:5px solid white;
   border-radius:20px;
   background-color: white;
   text-align: center;
   transform: translate(25px,  90px);
   padding:30px 30px;
   font-size:20px;
   opacity: .95;
   border:1px solid grey;
    color:rgb(102, 102, 102);
       font-family:candara;
   
}

.depositCashx3  p{

font-size:25px;
}



.depositx3{
    z-index: 500;
position:absolute;
   height:400px;
   width:550px;
   display:none;
   border:5px solid white;
   border-radius:20px;
   background-color: white;
   text-align: center;
   transform: translate(25px,  90px);
   padding:30px 30px;
   font-size:20px;
   opacity: .95;
   border:1px solid grey;
    color:rgb(102, 102, 102);
       font-family:candara;
   

}

.depositx3  p{

font-size:25px;
}


.DepositCCx3 label {

    height: 82px;
    width: 207px;
    font-size: 44px;
    border: 1px solid grey;
    color: grey;
    box-shadow: inset 0 1px 5px grey;
    border-radius: 20px;
    opacity: initial;
font-family: georgia;
}



.DepositCx3{
margin-top: -70px;
display:none;
}

.DepositCx3 i{
font-size: 50px;
}


.CheckPhoto{

width:102%;
height:200px;
border:2px dashed black;
}



.DepositButtonsx3{
  margin-top:68px;
background-color:grey;
border:none;
color:white;
font-size:20px;
box-shadow: inset 0 1px 5px white;

}

.CaptureDepositx3{
  display:none;
}




.retrievex3{
    z-index: 500;
position:absolute;
   height:400px;
   width:550px;
   display:none;
   border:5px solid white;
   border-radius:20px;
   background-color: white;
   text-align: center;
   transform: translate(25px,  100px);
   padding:90px 30px;
   font-size:20px;
   opacity: .99;
   border:1px solid grey;
}

.retrievex3  p{

font-size:12px;
}



.MerchCardChargedx3{

    z-index: 500;
position:absolute;
   height:400px;
   width:550px;
   display:none;
   border:none;
   border-radius:20px;
   background-color: white;
   text-align: center;
   transform: translate(25px,  100px);
   padding:115px 30px;
   font-size:20px;
   opacity: .99;
  
}



.Confirmedx3{

font-size: 60px;
color: green;
}

.PanelCloseP{
  font-size: 12px;
}



.billsx3 button{

  border:none;
  color:white;
  background-color: inherit;
  margin:-10px 5px 2px 2px;
  border-radius: 1px;
  box-shadow: inset 0 1px 5px white;
  width: 80px;
}

.wrongAmountx3{
    z-index: 500;
position:absolute;
   height:400px;
   width:550px;
   display:none;
   border:5px solid white;
   border-radius:20px;
   background-color: white;
   text-align: center;
   transform: translate(25px,  100px);
   padding:30px 30px;
   font-size:20px;
   opacity: .95;
   color:red;
   border:1px solid grey;
     box-shadow: inset 0 1px 10px black;
}






.depositCheckx3{
    z-index: 500;
position:absolute;
   height:400px;
   width:550px;
   display:none;
   border:5px solid white;
   border-radius:20px;
   background-color: white;
   text-align: center;
   transform: translate(25px,  100px);
   padding:30px 30px;
   font-size:20px;
   opacity: .95;
   border:1px solid grey;
}



.depositCheckx3  p{

font-size:25px;
}


.checkCashSentx3{
    z-index: 500;
position:absolute;
   height:400px;
   width:550px;
   display:none;
   border:5px solid white;
   border-radius:20px;
   background-color: white;
   text-align: center;
   transform: translate(25px,  100px);
   padding:60px 30px;
   font-size:20px;
   opacity: .95;
   border:1px solid grey;
   font-family:60px;
}

.checkCashSentx3 p{

font-size:25px;
}

.savCashSentx3{
    z-index: 500;
position:absolute;
   height:400px;
   width:550px;
   display:none;
   border:5px solid white;
   border-radius:20px;
   background-color: white;
   text-align: center;
   transform: translate(25px,  100px);
   padding:30px 30px;
   font-size:20px;
   opacity: .95;
   border:1px solid grey;
}

.savCashSentx3 p{

font-size:25px;
}


.selectx3{
    z-index: 500;
position:absolute;
   height:400px;
   width:550px;
   display:none;
   border:5px solid white;
   border-radius:20px;
   background-color: white;
   text-align: center;
   transform: translate(35px,  100px);
   padding:30px 30px;
   font-size:20px;
   opacity: .95;

}

.selectx3 p{

font-size:25px;
}



.goodbyex3{
    z-index: 500;
position:absolute;
   height:400px;
   width:550px;
   display:none;
   border:5px solid white;
   border-radius:20px;
   background-color: white;
   text-align: center;
   transform: translate(25px,  100px);
   padding:30px 30px;
   font-size:20px;
   opacity: .95;
   border:1px solid grey;
}

.goodbyex3 p{

font-size:25px;
}

.goodbyex3 h2{

font-size:40px;
}




.TapBx3{
    color: white;
    background-color: grey;
    width: 160px;
    height: 60px;
    transform: translate(160px, 40px);
    padding: 15px 0px 0px 0px;
    border-radius: 15px;
    box-shadow: inset 0 1px 5px lightgrey;

}

.TapBx3:hover{
  cursor: pointer;

  
}


.goodbyex3 label{
  height:60px;
  width:100px;
  font-size:25px;
 border: 1px solid grey;
box-shadow: inset 0 1px 5px grey;
border-radius: 20px;
padding: 13px 5px;
}






/*///////////////Send Wire Transfer////////////////////*/





.sendMoney2x3{
  display:none;
  z-index: 50;
  position: absolute;
  text-align: center;
  width: 600px;
  height: 323px;
  padding: 20px;
  background-color: white;
  font-size: 15px;
  color: grey;
  /* transform: translate(25px, 65px); */
  border-radius: 30px;
  margin: 3.5px;
  padding-top: 20px;
  border:1px solid grey;
  font-family:candara;
   
}



/*.sendMoney2x3 input{
width: 360px;
height:60px;
margin:10px 20px ;
font-size:30px;
color:#286090;
text-align: center;
border:none;
border-radius: 15px;
font-family: calibri;
box-shadow: inset 0 1px 5px grey;


}*/






.sendAccountx3{
width: 425px;
height:58px;
margin:0px 20px ;
font-size:30px;
color:#286090;
text-align: center;
border:none;
border-radius: 15px;
font-family: calibri;
box-shadow: inset 0 1px 5px grey;
font-size:28px;
background-color: white;

}


.sendRoutingx3{
width: 425px;
height:58px;
margin:0px 20px ;
font-size:30px;
color:#286090;
text-align: center;
border:none;
border-radius: 15px;
font-family: calibri;
box-shadow: inset 0 1px 5px grey;
font-size:28px;
background-color: white;

}





.TelContainerx3 {

    margin: 10px;
    background-color:;
    height: 80px;

}


.ZipContainerx3{

    margin: -15px;
    background-color:;
    height: 80px;

}



.WireTelephonex3{
width: 250px;
height:58px;
margin:0px 20px ;
font-size:30px;
color:#286090;
text-align: center;
border:none;
border-radius: 15px;
font-family: calibri;
box-shadow: inset 0 1px 5px grey;
font-size:28px;
background-color: white;

}


.WireZipCodex3{
width: 160px;
height:58px;
margin:0px 20px ;
font-size:30px;
color:#286090;
text-align: center;
border:none;
border-radius: 15px;
font-family: calibri;
box-shadow: inset 0 1px 5px grey;
font-size:28px;
background-color: white;

}


.wireSpanx3{
display:block;
font-size: 17px;
color:whitesmoke;

}




/*.SwContainers{
background-color: green;
opacity: .97;
height:80px;

}
*/

/*///////////*/
.SwCoversx3{

  background-color:;
  opacity: .97;
  height:80px;
  width:100px;
  position:absolute;

}


.SwAccCoverx3{

    right: 84px;
    width: 439px;
}


.SwRCoverx3{

    top: 145px;
    right: 84px;
    width: 439px;

}


.SwTelCoverx3{

    width: 270px;
    right: 253px;
    bottom: 15px;

}



.SwZipCoverx3{

    right: 64px;
    bottom: 16px;
    width: 171px;
}

/*/////////*/


.SwImputx3{

}

.SelectedSwImputx3{
  border:5px solid grey;
}








.sendMoney2x3 input:focus{

box-shadow: 0px 0px 15px 0px lightblue;

}


.sendMoney2x3 button{


  z-index: 50;
position: absolute;
text-align: center;
width: 60px;
height: 60px;
padding: 5px;
background-color:white;
font-size:15px;
color:grey;
transform: translate(160px,  -12px);
border:1px solid grey;
border-radius: 30px;
font-size: 20px;
color:red;




}

.sendMoney2x3 button:hover{


cursor:pointer;
  box-shadow: 0px 0px 15px 0px lightblue;
      color:red;




}


/*#closeSendx3{


  z-index: 50;
position: absolute;
text-align: center;
width: 60px;
height: 60px;
padding: 5px;
background-color:white;
font-size:15px;
color:grey;
transform: translate(190px, 24px);
border:none;
border-radius: 30px;
font-size: 20px;
color:red;
font-family: arial;
box-shadow: inset 0 1px 10px lightgrey;

}*/


.sendMoney3x3{
  display:none;
  z-index: 50;
position: absolute;
text-align: center;
width: 550px;
height: 260px;
padding: 20px;
background-color:white;
font-size:15px;
color:grey;
transform: translate(25px,  65px);
border-radius: 30px;


}



.sendMoney3x3 input{
width: 360px;
height:60px;
margin:10px 20px ;
font-size:20px;
color:#286090;
text-align: center;
border:1px solid black;
border-radius: 10px;
font-family: calibri;


}


.sendMoney3x3 input:focus{
width: 360px;
height:60px;
margin:10px;
font-size:20px;
color:#286090;
text-align: center;
border:1px solid blue;
border-radius: 10px;
box-shadow: 0px 0px 15px 0px lightblue;

}





.sendMoney11x3{
  display:none;
  z-index: 500;
position: absolute;
text-align: center;
width: 600px;
height: 320px;
padding: 20px;
background-color:white;
padding: 15px 40px 10px 40px;
font-size:10px;
color:grey;

border-radius: 30px;
border:1px solid grey;
margin:4px;
   font-family:candara;
  

}





.SendRequestx3{
}



.SendReqx3 {

    background-color: orange;
    height: 40px;
    width: 160px;
    display: block;
    border-radius: 15px;
    font-family: calibri;
    font-weight: bold;
    font-size: 20px;
    padding: 6px;

}



#SendQuickx3{
border-bottom-right-radius:0px; 
border-top-right-radius:0px;
}


#RequestQuickx3{
border-bottom-left-radius:0px; 
border-top-left-radius:0px;
}





/*
 .servicePanelsMOBIx3 span{
  font-size: 16px;
  font-family:;
 }



*/




/*//////////////////////////////////////////////////*/









.QuickSentx3{
  display:none;
  z-index: 500;
  position:absolute;
   height:400px;
   width:550px;
   
   border:5px solid white;
   border-radius:20px;
   background-color: white;
   text-align: center;
   transform: translate(25px,  100px);
   padding:50px 70px 10px 70px;
      font-family:candara;
   
   font-size:15px;
   opacity: .98;
   border:1px solid grey;
   color:rgb(102, 102, 102);
}

#quickPayAmountx3{

    border:none ;
    font-size: 30px;
    width:15%;
}

#happyFriendx3{

    border:none;
    font-size: 30px;
    width:20%;


}


/*////////*/



.CreditCardsx3{
  display:none;
  z-index: 600;
position: absolute;
text-align: center;
width: 600px;
height: 320px;
padding: 20px;
background-color:white;
font-size:20px;
color:grey;
border-radius: 30px;
border:1px solid lightgrey;
margin: 4px;
font-family: georgia;
margin-top: 45px;
}




.CreditCardsx3 span{

font-size:11px;

}






.creditcCardsx3{

    margin-left: 5px;
    width: 100%;
    margin-top: 18px;
}



.card1x3, .card2x3, .card3x3, .card4x3 {
    margin: 5px 9px;
    box-shadow: none;
    box-shadow: inset 0 1px 5px white;
    border-radius: 10px;

    border: 1px solid grey;
    font-family: calibri;
    width: 133px;
    height: 178px;
}


.Cardx3 span{

  display:block;
  margin:10px 1px;
}

/*#closeSendCardx3{


  z-index: 50;
position: absolute;
text-align: center;
width: 60px;
height: 60px;
padding: 5px;
background-color:white;
font-size:15px;
color:grey;
transform: translate(240px, -60px);
border:none;
border-radius: 30px;
font-size: 20px;
color:red;
font-family: arial;
box-shadow: inset 0 1px 10px lightgrey;

}*/


.CardPaymentx3{
  display:none;
  z-index: 500;
  position:absolute;
   height:400px;
   width:550px;
   
   border:5px solid white;
   border-radius:20px;
   background-color: white;
   text-align: center;
   transform: translate(25px,  100px);
   padding:50px 70px 10px 70px;
      font-family:candara;
   
   font-size:15px;
   opacity: .98;
   border:1px solid grey;
   color:rgb(102, 102, 102);
   font-family: arial;
}

#cardPaymentAmountx3{

    border:none ;
    font-size: 30px;
    width:15%;
}

#happyCardx3{

    border:none ;
    font-size: 30px;
    width:50%;




}



.CardStatementx3{

z-index:1000;
border:2px solid white;
border-radius:20px;
width: 450px;
height: 500px;
margin:10px 80px;

position:;
background-color:white;
position:absolute;
display:none;
text-align: center;
border: 3px solid grey;




}

#CardNamex3{

width:40%;
color:navy;
font-size: 30px;
font-family: candara;
border:none;
}





.CardImputLabelx3{

font-size: 17px;
color:whitesmoke;
font-family: calibri;

}



.CardImputLabelx3 input{

width: 80px;
height: 35px;
border: ;
/*margin: 3px 31px 5px 41px;*/

padding: 0px 0px 0px 0px;
border: none;
border-bottom: 1px solid lightgrey;
background-color: white;
color:whitesmoke;



}


.CardImputx3{

  font-size:35px;
  width: 100%;
  height:100%;

}




.Card1ImputLabelx3{

margin: 3px 0px 5px 0px;
position: relative;
right: 5px;
bottom: -7px;

}

.Card2ImputLabelx3{
margin: 3px 0px 5px 0px;
position: relative;
right: 8px;
bottom: -7px;
  
}

.Card3ImputLabelx3{
margin: 3px 0px 5px 0px;
position: relative;
left: -2px;
bottom: -8px;
  
}

.Card4ImputLabelx3{
margin: 3px 0px 5px 0px;
  position: relative;
left: -2px;
bottom: -7px;

  
}


/*//////////////BILL PAYMENTS////////////////////////////*/


.PayBillsx3{
  display:none;
  z-index: 600;
position: absolute;
text-align: center;
width: 600px;
height: 320px;
padding: 20px;
background-color:white;
font-size:20px;
color:grey;
border-radius: 30px;
border:1px solid lightgrey;
margin: 4px;
font-family: georgia;
}





.PayBillsx3 span{

font-size:10px;
 font-weight:bold;

}

.SelectBillPayx3{
  padding-left: 39px;

}

.PBill1x3, .PBill2x3, .PBill3x3, .PBill4x3, .PBill5x3, .PBill6x3{

margin: 13px 44px 13px 60px;
box-shadow: none;
width: 130px;
padding: 10px 8px;
border-radius: 10px;
box-shadow: inset 0 1px 5px white;
border: 1px solid lightgrey;
font-family: calibri;
height: 96px;


}

.PBillx3 span{

    display: block;
    margin: 3px 0px;
    font-size: 11px;

}


.BillPaySentx3{
  display:none;
  z-index: 500;
  position:absolute;
   height:400px;
   width:550px;
   
   border:5px solid white;
   border-radius:20px;
   background-color: white;
   text-align: center;
   transform: translate(25px,  100px);
   padding:80px 30px 10px 30px;
   font-family: georgia;
   font-size:20px;
   opacity: .98;
   border:none;
   font-family:candara;
}



/*#closeSendCard{


  z-index: 50;
position: absolute;
text-align: center;
width: 60px;
height: 60px;
padding: 5px;
background-color:white;
font-size:15px;
color:grey;

border:none;
border-radius: 30px;
font-size: 20px;
color:red;
font-family: arial;
box-shadow: inset 0 1px 10px lightgrey;
position: relative;
bottom: 59px;
left: 269px;

}*/

.BillPaymentx3{
  display:none;
  z-index: 500;
  position:absolute;
   height:400px;
   width:550px;
   
   border:5px solid white;
   border-radius:20px;
   background-color: white;
   text-align: center;
   transform: translate(25px,  100px);
   padding:50px 70px 10px 70px;
      font-family:candara;
   
   font-size:15px;
   opacity: .98;
   border:1px solid grey;
   color:rgb(102, 102, 102);
}

#cardPaymentAmountx3{

    border:none ;
    font-size: 30px;
    width:15%;
}

#happyCardx3{

    border:none ;
    font-size: 30px;
    width:50%;




}



.CardStatementx3{

z-index:1000;
border:2px solid white;
border-radius:20px;
width: 450px;
height: 500px;
margin:10px 80px;

position:;
background-color:white;
position:absolute;
display:none;
text-align: center;
border: 3px solid grey;




}

#CardNamex3{

width:40%;
color:navy;
font-size: 30px;
font-family: candara;
border:none;
}




.PBillImputLabelx3{

font-size: 17px;
color:whitesmoke;
font-family: calibri;

}



.PBillImputx3{

width: 80px;
height: 23px;
border: ;
/*margin: 3px 31px 5px 41px;*/
padding: 0px 0px 0px 0px;
border: none;
border-bottom: 1px solid whitesmoke;
background-color: white;
color:whitesmoke;

}

.PBillImputx3{
  font-size: 30px;
}


.PBill1ImputLabelx3{

margin: 3px 0px 5px 0px;
position: relative;
right: 7px;
bottom: 136px;

}

.PBill2ImputLabelx3{
margin: 3px 0px 5px 0px;
position: relative;
right: -162px;
bottom: 136px;
  
}

.PBill3ImputLabelx3{
margin: 3px 0px 5px 0px;
position: relative;
right: -242px;
bottom: 136px;
  
}

.PBill4ImputLabelx3{
margin: 3px 0px 5px 0px;
  position: relative;
right: 196px;
bottom: 16px;
}

.PBill5ImputLabelx3{
margin: 3px 0px 5px 0px;
  position: relative;
right: 120px;
bottom: 16px;

  
}

.PBill6ImputLabelx3{
margin: 3px 0px 5px 0px;
  position: relative;
right: 41px;
bottom: 16px;
}


/*////////////////////////////////////////////////*/



.Merchantx3{

    display:none;
    z-index: 600;
    position: absolute;
    text-align: center;
    width: 600px;
    height: 320px;
    padding: 20px;
    background-color: white;
    font-size: 14px;
    color: grey;
    border-radius: 30px;
    border:;
    margin: 4px;
    font-family:;

}






.MerchantLabelsContx3{

width:100%;
padding:;
margin-top: 15px;
height: 238px;
}





.MerchantLabelx3{

height:118px;
padding: 25px 0px 5px 0px;
margin-bottom: 10px;
font-size: 15px;
color: whitesmoke;
border:none;
padding:11px;
}

.MerchantImputx3{

height: 65px;
background-color: white;
border: none;
box-shadow: inset 0 1px 7px grey;
border-radius: 10px;
text-align: center;
color:grey;
font-family: calibri;
font-size:28px;

}




.SelectedMerchantLabel{
border:6px solid grey;
}






.MCardx3 {
width:450px;
float:left;

}


.MSwipex3{
  width:111px;
  color:;
  font-size: 15px;
}

.MSwipex3 i{
font-size: 60px;
color:lightgrey;
}








.MDatex3{
  width:190px;
margin:0px 5px;
float:left;
}


.MCBDx3{
  width:150px;
margin:0px 5px;
float:left;
}

.MZipCodex3{
  width:190px;
margin:0px 5px;
float:right;
}






/*covers*/

.MCardCoverx3 {
width:450px;
float:left;
height:inherit;
background-color: transparent;
position:absolute;
transform: translate(-220px, -103px);

}


.MSwipeCoverx3{
  width:111px;
  color:;
  font-size: 15px;
  height:inherit;
  background-color: transparent;
  position:absolute;
  transform: translate(-85px, -38px);
}



.MDateCoverx3{
  width:190px;
margin:0px 5px;
float:left;
height:inherit;
background-color: transparent;
position:absolute;
transform: translate(-107px, -104px);
}


.MCBDCoverx3{
  width:150px;
margin:0px 5px;
float:left;
height:inherit;
background-color: transparent;
position:absolute;
transform: translate(-83px, -104px);
}

.MZipCodeCoverx3{
  width:190px;
margin:0px 5px;
float:right;
height:inherit;
background-color: transparent;
position:absolute;
transform: translate(-107px, -104px);
}

/*/////*/





.MCardImputx3{
  display:block;
width: 95%;
}

.MSwipex3 span{
 display:block;
 font-size: 50px;
 color:grey;
}

.MDateImputx3{
  display:block;
width: 95%;
}

.MCBDImputx3{
  display:block;
width: 95%;
}

.MZipCodeImputx3{
  display:block;
width: 95%;
}




.SwipeCardx3 {
    display:none;
    height: 335px;
    background-color:white;
    border: none;
    position: relative;
    bottom: 324px;
    padding: 100px 50px;
}


.SWcardx3{
  font-size: 60px;
}



.SwButtonx3 {
    display:;
    background-color: transparent;
    color: red;
    font-size: 43px;
    width: 60px;
    height: 70px;
    border: none;
    float: left;
    position: absolute;
   right: 524px;
top: -10px;

}



/*//////////////*/


.Loanx3 {
    display: none;
    z-index: 100;
    position: absolute;
    text-align: center;
    width: 600px;
    height: 320px;
    padding: 20px 45px;
    background-color: white;
    font-size: 12px;
    color: grey;
    border-radius: 30px;
    border: 1px solid lightgrey;
    margin: 4px;
    font-family: georgia;
}







.TakeLoansx3 span{

font-size:10px;

}

.TakeLoanx3{
  margin-left: 20px;
}

.LoanParrax3{
  font-size: 13px;
}



.loanLabelx3 {

    box-shadow: inset 0 1px 10px grey;
    border-radius: 6px 6px 0px 0px;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    padding: 7px 0px;
    font-weight: bold;
    background-color: whitesmoke;
   border-radius: 15px 15px 0px 0px;

}




.TLoan1x3, .TLoan2x3, .TLoan3x3, .TLoan4x3, .TLoan5x3, .TLoan6x3 {
    margin: 18px 30px 19px 10px;
        margin-left: 11px;
    box-shadow: none;
    width: 130px;
    padding: 10px 8px;
    border-radius: 10px;
    box-shadow: inset 0 1px 5px white;
    border: 1px solid grey;
    font-family: calibri;
    height: 137px;
    font-size: 20px;

}


.TLoanx3 span{

  display: block;
}


.TLoanSpanx3{

  font-size: 14px;
}

.TLoanPamount{
  font-size: 25px;
  color:darkGreen;
}



/*#closeSendCard{


  z-index: 50;
position: absolute;
text-align: center;
width: 60px;
height: 60px;
padding: 5px;
background-color:white;
font-size:15px;
color:grey;

border:none;
border-radius: 30px;
font-size: 20px;
color:red;
font-family: arial;
box-shadow: inset 0 1px 10px lightgrey;
position: relative;
bottom: 59px;
left: 269px;

}*/

.BillPaymentx3{
  display:none;
  z-index: 500;
  position:absolute;
   height:400px;
   width:550px;
   
   border:5px solid white;
   border-radius:20px;
   background-color: white;
   text-align: center;
   transform: translate(25px,  100px);
   padding:50px 70px 10px 70px;
      font-family:candara;
   
   font-size:15px;
   opacity: .98;
   border:none;
   color:rgb(102, 102, 102);
}

#cardPaymentAmountx3{

    border:none ;
    font-size: 30px;
    width:15%;
}

#happyCardx3{

    border:none ;
    font-size: 30px;
    width:50%;




}



.CardStatementx3{

z-index:1000;
border:2px solid white;
border-radius:20px;
width: 450px;
height: 500px;
margin:10px 80px;

position:;
background-color:white;
position:absolute;
display:none;
text-align: center;
border: 3px solid grey;




}

#CardNamex3{

width:40%;
color:navy;
font-size: 30px;
font-family: candara;
border:none;
}




.TLoanImputLabelx3{

font-size: 17px;
color:whitesmoke;
font-family: calibri;

}



.TLoanImputx3{

width: 80px;
height: 23px;
border: ;
/*margin: 3px 31px 5px 41px;*/
padding: 0px 0px 0px 0px;
border: none;
border-bottom: 1px solid whitesmoke;
background-color: white;
color:whitesmoke;

}

.TLoanImputx3{
  font-size: 30px;
  margin-bottom: 10px;
}


.TLoan1ImputLabelx3{

margin: 3px 0px 5px 0px;
position: relative;
right: 3px;
top: 14px;

}

.TLoan2ImputLabelx3{
margin: 3px 0px 5px 0px;
position: relative;
right: 2px;
top: 14px;
  
}

.TLoan3ImputLabelx3{
margin: 3px 0px 5px 0px;
position: relative;
right: -1px;
top: 14px;
  
}

.TLoan4ImputLabelx3{
margin: 3px 0px 5px 0px;
  position: relative;
right: 287px;
bottom: 16px;
}

.TLoan5ImputLabelx3{
margin: 3px 0px 5px 0px;
  position: relative;
right: 209px;
bottom: 16px;

  
}

/*.TLoan6ImputLabelx3{
margin: 3px 0px 5px 0px;
  position: relative;
right: 62px;
bottom: 16px;
}*/


/*////////////////////////////////////////////////*/



.LoanGrantedx3{
  display:none;
  z-index: 500;
  position:absolute;
   height:400px;
   width:550px;
   
   border:5px solid white;
   border-radius:20px;
   background-color: white;
   text-align: center;
   transform: translate(25px,  100px);
   padding:50px 30px 10px 30px;
   font-family: georgia;
   font-size:20px;
   opacity: .98;
   border:1px solid grey;
   font-family:candara;
}

#loanAmountx3 {
    border: none;
    font-size: 50px;
    width: 40%;
}



/*///////////////////*/




.sendMoney3x3 button{


  z-index: 50;
position: absolute;
text-align: center;
width: 60px;
height: 60px;
padding: 5px;
background-color:white;
font-size:15px;
color:grey;
transform: translate(85px,  -5px);
border:1px solid grey;
border-radius: 30px;
font-size: 20px;




}

.sendMoney3x3 button:hover{


cursor:pointer;
  box-shadow: 0px 0px 15px 0px lightblue;
      color:red;




}




/*
#routingx3{
  font-size:27px;


}

#accountx3{
  font-size:27px;


}*/


.tranToCheckingx3{
    z-index: 500;
position:absolute;
   height:400px;
   width:550px;
   display:none;
   border:5px solid white;
   border-radius:20px;
   background-color: white;
   text-align: center;
   transform: translate(25px,  100px);
   padding:30px 30px;
   font-size:20px;
   opacity: .95;
   border:1px solid grey;
}





.tranToSavingsx3{
    z-index: 500;
position:absolute;
   height:400px;
   width:550px;
   display:none;
   border:5px solid white;
   border-radius:20px;
   background-color: white;
   text-align: center;
   transform: translate(25px,  100px);
   padding:30px 30px;
   font-size:20px;
   opacity: .95;
   border:1px solid grey;
}





.tranToCheckingx3, .tranToSavingsx3 input{
  font-size:30px;
}


.tranToSavingsx3 input{

  font-size:36px;
  border:none;

}


#inCheckSentx3{
  width:100px;
   color:black;
   font-size:30px;
   border:none;
   left:200px;

} 


#inSavSentx3{
   width:100px;
   color:black;
   font-size:30px;
   border:none;
  left:200px;


}



#inCheckx3{
   width:100px;
   color:black;
   font-size:30px;
   border:none;



  } 



  #inSavx3{
   width:100px;
   color:black;
   font-size:30px;
   border:none;


  }

  .SelectFriendx3 {

    margin: 5px 20px;
    width: 100%;
 
}



.friendsx3 {

    display: inline-block;
    width: 80px;
    height: 90px;
    border-radius: 0px;
    border: 5px solid lightgrey;
    margin: 18px 50px;
    color: whitesmoke;
    font-size: 15px;

}



.friendsSpanx3 {

    position: relative;
    top: 76px;
    color: whitesmoke;
    right: 13px;

}




.friendImputx3 {

    width: 79px;
    height: 21px;
    font-size: 25px;
    font-family: arial;
    font-weight: bold;
    border: none;
    background-color: white;
    position: relative;
    color: whitesmoke;
    top: 80px;
    right: 14px;

}




/*////////Memo////////////*/

.FriendMemox3{
  display:none;
  background-color: transparent;
    font-size: 25px;
    border-radius: 15px;
    border: none;
    color: #424242;
    padding: 2px 10px;
    position:absolute;
 left: 53px;
top: 21px;
    box-shadow: inset 0 1px 5px;
    opacity: .95;
}


.FriendMemoMOBIx3 {

    top: 33px;
    left:69px;
    opacity: .95;
}





.JeffMemox3, .MariaMemox3, .JohnMemox3, .LeahMemox3, .PaulMemox3, .JennyMemox3, .GokuMemox3{
}





.labelTextmemo{

  font-size: 10px;
  display: block;
  
  }


.WriteMemox3 {
    display: none;
    background-color: white;
    font-size: 30px;
    border: none;
    border-radius: 10px;
    box-shadow: 0 1px 5px black;
    padding: 20px 20px;
    height: 263px;
    width: 519px;
    position: absolute;
    bottom: 43px;
    z-index: 500;
}



.WriteMemox3 p{

  display:block;
  font-size: 16px;
}

/*////////*/

.WriteMemoMOBIx3 {
    font-size: 30px;
    border: none;
    border-radius: 10px;
    box-shadow: 0 1px 5px black;
    padding: 20px 20px;
    height: 296px;
    width: 519px;
    position: absolute;
    bottom: 111px;
    z-index: 500;
    right: 51px;

}



.WriteMemoMOBIx3 span {
font-size: 41px
}


.WriteMemoMOBIx3 p {
    display: block;
    font-size: 23px;
}



/*////////*/

.TMemox3{

  display:none;
  background-color: transparent;
  border-radius: 15px;
  color:#424242;
  height: 54px;
  border:none;
  box-shadow: 0 1px 4px #424242;
  text-align: center;
  width: 400px;
  font-size: 24px;
}



.JeffTTMemox3, .MariaTTMemox3, .JohnTTMemox3, .LeahTTMemox3, .PaulTTMemox3, .JennyTTMemox3, .GokuTTMemox3{
}



.SubmitMemox3 {

    background-color: whitesmoke;
    color: white;
    border: none;
    border-radius: 50px;
    box-shadow: inset 0 0px 5px grey;
    font-size: 35px;
    margin: 20px 10px;
    padding: 15px 15px;

}




.SubmitMx3{
color:green;
  } 

.CancelMx3{
color:red;
}




/*///////////////////////////////*/



  #Mikex3{

background-color: white;
color: black;
padding: 8px 5px;

}

#Mikex3 b{
  color:#424242;
  font-size: 30px;
}


#Jeffx3{

  background-image: url("../img/boy1.png");
background-position:center;
background-size: cover;


}

#Mariax3{

  background-image: url("../img/girl.png");
background-position:center;
background-size: cover;


}


#Johnx3{

background-image: url("../img/boy7.png");
background-position:center;
background-size: cover;


}


#Leahx3{

background-image: url("../img/girl3.png");
background-position:center;
background-size: cover;

}


#Paulx3{

background-image: url("../img/boy4.png");
background-position:center;
background-size: cover;

}


#Jennyx3{

background-image: url("../img/girl2.png");
background-position:center;
background-size: cover;
background-color:white;

}


#Gokux3{

background-image: url("../img/boy5.png");
background-position:center;
background-size: cover;

}




  .depositx3, .CardPaymentx3, .checkCashSentx3, .tranToSavingsx3, .tranToCheckingx3, .retrievex3, .GoodByex3, .LoanGrantedx3, .depositCashx3, .QuickSentx3{

  box-shadow: 0 1px 10px black;
  border:none;

    z-index: 5000;
position: absolute;
height: 500px;
width: 550px;
display: none;
border-radius: 20px;
background-color: white;
text-align: center;
transform: translate(25px, 15px);
padding: 150px 30px;
font-size: 20px;
opacity: .95;
border: none;
color: rgb(102, 102, 102);
font-family: candara;
margin: 10px 3px;
}





.ServicePanelx3{
border-radius: 10px;
height: 349px;
border: none;
margin: 2px;
width: 605px;

}




.CardPaymentx3 input, .checkCashSentx3 input, .tranToSavingsx3 input, .tranToCheckingx3 input, .LoanGrantedx3 input, .QuickSentx3 input{

font-size:45px;

}


 .friendsx3, .DenominatedBillsx3, .Cardx3, .PBillx3, .TLoanx3{

border: 1px solid grey;
box-shadow: inset 0 1px 10px grey;

}


/*///////////////////MOBILE//////////////////////////////*/


/* .SerPanLabelsMOBIx3{

  
  box-shadow: inset 0 0px 10px grey;

}
*/








































.ui2MOBIx3{

height: auto;
border:none;
position:;
width: 609px;



border-radius:30px;

background-position:center;
background-size: cover;
padding-bottom: 0px;
margin:auto;
margin-top: 5%;


 
/*  float:right;
  clear:right;
  margin-bottom: 5%;*/




}




.checkinginfo2MOBIx3{

z-index:1000;
border:2px solid white;
border-radius:20px;
width: 450px;
height:370px;
margin:60px 80px;

position:;
background-color:white;
position:absolute;
display:none;
text-align: center;
border: 3px solid grey;




}
.savinginfo2x3{

z-index:1000;
border:2px solid white;
border-radius:20px;
width: 450px;
height:370px;
margin:60px 80px;

position:;
background-color:white;
position:absolute;
display:none;
text-align: center;

border: 3px solid grey;

}



.assistanceMOBIx3{
    width: 600px;
    height: 320px;
    background-color: white;
    background-image: url("../img/asistance.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 45%;
    display: none;
    z-index: 50;
    position: absolute;
    text-align: left;
    padding: 20px;
    font-size: 18px;
    color: grey;
    border-radius: 30px;
    margin: 4px;
    font-family: candara;
}


.assistanceMOBIx3 button{


  z-index: 50;
position: absolute;
text-align: center;
width: 60px;
height: 60px;
padding: 5px;
background-color:white;
font-size:15px;
color:red;
transform: translate(520px, 188px);
border:1px solid grey;
border-radius: 30px;
font-size: 20px;
font-family: arial;




}


.lan2MOBIx3{
  background-color: inherit;
display:none;
border-radius: 30px 30px 0px 0px;
height:120px;
width: 100%;
padding: 15px 10px;
/*border-bottom: 1px dashed white;  */



}



.lan2MOBIx3 label{
    
    background-color: inherit;
    padding: 15px 10px;
    margin: 12px;
    width: 140px;
    font-weight: 1px;
    
    font-family: arial;
    height: 85px;
font-size: 38px;
border: none;

}


.lan2MOBIx3 button {


    padding:10px 10px;
    margin: 12px;
    width:110px;
    font-weight: 1px; 
    font-family: arial;
 
    height: 85px;
    font-size: 38px;
    border: none;
}



.OtherHeaderx3 {

    position: absolute;
    height: 849px;
    background-color: white;
    z-index: 1000;
    width: 609px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 200px 50px;
    font-size: 22px;
    display:none;

}


.HeaderPx3{
 display:none;
}




.labelTextx3{
  display:block;
  font-size:12px;
}

.lan2MOBIx3 .dropdown-menu{
width:200px;
left:-80px;

}

.lan2MOBIx3 .dropdown-menu button{
width:170px;


}




.serm2MOBIx3{

  position:relative;

 
  height:695px;
  width:100%;
  display:;
  z-index: 0;
  background-size: 105%;

}






.innerMOBIx3 {

    opacity: .97;
    margin-top: ;
    padding: 10px 4px;
    display: inline-block;
    height: 100%;
    background-color: inherit;

}







.sm2MOBIx3 {
    width: 131px;
    margin: 14px 12px 0px 6px;
        margin-left: 6px;
    padding: 30px 7px;
    border-radius: 25px;
    font-size: 20px;
    font-family: arial;
    height: auto;
}



.acm2MOBIx3 {

    height: 246px;
    width: 280px;
    margin: 18px 13px 3px 8px;
    
    margin-left: -1px;
    padding: 9px 28px 10px 25px;
    border-radius: 28px;
    font-size: 40px;
    font-family: arial;

}



/*.acm2MOBIx3 span{

    font-size:17px;
}

*/



.CoinnameKPT3 {

    font-size: 15px;
    display: inline-block;
    margin-bottom: -3px;

}

.CoinnameKPT3MOBI {
    font-size: 18px;
    display: inline-block;
    margin-bottom: 15px;
}




.serDropMOBIx3 {

    height: 414px;
    width: 559px;
    transform: translate(23px, -455px);
 
}



.serDropMOBIx3 button {

    margin: 5px 10px 5px 10px;
    border-radius: 15px;
    height: 82px;
    z-index: 5000;
    width: 236px;
    padding: 10px 10px;
    font-size: 22px;

}


/*.glyphicon-arrow-right{
    z-index:50;
    color:orange;
    right:225px;
    top:20px;
    position:absolute;
    display:none;
}


.glyphicon-arrow-left{
    z-index: 50;
    color:orange;
    right:230px;
    top:20px;
    position:absolute;
    display:none;


}
*/


.depositMOBIx3 {
height: 813px;
margin-top: 0px;
opacity: .98;
width:99%;
margin:-11px -22px;
padding-top:80px;
}


.DepositButtonsMOBIx3{
  margin-top:33px;

font-size:26px;
box-shadow: inset 0 1px 5px white;
border-radius: 15px;

}



#toSavingMOBIx3{
  display:none;
  z-index: 50;
  background-color:black;
  color:darkgrey;
  position:absolute;
  width:150px;
  height:25px;
  right:185px;
  top:-25px;
  border-radius: 10px;
  padding:2px;
}



#toCheckingMOBIx3{
  display:none;
  z-index: 50;
  background-color:black;
  color:darkgrey;
  position:absolute;
  width:150px;
  height:25px;
  right:185px;
  top:-25px;
  border-radius: 10px;
  padding:2px;
}












.qty2MOBIx3{
height: 200px;
width: 100%;
font-size:20px;
text-align: center;


font-size:30px;
height: 200px;
width: 100%;

}



.qty2x3:hover{

  cursor: pointer;
}
 


   
.qtyvalue2MOBIx3{

background-color:inherit;
    height: 80px;
    width: 250px;
    margin-left: 0px;
    color: white;
    font-size: 75px;
   margin-top: 18px;
    border:none;

}


.QtyValueCoverMOBIx3 {
    height: 107px;
    width: 305px;
    right: 111px;
}



.billsMOBIx3{
  font-size: 20px;
}



.qtyvalue23MOBIx3{

background-color:inherit;
height:50px;
width:70px;

margin-left:0px;
color:white;
border:none;
font-size:35px;

}






.amountMOBIx3{
margin-left: 78px;
font-size: 70px;
 
}



#amountMOBIx3:hover{
  cursor:pointer;
 
}





/*#backSpacex3, #backSpaceRx3, #backSpaceCCx3{
  float:right;
  margin-top:10px;
  margin-right:3px;
}
*/




.numVMOBIx3{
    display:;
    border-radius:0px;
    padding: 3px 5px 3px 5px;

  width: 61px;
  height: 87px;

  font-size: 35px;
}


.backSpaceMOBIx3 {

    float: right;
    margin-top: 10px;
    margin-right: 3px;
    position: relative;
    bottom: 190px;
    left: 540px;

}



.numRMOBIx3{
    display:none;
    border-radius:0px;
    padding: 3px 5px 3px 5px;

  width: 61px;
  height: 87px;

  font-size: 35px;


}

.numCCMOBIx3{
    display:none;
    border-radius:0px;
    padding: 3px 5px 3px 5px;

  width: 61px;
  height: 87px;

  font-size: 35px;

}

.numTMOBIx3{
  display: none;
  z-index:1;
  position:absolute;
  transform: translate(0px,  -20px);
    border-radius:0px;
    padding: 3px 5px 3px 5px;
    height: 55px;
    width: 55.47px;
    font-size:23px;



}

.numTDMOBIx3{
  display: none;
transform: translate(0px,  -20px);
    border-radius:0px;
    padding: 3px 5px 3px 5px;
    height: 55px;
    width: 55.47px;
    font-size:23px;

}








.fin2MOBIx3{

    opacity: .93;
    background-color: #071422;
border-radius: 0px 0px 30px 30px;
    height: 150px;
    width: 100%;
   padding: 0px;


    
}


.finBMOBIx3{


    border: none;
    border-radius: 30px;
    background-color: #424242;
    margin-right: 25px;
    color: white;
    font-family: arial;
    font-size: 25px;
    padding: 20px 30px;
    width:170px;
    height:70px;
     margin: 40px 10px;
}



 .confBack2YMOBIx3{
    z-index: 500;
    position:;
    height:100%;
    width: 100%;
    
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: #071422;
    border: none;
    /*transform: translate(-10px, -14px);*/
    display: none;
    padding-top: 40px;

 }







.confirm2YMOBIx3{

    height: 93px;
    width: 239px;
    font-size: 31px;
    padding: 11px 0px;
    margin: 0px 1px -23px 55px;
    border-radius: 30px;

}


.back2YMOBIx3{

    height: 93px;
    width: 240px;
    font-size: 31px;
    padding: 11px 0px;
    margin: 0px 9px -23px 1px;
    border-radius: 30px;

}









 .servicePanelsMOBIx3{

height: 752px;
font-size: 26px;
padding: 40px 10px 10px 10px;
margin: 0px;
width: 100%;
border-radius: 30px 30px 0px 0px;

 }




 .closeSer2PanelsMOBIx3{
    
display: none;
z-index: 1500;
position: absolute;
text-align: center;
width: 40px;
height: 53px;
padding: 5px;
background-color: transparent;
font-size: 15px;
color: grey;
transform: translate(-292px, -104px);
border: none;
border-radius: 30px;
font-size: 46px;
color: red;
font-family: arial;

  }





  .CardMOBIx3{

width: 197px;
height: 242px;
font-size: 25px;
margin: 21px 32px;

  }



.CardMOBIx3 span {
    display: block;
margin: 13px 1px;
font-size: 17px;
}



.CreditcCardsMOBIx3 {

 
    width: 100%;
padding: 3px 39px 10px 75px;
margin-top: 5px;
}






.Card1ImputLabelMOBIx3{

right: 13px;
bottom: -5px;
font-size: 19px;
width: 170px;

}



.Card2ImputLabelMOBIx3{

right: 13px;
bottom: -5px;
font-size: 19px;
width: 180px;

}



.Card3ImputLabelMOBIx3{

left: -4px;
bottom: -3px;
font-size: 19px;
width: 170px;


}



.Card4ImputLabelMOBIx3{

left: -4px;
bottom: -3px;
font-size: 19px;
width: 160px;


}




.CardImputLabelMOBIx3{
    font-size: 28px;
    width: 100px;

  }








.billButtonsMOBIx3{
    padding: 10px 40px 10px 150px;
}

.DenominatedBillsMOBIx3{
margin: 51px 100px;
}



.DenoImput10LabelMOBIx3{

    margin: 3px 0px 5px 0px;
    position: relative;
right: 9px;
top: 63px;

}


.DenoImput20LabelMOBIx3{

    margin: 3px 0px 5px 0px;
    position: relative;
    right: 11px;
    top: 63px;

}


.DenoImput50LabelMOBIx3{

    margin: 3px 0px 5px 0px;
    position: relative;
left: -11px;
top: 60px;

}

  .DenoImput100LabelMOBIx3{

    margin: 3px 0px 5px 0px;
    position: relative;
    left: -11px;
   top: 60px;

}







.friendsMOBIx3 {

    width: 105px;
    height: 119px;
    margin: 23px 40px 21px 46px;
    font-size: 19px;

}

  .SelectFriendMOBIx3 {
padding-top: 70px;
 }

 .SendReqMOBIx3 {
    height: 63px;
    font-size: 28px;
    padding: 12px;
    margin-top: 25px;
}




  .friendImputMOBIx3 {

width: 100px;
height: 30px;
font-size: 34px;
top: 111px;
right: 8px;

}



.friendsSpanMOBIx3 {

position: relative;
top: 105px;
color: whitesmoke;
right: 10px;
font-size: 19px;

}





.sendAccountMOBIx3 {

    width: 457px;
    height: 77px;
    margin: 99px 0px -10px 0px;
    font-size:40px;
   
  }


  .sendRoutingMOBIx3 {

    width: 457px;
    height: 77px;
   margin: 5px 0px -10px 0px;
    font-size:40px;

  }





.wireSpanMOBIx3{

font-size: 25px;
color:whitesmoke;
margin-top: 5px;

}



.TelContainerMOBIx3 {

    margin: 10px;
    background-color:;
    height: 80px;

}


.ZipContainerMOBIx3{

    margin: -15px;
    background-color:;
    height: 80px;

}



.WireTelephoneMOBIx3{
width: 280px;
height:77px;
font-size:35px;


}


.WireZipCodeMOBIx3{
width: 160px;
height:77px;
font-size:35px;


}


.SwipeCardMOBIx3 {

    height: 595px;
    bottom: 435px;
    padding: 240px 50px;

}



.MSwipeCoverMOBIx3 {

    transform: translate(-57px, -121px);
}






.SwAccCoverMOBIx3 {

    top: 140px;
    right: 58px;
    width: 496px;
}



.SwRCoverMOBIx3 {

    top: 275px;
    right: 58px;
    width: 496px;

}


.SwTelCoverMOBIx3 {

    width: 294px;
    right: 246px;
    bottom: 111px;

}



.SwZipCoverMOBIx3 {

    right: 42px;
    bottom: 111px;
    width: 171px;

}












.cheTsav2MOBIx3{
z-index: 50;
color: orange;
right: 26px;
top: 344px;
position: absolute;
display: none;
font-size: 98px;

}



.savTche2MOBIx3{
z-index: 50;
color: orange;
right: 26px;
top: 344px;
position: absolute;
display: none;
font-size: 98px;

}


.EndPanelsMOBIx3{

  margin: 202px 3px;
}







/*
.PBillMOBIx3 {

margin: 42px 44px 13px 60px;
        margin-left: 60px;
    box-shadow: none;
    width: 209px;
    padding: 10px 8px;
    border-radius: 10px;
    box-shadow: inset 0 1px 5px white;
    border: 1px solid grey;
    font-family: calibri;
    height: 107px;

}

*/



.SelectBillPayMOBIx3 {
    width: 100%;
    padding: 10px 40px 10px 87px;
   
}

.SelectBillPayMOBIx3 span {
 font-size: 15px;
 font-weight:bold;

}



.PBillsMOBIx3 {

    margin: 31px 44px 13px 60px;   
    margin-left: 60px;
    width: 183px;
    padding: 12px 8px;
    
    font-family: calibri;
    height: 120px;
    font-size: 24px;
}




.PBill1ImputLabelMOBIx3 {

    right: -2px;
    bottom: 342px;

}


.PBill2ImputLabelMOBIx3 {

    right: -202px;
    bottom: 343px;

}


.PBill3ImputLabelMOBIx3 {

    right: 144px;
    bottom: 179px;

}

.PBill4ImputLabelMOBIx3 {

right: 36px;
bottom: 179px;

}


.PBill5ImputLabelMOBIx3 {

    right: 85px;
    bottom: 60px;

}

.PBill6ImputLabelMOBIx3 {

    right: -23px;
    bottom: 61px;

}

.PBillImputMOBIx3 {

    font-size: 41px;
    width: 105px;
    height: 36px;

}












.TakeLoanMOBIx3 {

 
    width: 100%;
    padding: 10px 20px 10px 74px;
}


.TLoanMOBIx3{

    margin: 44px 21px 19px 10px;
    width: 187px;
    padding: 15px 8px;
    height: 143px;
    font-size: 25px;

}

.TLoanImputMOBIx3 {

    font-size: 42px;
    margin-bottom: 10px;
    width: 127px;
    height: 32px;

}



.TLoan1ImputLabelMOBIx3 {

    right: 8px;
    top: 22px;

}

.TLoan2ImputLabelMOBIx3 {

    right: -1px;
    top: 21px;

}



.TLoan3ImputLabelMOBIx3 {

    right: 9px;
    top: 21px;

}


.LoanParraMOBIx3 {

    margin-top: 5px;
    font-size: 15px;

}








.MerchantLabelsContMOBIx3 {

    margin-top: 111px;
}





.MerchantImputMOBIx3 {
    height: 90px;
    font-size: 36px;
    box-shadow: inset 0 1px 9px grey;
    border-radius: 20px;
}


.MSwipeMOBIx3 i{
font-size: 95px;
color:lightgrey;
}



/*/////*/

.clickedSwipex3{

}

.clickedSwipex3 i{
  color:grey;
}
/*//////*/





/*////////////////////////////*/

#QuickPay2x3, #QuickPay3x3{
  display: none;
}


.OperationEndedPanelx3{
    box-shadow: 0 3px 5px black;
}


.OperationEndedPanelMOBIx3 {
  box-shadow: 0 3px 5px black;
    margin: 200px 5px;

}



.btn-group, .btn-group-vertical {

    z-index: 0;
}







/*.WireTransferLabelsx3{
  margin-top: 70px;
}



.Sellx3{
background-color: white;
border-radius:15px;
}

.WRLabelNamex3{
  background-color: white;
  color: lightgrey;
  font-size: 12px;
  float:;
  border-radius: 5px;
  position: absolute;
  top: -10px;
}

.HHH{
background-color: transparent;


color: grey;
font-size: 25px;
border:none;
text-align: center;
}



.Thecoverx3 {

    background-color: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: inherit;
    left: 0px;
    top: 0px;

}*/


.WireTransferLabelsx3{
  margin-top: 0px;
  padding: 60px 60px;
}



.Sellx3{
background-color: white;
border-radius:15px;
}

.WRLabelNamex3{
  background-color: white;
  color: grey;
  font-size: 15px;
  float:;
  border-radius: 5px;
  position: absolute;
  top: -14px;
  padding: 0px 7px;
}

.HHH{
background-color: transparent;


color: grey;
font-size: 25px;
border:none;
text-align: center;
width: 100%;
height: 100%;
}



.Thecoverx3 {

    background-color: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: inherit;
    left: 0px;
    top: 0px;

}





.WrtLabelx3{
height: 62px;
margin: 20px 0px;
border: 1px solid lightgrey;
}

.NameWrLabelx3{
  width:100%;
}
.AccWrLabelx3{
  width:100%;
}
.RoutWrLabelx3{
  width:100%;
}
.PhoneWrLabelx3{
width: 55%;
margin-right: 24px;
}
.ZipWrLabelx3{
width: 40%;
}

.SpecifyWrtValuex3{

  background-color: whitesmoke;
  font-size: 20px;
  border-radius: 15px;
  border:none;
  color: grey;
  width:;

}








/*//////////////////new Merchant///////////////////////*/



/*.WireTransferLabelsx3{
  margin-top: 70px;
}



.Sellx3{
background-color: white;
border-radius:15px;
}

.MerLabelNamex3{
  background-color: white;
  color: lightgrey;
  font-size: 12px;
  float:;
  border-radius: 5px;
  position: absolute;
  top: -10px;
}

.HHH{
background-color: transparent;


color: grey;
font-size: 25px;
border:none;
text-align: center;
}



.Thecoverx3 {

    background-color: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: inherit;
    left: 0px;
    top: 0px;

}*/


.MerchantLabelsx3{
  margin-top: 0px;
  padding: 50px 50px;
}



.Sellx3{
background-color: white;
border-radius:15px;
}

.MerLabelNamex3{
  background-color: white;
  color: grey;
  font-size: 15px;
  float:;
  border-radius: 5px;
  position: absolute;
  top: -14px;
  padding: 0px 7px;
}

.MerHHH{
background-color: transparent;


color: grey;
font-size: 33px;
border:none;
text-align: center;
width: 100%;
height: 100%;
}




.MerchantNameInputx3, .MerchantAccountInputx3, .MerchantRoutingInputx3, .MerchantTelephoneInputx3, .MerchantZipCodeInputx3{

}

#backSpaceCCx3, #backSpaceRx3, #backSpaceSwTelx3, #backSpaceSwZipx3{
  
}




.Thecoverx3 {

    background-color: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: inherit;
    left: 0px;
    top: 0px;

}



.MerchantLabelx3{
height: 68px;
margin: 20px 0px;
border: 1px solid lightgrey;
}


.SwipeCardMerLabelx3 {
    width: 18%;
    font-size: 58px;
    padding: 3px;
    color: grey;
    display: inline-block;
    margin-right: 10px;
}



.NameMerLabelx3{
  width:80%;
}
.CardMerLabelx3{
  width:100%;
}
.DateMerLabelx3{
  width: 48%;
  margin-right: 35px;
}
.CVDMerLabelx3{
width: 45%;

}
.ZipMerLabelx3{
width: 40%;
}

.SpecifyMerchantValuex3{

  background-color: whitesmoke;
  font-size: 20px;
  border-radius: 15px;
  border:none;
  color: grey;
  width:;

}







/*//////////////////new Merchant///////////////////////*/








.SerPanelCompiledMOBIx3{
width: 85%;
background-color: transparent;
margin:auto;
margin-bottom: 10px;
}


.ServicePanelHeaderx3 {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    color: grey;
    display: block;
    margin: 0px 0px;
    font-weight: 700;
}




.servicePanelParrax3 {
    font-size: 12px;
    color: lightgrey;
    width: 100%;
}






/*Service Panel Header MOBI*/

.SerPanelCompiledMOBIx3{
width: 85%;
background-color: transparent;
margin:auto;

}

.ServicePanelHeaderMOBIx3{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 26px;
color:grey;
display: block;
margin:10px 0px;
font-weight: 700;
}

.servicePanelParraMOBIx3{

font-size: 18px;
color:lightgrey;
width:100%;
}


/*Service Panel Header MOBI*/





/*//////////////Change Pin/////////////*/


.ChangePinx3{
  margin-top: 0px;
  padding: 70px 125px;
  position: absolute;
  display:none;
  z-index: 500;
  background-color: white;
}



.ChangePinLabelsx3{
    margin-top: 90px;
}




.ChangePinNamex3{
  background-color: white;
  color: grey;
  font-size: 15px;
  float:;
  border-radius: 5px;
  position: absolute;
  top: -14px;
  padding: 0px 7px;
}


.ChangePinLx3{
height: 68px;
margin: 20px 0px;
border: 1px solid lightgrey;
width:100%;
}



.ChangePinHHHx3{
background-color: transparent;


color: grey;
font-size: 33px;
border:none;
text-align: center;
width: 100%;
height: 100%;
}






.EnterPinInputx3, .ConfirmPinInputx3{

}





.Thecover {

    background-color: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: inherit;
    left: 0px;
    top: 0px;

}




.MatchedPinYesx3{
  margin-top: 50px;
  height:70px;
  background-color:whitesmoke;
  color:Green;
  display: none;
  width: 90%;
  font-weight: 100;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  padding: 20px;
  border-radius: 15px;
}

.MatchedPinNOx3{
  margin-top: 50px;
  height:70px;
  background-color:whitesmoke;
  color:tomato;
  display:none ;
  width: 90%;
  font-weight: 100;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  padding: 20px;
  border-radius: 15px;
}






/*//////////////////Change Pin///////////////////////*/