/*ICONS*/
.icon-12{width: 12px;height: 12px;line-height: 12px;background-repeat: no-repeat;background-size: 12px auto;background-position: center center;display:inline-block;}
.icon-16{width: 16px;height: 16px;line-height: 16px;background-repeat: no-repeat;background-size: 16px auto;background-position: center center;display:inline-block;}
.icon-20{width: 20px;height: 20px;line-height: 20px;background-repeat: no-repeat;background-size: 18px auto;background-position: center center;display:inline-block;}
.icon-24{width: 24px;height: 24px;line-height: 24px;background-repeat: no-repeat;background-size: 20px auto;background-position: center center;display:inline-block;}
.icon-24{width: 26px;height: 26px;line-height: 26px;background-repeat: no-repeat;background-size: 22px auto;background-position: center center;display:inline-block;}
.icon-28{width: 28px;height: 28px;line-height: 28px;background-repeat: no-repeat;background-size: 24px auto;background-position: center center;display:inline-block;}
.icon-32{width: 32px;height: 32px;line-height: 32px;background-repeat: no-repeat;background-size: 28px auto;background-position: center center;display:inline-block;}
.icon-48{width: 48px;height: 48px;line-height: 48px;background-repeat: no-repeat;background-size: 32px auto;background-position: center center;display:inline-block;}

.ic-mobile{background-image: url(../images/mobile.svg);}
.ic-gear{background-image: url(../images/gear.svg);}
.ic-dashboard {background-image:url(../images/dashboard.svg);}
.ic-customer {background-image:url(../images/customer.svg);}
.ic-setting {background-image:url(../images/settings.svg);}
.ic-manage {background-image:url(../images/manage.svg);}
.ic-message {background-image:url(../images/message.svg);}
.ic-user {background-image:url(../images/user.svg);}
.ic-user-b {background-image:url(../images/user-black.svg);}
.ic-config {background-image:url(../images/config.svg);}
.ic-logout {background-image:url(../images/sign-out.svg);}
.ic-search {background-image:url(../images/search-icon.svg);}
.ic-key {background-image:url(../images/key.svg);}
.ic-edit {background-image:url(../images/edit-button.svg);}
.ic-calendar {background-image:url(../images/calendar.svg);}
.ic-pencil {background-image:url(../images/pencil.svg);}
.ic-idea {background-image:url(../images/idea.svg);}
.ic-tool {background-image:url(../images/tool.svg);}
.ic-group {background-image:url(../images/group.svg);}
.ic-invoice {background-image:url(../images/invoice.svg);}
.ic-money {background-image:url(../images/money.svg);}
.ic-wallet-debit {background-image:url(../images/wallet-debit.svg);}
.ic-rupee-symbol {background-image:url(../images/rupee-symbol.svg);}
.ic-computing {background-image:url(../images/computing.svg);}
.ic-3dots {background-image:url(../images/3dots.svg);}
.ic-eye {background-image:url(../images/eye.svg);}
.ic-movearrow {background-image:url(../images/icons/move-arrow.svg);}
.ic-plus {background-image:url(../images/add.svg);}
.ic-export-white {background-image:url(../images/export-white.svg);background-position: left+10px center!important;}
.ic-rinse {background-image:url(../images/rinse.svg);background-position: left+10px center!important;}

.ic-calendar-mask {-webkit-mask:  url(../images/calendar.svg) no-repeat 50% 50%;mask: url(../images/calendar.svg) no-repeat 50% 50%; background-size: cover!important; background-color:red;}
.ic-search-mask {-webkit-mask:  url(../images/search-icon.svg) no-repeat 50% 50%;mask: url(../images/search-icon.svg) no-repeat 50% 50%; background-size: cover!important; background-color:#000;}

.ic-pencil-mask {-webkit-mask:  url(../images/pencil.svg) no-repeat 50% 50%;mask: url(../images/pencil.svg) no-repeat 50% 50%; background-size: cover!important;}
.ic-user-mask {-webkit-mask:  url(../images/user.svg) no-repeat 50% 50%;mask: url(../images/user.svg) no-repeat 50% 50%; background-size: cover!important;}
.ic-key-mask {-webkit-mask:  url(../images/key.svg) no-repeat 50% 50%;mask: url(../images/key.svg) no-repeat 50% 50%; background-size: cover!important;}
.ic-bin-mask {-webkit-mask:  url(../images/bin.svg) no-repeat 50% 50%;mask: url(../images/bin.svg) no-repeat 50% 50%; background-size: cover!important;}
.ic-edit-mask {-webkit-mask:  url(../images/edit-button.svg) no-repeat 50% 50%;mask: url(../images/edit-button.svg) no-repeat 50% 50%; background-size: cover!important;}
.ic-gear-mask {-webkit-mask:  url(../images/gear.svg) no-repeat 50% 50%;mask: url(../images/gear.svg) no-repeat 50% 50%; background-size: cover!important;}
.ic-config-mask {-webkit-mask:  url(../images/config.svg) no-repeat 50% 50%;mask: url(../images/config.svg) no-repeat 50% 50%; background-size: cover!important;}
.ic-idea-mask {-webkit-mask:  url(../images/idea.svg) no-repeat 50% 50%;mask: url(../images/idea.svg) no-repeat 50% 50%; background-size: cover!important;}
.ic-tool-mask {-webkit-mask:  url(../images/tool.svg) no-repeat 50% 50%;mask: url(../images/tool.svg) no-repeat 50% 50%; background-size: cover!important;}
.ic-pencil-mask {-webkit-mask:  url(../images/pencil.svg) no-repeat 50% 50%;mask: url(../images/pencil.svg) no-repeat 50% 50%; background-size: cover!important;}
.ic-group-mask {-webkit-mask:  url(../images/group.svg) no-repeat 50% 50%;mask: url(../images/group.svg) no-repeat 50% 50%; background-size: cover!important;}
.ic-wallet-debit-mask {-webkit-mask:  url(../images/wallet-debit.svg) no-repeat 50% 50%;mask: url(../images/wallet-debit.svg) no-repeat 50% 50%; background-size: cover!important;}
.ic-invoice-mask {-webkit-mask:  url(../images/invoice.svg) no-repeat 50% 50%;mask: url(../images/invoice.svg) no-repeat 50% 50%; background-size: cover!important;}
.ic-money-mask {-webkit-mask:  url(../images/money.svg) no-repeat 50% 50%;mask: url(../images/money.svg) no-repeat 50% 50%; background-size: cover!important;}
.ic-rupee-symbol-mask {-webkit-mask:  url(../images/rupee-symbol.svg) no-repeat 50% 50%;mask: url(../images/rupee-symbol.svg) no-repeat 50% 50%; background-size: cover!important;}
.ic-computing-mask {-webkit-mask:  url(../images/computing.svg) no-repeat 50% 50%;mask: url(../images/computing.svg) no-repeat 50% 50%; background-size: cover!important;}
.ic-3dots-mask {-webkit-mask:  url(../images/3dots.svg) no-repeat 50% 50%;mask: url(../images/3dots.svg) no-repeat 50% 50%; background-size: cover!important;}
.ic-adduser-mask {-webkit-mask:  url(../images/add-user.svg) no-repeat 50% 50%;mask: url(../images/add-user.svg) no-repeat 50% 50%; background-size: cover!important;}
.ic-movearrow-mask {-webkit-mask:  url(../images/icons/move-arrow.svg) no-repeat 50% 50%;mask: url(../images/icons/move-arrow.svg) no-repeat 50% 50%; background-size: cover!important;}
.ic-rightarrow-mask {-webkit-mask:  url(../images/icons/right-arrow.svg) no-repeat 50% 50%;mask: url(../images/icons/right-arrow.svg) no-repeat 50% 50%; background-size: cover!important;}

.ic-dashboard-mask {-webkit-mask:  url(../images/dashboard.svg) no-repeat 50% 50%;mask: url(../images/dashboard.svg) no-repeat 50% 50%; background-size: cover!important; margin-top:2px;}
.ic-customer-mask {-webkit-mask:  url(../images/customer.svg) no-repeat 50% 50%;mask: url(../images/customer.svg) no-repeat 50% 50%; background-size: cover!important; margin-top:2px;}
.ic-message-mask {-webkit-mask:  url(../images/message.svg) no-repeat 50% 50%;mask: url(../images/message.svg) no-repeat 50% 50%; background-size: cover!important; margin-top:2px;}
.ic-manage-mask {-webkit-mask:  url(../images/manage.svg) no-repeat 50% 50%;mask: url(../images/manage.svg) no-repeat 50% 50%; background-size: cover!important; margin-top:2px;}

.ic-setting-mask {-webkit-mask:  url(../images/settings.svg) no-repeat 50% 50%;mask: url(../images/settings.svg) no-repeat 50% 50%; background-size: cover!important; margin-top:2px;}
.ic-transaction-mask {-webkit-mask:  url(../images/invoice.svg) no-repeat 50% 50%;mask: url(../images/invoice.svg) no-repeat 50% 50%; background-size: cover!important; margin-top:2px;}



.ic-download-mask {-webkit-mask:  url(../images/download.svg) no-repeat 50% 50%;mask: url(../images/download.svg) no-repeat 50% 50%; background-size: cover!important;}
.ic-import-mask {-webkit-mask:  url(../images/import.svg) no-repeat 50% 50%;mask: url(../images/import.svg) no-repeat 50% 50%; background-size: cover!important;}
.ic-add-mask {-webkit-mask:  url(../images/add.svg) no-repeat 50% 50%;mask: url(../images/add.svg) no-repeat 50% 50%; background-size: cover!important;}
.ic-previous-mask {-webkit-mask:  url(../images/previous.svg) no-repeat 50% 50%;mask: url(../images/previous.svg) no-repeat 50% 50%; background-size: cover!important;}
.ic-save-mask {-webkit-mask:  url(../images/save.svg) no-repeat 50% 50%;mask: url(../images/save.svg) no-repeat 50% 50%; background-size: cover!important;}
.ic-save-mask {-webkit-mask:  url(../images/save.svg) no-repeat 50% 50%;mask: url(../images/save.svg) no-repeat 50% 50%; background-size: cover!important;}
.ic-mask:hover{ background-color:#c81d1e!important}

.icon-color-email { background-image:url(../images/icons/email.svg); background-repeat:no-repeat; background-size: 40px auto; background-position: right+15px center; }
.icon-color-wallet { background-image:url(../images/icons/wallet.svg); background-repeat:no-repeat; background-size: 40px auto; background-position: right+15px center; }
.icon-color-office { background-image:url(../images/icons/office.svg); background-repeat:no-repeat; background-size: 40px auto; background-position: right+15px center; }
.icon-color-partners { background-image:url(../images/icons/partners.svg); background-repeat:no-repeat; background-size: 40px auto; background-position: right+15px center; }
.icon-color-trans { background-image:url(../images/trans.svg); background-repeat:no-repeat; background-size: 40px auto; background-position: center center; }
.icon-color-cashback { background-image:url(../images/cash-back.svg); background-repeat:no-repeat; background-size: 40px auto; background-position: center center; }
.icon-color-billing { background-image:url(../images/billing.svg); background-repeat:no-repeat; background-size: 40px auto; background-position: right+5px center; }
.icon-color-team { background-image:url(../images/team.svg); background-repeat:no-repeat; background-size: 40px auto; background-position: right+5px center; }
.icon-color-gateway { background-image:url(../images/gateway.svg); background-repeat:no-repeat; background-size: 40px auto; background-position: right+5px center; }

.icon-color-merchants { background-image:url(../images/icons/merchants.svg); background-repeat:no-repeat; background-size: 40px auto; background-position: right+15px center; }
.icon-color-merchant { background-image:url(../images/icons/merchant.svg); background-repeat:no-repeat; background-size: 40px auto; background-position: right+15px center; }
.icon-color-sale { background-image:url(../images/icons/sale.svg); background-repeat:no-repeat; background-size: 40px auto; background-position: right+15px center; }
.icon-color-cash { background-image:url(../images/icons/cash.svg); background-repeat:no-repeat; background-size: 40px auto; background-position: right+15px center; }
.icon-color-pay { background-image:url(../images/icons/pay.svg); background-repeat:no-repeat; background-size: 40px auto; background-position: right+15px center; }
.icon-color-deposit { background-image:url(../images/icons/deposit.svg); background-repeat:no-repeat; background-size: 40px auto; background-position: right+15px center; }
.icon-color-bank { background-image:url(../images/bank.svg); background-repeat:no-repeat; background-size: 40px auto; background-position: right+15px center; }
.icon-color-bankcard { background-image:url(../images/bankcard.svg); background-repeat:no-repeat; background-size: 50px auto; background-position: right+15px center; }


.icon-color-calendar { background-image:url(../images/icons/calendar.svg); background-repeat:no-repeat; background-size: 40px auto; background-position: right+15px center; }
.icon-color-manager { background-image:url(../images/icons/ac-manager.svg); background-repeat:no-repeat; background-size: 40px auto; background-position: right+15px center; }
.icon-color-moneytransfer { background-image:url(../images/icons/money-transfer.svg); background-repeat:no-repeat; background-size: 40px auto; background-position: right+15px center; }
.icon-color-credit { background-image:url(../images/icons/credit.svg); background-repeat:no-repeat; background-size: 40px auto; background-position: right+15px center; }
.icon-color-debit { background-image:url(../images/icons/debit.svg); background-repeat:no-repeat; background-size: 40px auto; background-position: right+15px center; }
.icon-color-sales { background-image:url(../images/icons/sales.svg); background-repeat:no-repeat; background-size: 40px auto; background-position: right+15px center; }
.icon-color-rupee { background-image:url(../images/icons/rupee1.svg); background-repeat:no-repeat; background-size: 40px auto; background-position: right+15px center; }
.icon-color-pending { background-image:url(../images/icons/pending-rupee.svg); background-repeat:no-repeat; background-size: 40px auto; background-position: right+15px center; }

.fa-search{background-repeat:no-repeat; background-position: center center; background-image:url(../images/icons/search.svg);background-size: 12px auto; padding-right:10px;}
.fa-add{background-repeat:no-repeat; background-position: left+8px center; background-image:url(../images/icons/add.svg);background-size: 14px auto; padding-left:25px !important; }
.fa-edit{background-repeat:no-repeat; background-position: center center; background-image:url(../images/icons/edit-icon.svg);background-size: 32px auto; }
.fa-date{background-repeat:no-repeat; background-position: center right+5px; background-image:url(../images/icons/calendar.svg);background-size: 20px auto; }
.fa-folder{background-repeat:no-repeat; background-position: left+5px center; background-image:url(../images/icons/folder.svg);background-size: 20px auto; }
.fa-import{background-repeat:no-repeat; background-position: left+5px center; background-image:url(../images/icons/import.svg);background-size: 18px auto; }
.fa-export{background-repeat:no-repeat; background-position: left+5px center; background-image:url(../images/icons/export.svg);background-size: 18px auto; }

.fa-backarrow{background-repeat:no-repeat; background-position: center center; background-image:url(../images/icons/arrow-back.svg);background-size: 32px auto; }
.fa-save{background-repeat:no-repeat; background-position: center center; background-image:url(../images/icons/save.svg);background-size: 28px auto; }
.fa-approval{width:30px; height:30px; background-repeat:no-repeat; background-position: center center; background-image:url(../images/icons/approval.svg);background-size: 28px auto; float:left; padding:10px 15px 0 0;}
.fa-decline{display:block;width:30px; height:30px; background-repeat:no-repeat; background-position: center center; background-image:url(../images/icons/decline.svg);background-size: 28px auto; float:left;padding-top:10px; }
.fa-edit-ic{display:block;width:24px; height:24px;background-repeat:no-repeat; background-position: center center; background-image:url(../images/icons/edit-ic.svg);background-size: 18px auto; }
.fa-gear-ic{display:block;width:24px; height:24px;background-repeat:no-repeat; background-position: center center; background-image:url(../images/icons/settings-gear.svg);background-size: 18px auto; }
.fa-network{background-repeat:no-repeat; background-position: left+15px center; background-image:url(../images/merchant-group.svg);background-size: 24px auto; }
.fa-network-user{background-repeat:no-repeat; background-position: left+15px center; background-image:url(../images/users.svg);background-size: 24px auto; }
.fa-transfer{background-repeat:no-repeat; background-position: left+15px center; background-image:url(../images/transaction.svg);background-size: 24px auto; }
.fa-coins{background-repeat:no-repeat; background-position: left+15px center; background-image:url(../images/coin-stack.svg);background-size: 24px auto; }
.fa-remitter{background-repeat:no-repeat; background-position: left+15px center; background-image:url(../images/group.svg);background-size: 24px auto; }
.fa-beneficiary{background-repeat:no-repeat; background-position: left+15px center; background-image:url(../images/specialist-user.svg);background-size: 24px auto; }
.fa-billing{background-repeat:no-repeat; background-position: left+15px center; background-image:url(../images/invoice.svg);background-size: 24px auto; }
.fa-transaction{background-repeat:no-repeat; background-position: left+15px center; background-image:url(../images/funds.svg);background-size: 24px auto; }
.fa-notification{background-repeat:no-repeat; background-position: left+15px center; background-image:url(../images/notification.svg);background-size: 24px auto; }
.fa-preference{background-repeat:no-repeat; background-position: left+15px center; background-image:url(../images/user-settings.svg);background-size: 24px auto; }
.fa-commission{background-repeat:no-repeat; background-position: left+15px center; background-image:url(../images/percentage.svg);background-size: 24px auto; }
.fa-documents{background-repeat:no-repeat; background-position: left+15px center; background-image:url(../images/docs.svg);background-size: 24px auto; }
.fa-gateways{background-repeat:no-repeat; background-position: left+15px center; background-image:url(../images/icons/gateways.svg);background-size: 24px auto; }
.fa-fund{background-repeat:no-repeat; background-position: left+15px center; background-image:url(../images/cash.svg);background-size: 24px auto; }
.fa-mtransfer{background-repeat:no-repeat; background-position: left+15px center; background-image:url(../images/rupee.svg);background-size: 22px auto; }

.input-icon-wrap {border: 1px solid #ddd;}
.input-icon { position: absolute;right:3px; top:6px;}
.input-with-icon {border: none;padding: 8px 0 8px 3px; width:100%;}