:root {
  --primary-color-hex: "#646EA0";
  --primary-color: rgb(100, 110, 160);

  --secondary-color-hex: "#9595A9";
  --secondary-color: rgb(149, 149, 169);

  --terciary-color-hex: "#C6BBB1";
  --terciary-color: rgb(198, 187, 177);
}

.btn.btn-info {
  color: white;
}

.back-background {
  background: linear-gradient(
    0.25turn,
    var(--primary-color),
    var(--secondary-color),
    var(--terciary-color)
  );
}

.back-tab-item {
  border-color: black;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  background-color: #bababa;
}

.back-nav-link {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  color: white;
  background-color: #555 !important;
}

.back-nav-link:hover {
  color: white;
}

.back-nav-link.active {
  color: black !important;
  background-color: #ddd !important;
}

#published {
  border-color: green;
  color: black;
}

#published:checked {
  background-color: lightgreen;
}

.filter-red {
  filter: invert(12%) sepia(67%) saturate(6209%) hue-rotate(359deg)
    brightness(114%) contrast(120%);
}

.filter-green {
  filter: invert(20%) sepia(91%) saturate(2079%) hue-rotate(104deg)
    brightness(100%) contrast(105%);
}

.filter-orange {
  filter: invert(48%) sepia(84%) saturate(1861%) hue-rotate(360deg)
    brightness(101%) contrast(105%);
}

.orange-warning {
  color: rgba(255, 119, 0);
}

.leaderboard-action-buttons {
  position: fixed;
  right: 0;
  bottom: 0;
  margin-right: 10px;
  margin-bottom: 10px;
}

.leaderboard-action-buttons-left {
  position: fixed;
  left: 0;
  bottom: 0;
  margin-right: 10px;
  margin-bottom: 10px;
}

.team-cutted {
  background-color: red;
}

#absoluteError {
  position: fixed;
  width: 100%;
  top: 150px;
  left: 50%;
  z-index: 999;
  text-align: center;
  font-family: "Oswald", sans-serif;
  font-weight: 900;
  font-size: 1.5em;
  display: none;
  transform: translate(-50%, -50%);
}

.oswald {
  font-family: "Oswald", sans-serif;
}

.title-owner {
  font-family: "Oswald", sans-serif;
  font-size: 2em;
  font-weight: 800;
}

.connectedAccount {
  color: green;
  font-size: large;
  font-weight: 700;
}

.notConnectedAccount {
  color: red;
  font-size: large;
  font-weight: 700;
}

.form-control.invalid {
  background-color: #ffdede;
}

.form-control.invalid.checkb {
  outline: 3px solid #ff0000;
}

/* .save_all_btn {
  position: fixed;
  right: 30px;
  bottom: 30px;
} */

.total-price {
  font-size: large;
  font-weight: 900;
}

.bg-custom {
  background-color: #ffffffdd;
}

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

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

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

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

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

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

.main-title {
  font-size: 2em;
  font-family: "Oswald", sans-serif;
  font-weight: 900;
}

.secondary-title {
  font-family: "Oswald", sans-serif;
  font-size: 1.5em;
}

.toast-container {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1060;
}