:root {
  --app-header-height: 80px;
}

/* HELPERS */

.background-light-grey {
  background-color: #f6f7f9 !important;
}

.background-dark-grey {
  background-color: #edeff2 !important;
}

.border-dark-grey {
  border: 1px solid rgba(143, 153, 168, .4);
}

.border-top-dark-grey {
  border-top: 1px solid rgba(143, 153, 168, .4);
}

.border-bottom-dark-grey {
  border-bottom: 1px solid rgba(143, 153, 168, .4);
}

.border-left-dark-grey {
  border-left: 1px solid rgba(143, 153, 168, .4);
}

.border-right-dark-grey {
  border-right: 1px solid rgba(143, 153, 168, .4);
}

.cursor-pointer {
  cursor: pointer;
}

.btn {
  border-radius: 0;
  border: 1px solid black;
  width: 100%;
  --bs-btn-hover-color: white;
  --bs-btn-active-color: white;
  --bs-btn-active-bg: #215db0;
  --bs-btn-active-border-color: #215db0;
  --bs-btn-hover-bg: #215db0;
  --bs-btn-hover-border-color: #215db0;
}

.bold-text {
  font-weight: bold;
}

.mt-0 {
  margin-top: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.ml-0 {
  margin-left: 0;
}

.mr-0 {
  margin-right: 0;
}

.mt-10 {
  margin-top: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.pt-0 {
  padding-top: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.pl-0 {
  padding-left: 0;
}

.pr-0 {
  padding-right: 0;
}

.pt-10 {
  padding-top: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.scroll-x {
  overflow-x: scroll;
}

.scroll-y {
  overflow-y: scroll;
}

.text-right {
  text-align: right;
}

/** TOOLTIPS OVER ELLIPSIS THE HARD WAY : https://codepen.io/Paulie-D/pen/jxGwdq **/
/** TOOLTIPS OVER ELLIPSIS THE EASY WAY : https://stackoverflow.com/a/63687958 **/

.truncate {
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* APP-SPECIFIC */

.list-of-syndics_selected-card > div {
  background-color: #215db0;
  color: white;
}

.btn_val > div {
  background-color: #84b400;
  color: white;
}

.btn_supp > div {
  background-color: #e63f0c;
  color: white;
}

.btn_non_equip > div {
  background-color: #f2af00;
  color: white;
}

tr.inner-table td {
  padding: 0;
}

tr.inner-table td .table {
  margin-bottom: 0;
}

tr.inner-table td .table td {
  padding: 0.25em;
}