:root {
  --primary-project-color: #0f7bd4ff;
  --primary-project-color-dark: #0c5fa3;
  --secondary-project-color: #0c5fa3;
  --background-color: #f5f5f5;
  --background-white: #ffffff;
  --background-light-gray: #f8f9fa;
  --background-medium-gray: #f0f0f0;
  --text-color: #212121;
  --text-color-light: #666;
  --text-color-lighter: #999;
  --footer-background: #212121;
  --footer-text: #ffffff;
  --link-color: #0f7bd4ff;
  --color-individual-icon:#2d5564;
  --color-white: #fff;
  --color-black-overlay: rgba(0, 0, 0, 0.276);
  --color-dee2e6: #dee2e6;
  --color-red: red;
  --color-gray: #808080;
  --color-transparent: transparent;
  --border-color-light: #e0e0e0;
  --border-color-medium: #ccc;
  --shadow-color: rgba(0, 0, 0, 0.05);
  --shadow-color-dark: rgba(0, 0, 0, 0.1);
}

/* Existing CSS with color variables */
.double-nav .breadcrumb-dn {
  color: var(--color-white);
}

.side-nav.wide.slim .sn-ad-avatar-wrapper a span {
  display: none;
}

.link-cursor {
  cursor: pointer;
}

.mdb-autocomplete-wrap {
  translate: 0px -2.5rem;
}

/* (A) FULL SCREEN WRAPPER */
#div_general_loader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  background: var(--color-black-overlay);
  transition: opacity 0.2s;
}

/* (B) CENTER LOADING SPINNER */
#div_general_loader img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 35px;
  height: auto;
  transform: translate(-50%, +40%);
}

/* (B) CENTER LOADING SPINNER */
#div_general_loader center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
}

/* (C) SHOW & HIDE */
#div_general_loader {
  visibility: hidden;
  opacity: 0;
}

#div_general_loader.show {
  visibility: visible;
  opacity: 1;
}

.table-border-double {
  border-left: double 4px var(--color-dee2e6);
  border-right: double 4px var(--color-dee2e6);
}

.table-border-double-top {
  border-top: double 4px var(--color-dee2e6);
}

.feedback-num {
  position: relative;
  right: 0rem;
  bottom: 0.5rem;
  height: 1rem;
  width: 1rem;
  color: var(--color-white);
  background-color: var(--color-red);
  border-radius: 50%;
  padding: 0 0.4rem;
}

span:has(.js-clear-field) {
  margin-bottom: 2.5rem;
  padding: .6rem 0 0.4rem 0;
}

.counter-num {
  position: relative;
  right: 0.0rem;
  bottom: 0.5rem;
  height: 1rem;
  width: 1rem;
  background-color: var(--color-transparent);
  border-radius: 50%;
  padding: 0 0.4rem;
  font-family: "Helvetica Neue","Segoe UI",helvetica,verdana,sans-serif;
  font-weight: 900;
}

/* a.active .counter-num {
  background-color: var(--primary-project-color);
} */

.select-label {
  color: var(--color-gray);
  font-weight: 300;
  padding-right: 0.5rem;
  background-color: var(--color-white);
}

#logout-form {
  width: auto;
}

.tabs-individual-color {
  background-color: var(--primary-project-color) !important
}

.tabs-red {
  background-color: var(--primary-project-color) !important
}

.individual-color-text {
  color: var(--primary-project-color) !important
}

.individual-color-icon {
  color: var(--color-individual-icon) !important
}