/* eg @{pre}@{selectorName}-bg = .primary-border */
.data-border {
  border-color: #ad1aac;
}
.essentialsSlider .data-border {
  border-color: rgba(173, 26, 172, 0.8);
}
.icon-data .megaNavColLink:before {
  color: #ad1aac;
}
/* eg @{pre}@{selectorName}-bg = .btn-primary */
.btn-data {
  background-color: #ad1aac;
  color: #fff;
  border: 1px solid #ad1aac;
}
.btn-data.active,
.btn-data:active,
.btn-data:hover,
.btn-data:focus {
  background: #781277;
  color: #fff;
}
.btn-data.btn-outline-hover-data:hover {
  color: #ad1aac !important;
  background-color: #fff;
}
.btn-data.bg-none {
  background: none !important;
  color: #ad1aac !important;
}
.btn-data.bg-none:hover,
.btn-data.bg-none:focus {
  color: #ad1aac !important;
}
.text-data {
  color: #ad1aac !important;
}

@media (max-width: 767px) {
  .text-xs-data {
    color: #ad1aac !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .text-sm-data {
    color: #ad1aac !important;
  }
}
@media (min-width: 992px) {
  .text-md-data {
    color: #ad1aac !important;
  }
}
/* eg @{pre}@{selectorName}-bg = .primary-bg */
.bg-data-dark {
  background-color: #500778;
  color: #fff;
}
.bg-data-dark a:not(.btn) {
  color: #fff;
}
.bg-data-dark .mainContentItemHeader,
.bg-data-dark .sidebarItemHeader,
.bg-data-dark .mainContentItemLabel {
  color: #fff;
}
.bg-data-dark.promo-card-item a:not(.btn) {
  color: #fff !important;
}
.bg-data-dark.promo-card-item .mainContentItemHeader,
.bg-data-dark.promo-card-item .sidebarItemHeader {
  color: #fff !important;
}
.essentialsSlider .bg-data-dark {
  background-color: rgba(80, 7, 120, 0.8);
}
.essentialsSlider .bg-data-dark.slideText {
  color: #fff;
}
/* eg @{pre}@{selectorName}-bg = .primary-border */
.data-dark-border {
  border-color: #500778;
}
.essentialsSlider .data-dark-border {
  border-color: rgba(80, 7, 120, 0.8);
}
.icon-data-dark .megaNavColLink:before {
  color: #500778;
}
/* eg @{pre}@{selectorName}-bg = .btn-primary */
.btn-data-dark {
  background-color: #500778;
  color: #fff;
  border: 1px solid #500778;
}
.btn-data-dark.active,
.btn-data-dark:active,
.btn-data-dark:hover,
.btn-data-dark:focus {
  background: #29043e;
  color: #fff;
}
.btn-data-dark.btn-outline-hover-data-dark:hover {
  color: #500778 !important;
  background-color: #fff;
}
.btn-data-dark.bg-none {
  background: none !important;
  color: #500778 !important;
}
.btn-data-dark.bg-none:hover,
.btn-data-dark.bg-none:focus {
  color: #500778 !important;
}
.text-data-dark {
  color: #500778 !important;
}
@media (max-width: 767px) {
  .text-xs-data-dark {
    color: #500778 !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .text-sm-data-dark {
    color: #500778 !important;
  }
}
@media (min-width: 992px) {
  .text-md-data-dark {
    color: #500778 !important;
  }
}


 #barMainNav #main-navbar-collapse > ul > li:hover.data-border,
  #barMainNav #main-navbar-collapse > ul > li.active.data-border {
    border-color: #ad1aac;
  }