.modules {
  background: url("/images/icons/icon-modules-default.svg") no-repeat;
  background-size: 24px 24px;
  background-position: center;
}
.modules:hover {
  background: url("/images/icons/icon-modules-pressed.svg") no-repeat;
  background-size: 24px 24px;
  background-position: center;
}
.modulesFullHD {
  background: url("/images/icons/icon-modules-default.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}
.modulesFullHD:hover {
  background: url("/images/icons/icon-modules-pressed.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}
.alerts {
  background: url("/images/icons/icon-alerts-default.svg") no-repeat;
  background-size: 26px 26px;
  background-position: center;
}
.alerts:hover {
  background: url("/images/icons/icon-alerts-hover.svg") no-repeat;
  background-size: 24px 24px;
  background-position: center;
}
.alertsFullHD {
  background: url("/images/icons/icon-alerts-default.svg") no-repeat;
  background-size: 34px 34px;
  background-position: center;
}
.alertsFullHD:hover {
  background: url("/images/icons/icon-alerts-hover.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}
.visualProgress {
  background: url("/images/icons/visual-progress-default.svg") no-repeat;
  background-size: 28px 28px;
  background-position: center;
}
.visualProgress:hover {
  background: url("/images/icons/visual-progress.svg") no-repeat;
  background-size: 26px 26px;
  background-position: center;
}
.visualProgressFullHD {
  background: url("/images/icons/visual-progress-default.svg") no-repeat;
  background-size: 38px 38px;
  background-position: center;
}
.visualProgressFullHD:hover {
  background: url("/images/icons/visual-progress.svg") no-repeat;
  background-size: 38px 38px;
  background-position: center;
}
.mdm {
  background: url("/images/icons/icon-mdm-default.svg") no-repeat;
  background-size: 26px 26px;
  background-position: center;
}
.mdm:hover {
  background: url("/images/icons/icon-mdm-pressed.svg") no-repeat;
  background-size: 26px 26px;
  background-position: center;
}
.mdmFullHD {
  background: url("/images/icons/icon-mdm-default.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}
.mdmFullHD:hover {
  background: url("/images/icons/icon-mdm-pressed.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}
.users {
  background: url("/images/icons/icon-users-default.svg") no-repeat;
  background-size: 26px 26px;
  background-position: center;
}
.users:hover {
  background: url("/images/icons/icon-users-pressed.svg") no-repeat;
  background-size: 24px 24px;
  background-position: center;
}
.usersFullHD {
  background: url("/images/icons/icon-users-default.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}
.usersFullHD:hover {
  background: url("/images/icons/icon-users-pressed.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}

.kanban {
  background: url("/images/icons/icon-kanban-default.svg") no-repeat;
  background-size: 26px 26px;
  background-position: center;
}
.kanban:hover {
  background: url("/images/icons/icon-kanban-pressed.svg") no-repeat;
  background-size: 26px 26px;
  background-position: center;
}

.kanbanFullHD {
  background: url("/images/icons/icon-kanban-default.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}
.kanbanFullHD:hover {
  background: url("/images/icons/icon-kanban-pressed.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}
.lists {
  background: url("/images/icons/icon-lists-default.svg") no-repeat;
  background-size: 26px 26px;
  background-position: center;
}
.lists:hover {
  background: url("/images/icons/icon-lists-pressed.svg") no-repeat;
  background-size: 26px 26px;
  background-position: center;
}

.listsFullHD {
  background: url("/images/icons/icon-lists-default.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}
.listsFullHD:hover {
  background: url("/images/icons/icon-lists-pressed.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}
.reports {
  background: url("/images/icons/icon-reports-default.svg") no-repeat;
  background-size: 26px 26px;
  background-position: center;
}
.reports:hover {
  background: url("/images/icons/icon-reports-pressed.svg") no-repeat;
  background-size: 24px 24px;
  background-position: center;
}
.reportsFullHD {
  background: url("/images/icons/icon-reports-default.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}
.reportsFullHD:hover {
  background: url("/images/icons/icon-reports-pressed.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}

.priorities {
  background: url("/images/icons/icon-priorities-default.svg") no-repeat;
  background-size: 26px 26px;
  background-position: center;
}
.priorities:hover {
  background: url("/images/icons/icon-priorities-pressed.svg") no-repeat;
  background-size: 24px 24px;
  background-position: center;
}
.prioritiesFullHD {
  background: url("/images/icons/icon-priorities-default.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}
.prioritiesFullHD:hover {
  background: url("/images/icons/icon-priorities-pressed.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}

.pendingProduction {
  background: url("/images/icons/pending-production.svg") no-repeat;
  background-size: 26px 26px;
  background-position: center;
}
.pendingProduction:hover {
  background: url("/images/icons/pending-production-pressed.svg") no-repeat;
  background-size: 24px 24px;
  background-position: center;
}
.pendingProductionFullHD {
  background: url("/images/icons/pending-production.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}
.pendingProductionFullHD:hover {
  background: url("/images/icons/pending-production-pressed.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}

.analytics {
  background: url("/images/icons/icon-analytics-default.svg") no-repeat;
  background-size: 26px 26px;
  background-position: center;
}
.analytics:hover {
  background: url("/images/icons/icon-analytics-pressed.svg") no-repeat;
  background-size: 24px 24px;
  background-position: center;
}
.analyticsFullHD {
  background: url("/images/icons/icon-analytics-default.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}
.analyticsFullHD:hover {
  background: url("/images/icons/icon-analytics-pressed.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}

.reception {
  background: url("/icons2/inventory_icons/reception.svg") no-repeat;
  background-size: 26px 26px;
  background-position: center;
}
.reception:hover {
  background: url("/icons2/inventory_icons/reception-hover.svg") no-repeat;
  background-size: 24px 24px;
  background-position: center;
}
.receptionFullHD {
  background: url("/icons2/inventory_icons/reception.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}
.receptionFullHD:hover {
  background: url("/icons2/inventory_icons/reception-hover.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}

.transfer {
  background: url("/icons2/inventory_icons/transfer.svg") no-repeat;
  background-size: 26px 26px;
  background-position: center;
}
.transfer:hover {
  background: url("/icons2/inventory_icons/transfer-hover.svg") no-repeat;
  background-size: 24px 24px;
  background-position: center;
}
.transferFullHD {
  background: url("/icons2/inventory_icons/transfer.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}
.transferFullHD:hover {
  background: url("/icons2/inventory_icons/transfer-hover.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}

.dispatch {
  background: url("/icons2/inventory_icons/dispatch.svg") no-repeat;
  background-size: 26px 26px;
  background-position: center;
}
.dispatch:hover {
  background: url("/icons2/inventory_icons/dispatch-hover.svg") no-repeat;
  background-size: 24px 24px;
  background-position: center;
}
.dispatchFullHD {
  background: url("/icons2/inventory_icons/dispatch.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}
.dispatchFullHD:hover {
  background: url("/icons2/inventory_icons/dispatch-hover.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}

.adjustments {
  background: url("/icons2/inventory_icons/adjustments.svg") no-repeat;
  background-size: 26px 26px;
  background-position: center;
}
.adjustments:hover {
  background: url("/icons2/inventory_icons/adjustments-hover.svg") no-repeat;
  background-size: 24px 24px;
  background-position: center;
}
.adjustmentsFullHD {
  background: url("/icons2/inventory_icons/adjustments.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}
.adjustmentsFullHD:hover {
  background: url("/icons2/inventory_icons/adjustments-hover.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}

.movements {
  background: url("/icons2/inventory_icons/movements.svg") no-repeat;
  background-size: 26px 26px;
  background-position: center;
}
.movements:hover {
  background: url("/icons2/inventory_icons/movements-hover.svg") no-repeat;
  background-size: 24px 24px;
  background-position: center;
}
.movementsFullHD {
  background: url("/icons2/inventory_icons/movements.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}
.movementsFullHD:hover {
  background: url("/icons2/inventory_icons/movements-hover.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}

.picking {
  background: url("/icons2/inventory_icons/picking.svg") no-repeat;
  background-size: 26px 26px;
  background-position: center;
}
.picking:hover {
  background: url("/icons2/inventory_icons/picking-hover.svg") no-repeat;
  background-size: 24px 24px;
  background-position: center;
}
.pickingFullHD {
  background: url("/icons2/inventory_icons/picking.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}
.pickingFullHD:hover {
  background: url("/icons2/inventory_icons/picking-hover.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}

.workcenter {
  background: url("/images/icons/icon-workcenter-default.svg") no-repeat;
  background-size: 45px 45px;
  background-position: center;
}
.workcenter:hover {
  background: url("/images/icons/icon-workcenter-pressed.svg") no-repeat;
  background-size: 45px 45px;
  background-position: center;
}
.workcenterFullHD {
  background: url("/images/icons/icon-workcenter-default.svg") no-repeat;
  background-size: 45px 45px;
  background-position: center;
}
.workcenterFullHD:hover {
  background: url("/images/icons/icon-workcenter-pressed.svg") no-repeat;
  background-size: 45px 45px;
  background-position: center;
}

.help {
  background: url("/images/icons/icon-help-default.svg") no-repeat;
  background-size: 26px 26px;
  background-position: center;
}
.help:hover {
  background: url("/images/icons/icon-help-pressed.svg") no-repeat;
  background-size: 24px 24px;
  background-position: center;
}
.helpFullHD {
  background: url("/images/icons/icon-help-default.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}
.helpFullHD:hover {
  background: url("/images/icons/icon-help-pressed.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}
.configuration {
  background: url("/images/icons/icon-configuration-default.svg") no-repeat;
  background-size: 26px 26px;
  background-position: center;
}
.configuration:hover {
  background: url("/images/icons/icon-configuration-pressed.svg") no-repeat;
  background-size: 24px 24px;
  background-position: center;
}
.configurationFullHD {
  background: url("/images/icons/icon-configuration-default.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}
.configurationFullHD:hover {
  background: url("/images/icons/icon-configuration-pressed.svg") no-repeat;
  background-size: 32px 32px;
  background-position: center;
}
.favorites {
  background: url("/images/icons/icon-favorites-default.svg") no-repeat;
  background-size: 20px 20px;
  background-position: center;
}
.favorites:hover {
  background: url("/images/icons/icon-favorites-hover.svg") no-repeat;
  background-size: 20px 20px;
  background-position: center;
}
.favoritesFullHD {
  background: url("/images/icons/icon-favorites-default.svg") no-repeat;
  background-size: 26px 26px;
  background-position: center;
}
.favoritesFullHD:hover {
  background: url("/images/icons/icon-favorites-hover.svg") no-repeat;
  background-size: 26px 26px;
  background-position: center;
}
.dropSelect:hover {
  font-weight: 700;
}
.buttonModuleSelect:hover {
  font-weight: 500;
}
.notifications {
  background: url("/images/icons/icon-notifications-default.svg") no-repeat;
  background-size: 24px 24px;
  background-position: center;
}
.notifications:hover {
  background: url("/images/icons/icon-notifications-pressed.svg") no-repeat;
  background-size: 24px 24px;
  background-position: center;
}
.notificationsFullHD {
  background: url("/images/icons/icon-notifications-default.svg") no-repeat;
  background-size: 28px 28px;
  background-position: center;
}
.notificationsFullHD:hover {
  background: url("/images/icons/icon-notifications-pressed.svg") no-repeat;
  background-size: 28px 28px;
  background-position: center;
}
.action {
  background: url("/images/icons/icon-action-default.svg") no-repeat;
  background-size: 24px 24px;
  background-position: center;
}
.action:hover {
  background: url("/images/icons/icon-action-pressed.svg") no-repeat;
  background-size: 24px 24px;
  background-position: center;
}
.actionFullHD {
  background: url("/images/icons/icon-action-default.svg") no-repeat;
  background-size: 28px 28px;
  background-position: center;
}
.actionFullHD:hover {
  background: url("/images/icons/icon-action-pressed.svg") no-repeat;
  background-size: 28px 28px;
  background-position: center;
}
/* .home{
  background:url("/images/icons/icon-home-default.svg") no-repeat;
  background-size: 24px 24px;
  background-position:center;
}
.home:hover{
  background:url("/images/icons/icon-home-pressed.svg") no-repeat;
  background-size: 24px 24px;
  background-position:center;
}
.homeFullHD{
  background:url("/images/icons/icon-home-default.svg") no-repeat;
  background-size: 28px 28px;
  background-position:center;
}
.homeFullHD:hover{
  background:url("/images/icons/icon-home-pressed.svg") no-repeat;
  background-size: 28px 28px;
  background-position:center;
} */

.section-module-in {
  animation-duration: 1s;
  animation-name: slide-right;
}
@keyframes slide-right {
  from {
    margin-left: -100%;
  }
  to {
    margin-left: 0%;
  }
}