@import url('web_theme.css');
@import url('black_theme.css');
@import url('gold_theme.css');

.bg-white{
  background-color: var(--color-bg-white) !important;
}

.border {
  border: 1px solid var(--color-border-pattens-blue) !important;
}

.border-top {
  border-top: 1px solid var(--color-border-pattens-blue) !important;
}

.border-end {
  border-right: 1px solid var(--color-border-pattens-blue) !important;
}

.border-primary {
  border-color: var(--color-border-cyan-blue) !important;
}

.border-secondary {
  border-color: var(--color-border-raven) !important;
}

.border-success {
  border-color: var(--color-border-medium-green) !important;
}

.border-info {
  border-color: var(--color-border-shade-cyan) !important;
}

.border-warning {
  border-color: var(--color-border-vivid-orange) !important;
}

.border-danger {
  border-color: var(--color-border-amaranth) !important;
}

.border-light {
  border-color: var(--color-border-alice-blue) !important;
}

.border-dark {
  border-color: var(--color-border-blue-charcoal) !important;
}

.border-white {
  border-color: var(--color-border-white) !important;
}

.text-muted {
  color: var(--color-text-raven) !important;
}

.text-black-50 {
  color: #00000080 !important;
}

.text-white-50 {
  color: #ffffff80 !important;
}

.containerFilter {
  border: 1px solid var(--color-border-dark-green) !important;
  border-top: 3px solid var(--color-border-dark-green) !important;
}

/* Style the buttons */
.btnFilter {
  background-color: var(--color-bg-versatile-gray) !important;
}

.btnFilter:hover {
  background-color: var(--color-bg-dark-green) !important;
  color: var(--color-text-white) !important;
}

.btnFilter.activeFilter {
  background-color: var(--color-bg-dark-green) !important;
  color: var(--color-text-white) !important;
}

.btnFilter2 {
  background-color: var(--color-bg-versatile-gray) !important;
}

.btnFilter2:hover {
    background-color: var(--color-bg-versatile-gray) !important;
    color: var(--color-text-white) !important;
}

.double {
  border-top: 3px double var(--color-border-charcoal) !important;
}

.solid3 {
  border-top: 3px solid var(--color-border-charcoal) !important;
}
.solid4 {
  border-top: 4px solid var(--color-border-charcoal) !important;
}