.custom-icon{
  height: 40px;
  width: 40px;
  background-position: center;
  background-repeat: no-repeat;
}

.user-icon{
  background-image: url('../header/main_user_icon.svg');
  cursor: pointer;
}

.notification-icon{
  background-image: url('../header/notification_icon.svg');
  cursor: pointer;
}

.navigation-icon{
  background-image: url('../header/navigation_icon.svg');
  cursor: pointer;
}

.logo-icon{
  background-image: url('../Intro/logo.svg');
}
.logo-black-icon{
  background-image: url('../Intro/logo-black.svg');
}

.email-icon{
  background-image: url('../Intro/login_email_icon.svg');
}

.password-icon{
  background-image: url('../Intro/login_password_icon.svg');
}

.dropdown-icon{
  background-image: url('../header/drop_down_icon.svg');
}
.dropup-icon{
  background-image: url('../header/drop_down_icon.svg');
  transform: rotate(180deg);
}

.dashboard-icon{
  background-image: url('../main_navigation/home_default_icon.svg');
}
.dashboard-icon.is-active{
  background-image: url('../main_navigation/home_selected_icon.svg');
}

.user-management-icon{
  background-image: url('../main_navigation/user_management_default_icon.svg');
}
.user-management-icon.is-active{
  background-image: url('../main_navigation/user_management_selected_icon.svg');
}

.products-icon{
  background-image: url('../main_navigation/product_default_icon.svg');
}
.products-icon.is-active{
  background-image: url('../main_navigation/product_selected_icon.svg');
}

.trading-icon{
  background-image: url('../main_navigation/trading_default_icon.svg');
}
.trading-icon.is-active{
  background-image: url('../main_navigation/trading_selected_icon.svg');
}

.delivery-icon{
  background-image: url('../main_navigation/delivery_order_default_icon.svg');
}
.delivery-icon.is-active{
  background-image: url('../main_navigation/delivery_order_selected_icon.svg');
}

.news-icon{
  background-image: url('../main_navigation/news_default_icon.svg');
}
.news-icon.is-active{
  background-image: url('../main_navigation/news_selected_icon.svg');
}

.message-icon{
  background-image: url('../main_navigation/message_default_icon.svg');
}
.message-icon.is-active{
  background-image: url('../main_navigation/message_selected_icon.svg');
}

.banner-icon{
  background-image: url('../main_navigation/banner_default_icon.svg');
}
.banner-icon.is-active{
  background-image: url('../main_navigation/banner_selected_icon.svg');
}

.sign-out-icon{
  background-image: url('../main_navigation/sign_out_default_icon.svg');
}
.sync-icon{
  background-image: url('../main_navigation/sync_default_icon.svg');
}
.left-arrow-icon{
  background-image: url('../others/select_arrow_left_icon.svg');
  width: 20px;
  height: 20px;
}
.right-arrow-icon{
  background-image: url('../others/select_arrow_right_icon.svg');
  width: 20px;
  height: 20px;
}
.down-arrow-icon{
  background-image: url('../others/select_arrow_down_icon.svg');
  width: 20px;
  height: 20px;
}
.up-arrow-icon{
  background-image: url('../others/select_arrow_down_icon.svg');
  width: 20px;
  height: 20px;
  transform: rotate(180deg);
}
.minus-icon{
  background-image: url('../others/minus_icon.svg');
  width: 20px;
  height: 20px;
}
.close-icon{
  background-image: url('../others/close_icon.svg');
  width: 20px;
  height: 20px;
}
.add-icon{
  background-image: url('../others/add_icon.svg');
  width: 20px;
  height: 20px;
}
.calendar-icon{
  background-image: url('../others/calender_icon.svg');
  width: 20px;
  height: 20px;
}

.delete-icon{
  background-image: url('../others/delete_icon.svg');
  width: 20px;
  height: 20px;
}
.trash-icon{
  background-image: url('../others/trash.svg');
  width: 40px;
  height: 28px;
}

.upload-icon{
  background-image: url('../others/upload_image_icon.svg');
}

.stock-icon{
  background-image: url('../dashbaord_icons/icon_stock.svg');
}

.member-icon{
  background-image: url('../dashbaord_icons/icon-active_number.svg');
}

.active-trading-icon{
  background-image: url('../dashbaord_icons/iocn_active_trading.svg');
  width: 50px;
  height: 50px;
}
.collection-request-icon{
  background-image: url('../dashbaord_icons/icon_collection_request.svg');
  width: 50px;
  height: 50px;
}
.do-generated-icon{
  background-image: url('../dashbaord_icons/icon_do_generated.svg');
  width: 50px;
  height: 50px;
}

