a.svgContainer.active {
    padding-left: 19px !important;
}

a.svgContainer > span > span:first-child {
  width: 22px;
  height: 23px;
  display: block;
  float: left;
  background-repeat: no-repeat !important;
}

.allOrders {
  background: url(./assets/copy.svg);
}

a.svgContainer.active .allOrders,
a.svgContainer:hover .allOrders {
  background: url(./assets/copyActive.svg);
}

.copy {
  background: url(./assets/copy.svg);
}
a.svgContainer.active .copy,
a.svgContainer:hover .copy {
  background: url(./assets/copyActive.svg);
}

.calendar {
  background: url(./assets/calendar.svg);
}
a.svgContainer.active .calendar,
a.svgContainer:hover .calendar {
  background: url(./assets/calendarActive.svg);
}

.clipboard {
  background: url(./assets/clipboard.svg);
}
a.svgContainer.active .clipboard,
a.svgContainer:hover .clipboard {
  background: url(./assets/clipboardActive.svg);
}

.fileText {
  background: url(./assets/file-text.svg);
}
a.svgContainer.active .fileText,
a.svgContainer:hover .fileText {
  background: url(./assets/file-textActive.svg);
}

.hardDrive {
  background: url(./assets/hard-drive.svg);
}
a.svgContainer.active .hardDrive,
a.svgContainer:hover .hardDrive {
  background: url(./assets/hard-driveActive.svg);
}

.home {
  background: url(./assets/home.svg);
}
a.svgContainer.active .home,
a.svgContainer:hover .home {
  background: url(./assets/homeActive.svg);
}

.user {
  background: url(./assets/user.svg);
}
a.svgContainer.active .user,
a.svgContainer:hover .user {
  background: url(./assets/userActive.svg);
}

.users {
  background: url(./assets/users.svg);
}
a.svgContainer.active .users,
a.svgContainer:hover .users {
  background: url(./assets/usersActive.svg);
}

.code {
  background: url(./assets/code.svg);
}
a.svgContainer.active .code,
a.svgContainer:hover .code {
  background: url(./assets/codeActive.svg);
}

.clock {
  background: url(./assets/clock.svg);
}
a.svgContainer.active .clock,
a.svgContainer:hover .clock {
  background: url(./assets/clockActive.svg);
}