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





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


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


/*/////*/


.denoOptions{
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;


}


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

/*//*/





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



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



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




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



.Colors button:hover{

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

}




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

}


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

}


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

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

}



#red{

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


#red4{

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






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

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


}



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

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


}


#navyBlue{

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

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

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

#lightBlue{

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

background-size: cover;

}



#lightBlue2{

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

background-size: cover;

}




#red2{

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

#orange{
 

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


}

#banres{

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


#ponce{
 

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

}

#red3{


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

#blue2{


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


#blue22{


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


#yellow{


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



/*Colors MOBI*/

.ColorsMOBI{
display:;

}


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

.Colors button:hover{

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

}


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

}


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

}



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

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

}



#redMOBI{


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






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

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


}

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

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


}


#navyBlueMOBI{

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

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

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

#lightBlueMOBI{

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

background-size: cover;

}



#lightBlue2MOBI{

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

background-size: cover;

}



#red2MOBI{

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


#red4MOBI{

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

#orangeMOBI{
 

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


}

#banresMOBI{

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


#ponceMOBI{
 

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

}

#red3MOBI{


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

#blue2MOBI{


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


#blue22MOBI{


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


#yellowMOBI{


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






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









.serLabel {

    font-size: 18px;
    background-color: #424242;
    height: 63px;
    width: 177px;
    display: inline-block;
    border: none;
    margin: 2px 0px;
    color: white;
    border-radius: 10px;

}






















.ui2{

height: auto;
border: 1px solid grey;
position:;

border-radius:30px;


padding-bottom: 0px;

margin:10% auto 10% auto;

width: 609px;

padding-bottom: 0px;



}




.checkinginfo2{

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: none;




}
.savinginfo2{

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: none;

}



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



.assistance 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, 204px);
  border: none;
  border-radius: 30px;
  font-size: 20px;
  box-shadow: inset 0 1px 10px lightgrey;
}


.lan2{
 
/*border-top-right-radius: 7px;
border-top-left-radius: 7px;*/
height:63px;
width: 100%;
padding:7px 10px 10px 10px;
border-bottom: 1px dashed white;  


}



.OtherHeader {

    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;

}


.HeaderP{
 display:none;
}



.lan2MOBI{

  display:none;
  border-radius:inherit inherit 0px 0px;
}



.lan2 label{
    
    padding:5px;
    margin:5px;
    width:110px;
    font-weight: 1px; 
    font-size:18px; 
    font-family: arial;
}




.lan2 button {

    padding:5px;
    margin:5px 5px 5px 5px;
    width:110px;
    font-weight: 1px; 
    font-size:18px; 
    font-family: arial;
}



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

}



/*.serm2X{
  position:relative;

 
  height:269px;
  width:100%;
  display:none;




}


.inner{
margin-top:;
padding: 30px 20px;
  display:inline-block;
  height: 100%;
  width:298px;
  background-color: inherit;
}

.sm2{
    width: 100px;
     margin:0px 3px 0px 3px ;
     padding: 7px 7px; 
    background-color:#424242;
    border: 3px solid white; 
    border-radius:15px;
    color:white;
    font-size: 13px;
    font-family: arial;

}

.acm2{
    height: 130px;
    width: 240px;
    margin: 3px 13px 3px 8px;
    padding: 20px 35px 10px 35px;
    background-color: #424242;
    border: 5px solid white;
    border-radius: 15px;
    color: white;
    font-size: 30px;
    font-family: arial;

}

.acm2 span{

    font-size:15px;
}*/





.closeSer2Panels{
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(-298px, -166px);
border: none;
border-radius: 30px;
font-size: 43px;
color: red;
font-family: arial;


}


.Networth{
display: none;
border: 1px solid grey;
border-radius: 20px;
border-top: ;
margin-top: 21px;
padding-bottom: 5px;
padding: 10px;

}


.NetworthMOBI{
display:block;
border: 1px solid grey;
border-radius: 20px;
border-top: ;
margin-top: 0px;
padding-bottom: 5px;
margin-bottom: 17px;


}









.ser2{
  
opacity:.95;
padding: 10px 0px 10px 20px;
height:100px;
width: 100%;
text-align: center;
z-index: 5;
position:relative;
font-size: 12px;

}



.ServicePanel{

}






.ser2 label {
    margin: 16px 16px 12px 8px;
        margin-left: 8px;
    margin-left: 8px;
    padding: 16px;
    border-radius: 19px;
        border-top-right-radius: 19px;
        border-bottom-right-radius: 19px;
    border-top-right-radius: 19px;
    border-bottom-right-radius: 19px;
    font-size: 19px;
    font-family: arial;
    width: 150px;
    height: 57px;
}


#Withdraw4x1{
  display:inline-block;
}

#ScanWithdrawx1{
display: none;

}



.serBother{
  margin:16px 16px 12px 8px ;
  padding: 15px;

    
    border-radius:15px;
   
    font-size: 21px;
    font-family: arial;
    height:57px;
}


/*.serBotherMOBI{
  margin:10px 16px 12px 8px ;
  padding: 15px;

    
    border-radius:15px;
   
    margin-top:10px;
    font-size: 21px;
    font-family: arial;
    height:81px;
}

*/






.serDrop {

min-width: 215px;
transform: translate(-387px, -10px);
opacity: 1;
padding: 15px;
height: 391px;
width: 437px;
}



.serDrop button {

    margin: 5px 10px 5px 10px;
    font-size: 19px;
    float: left;
    padding: 12px;
    border-radius: 11px;
    width: 182px;
    height: 51px;

}




.tof2{
opacity:.95;
padding: 20px 8px 5px 66px;


height:180px;
width: 100%;  

text-align:center;
font-size: 12px;


}







/*.tof2 span{

    font-size:15px;

}
*/



/*///////TofMINI//////////////////*/


.AllAccounts{

    background: transparent;
    border: none;
    font-size: 30px;
    height: 40px;
    width: 40px;
    color: rgb(50, 50, 50);
    left: absolute;
    top: 427px;
    z-index: 5000;
    position: absolute;
}

.AccSpan{

font-size: 20px;
}


.TofMini {

    width: 605px;
    height: 526px;
    background-color: white;
    position: absolute;
    top: 256px;
    left: 295px;
    z-index: 500;
    padding: 11px 18px;
    border-radius: 5px;
    margin:2px;
    display:none;

}

.TofMini h4 {


font-family: georgia;
display: block;
margin:0px 0px;
}

.TofMini p {

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


.TofMini button{

width: 161px;
height: 67px;
border-radius: 15px;
font-size: 13px;
padding: 9px;
margin: 11px 11px;
}



.AssetPerf{

color:green;
position: ;
right: 0px;

}


.AssetPerfdown{

color:red;
position: ;
right: 0px;

}


.TofMini span{

  font-size: 12px;
  }



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




.cheTsav{
z-index: 50;
color: orange;
right: 243px;
top: 3px;
position: absolute;
display: none;
font-size: 112px;
}


.savTche{
z-index: 50;
color: orange;
right: 243px;
top: 3px;
position: absolute;
display: none;
font-size: 112px;


}


#cheTsav2{
    z-index:50;
    color:orange;
    right:275px;
    top:100px;
    position:absolute;
    display:none;
}

#savTche2{
    z-index: 50;
    color:orange;
    right:260px;
    top:100px;
    position:absolute;
    display:none;


}







#toSaving{
  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;
}



#toChecking{
  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;
}












.qty2{

height:107px;
width: 100%;  
font-size:20px;
text-align: center;


font-size:30px;

}



.qty2:hover{

  cursor: pointer;
}
 


   
.qtyvalue2{

background-color:inherit;
height:45px;
width:250px;

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

}

.QtyValueCover {

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

}


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

}




#bills{
  font-size: 20px;
}



.bills{

  margin-left: 8px;
}





.qtyvalue23{
background-color:inherit;
height:50px;
width:70px;
margin-left:0px;
border:none;
font-size:35px;

}






.qtyty2{

   
    width: 100%;
    height: 55px;
    background-color:black;
}


.amount{
  background-color: inherit;
margin-left: 150px;
font-size: 35px;

 
}



#amount:hover{
  cursor:pointer;
 
}




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



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









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

}

.PayButtonsBx1{

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;

}



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









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


    
}


/*.submit2Y, .exit2Y{
height:53px;  
width:130px;
padding: 16px 13px;
border-radius:20px;

margin: 14px 10px;
font-family: arial;

}
*/

.finB{
height:53px;  
width:130px;
padding: 16px 13px;
border-radius:20px;

margin: 14px 10px;
font-family: arial;

}




#submit2{
display:none;
}



#exit2{
display:none;

}







/*
.confirm2{
    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;

}
*/



/*
.back2{
    z-index: 500;
position;
    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;

 }*/




 .confBack2Y{
    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;

 }


.confirm2Y{

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;


}



.back2Y{

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;


 }


 



 .confBack2{
    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;

 }







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


 .confirm24{
    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;

}



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

.depositCash{
    z-index: 500;
position:absolute;
   height:400px;
   width:550px;
   display:none;

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


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



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

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


.CheckPhoto{

width:500px;
height:200px;
border:2px dashed black;
margin: 23px -4px;
}



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

}

.depositCash  p{

font-size:25px;
}





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

.deposit  p{

font-size:25px;
}








.retrieve{
    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;
    color:rgb(102, 102, 102);
       font-family:candara;
   color:grey;
}

/*.retrieve  p{

font-size:25px;
}*/

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

}

.wrongAmount{
    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:none;
      font-family:candara;
  box-shadow: inset 0 1px 10px black;
   
}






.depositCheck{
    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;
    color:rgb(102, 102, 102);
       font-family:candara;
   
}

.CaptureDeposit{
  display:none;
}



/*.depositCheck  p{

font-size:25px;
}
*/

.checkCashSent{
    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;
    color:rgb(102, 102, 102);
       font-family:candara;
   
}

/*.checkCashSent p{

font-size:25px;
}*/

.savCashSent{
    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;
    color:rgb(102, 102, 102);
       font-family:candara;
   
}

.savCashSent p{

font-size:25px;
}


.select{
    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;
      font-family:candara;
  

}

.select p{

font-size:25px;
}





.goodbye{
    z-index: 1000;
position:absolute;
   height:400px;
   width:550px;
   display:none;
   border:1px solid grey;
   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;
}




.goodbye p{

font-size:25px;
}

.goodbye h2{

font-size:40px;
}




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



.TapB:hover{
  cursor: pointer;

  
}


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




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

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

}





.SendRequest{
}

.SendReq {

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

}



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


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


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

 }
*/

/*#closeSend1{

  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, 16px);
border:none;
border-radius: 30px;
font-size: 20px;
color:red;
font-family: arial;
box-shadow: inset 0 1px 10px lightgrey;

}*/


/*#closeSendQuickPay{

  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: 51px;
left: 248px;

}*/


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

.QuickSent{
  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);
}

#quickPayAmount{

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

#happyFriend{

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


}


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

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



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

}




.BillDenominationWdraw{

  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;


}

.billButtons{

    padding: 0px 0px 0px 27px;

}






.DenominatedBills{

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

}


.BillDenominationWdraw span{

font-size:10px;

}








.denoImputLabel{

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

}



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

}




.DenoImput10Label{

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

}

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

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

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




.denoImputValue{
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;

}*/







.SelectedDeDenoImput{

}

.numVclickedImpput10, .numVclickedImpput20, .numVclickedImpput50, .numVclickedImpput100{

}


/*//////////////Credit Cards////////////////////////////*/


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





.CreditCards span{

font-size:11px;

}




.creditcCards{

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



.card1, .card2, .card3, .card4{
  margin: 5px 5px;
  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;


}

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

.Card span{

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




/*#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;

}*/

.CardPayment{
  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);
}

#cardPaymentAmount{

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

#happyCard{

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




}



.CardStatement{

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;




}

#CardName{

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




.CardImputLabel{

font-size: 17px;
color:whitesmoke;
font-family: calibri;
height: 29px;
position: absolute;
left: 18px;
bottom: -41px;

}



.CardImputLabel input{

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

}

.CardImput{
  font-size: 30px;
}



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



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


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





.PayBills span{

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

}


.SelectBillPay{
  padding-left: 39px;

}


.PBill1, .PBill2, .PBill3, .PBill4, .PBill5, .PBill6 {

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

     padding: 10px 8px;
    font-family: calibri;
    font-size:21px;

/*background-image: url("../img/girl.png");
background-position:center;
background-size: 80%;
background-repeat: no-repeat;*/

}








.PBill span{
  font-size:12px;
}





.BillPaySent{
  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;

}*/

.BillPayment{
  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);
}

#cardPaymentAmount{

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

#happyCard{

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




}



.CardStatement{

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;




}

#CardName{

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




.PBillImputLabel{

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

}



.PBillImputLabel input{


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

}

.PBillImput{
  font-size: 30px;
  width: 80px;

height: 23px;
}


.PBill1ImputLabel{

margin: 3px 0px 5px 0px;
position: relative;
left: -15px;
bottom: 136px;

}

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

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

.PBill4ImputLabel{
margin: 3px 0px 5px 0px;
  position: relative;
right: 198px;
bottom: 16px;
}

.PBill5ImputLabel{
margin: 3px 0px 5px 0px;
  position: relative;
right: 122px;
bottom: 16px;

  
}

.PBill6ImputLabel {

    margin: 3px 0px 5px 0px;
    position: relative;
    right: 42px;
    bottom: 16px;

}


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

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



.Merchant{

    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:;

}






.MerchantLabelsCont{

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





.MerchantLabel{

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

.MerchantImput{

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






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

}


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

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








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


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

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






/*covers*/

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

}


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



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


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

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

/*/////*/





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

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

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

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

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




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


.SWcard{
  font-size: 60px;
}



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

}





.MerchCardCharged{

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

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





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


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







.TakeLoans span{

font-size:10px;

}


.TakeLoan {

    padding: 10px 20px 10px 74px;
    margin-top: -16px;
}



.loanLabel {

    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;

}



.TLoan1, .TLoan2, .TLoan3, .TLoan4, .TLoan5, .TLoan6 {
  margin: 1px 10px 33px 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;

}


.TLoan span{

  display: block;
}


.TLoanSpan{

  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;

}*/

.BillPayment{
  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);
}

#cardPaymentAmount{

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

#happyCard{

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




}



.CardStatement{

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;




}

#CardName{

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






.TLoanImputLabel{

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

}





.TLoanImput{

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;

}

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


.TLoan1ImputLabel{

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

}

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

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

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

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

  
}

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


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


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



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








.hold{

  display:inline-block;
  font-size: 12px;
}




  .SelectFriend {

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



.friends{

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





.friendsSpan{
  position: relative;
  top:76px;
  color:whitesmoke;
  right: 14px;
}




.friendImput{

    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////////////*/

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

.FriendMemo span {

font-familiy:arial;
}


.FriendMemoMOBI {

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



.JeffMemo, .MariaMemo, .JohnMemo, .LeahMemo, .PaulMemo, .JennyMemo, .GokuMemo{
}





.labelTextmemo{

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


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



.WriteMemo p{

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


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


.WriteMemoMOBI {
    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;

}



.WriteMemoMOBI span {
font-size: 41px
}


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



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


.TMemo{

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



.JeffTTMemo, .MariaTTMemo, .JohnTTMemo, .LeahTTMemo, .PaulTTMemo, .JennyTTMemo, .GokuTTMemo{
}



.SubmitMemo {

    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;

}




.SubmitM{
color:green;
  } 

.CancelM{
color:red;
}




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








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





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



/*.sendMoney2 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;


}*/






.sendAccount{
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;

}


.sendRouting{
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;

}





.TelContainer {

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

}


.ZipContainer{

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

}



.WireTelephone{
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;

}


.WireZipCode{
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;

}


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

}




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

}
*/

/*///////////*/
.SwCovers{

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

}


.SwAccCover{

    right: 84px;
    width: 439px;
}


.SwRCover{

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

}


.SwTelCover{

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

}



.SwZipCover{

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

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


.SwImput{

}

.SelectedSwImput{
  border:5px solid grey;
}




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

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

}

.Schedule > #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;

}


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


.ScheduleMOBI > #datepicker {

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

}




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






.sendMoney2 input:focus{

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

}


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




}

.sendMoney2 button:hover{


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




}




.sendMoney3{
  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;
border:1px solid grey;


}



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


}


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

}


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




}

.sendMoney3 button:hover{


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




}





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


}

#account{
  font-size:27px;


}*/


.tranToChecking{
    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;
   font-family:candara;
   color:grey;
}







.tranToSavings{
    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;
     font-family:candara;
   color:grey;
}




.tranToChecking, .tranToSavings input{
  font-size:30px;
}


.tranToSavings input{

  font-size:36px;
  border:none;

}


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

} 


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


}



#inCheck{
  width: 100px;
  color: black;
  font-size: 45px;
  border: none;
  font-family: georgi;



  } 



#inSav {
  width: 100px;
  color: black;
  font-size: 45px;
  border: none;
  font-family: georgi;
}



#Mike{

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

}

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



#Jeff{

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


}

#Maria{

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


}


#John{

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


}


#Leah{

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

}


#Paul{

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

}


#Jenny{

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

}


#Goku{

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

}








  .CardPayment, .checkCashSent, .tranToSavings, .tranToChecking, .retrieve, .GoodBye, .LoanGranted, .depositCash, .QuickSent{

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

  z-index: 500;
position: absolute;
height: 500px;
width: 550px;
display: none;
border-radius: 20px;
background-color: white;
text-align: center;
transform: translate(28px, 15px);
padding: 100px 30px;
font-size: 20px;

border: none;
color: rgb(102, 102, 102);
font-family: candara;
z-index: 5000;

}



 .ServicePanel{

border-radius: 10px;
height: 338px;
border: none;
margin: 2px;
width: 605px;
/*width: 100%;
position: static;*/
}


/*/////////////*/
/*
#qtyvalue2::placeholder{
  opacity: 1;
}

#qtyvalue2::-ms-input-placeholder{
  /*Miccrosoft edge*/
/*  opacity: 1;
}*/

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



 .friends, .DenominatedBills, .Card, .PBill, .TLoan{

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




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


/* .SerPanLabelsMOBI{

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

}*/












.ui2MOBI{

height: auto;
border: 1px solid grey;
position:;

border-radius:30px;



margin:5% auto 0% auto;

width: 609px;




background-position:center;
background-size: cover;
padding-bottom: 0px;



}





.lan2MOBI{
 
border-radius: 30px 30px 0px 0px;
height:120px;
width: 100%;
padding:14px 10px 10px 10px;
border-bottom: 1px dashed white;  


}




.lan2MOBI label{

    background-color: inherit;
    padding: 15px 10px;
    margin: 12px;
    width: 140px;
    font-weight: 1px;
    font-family: arial;

height: 85px;
font-size: 38px;
border: none;







   




}




.lan2MOBI button {
background-color: inherit;
    padding:15px 10px;
    margin: 12px;
    width:110px;
    font-weight: 1px; 
    font-family: arial;
 

height: 85px;
font-size: 38px;
border: none;
}

.labelText{
  display:block;
font-size: 16px;
font-family: calibri;
font-weight: 10;
}


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

}





.Serm{

  background-position:center;
background-size: 60%;
padding-bottom: 0px;

}





.ser2MOBI {

   padding: 17px 8px 18px 28px;
   height: 160px;
    width: 100%;
    text-align: center;
    z-index: 5;
    position: relative;
    font-size: 14px;

}


.Serminner{

}


.ser2MOBI label{


    margin: 12px 16px 12px 8px;
   
    border-radius: 24px;

  
    font-size: 25px;
    font-family: arial;
    height: 90px;
    width:152px;
    padding: 30px 10px;
}



/*
#QuickPay, #transfer{

  padding-top: 25px;
}
#cash2{

  padding: 10px;
}

*/


.serBotherMOBI {

    margin: 12px 1px 12px 8px;
        margin-top: 10px;
        margin-left: 8px;
    padding: 15px;
    border-radius: 19px;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
  /*  margin-top: 33px;*/
    font-size: 21px;
    font-family: arial;
    height: 91px;
    width: 50px;

}



/*.ser2MOBI li button {

    margin:5px 10px 5px 10px;
    font-size: 20px;
    float:left;
     height:70px;
}
*/



.serDropMOBI {

    min-width: 215px;
    transform: translate(-521px, -5px);
    opacity: 1;
    padding: 15px;
    height: 625px;
    width: 566px;
}




.serDropMOBI button {

    margin: 10px 10px 5px 10px;
    font-size: 24px;
    float: left;
    padding: 23px 18px;
    border-radius: 22px;
    width: 246px;
    height: 84px;
}



.tof2MOBI {
    padding: 0px 0px 69px 33px;
    height: 342px;
    width: 100%;
    text-align: center;

}


.acm2x1 {

    margin: 0px 30px 12px 8px;
        margin-left: 8px;
    margin-left: 8px;
    padding: 6px 38px 6px 38px;
    border-radius: 22px;
    font-size: 18px;
    font-family: arial;
    height: 125px;
    width: 218px;



height: 132px;
width: 227px;
margin: 0px 14px 3px 8px;
margin-left: 8px;
margin-left: 8px;
padding: 6px 35px 6px 34px;
border-radius: 30px;
font-size: 28px;
font-family: arial;
}



.acm2MOBIx1 {

    border-radius: 34px;
        border-top-right-radius: 34px;
        border-bottom-right-radius: 34px;
    font-size: 40px;
    font-family: arial;
    height: 277px;
    width: 270px;
    padding: 19px 40px;

    margin: 0px 11px 10px 0px;
    width: 255px;
    height: 355px;
}



.CoinTypeKPT1{
font-size: 50px;
display: block;
} 

.CoinnameKPT1{
font-size: 15px;
display:block;
margin-bottom: 15px;
}

.BalKPT1 {
    display: none;
    font-size: 15px;
    position:;
    color: white;
 
}



.MyCoinsKPT1 {

    display:inline-block;
    border: none;
    background-color: transparent;
    color: witet;
    font-size: 37px;
    font-family: calibri;
    height: 50px;
    width: 55%;
    text-align: center;

}



.CoinLettersKPT1{
display: inline-block;
font-size: 25px;
color: white;
}



.MyCoinsInUSKPT1{
  display:block;
border:none;
background-color:transparent;
color: none;
font-size: 20px;
font-family: calibri;
height: 26px;
width: 100%;
text-align: center;

}

.CurrentCoinCostInUSKPT1{
display:block;
border:none;
background-color:transparent;
color: white;
font-size: 20px;
font-family: calibri;
height: 36px;
width: 100%;
text-align: center;

}




.BlackedLettersKPT1{
    color: black;
}



/*.tof2MOBI span{

    font-size:17px;

}
*/







/*.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;


}*/


/*#cheTsavMOBI{
z-index: 50;
color: orange;
right: 192px;
top: -3px;
position: absolute;
display: none;
font-size: 123px;
}


#savTcheMOBI{
z-index: 50;
color: orange;
right: 192px;
top: -3px;
position: absolute;
display: none;
font-size: 123px;


}*/

/*
#cheTsav2MOBI{
z-index: 50;
color: orange;
right: 250px;
top: 40px;
position: absolute;
display: none;
font-size: 100px;

}

#savTche2{

z-index: 50;
color: orange;
right: 250px;
top: 40px;
position: absolute;
display: none;
font-size: 100px;

}
*/




/*

#toSavingMOBI{

  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;

}



#toCheckingMOBI{

  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;

}

*/


.depositMOBI {
height: 820px;
margin-top: 0px;
opacity: .98;
padding-top: 80px;
width:99%;
margin:-11px -25px;
}

.DepositButtonsMOBI{
  margin-top:8px;

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

}





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


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


}





.qty2:hover{

  cursor: pointer;
}
 


   
.qtyvalue2MOBI{

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


}

.QtyValueCoverMOBI {
    height: 107px;
    width: 305px;
    right: 177px;
}




#billsMOBI{
  font-size: 20px;
}



#qtyvalue23MOBI{

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

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

}






.qtyty2MOBI{

   
    width: 100%;
    height: 55px;
    background-color:black;
}


.amountMOBI{

  background-color: inherit;
margin-left: 80px;
font-size: 70px;

}



#amount:hover{
  cursor:pointer;
 
}



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

  width: 61px;
  height: 87px;

  font-size: 35px;
}



.backSpaceMOBI {

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

}



/*#backSpace, #backSpaceR, #backSpaceCC{
  float:right;
  margin-top:10px;
  margin-right:3px;
}

*/







.fin2MOBI{

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



    
}


.finBMOBI {

    border-radius: 27px;
    margin-right: 25px;
    font-family: arial;
    font-size: 25px;
    padding: 20px 30px;
    width: 176px;
    height: 74px;
   margin: 36px 3px;

}





 .confBack2YMOBI{
    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;

 }

.confirm2YMOBI{

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

}

.back2YMOBI {

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

}


.servicePanelsMOBI {

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

}




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

 }*/

 .closeSer2PanelsMOBI{
    
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, -306px);
border: none;
border-radius: 30px;
font-size: 43px;
color: red;
font-family: arial;


  }




/*/////////Credit Cards Mobi/////////////*/

  .CardMOBI{

width: 184px;
height: 207px;
font-size: 25px;
margin: 24px 32px;

  }





.CreditcCardsMOBI {

    margin-left: 15px;
    width: 100%;
padding: 3px 39px 10px 89px;
}



.CardMOBI span {

    display: block;
    margin: 10px 1px;
    font-size: 15px;
}





.CardImputMOBI{
    font-size: 47px;
    width: 100px;

  }



.CardImputLabelMOBI {

   font-size: 25px;
    position: absolute;
    left: 25px;
bottom: -48px;
height: 40px;
}




/*/////////Credit Cards Mobi/////////////*/


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


.DenominatedBillsMOBI{
margin: 51px 100px;
}



.DenoImput10LabelMOBI{

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

}


.DenoImput20LabelMOBI{

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

}


.DenoImput50LabelMOBI{

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

}

  .DenoImput100LabelMOBI{

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

}




.friendsMOBI{
   

margin: 20px 41px 30px 43px;
width: 105px;
height: 119px;
font-size: 19px;
  }

  .SelectFriendMOBI {
padding-top: 70px;
 }

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


  .friendImputMOBI{

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

}



.friendsSpanMOBI{

    position: relative;
    top: 104px;
    color: whitesmoke;
    right: 23px;
    font-size:14px;

}




/*//////Friend Memo//////////*/



/*.FriendMemoMOBI {
  
    left: 70px;
    top: 33px;
}

*/




/*//////Friend Memo//////////*/







.sendAccountMOBI{
    margin-top: 92px;
    width: 457px;
    height: 77px;
  /* margin: 60px 20px -14px -19px;*/
    font-size:35px;
   
  }


  .sendRoutingMOBI{

    width: 457px;
    height: 77px;
  /* margin: 40px 20px -12px -18px;*/
    font-size:35px;

  }

  .wireSpanMOBI{

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

}






.TelContainerMOBI {

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

}


.ZipContainerMOBI{

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

}



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


}


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


}


.SwAccCoverMOBI {

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



.SwRCoverMOBI {

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

}


.SwTelCoverMOBI {

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

}



.SwZipCoverMOBI {

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

}









.LoanParraMOBI{
margin-top: 118px;
font-size: 17px
}






.cheTsavMOBI{
z-index: 50;
color: orange;
right: 244px;
top: 73px;
position: absolute;
display: none;
font-size: 118px;
}


.savTcheMOBI{
z-index: 50;
color: orange;
right: 244px;
top: 73px;
position: absolute;
display: none;
font-size: 118px;
}



.EndPanelsMOBI{

  margin: 202px 3px;
}






.SelectBillPayMOBI{
    width: 100%;
    padding: 10px 40px 10px 87px;
    margin-top: 21px;
}

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





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

}


.PBill1ImputLabelMOBI{

right: 7px;
bottom: 343px;

}


.PBill2ImputLabelMOBI {

    right: -201px;
    bottom: 343px;

}


.PBill3ImputLabelMOBI {

    right: 152px;
    bottom: 179px;

}


.PBill4ImputLabelMOBI {

  left: -38px;
bottom: 180px;

}

.PBill5ImputLabelMOBI {

    right: 91px;
    bottom: 60px;

}


.PBill6ImputLabelMOBI {

    right: -18px;
    bottom: 60px;

}

.PBillImputMOBI {

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

}



.coverx1 {
  box-shadow: inset 0 1px 5px lightgrey;
    height: 30%;
    width: 100%;
    background: grey;
    opacity: 0.9;
    padding: 10px 8px;
    border-radius: inherit;
    font-family: calibri;
    font-size: 21px;
    position: absolute;
    left: 0px;
    border-radius: 14px 14px 0px 0px;
    top: 0px;
    background-color: white;

}




.TakeLoanMOBI {

    padding: 10px 20px 10px 74px;

}


.TLoanMOBI{

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

}

.TLoanImputMOBI {

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

}




.TLoan1ImputLabelMOBI {

    right: 8px;
    top: 12px;

}

.TLoan2ImputLabelMOBI {

    right: 19px;
    top: 12px;

}



.TLoan3ImputLabelMOBI {

    right: 9px;
    top: 21px;

}


.LoanParraMOBI {

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

}








.MerchantLabelsContMOBI {

    margin-top: 111px;
}





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


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


.SwipeCardMOBI {

    height: 551px;
    bottom: 432px;
    padding: 200px 50px;

}


.MSwipeCoverMOBI {

    transform: translate(-51px, -126px);
}


/*/////*/

.clickedSwipe{

}

.clickedSwipe i{
  color:grey;
}







.pbcover1{
  /*box-shadow:inset 0 1px 5px grey;*/
background-image: url("../img/bluc.png");
background-position:center;
background-size: 80%;
background-repeat: no-repeat;
}

.pbcover2{
 /* box-shadow:inset 0 1px 5px grey;*/
  background-image: url("../img/verizon.jpeg");
background-position:center;
background-size: 80%;
background-repeat: no-repeat;

}

.pbcover3{
 /* box-shadow:inset 0 1px 5px grey;*/
background-image: url("../img/fit.jpg");
background-position:center;
background-size: 80%;
background-repeat: no-repeat;
}

.pbcover4{
  /*box-shadow:inset 0 1px 5px grey;*/
background-image: url("../img/statefarm.jpeg");
background-position:center;
background-size: 80%;
background-repeat: no-repeat;
}

.pbcover5{
 /* box-shadow:inset 0 1px 5px grey;*/
background-image: url("../img/netflix.png");
background-position:center;
background-size: 80%;
background-repeat: no-repeat;
}










/*///////////ser2Mobile////////////////////*/





  .QuickPay2{
display:none;
}




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

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


.OperationEndedPanelMOBI {

    margin: 200px 1px;
    box-shadow: 0 3px 5px black;

}








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



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

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



.Thecover {

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

}*/


.WireTransferLabels{
  margin-top: 30px;
  padding: 20px 60px;
}



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

.WRLabelName{
  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%;
}



.Thecover {

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

}





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

.NameWrLabel{
  width:100%;
}
.AccWrLabel{
  width:100%;
}
.RoutWrLabel{
  width:100%;
}
.PhoneWrLabel{
width: 55%;
margin-right: 24px;
}
.ZipWrLabel{
width: 40%;
}

.SpecifyWrtValue{

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

}







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



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



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

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



.Thecover {

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

}*/


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



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

.MerLabelName{
  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%;
}




.MerchantNameInput, .MerchantAccountInput, .MerchantRoutingInput, .MerchantTelephoneInput, .MerchantZipCodeInput{

}

#backSpaceCC, #backSpaceR, #backSpaceSwTel, #backSpaceSwZip{
  
}




.Thecover {

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

}



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


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



.NameMerLabel{
  width:80%;
}
.CardMerLabel{
  width:100%;
}
.DateMerLabel{
  width: 48%;
  margin-right: 35px;
}
.CVDMerLabel{
width: 45%;

}
.ZipMerLabel{
width: 40%;
}

.SpecifyMerchantValue{

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

}







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


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


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




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






/*Service Panel Header MOBI*/

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

}

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

.servicePanelParraMOBI{

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


/*Service Panel Header MOBI*/






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


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



.ChangePinLabels{
    margin-top: 90px;
}




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


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



.ChangePinHHH{
background-color: transparent;


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






.EnterPinInput, .ConfirmPinInput{

}





.Thecover {

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

}




.MatchedPinYes{
  margin-top: 28px;
  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;
  font-size: 20px;
}

.MatchedPinNO{
  margin-top: 28px;
  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;
  font-size: 20px;
}






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