/* :root {

  --gray: red);
  --gray-dark: red;

  --secondary: red;

  --light: red;
  --dark: red;

} */

.always-light {
  color: var(--always-light)!important;
}

.avatar-generated {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.avatar-canvas {
    border-radius: 50%;
    z-index: 1!important;
}

.avatar-letter {
    position: relative;
    z-index: 1;
    pointer-events: none;
    color: #040505;
    opacity: .75;

}



.btn-outline-secondary {
  color: var(--color-muted);
  border-color: var(--gray-200);
}


.just-hide {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.fa-spin-slow {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,8s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,linear);
}

.pcr-button {
  border: 1px solid var(--background-color) !important;
}

.bg-primary-50 {
  background-color: var(--gray-50)!important;
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: var(--color);
  background-color: var(--gray-400);
  border-color: var(--gray-50);
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: var(--color-inv);
  background-color: var(--main);
  border-color: gray;
}

.btn-secondary {
  color: var(--color-inv);
  background-color: var(--main);
  border-color: var(--gray-50)!important;
}

.btn-secondary:hover {
  color: var(--color-inv);
  background-color:  var(--main);
  border-color: var(--gray-50);
}

.border-gray-100 {
  border-color: var(--gray-200)!important;
  opacity: 1 !important;
}

--primary: var(--gray-0)!important;
--primary-dark: #0c0fa4;
--primary-shadow: rgba(45,45,220,0.2);

.progress-bar {
  background-color: var(--primary);
}

.progress {
  background-color: var(--gray-200);
}

.opacity-3 {
  opacity: .3;
}

hr {
  opacity: .6;
}

.text-muted {
  color: var(--color-muted)!important;
}
.stretched-link::after {
  border-radius: var(--border-radius);
  opacity: 0;
  transition: .1s;
}



.z-index-1 {
  z-index: 1;
}

.z-index-2 {
  z-index: 2;
}

.stretched-link-container .action-btn, .stretched-link-container .dropdown:not(.show) {
  display: none;
}

.stretched-link-container:hover .action-btn, .stretched-link-container:hover .dropdown {
  display: flex;
  animation: fadeIn .6s;
}




.chart-container {
  height: 155px;
}




.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  color: var(--always-light);
}

.page-item.active .page-link {
  z-index: 1;
  color: var(--color);
  background-color: var(--card-background);
  border-color: var(--border-color);
}

.page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: var(--color-muted);
  background-color: transparent;
  border: 1px solid var(--border-color);
}

.page-link:hover {
  z-index: 2;
  color: var(--color);
  text-decoration: none;
  background-color: transparent;
  border-color: var(--border-color);
}




.tile-bottom-section {
  height: 60px;
  max-height: 60px;
  min-height: 60px;
}


.btn-light {
  color: var(--color);
  background-color: var(--gray-20);
  border-color: var(--gray-200)!important;
}

.btn-light:hover, .btn-light:focus {
  background-color: var(--btn-light-background);
  border-color: var(--gray-200);
}


.bg-gray-100 {
  background-color: var(--gray-50) !important;
}

.progress-bar {
  background-color: var(--primary);
}

.table-image-wrapper {
  background: var(--gray-50);
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: none;
}