/*======Module Icon CSS Start ========*/
.et-db #et-boc .et-l .et-fb-modules-list li[class^=dnxte] span {
  margin-top: 5px;
}

.et-db #et-boc .et-l .et-fb-modules-list li[class^=dnxte],
.et-db #et-boc .et-l .et-fb-modules-list li[class^="dnxte"] {
  font-size: 11px;
  color: #fff;
  background: #266DE8 !important;
  position: relative;
}

.et-db #et-boc .et-l .et-fb-modules-list li[class^=dnxte]:hover {
  background: linear-gradient(272deg, #772ADB 12%, #266DE8 100%) !important;
  color: #fff;
}

.et-db #et-boc .et-l .et-fb-modules-list li[class^=dnxte] .et-fb-icon.et-fb-icon--svg {
  fill: #fff !important;
}

.et-db #et-boc .et-fb-modules-list li[class^="dnxte"],
.et-db #et-boc .et-l .et-fb-modules-list li[class^="dnxte"] {
  background-image: -o-linear-gradient(315deg, #772adb 0%, #266de8 100%) !important;
  background-image: linear-gradient(135deg, #772adb 0%, #266de8 100%) !important;
  font-size: 10px !important;
  color: #ffffff !important;
}

.et-db #et-boc .et-l .et-fb-modules-list li.et_fb_divi_essential.et_pb_folder {
  background-image: -o-linear-gradient(315deg, #772adb 0%, #266de8 100%) !important;
  background-image: linear-gradient(135deg, #772adb 0%, #266de8 100%) !important;
  color: #ffffff;
}

.et-db #et-boc .et-l .et-fb-modules-list li.et_fb_divi_essential.et_pb_folder:hover {
  background: linear-gradient(272deg, #772ADB 12%, #266DE8 100%) !important;
  color: #fff;
}

.et-db #et-boc .et-l .et-fb-modules-list li.et_fb_divi_essential.et_pb_folder::before {
  content: url('../assets/images/divi-essential-icon.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/*======Module Icon CSS End ========*/