/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 1, 2022, 12:17:07 PM
    Author     : admin
*/

.bankList{
    background-image: url("images/bank_logos_s.png") !important;
    background-position: right;
    background-repeat: no-repeat;
    width: 100%;
    height: 80px;
    display: inline-block;
}

.shetab{
    background-image: url("images/shetablogo.gif") !important; 
    background-position: left;
    background-repeat: no-repeat;
    width: 34%;
    height: 80px;
    display: inline-block;
}

.melli_gateway{
    background-image: url("images/melli_s.png") !important; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: 38px 50px;
    height: 50px;
    margin-bottom: -10px;
    margin-top: 10px;
}

.mellat_gateway{
    background-image: url("images/melat.png") !important; 
    background-position: center;
    background-repeat: no-repeat; 
    background-size: 45px 50px;
    height: 50px;
    margin-bottom: -10px;
    margin-top: 10px;

}

.parsian_gateway{
    background-image: url("images/parsian.png") !important; 
    background-position: center;
    background-repeat: no-repeat; 
    background-size: 50px 50px;
    height: 50px;
    margin-bottom: -10px;
    margin-top: 10px;

}

.tejarat_gateway{
    background-image: url("images/tejarat.png") !important; 
    background-position: center;
    background-repeat: no-repeat; 
    background-size: 50px 50px;
    height: 50px;
    margin-bottom: -10px;
    margin-top: 10px;

}

#banksList{
    width: 100%;
    text-align: center;
    /*margin-bottom: 0px !important;*/
}

#banksList li{
    list-style: none;
    width: 80px;
    display: inline-block;
    cursor: pointer;
    border: solid 0.5px #9BAFCA;
    border-radius: 10px;
    margin-top: 10px;
}

#banksList li input{
    cursor: pointer !important;
    visibility: hidden;
}

#banksList li:hover{
    box-shadow: 5px 5px 5px #777777;
    -moz-box-shadow: 5px 5px 5px #777777;

}

#banksList li:active,#banksList li.selected{
    box-shadow: inset 0px 0px 10px #777777;
    -moz-box-shadow: inset 0px 0px 10px #777777;

}