.demo ul li { 
    float: left;
    width: 20%;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    background: #f8f6f6;
    border: 1px solid #e7e7e7;
    height: 140px;
    width: 140px;
    margin: 3% 3%;
    padding: 10px;
    background-repeat: no-repeat;
}

.demo ul li p {
    position: relative;
    bottom: -72px;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

span.logo1 {
    background: url(../images/Payers&Merchant.png) no-repeat -24px -176px;
    width: 67px;
    height: 70px;
    display: inline-block;
    position: relative;
    top: 30px;
    left: 27px;
}

span.logo2 {
    background: url(../images/Payers&Merchant.png) no-repeat  -330px -188px;
    width: 61px;
    height: 62px;
    display: inline-block;
    position: relative;
    top: 32px;
    left: 26px;
}

.demo ul li {
    position:relative;
}
.demo ul li p{
    position:absolute;
}

.demo ul li p {
    position: absolute;
    bottom: -39px;
    text-align: center;
}

span.logo3 {
    background: url(../images/Payers&Merchant.png)  no-repeat -269px -182px;
    width: 67px;
    height: 71px;
    display: inline-block;
    position: relative;
    top: 21px;
    left: 27px;

}
span.logo4 {
    background: url(../images/Payers&Merchant.png) no-repeat -370px -181px;
    width: 67px;
    height: 71px;
    display: inline-block;
    position: relative;
    top: 21px;
    left: 27px;
}
span.logo5 {
    background: url(../images/Payers&Merchant.png)  no-repeat -134px -177px;
    width: 59px;
    height: 67px;
    display: inline-block;
    position: relative;
    top: 21px;
    left: 32px;
}
span.logo6 {
    background: url(../images/Payers&Merchant.png)  no-repeat -231px -187px;
    width: 60px;
    height: 62px;
    display: inline-block;
    position: relative;
    top: 29px;
    left: 36px;
}
span.logo7 {
    background: url(../images/Payers&Merchant.png) no-repeat -677px -199px;
    width: 59px;
    height: 36px;
    display: inline-block;
    position: relative;
    top: 40px;
    left: 32px;
}
span.logo8 {
    background: url(../images/Payers&Merchant.png)no-repeat -776px -184px;
    width: 63px;
    height: 66px;
    display: inline-block;
    position: relative;
    top: 25px;
    left: 32px;
}

span.logo9 {
    background: url(../images/Payers&Merchant.png)no-repeat -879px -185px;
    width: 63px;
    height: 66px;
    display: inline-block;
    position: relative;
    top: 25px;
    left: 32px;
}
span.logo10 {
    background: url(../images/Payers&Merchant.png) no-repeat -980px -185px;
    width: 63px;
    height: 66px;
    display: inline-block;
    position: relative;
    top: 25px;
    left: 32px;
}
span.logo11 {
    background: url(../images/Payers&Merchant.png)no-repeat -428px -190px;
    width: 64px;
    height: 64px;
    display: inline-block;
    position: relative;
    top: 25px;
    left: 32px;
}

span.logo12 {
    background: url(../images/Payers&Merchant.png)no-repeat -1181px -187px;
    width: 60px;
    height: 60px;
    display: inline-block;
    position: relative;
    top: 25px;
    left: 32px;
}

span.logo111 {
    background: url(../images/Payers&Merchant.png)no-repeat -71px -417px;
    width: 57px;
    height: 68px;
    display: inline-block;
    position: relative;
    top: 25px;
    left: 32px;
}

span.logo112 {
    background: url(../images/Payers&Merchant.png)no-repeat -178px -418px;
    width: 66px;
    height: 65px;
    display: inline-block;
    position: relative;
    top: 25px;
    left: 32px;
}

span.logo112 {
    background: url(../images/Payers&Merchant.png)no-repeat -271px -418px;
    width: 67px;
    height: 63px;
    display: inline-block;
    position: relative;
    top: 25px;
    left: 32px;
}

span.logo113 {
    background: url(../images/Payers&Merchant.png)no-repeat -383px -423px;
    width: 59px;
    height: 51px;
    display: inline-block;
    position: relative;
    top: 25px;
    left: 32px;
}

span.logo114 {
    background: url(../images/Payers&Merchant.png)no-repeat -472px -418px;
    width: 65px;
    height: 63px;
    display: inline-block;
    position: relative;
    top: 25px;
    left: 32px;
}

span.logo115 {
    background: url(../images/Payers&Merchant.png)no-repeat -529px -186px;
    width: 66px;
    height: 65px;
    display: inline-block;
    position: relative;
    top: 28px;
    left: 27px;
}

.hvr-ripple-in:before {
    content: '';
    position: absolute;
    border: #f8f6f6 solid 6px;
    top: 0;
    border-radius: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
    -webkit-animation-name: hvr-ripple-in;
    animation-name: hvr-ripple-in;
    border-color: #791e22;
}
.demo ul li {
    cursor: pointer;
}

p.view-edit {
    position: relative;
    bottom: -60px!important;
}

.demo ul li p {
    position: relative;
    bottom: -72px;
    text-align: center;
}
p.view-edit {
    width: 121%;
    bottom: -79px!important;
    left: -6px;
}
p.ct {
    top: 81px;
}
p.Invoices {
    width: 120%;
}
p.Checker {
    top: 102px;
}

div#loadTemplateDiv .span4 {
    margin-left: 0;
}
div#loadTemplateDiv .span6 {
    margin-left: 101px;
}

input#collection_flg_enable {
    position: relative;
    top: 5px;
    left: -28px;
}
span.logo1.new {
    background-position: -635px -191px;
    top: 33px;
    left: 31px;
}

span.logo5.new {
    background-position: -731px -188px;
    width: 67px;
    height: 62px;
    left: 27px;
    top: 29px;
}

span.logo6.new {
    background-position: -833px -185px;
    width: 67px;
    height: 67px;
    top: 26px;
    left: 32px;
}

span.logo2.new {
    background-position: -935px -188px;
    width: 63px;
    height: 63px;
    top: 30px;
    /* left: 28px; */
}

span.logo11.new {
    background-position: -1035px -185px;
    width: 65px;
    height: 65px;
    top: 24px;
    left: 27px;
}

span.logo115.new {
    background-position: -1137px -189px;
    width: 62px;
    height: 62px;
}


div#ui-datepicker-div {
    Z-INDEX: 24!important;
}