.img-icon {
     background-color: #330097;
}
 .brand-img {
}
 .steps ol > li {
     color: gray;
}
 .steps ol > li:before {
     color: #fff;
}
 .steps ol > li.active {
     border-color: #330097;
     color: #330097;
}
 .steps ol > li.active:before {
     border-color: #330097;
     background-color: #330097;
}
 .steps ol > li.done, .steps ol > li {
    border-color: lightgrey;
     color: lightgrey;
}
 .steps ol > li.done:before {
     background-color: #a7d08e;
     border-color: #a7d08e;
}
 .steps ol > li:before {
     background-color: gray;
     border-color: gray;
}
 .number {
     color: #212529;
}
 .card-footer {
     background-color: transparent;
}
 .ui-h-base {
     color: #330097;
}
 .ui-h-normal {
     color: #330097;
}
 .ui-h-light {
     color: #3c11bf;
}
 .ui-h-lighter {
     color: #904fa6;
}
 .ui-h-dark {
     color: #585858;
}
 .bg-primary {
     background-color: #330097 !important;
}
 .btn-primary, .btn-primary:visited{
     color: #fff;
     background-color: #330097;
     border-color: #330097;
}
 .btn-primary:hover {
     color: #fff;
     background-color: #4700ba;
     border-color: #4200ad;
}
 .btn-primary:focus, .btn-primary.focus {
     box-shadow: 0 0 0 0.2rem rgba(86, 0, 224, 0.5);
     background-color: #4700ba;
     border-color: #4200ad;
}
 .btn-primary.disabled, .btn-primary:disabled {
     color: #fff;
     background-color: #5600e0;
     border-color: #5600e0;
}
 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
     color: #fff;
     background-color: #4200ad;
     border-color: #3d00a1;
}
 .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(86, 0, 224, 0.5);
}
 .btn-outline-primary {
  color: #330097;
  border-color: #330097;
}
 .btn-outline-primary:hover {
  color: #fff;
  background-color: #330097;
  border-color: #330097;
}
 .btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 0, 151, 0.5);
}
 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #330097;
  background-color: transparent;
}
 .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #330097;
  border-color: #330097;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 0, 151, 0.5);
}
 .form-control:focus {
     color: #495057;
     background-color: #fff;
     border-color: #7838e0;
     outline: 0;
     box-shadow: 0 0 0 .2rem rgba(51, 0, 151,.25);
}
 .ui-totals .number {
     color: #38006e;
     border-bottom-color: #38006e;
}
 .ui-totals h2 {
     color: #38006e;
}
 .ui-ibenefits .number {
     color: #38006e;
}
 .checkboxgroup label .number {
     color: #38006e;
}
 a, a:visited {
     color: #5600e0;
     background-color: transparent;
}
 a:hover {
     color: #380094;
     text-decoration: underline;
}
 .survey-tooltip {
     color: white;
     background-color: #330097;
}
 .checked .ui-btn:hover, .checked .ui-btn {
     background-color: #330097 !important;
     border-color: #330097;
     color: #ffffff;
     text-shadow: 0 0px 0 #26007a;
}
 .ui-btn, .ui-btn:visited {
     background-color: transparent;
     border-color: #dddddd;
     color: #333333;
     text-shadow: 0 0px 0 #f3f3f3;
}
 .ui-btn:hover {
     background-color: #dddddd;
     border-color: #dddddd;
}

 .ui-panel .number {
     color: #330097;
}
 .ui-panel {
    border-color: #330097;
    background-color: #330097;
    color: #fff;
}
 .ui-panel-expandable {
    border-color: #330097;
    background-color: transparent;
    color: #330097;
}

 .spinner {
    border-color: #330097;
}

 .noUi-connect {
    background: #330097 !important;
}