/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 07 2020 | 17:14:24 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 27 2019 | 09:02:22 */
  #ebanking_ui{
   width:100%;
   height:500px;
   position: relative;
   display: block;
  }
  #menu_ebanking_dash{
    
background-image: url('/wp-content/uploads/sites/2/2019/03/ebanking_dashboard.png');
    
background-repeat: no-repeat;
    
background-position: center 5px;
    
background-size: 60px;
  }
  
  #menu_ebanking_history{
  background-image: url('/wp-content/uploads/sites/2/2019/03/ebanking_history.png');
  background-repeat: no-repeat;
  background-position: center 5px;
  background-size: 60px;
  }
  
  #menu_ebanking_newtransfer{
    
background-image: url('/wp-content/uploads/sites/2/2019/03/ebanking_transfer.png');
    
background-repeat: no-repeat;
    
background-position: center 5px;
    
background-size: 60px;
  }
  #menu_ebanking_products{
    
background-image: url('/wp-content/uploads/sites/2/2019/03/ebanking-products.png');
    
background-repeat: no-repeat;
    
background-position: center 5px;
    
background-size: 60px;
  }
  #menu_ebanking_settings{
  background-image: url('/wp-content/uploads/sites/2/2019/03/ebanking_settings.png');
  background-repeat: no-repeat;
  background-position: center 5px;
  background-size: 60px;
  }
  .ebanking_screen{
   width:100%;
   height:500px;
   z-index:1;
   position:absolute;
   background-color:#FFF;
   opacity:0;
  }
  
  #ebanking_menu{
    display: block;
    position: relative;
    width: 25%;
    height: 100%;
    float: left;
    padding: 10px;
  }
  
  #ebanking_view{
  position: relative;
  display: block;
  width: 70%;
  height: 100%;
  background: pink;
  float: left;
  }

.ebanking_alert{
  position:absolute;
  background:red;
  width:100%;
  height:0px;
  top:0px;
  left:0px;
  z-index:200;
}

  #ebanking_menu_dash{
  }

#ebanking_dash>.ebanking_view_box{
    display:block;
    position:relative;
    width: 60%;
    text-align:left;
    border:5px #1e7cc1 solid;
    padding:10px;
    border-radius:10px;
    margin-top:20px;
}

#ebanking_dash>.ebanking_view_box>.ebanking_view_box_label{
    font-weight:normal;
    font-size:26px;
}

#account_balance{
    font-weight:bold;
    font-size:26px;
}

#ebanking_newtransfer{
    text-align:left;
}
#open_recipients_screen{
  float:right;
}

.list_remove_button{
 height:20px;
 width:20px;
 position:relative;
   display:block;
   background-color:red;
}

.list_remove_button:hover{
   background-color:orange;
}

.list_remove_button:active{
   background-color:yellow;
}

#ebanking_history{
     overflow-y: scroll;
     overflow-x: hidden; 
}

#ebanking_currentaccount .account_history{
 width: 95%;
 margin: 0 auto;
 height: 166px;
 overflow: hidden;
}

#ebanking_currentaccount .account_history thead{
  padding:0px;
  font-size: 12px;
  font-weight:bold
}

#ebanking_currentaccount .account_history table, tbody, tr, td{
  border:0px solid white!important;
}

#ebanking_currentaccount .account_history td{
  padding:0px;
  font-size: 12px;
}

#ebanking_currentaccount>.ebanking_view_box{
    display:block;
    position:relative;
    width:50%;
    text-align:left;
    border:1px #1e7cc1 solid;
    padding:10px;
    border-radius:10px;
    margin-top:20px;
    float: left;
    margin-right: 50px;
}

#ebanking_currentaccount>.ebanking_view_box>.ebanking_view_box_label{
    font-weight:normal;
    font-size:26px;
    display: block;
    position: relative;
}

#button_open_history{
 float:right; 
}

#ebanking_debitcard .account_history{
 width: 95%;
 margin: 0 auto;
 height: 166px;
 overflow: hidden;
}

#ebanking_debitcard .account_history thead{
  padding:0px;
  font-size: 12px;
  font-weight:bold
}

#ebanking_debitcard .account_history table, tbody, tr, td{
  border:0px solid white!important;
}

#ebanking_debitcard .account_history td{
  padding:0px;
  font-size: 12px;
}

#ebanking_debitcard>.ebanking_view_box{
    display:block;
    position:relative;
    width:50%;
    text-align:left;
    border:1px #1e7cc1 solid;
    padding:10px;
    border-radius:10px;
    margin-top:20px;
    float: left;
    margin-right: 50px;
}

#ebanking_debitcard>.ebanking_view_box>.ebanking_view_box_label{
    font-weight:normal;
    font-size:26px;
    display: block;
    position: relative;
}
.ebanking_newtransfer_formitem_label{
    display:inline-block;
    width:120px;
}

#send_transfer_button{
    width: 150px;
    height:40px;
    background:#1e7cc1;
    color:#FFF;
    font-size:16px;
    font-weight:bold;
    margin-left:200px;
}

.ebanking_button{
    width:200px;
    height:40px;
    background:#1e7cc1;
    color:#FFF;
    font-size:16px;
    font-weight:bold;
}

.ebanking_button:hover{
background-color:lightblue;
cursor:pointer;
}

.ebanking_button:active{
  background-color:orange;
}

.transfer_confirmation{
    width:280px;
    margin: 0 auto;
    color:white;
    font-weight:bold;
    background:#1e7cc1;
    text-align:center;
    padding:2px;
    opacity:0;
}

#transferconfirmation_banner_placeholder{
 width:100%;
  height:200px;
  background-color:yellow;
}
.ebanking_newtransfer_formitem_input, .ebanking_input{
    height:40px;
    font-size:28px;
    border-radius:10px;
    padding:15px;
    margin:5px!important;
}
  
  #ebanking_menu_products{
    
  }



.cta_box{
	opacity:0;
	margin-right:10px!important;
	float:left;
	width: 90px!important;
	font-size: 9px!important;
	height:70px;
	padding: 0px!important;
}

.cta_box>.ebanking_view_box_label_small{
  margin-top: 20px;
  font-size: 15px;
  text-align: center;
}

.cta_box:hover{
background-color:lightblue;
cursor:pointer;
}

.cta_box:active{
  background-color:orange;
}

.ebanking_view_box_label_small{
     font-weight:normal;
     font-size:16px;
     display: block;
     position: relative;
     line-height: 1;
}
.ebanking_view_box_value_small{
      font-size:16px;  
}

  .ebanking_menu_button{
    display: inline-flex;
    position: relative;
    border: 1px solid darkblue;
    border-radius: 10px;
    width: 40%;
    margin: 10px;
    height: 100px;
    vertical-align: bottom;
    float: left;
    }

.ebanking_menu_button:hover{
background-color:lightblue;
cursor:pointer;
}

.ebanking_menu_button_active, .ebanking_menu_button_active:hover{
  background-color:orange;
}

#ebanking_settings>div {
    display: block;
    position: relative;
    width: 350px;
    height: 40px;
    background: lightblue;
    border: 2px solid #FFFFFF;
}

#ebanking_settings>div:hover{
 background:orange;
}

#ebanking_settings>div:active{
 background:red;
}

.ebanking_menu_button_label{
    align-self: flex-end;
    margin: 0 auto;
    font-size: 12px;
}
  .ebanking_screen_active{
   z-index:101;
  }


#ebanking_products>.ebanking_view_box{
    display:block;
    position:relative;
    float:left;
    background-color: #FFF;
    /* padding:15px; */
    border-radius:10px;
    margin:10px;
    min-width:200px;
    min-height:200px;
    cursor:pointer;
    border: 1px solid #1e7cc1;
}

#ebanking_products>.ebanking_view_box>.ebanking_view_box_label{
    color: #1e7cc1;
    font-weight:bold;
    font-size:15px;
    display:block;
    position: absolute;
    /* padding:10px; */
    width:100%;
    text-align:center;
    bottom: 20px;
}

#ebanking_products>.ebanking_view_box:hover{
     background-color: #add8e6;
}

#ebanking_products>.ebanking_view_box:active{
     background-color: #ffa500;
}

#products_box_current_account{
  background-image: url('/wp-content/uploads/sites/2/2019/06/ebanking_account.png');
  background-repeat: no-repeat;
  background-position: center 30px;
  background-size: 100px;
}

#products_box_debit_card{
  background-image: url('/wp-content/uploads/sites/2/2019/06/ebanking_card.png');
  background-repeat: no-repeat;
  background-position: center 30px;
  background-size: 100px;
}

.box_notifications{
    color:#FFF;
    font-weight:bold;
    background:red;
    position:absolute;
    display:block;
    top:-5px;
    right:-5px;
    padding:0px;
    width:26px;
    height:26px;
    border-radius:15px;
    margin:0px;
    line-height:24px;
    border:2px solid #FFF;
}