
/*
-------------------------
| icon-admin
-------------------------
*/
.icon-admin {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-admin.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

/*
-------------------------
| icon-arrows-left
-------------------------
*/
.icon-arrows-left {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-arrows-left.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

/*
-------------------------
| icon-arrow-x-simple
-------------------------
*/
.icon-arrow-top-simple {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-arrow-top-simple.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

.icon-arrow-bottom-simple {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-arrow-bottom-simple.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

.icon-arrow-left-simple {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-arrow-left-simple.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

.icon-arrow-right-simple {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-arrow-right-simple.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}


/*
-------------------------
| icon-avatar
-------------------------
*/
.icon-avatar {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/avatar.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}



/*
-------------------------
| icon-box
-------------------------
*/
.icon-box {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-box.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}



/*
-------------------------
| icon-car
-------------------------
*/
.icon-car {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-car.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

/*
-------------------------
| icon-cart
-------------------------
*/
.icon-cart {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-cart.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}


/*
-------------------------
| icon-cancel
-------------------------
*/
.icon-cancel {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-cancel.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}




/*
-------------------------
| icon-cashier
-------------------------
*/
.icon-cashier {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-cashier.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}


/*
-------------------------
| icon-cash
-------------------------
*/
.icon-cash {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-cash.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

/*
-------------------------
| icon-certificated
-------------------------
*/
.icon-certificated {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-certificated.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}


/*
-------------------------
| icon-close
-------------------------
*/
.icon-close {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-close.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}



/*
-------------------------
| icon-closed-lock
-------------------------
*/
.icon-closed-lock {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-closed-lock.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}


/*
-------------------------
| icon-control
-------------------------
*/
.icon-control {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-control.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}


/*
-------------------------
| icon-cooking
-------------------------
*/
.icon-cooking {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-cooking.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

/*
-------------------------
| icon-credits
-------------------------
*/
.icon-credits {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-credits.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

/*
-------------------------
| icon-credit-card
-------------------------
*/
.icon-credit-card {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-credit-card.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

/*
-------------------------
| icon-door-lock
-------------------------
*/
.icon-door-lock {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-door-lock.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}


/*
-------------------------
| icon-glace
-------------------------
*/
.icon-glace {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-glace.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}


/*
-------------------------
| icon-go-back
-------------------------
*/
.icon-go-back {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-go-back.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}


/*
-------------------------
| icon-hand-check
-------------------------
*/
.icon-hand-check {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-hand-check.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

/*
-------------------------
| icon-invoice
-------------------------
*/
.icon-invoice {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-invoice.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}



/*
-------------------------
| icon-menu
-------------------------
*/
.icon-menu {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-menu.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

/*
-------------------------
| icon-menu-actions-vertical
-------------------------
*/
.icon-menu-actions-vertical {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-menu-actions-vertical.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

/*
-------------------------
| icon-menu-hamberger
-------------------------
*/
.icon-menu-hamberger {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-menu-hamberger.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}



/*
-------------------------
| icon-minus
-------------------------
*/
.icon-minus {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-minus.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}


/*
-------------------------
| icon-money
-------------------------
*/
.icon-money {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-money.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}


/*
-------------------------
| icon-mobile-money
-------------------------
*/
.icon-mobile-money {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-mobile-money.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

/*
-------------------------
| icon-office-table
-------------------------
*/
.icon-office-table {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-office-table.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

/*
-------------------------
| icon-opened-boock
-------------------------
*/
.icon-opened-boock {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-opened-boock.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

/*
-------------------------
| icon-opened-empty-boock
-------------------------
*/
.icon-opened-empty-boock {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-opened-empty-boock.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}



/*
-------------------------
| icon-pen
-------------------------
*/
.icon-pen {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-pen.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}


/*
-------------------------
| icon-plus
-------------------------
*/
.icon-plus {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-plus.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

/*
-------------------------
| icon-plus-round
-------------------------
*/
.icon-plus-round {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-plus-round.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

/*
-------------------------
| icon-pointer
-------------------------
*/
.icon-pointer {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-pointer.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

/*
-------------------------
| icon-printer
-------------------------
*/
.icon-printer {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-printer.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}



/*
-------------------------
| icon-screen-X
-------------------------
*/
.icon-screen-full {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-screen-full.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

.icon-screen-reduce {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-screen-reduce.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}



/*
-------------------------
| icon-search
-------------------------
*/
.icon-search {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-search.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}



/*
-------------------------
| icon-subsidiary
-------------------------
*/
.icon-subsidiary {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-subsidiary.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

/*
-------------------------
| icon-store
-------------------------
*/
.icon-store {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-store.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

/*
-------------------------
| icon-table
-------------------------
*/
.icon-table {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-table.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

.icon-table2 {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-table2.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

.icon-table-round {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-table-round.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}



/*
-------------------------
| icon-time
-------------------------
*/
.icon-time {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-time.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}


/*
-------------------------
| icon-trash-can
-------------------------
*/
.icon-trash-can {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-trash-can.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}



/*
-------------------------
| icon-user-config
-------------------------
*/
.icon-user-config {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-user-config.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

/*
-------------------------
| icon-users
-------------------------
*/
.icon-users {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-users.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

.icon-eye {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-eye.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

.icon-eye-off {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-eye-off.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

.icon-user {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-user.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}


.icon-user-plus {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-user-plus.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

.icon-user-plus2 {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-user-plus2.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

.icon-user-minus {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-user-minus.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}



/*
-------------------------
| icon-voucher
-------------------------
*/
.icon-voucher {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-voucher.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}




/*
-------------------------
| icon-waiter
-------------------------
*/
.icon-waiter {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-waiter.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}


/*
-------------------------
| icon-wallet
-------------------------
*/
.icon-wallet {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-wallet.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}

/*
-------------------------
| icon-wallet2
-------------------------
*/
.icon-wallet {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-wallet2.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}


/*
-------------------------
| icon-dashboard
-------------------------
*/
.icon-dashboard {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-dashboard.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}


/*
-------------------------
| icon-notification
-------------------------
*/
.icon-notification {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-notification.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}


/*
-------------------------
| icon-settings
-------------------------
*/
.icon-settings {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background-color: #757575;
  mask-image: url('../images/icons/svg/icon-settings.svg');
  mask-size: 20px 20px;
  mask-repeat: no-repeat ;
  mask-position: center;
}



/*
-------------------------
| icon-size
-------------------------
*/
.icon-size10 {
  min-width: 10px;
  min-height: 10px;
  mask-size: 10px 10px;
}

.icon-size12 {
  min-width: 12px;
  min-height: 12px;
  mask-size: 12px 12px;
}

.icon-size15 {
  min-width: 15px;
  min-height: 15px;
  mask-size: 15px 15px;
}

.icon-size16 {
  min-width: 16px;
  min-height: 16px;
  mask-size: 16px 16px;
}

.icon-size25 {
  min-width: 25px;
  min-height: 25px;
  mask-size: 25px 25px;
}

.icon-size30 {
  min-width: 30px;
  min-height: 30px;
  mask-size: 30px 30px;
}
.icon-size35 {
  min-width: 35px;
  min-height: 35px;
  mask-size: 35px 30px;
}
.icon-size40 {
  min-width: 40px;
  min-height: 40px;
  mask-size: 40px 40px;
}
.icon-size45 {
  min-width: 45px;
  min-height: 45px;
  mask-size: 45px 45px;
}
.icon-size50 {
  min-width: 50px;
  min-height: 50px;
  mask-size: 50px 50px;
}