.afn-primary-color {
  color: #0088cd !important;
}
.afn-accent-color {
  color: #006ea5 !important;
}
.afn-warn-color {
  color: #ff0000 !important;
}
.afn-2px-border-primary {
  border: 2px solid #0088cd !important;
}
.afn-3px-border-primary {
  border: 3px solid #0088cd !important;
}
.afn-blockquote {
  border-left: 5px solid #eee !important;
  padding: 10px 20px !important;
  margin: 0 !important;
}
.afn-blockquote-border-primary {
  border-left: 4px solid #0088cd !important;
}
.afn-fa-circle-thinner-primary:before {
  box-sizing: border-box !important;
  display: block !important;
  width: 2.2em !important;
  height: 2.2em !important;
  padding-top: 0.4em !important;
  text-align: center !important;
  border-radius: 100% !important;
  font-style: normal !important;
  border: 2px solid #0088cd !important;
  color: #0088cd !important;
}
.afn-fa-circle-thicker-primary:before {
  box-sizing: border-box !important;
  display: block !important;
  width: 1.7em !important;
  height: 1.7em !important;
  padding-top: 0.25em !important;
  text-align: center !important;
  border-radius: 100% !important;
  font-style: normal !important;
  border: 3px solid #0088cd !important;
  color: #0088cd !important;
}
.afn-primary-color-50-transparent {
  color: #0088cd !important;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
}
.datatable-header-cell:hover,
.datatable-body-row:hover .datatable-row-group * {
  background-color: #0088cd !important;
  color: white !important;
}
.asf-mini-fab {
  background-color: #fff !important;
  color: #0088cd !important;
  border: 2px solid #0088cd !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  margin-left: 4px !important;
}
.timeline-head {
  color: #0088cd !important;
}
.grad {
  height: 15px !important;
  width: 100% !important;
  background: #0088cd !important; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(
    left,
    #0088cd,
    white
  ) !important; /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(
    right,
    #0088cd,
    white
  ) !important; /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(
    right,
    #0088cd,
    white
  ) !important; /* For Firefox 3.6 to 15 */
  background: linear-gradient(
    to right,
    #0088cd,
    white
  ) !important; /* Standard syntax */
  border-color: #999 !important;
  border-width: thin !important;
  border-style: solid !important;
}
.mat-expansion-panel-header {
  font-size: 14px !important;
}
.afn-mat-card:hover {
  background: #998877 !important;
  color: #fff !important;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing.dark-backdrop {
  background: #000 !important;
  opacity: 0.85 !important;
}
a {
  cursor: pointer !important;
  color: #0088cd !important;
}
a:focus,
a:hover {
  color: #006ea5 !important;
}
a:disabled {
  color: #999 !important;
  cursor: not-allowed !important;
}
.afn-error-text {
  color: #ff0000 !important;
}
.mat-dialog-title {
  font-size: 1.35em !important;
}
@media (max-width: 62rem) {
  .mat-dialog-title {
    font-size: 1.2em !important;
  }
}
@media (max-width: 48rem) {
  .mat-dialog-title {
    font-size: 1em !important;
  }
}
.no-element-found-option-list li i {
  color: #0088cd !important;
}
.mat-button.mat-primary {
  color: #0088cd !important;
}
.mat-flat-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary,
.mat-toolbar.mat-primary,
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled)
  .mat-slide-toggle-thumb {
  background: #ffffff !important;
  color: #000;
}