@charset "UTF-8";
@media (min-width: 1920px) {
  html {
    font-size: 16px;
  }
}
@media (min-width: 2000px) {
  html {
    font-size: 18px;
  }
}
html {
  scroll-behavior: smooth;
}

.dashboard {
  height: 100vh;
  display: flex;
  justify-content: space-between;
  z-index: 1;
  overflow: hidden;
  background-color: white;
}

.screen-container {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.refresh__icon {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 3rem;
  left: 1.5rem;
  display: block;
  background-image: url("../images/icons/reload.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  cursor: pointer;
}

.info__icon {
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: 1rem;
  left: 1.5rem;
  display: block;
  background-image: url("../images/icons/information.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  cursor: pointer;
}

#app {
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  position: relative;
}

#app::before {
  z-index: 0;
  content: "";
  max-width: 4rem;
  width: 4rem;
  height: 4rem;
  background-image: url("../images/gif/icone-inky.gif");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 767.5px) {
  .dashboard {
    display: flex;
    justify-content: unset;
    flex-direction: column;
    height: 100vh;
  }
}
body.fr .dashboard, body.en .dashboard {
  font-family: "Akrobat";
}
body.fr .dashboard div, body.en .dashboard div {
  font-family: "Akrobat" !important;
}
body.fr .comparison-tooltip, body.en .comparison-tooltip {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}
body.fr .refresh__icon, body.fr .info__icon, body.en .refresh__icon, body.en .info__icon {
  left: auto;
  right: 1.125rem;
}
body.fr .data__content::after, body.en .data__content::after {
  content: "";
  position: absolute;
  min-height: 50%;
  width: 1px;
  background-color: #d7d7d7;
  right: 0;
  left: auto;
  top: 50%;
  transform: translateY(-50%);
}
body.fr .data__content:last-child::after, body.en .data__content:last-child::after {
  content: unset;
}
body.fr .navigation-container, body.en .navigation-container {
  border-radius: 0 40px 0 0;
}
body.fr .navigation-container .switcher__container, body.en .navigation-container .switcher__container {
  margin: 1rem 0;
  flex-direction: column;
}
body.fr .switcher__container span, body.en .switcher__container span {
  display: contents;
}
body.fr .switcher__container .switcher, body.en .switcher__container .switcher {
  margin: 0.2rem;
}
body.fr .navigation__link.active, body.en .navigation__link.active {
  color: #f85353;
  font-weight: 700;
  border-right: 3px solid #f85353;
  border-left: none;
  position: relative;
}
body.fr .description__container, body.en .description__container {
  font-size: 1.2rem;
}
body.fr .unauthorized_expenses_description__content ul li, body.en .unauthorized_expenses_description__content ul li {
  direction: ltr;
}
body.fr .unauthorized_expenses_description__content ul li::before, body.en .unauthorized_expenses_description__content ul li::before {
  margin-right: auto;
  width: 0.5rem !important;
}
body.fr .names span, body.en .names span {
  font-size: 1.1rem;
}
body.fr .table__header .voices, body.fr .table__header .search, body.fr .table__header .voice__cost, body.en .table__header .voices, body.en .table__header .search, body.en .table__header .voice__cost {
  direction: rtl;
}
body.fr .img-candidat, body.en .img-candidat {
  margin: 0 0.5rem 0 0;
}
body.fr .selector__link, body.en .selector__link {
  display: flex;
}
body.fr .comparison-tooltip div, body.en .comparison-tooltip div {
  text-align: left !important;
}
body.fr .popup .switcher__container, body.en .popup .switcher__container {
  max-width: 20rem;
}
@media screen and (max-width: 767.5px) {
  body.fr .candidat__order__information .card__row__container .body__card__desc .candidat__image__name img, body.en .candidat__order__information .card__row__container .body__card__desc .candidat__image__name img {
    margin-right: 0.5rem;
    margin-left: 1rem;
  }
  body.fr .switcher__container.mobile, body.en .switcher__container.mobile {
    left: 15px;
    right: auto;
  }
  body.fr .refresh__icon, body.en .refresh__icon {
    right: 45px;
  }
  body.fr .selector__navigation .bg-img, body.en .selector__navigation .bg-img {
    margin-right: 0.5rem;
  }
  body.fr .highcharts-tooltip-container, body.en .highcharts-tooltip-container {
    left: 10px !important;
  }
}
@media (max-width: 415px) {
  body.fr .totals__of__candiate__voice__container, body.fr .candidat__percentage__container, body.en .totals__of__candiate__voice__container, body.en .candidat__percentage__container {
    min-width: 11rem;
  }
  body.fr .costs__of__the__voice__container, body.fr .select2-container, body.en .costs__of__the__voice__container, body.en .select2-container {
    min-width: 11rem;
  }
  body.fr .data__container, body.en .data__container {
    margin: 2rem 15px;
  }
  body.fr .highcharts-label span div:first-child, body.en .highcharts-label span div:first-child {
    margin: -0.5rem 0 0 0;
  }
  body.fr .didnt__claim div, body.en .didnt__claim div {
    font-size: 1.1rem !important;
    margin-left: 0.3rem;
  }
  body.fr .highcharts-myTextGroup rect, body.en .highcharts-myTextGroup rect {
    x: 114.25;
  }
}

.navigation-container {
  width: 15rem;
  height: 100vh;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  border-radius: 40px 0 0 0;
  background-color: #fafafa;
}

.navigation__link__container {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.navigation__link {
  text-align: center;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  line-height: 1.1;
  color: #929292;
  font-weight: 400;
}
.navigation__link a {
  cursor: pointer;
}

.navigation__link.hidden {
  width: 0 !important;
  visibility: hidden;
}

.navigation__link.active {
  color: #f85353;
  font-weight: 700;
  border-left: 3px solid #f85353;
  position: relative;
}

.navigation__link.active a {
  position: relative;
}

.navigation__link.active a::before {
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("../images/icons/checked.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
}

.navigation__link.resources-authorized.active a::before {
  background-image: url("../images/icons/filtre-1.svg");
  border-radius: 50%;
}

.navigation__link.media-appearance.active a::before {
  background-image: url("../images/icons/filtre-2.svg");
}

.navigation__link.political-advertising.active a::before {
  background-image: url("../images/icons/filtre-3.svg");
}

.navigation__link.sponsored-posts-on-facebook.active a::before {
  background-image: url("../images/icons/filtre-4.svg");
  border-radius: 50%;
}

.navigation__link.deficiencies-in-proof-of-expenditures.active a::before {
  background-image: url("../images/icons/filtre-5.svg");
}

.navigation__link.not-depositing-resources-into-the-single-bank-account.active a::before {
  background-image: url("../images/icons/filtre-6.svg");
}

.navigation__link.unauthorized-and-unappreciated-expenses.active a::before {
  background-image: url("../images/icons/filtre-7.svg");
  border-radius: 50%;
}

.switcher__container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 3rem 0;
}
.switcher__container span {
  color: #f85353;
  font-size: 1.125rem;
  font-weight: 400;
  min-width: 3rem;
  max-width: 3rem;
}
.switcher__container span.active {
  font-weight: 700;
}
.switcher__container .switcher {
  width: 50px;
  height: 25px;
  background-color: #f85353;
  padding: 0px 5px;
  border-radius: 12.5px;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0 10px;
}
.switcher__container .switcher .circle {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background-color: white;
  transition: all 300ms ease-in-out;
  pointer-events: none;
}
.switcher__container .switcher.order .circle {
  margin-right: 28px;
}

@media (max-width: 1778px) {
  .navigation-container {
    width: 11.25rem;
    border-radius: 30px 0 0 0;
  }

  .navigation__link {
    font-size: 0.9rem;
    line-height: 1.1;
  }
  .navigation__link a {
    cursor: pointer;
  }

  .navigation__link.active a::before {
    width: 14px;
    height: 14px;
    top: -18.75px;
  }

  .switcher__container {
    margin: 2.25rem 0;
  }
  .switcher__container span {
    font-size: 0.9rem;
    min-width: 2.25rem;
    max-width: 2.25rem;
  }
  .switcher__container .switcher {
    width: 37.5px;
    height: 18.75px;
    padding: 0px 3.75px;
    border-radius: 9.375px;
    margin: 0 7.5px;
  }
  .switcher__container .switcher .circle {
    height: 9.75px;
    width: 9.75px;
  }
  .switcher__container .switcher.order .circle {
    margin-right: 21px;
  }
}
@media screen and (max-width: 767.5px) {
  .navigation-container {
    width: unset;
    height: unset;
    position: unset;
    top: unset;
    display: unset;
    flex-direction: unset;
    border-radius: unset;
    background-color: unset;
  }
  .navigation-container .navigation__select__container {
    display: flex;
  }
  .navigation-container .select2-selection {
    margin-top: 4rem;
  }
  .navigation-container .select2-container--default .select2-selection--single .select2-selection__arrow b {
    height: 7.5px;
    width: 7.5px;
    top: 138%;
  }
  .navigation-container .select2-container .select2-selection--single {
    background-color: #f7f7f7;
  }
  .navigation-container .select2-container {
    flex: 1;
    max-width: unset;
    width: unset;
  }

  .navigation__select__dropDown__container li {
    padding: 10px 5px;
  }
  .navigation__select__dropDown__container .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    border-radius: unset;
  }

  .selector__navigation {
    text-align: center;
  }
  .selector__navigation span {
    font-size: 1.25rem;
    font-weight: 700;
    color: #f85353;
  }
  .selector__navigation .bg-img {
    display: -webkit-inline-box;
    display: inline-block;
    position: relative;
    width: 19px;
    height: 19px;
    top: 3px;
    background-image: url("../images/icons/checked.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 0.5rem;
  }
  .selector__navigation .bg-img.resources-authorized {
    background-image: url("../images/icons/filtre-1.svg");
    border-radius: 50%;
  }
  .selector__navigation .bg-img.media-appearance {
    background-image: url("../images/icons/filtre-2.svg");
  }
  .selector__navigation .bg-img.political-advertising {
    background-image: url("../images/icons/filtre-3.svg");
  }
  .selector__navigation .bg-img.sponsored-posts-on-facebook {
    background-image: url("../images/icons/filtre-4.svg");
    border-radius: 50%;
  }
  .selector__navigation .bg-img.deficiencies-in-proof-of-expenditures {
    background-image: url("../images/icons/filtre-5.svg");
  }
  .selector__navigation .bg-img.not-depositing-resources-into-the-single-bank-account {
    background-image: url("../images/icons/filtre-6.svg");
  }
  .selector__navigation .bg-img.unauthorized-and-unappreciated-expenses {
    background-image: url("../images/icons/filtre-7.svg");
    border-radius: 50%;
  }

  .selector__navigation__dropDown {
    text-align: center;
    font-size: 1.25rem;
  }

  .switcher__container.mobile {
    position: absolute;
    top: 1rem;
    right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
  }
  .switcher__container.mobile span {
    color: #f85353;
    font-size: 1.125rem;
    font-weight: 400;
    min-width: 3rem;
    max-width: 3rem;
  }
  .switcher__container.mobile span.active {
    font-weight: 700;
  }
  .switcher__container.mobile .switcher {
    width: 40px;
    height: 20px;
    background-color: #f85353;
    padding: 0px 5px;
    border-radius: 10px;
  }
  .switcher__container.mobile .switcher .circle {
    height: 10px;
    width: 10px;
  }
  .switcher__container.mobile .switcher.order .circle {
    margin-right: 19px;
  }
}
.num {
  color: #558399;
}

.costs__of__the__voices__container {
  margin: 0 5rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.costs__of__the__voice__container {
  min-width: 21rem;
  font-size: 1.25rem;
  text-align: center;
  flex: 1;
  display: flex;
  justify-content: center;
}
.costs__of__the__voice__container p {
  margin-top: 2rem;
  margin-bottom: 0;
}
.costs__of__the__voice__container span {
  font-weight: 700;
}

.totals__of__candiate__voices__container, .totals__percentage__candiate__container {
  margin: 0 5rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.totals__of__candiate__voice__container, .candidat__percentage__container {
  min-width: 21rem;
  font-size: 1.25rem;
  text-align: center;
  flex: 1;
  margin-top: 2rem;
}
.totals__of__candiate__voice__container .votes__num, .candidat__percentage__container .votes__num {
  font-size: 1.875rem;
}

.icon-voice {
  max-width: 2rem;
  display: inline-block;
}

.unauthorized_expenses_description__content {
  direction: ltr;
  min-height: fit-content;
  max-height: 21rem;
  padding: 0 1rem;
  overflow: auto;
}
.unauthorized_expenses_description__content p {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  direction: rtl;
  font-size: 1.5rem;
  color: #f85353;
}
.unauthorized_expenses_description__content ul {
  direction: rtl;
  list-style: none;
}
.unauthorized_expenses_description__content ul li {
  font-size: 1.25rem;
}
.unauthorized_expenses_description__content ul li::before {
  content: "•";
  color: #f85353;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-right: -1em;
}

.unauthorized_expenses_description__content::-webkit-scrollbar {
  width: 2px;
}

/* Handle */
.unauthorized_expenses_description__content::-webkit-scrollbar-thumb {
  background: #f85353;
  border-radius: 10px;
}

.data__container {
  margin: 3rem 5rem;
  display: flex;
  justify-content: space-between;
  flex: 1;
}

.data__content {
  min-height: 100%;
  flex: 1;
  display: flex;
  justify-content: center;
  position: relative;
}

.data__content::after {
  content: "";
  position: absolute;
  min-height: 50%;
  width: 1px;
  background-color: #d7d7d7;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.data__content:last-child::after {
  content: unset;
}

.data__block {
  min-height: 100%;
  max-height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
}
.data__block div {
  position: relative;
}

.description__container {
  margin: 0rem 10rem 3rem 10rem;
  background-color: #f7f7f7;
  overflow-y: auto;
  min-height: 15rem;
  max-height: 15rem;
  height: 15rem;
  padding: 1rem;
  font-size: 1.375rem;
}
.description__container p {
  margin: 0;
}
.description__container .candidat_name {
  color: #f85353;
}
.description__container .voices__number {
  font-weight: 700;
}

.description__container::-webkit-scrollbar {
  width: 2px;
}

/* Handle */
.description__container::-webkit-scrollbar-thumb {
  background: #f85353;
  border-radius: 10px;
}

@media (max-width: 1778px) {
  .refresh__icon {
    width: 22.5px;
    height: 22.5px;
    top: 2.25rem;
    left: 1.125rem;
  }

  .info__icon {
    width: 22.5px;
    height: 22.5px;
    bottom: 0.75rem;
    left: 1.125rem;
  }

  .costs__of__the__voices__container {
    margin: 0 3.75rem;
  }

  .costs__of__the__voice__container {
    min-width: 15.75rem;
    font-size: 0.9rem;
  }
  .costs__of__the__voice__container p {
    margin-top: 1.5rem;
  }

  .totals__of__candiate__voices__container, .totals__percentage__candiate__container {
    margin: 0 3.75rem;
  }

  .totals__of__candiate__voice__container, .candidat__percentage__container {
    min-width: 15.75rem;
    font-size: 0.9rem;
    margin-top: 1.5rem;
  }
  .totals__of__candiate__voice__container .votes__num, .candidat__percentage__container .votes__num {
    font-size: 1.4rem;
  }

  .icon-voice {
    max-width: 1.5rem;
  }

  .unauthorized_expenses_description__content {
    overflow: auto;
    height: 15.75rem;
    padding: 0 0.75rem;
  }
  .unauthorized_expenses_description__content p {
    font-size: 1.125rem;
  }
  .unauthorized_expenses_description__content ul {
    overflow: auto;
  }
  .unauthorized_expenses_description__content ul li {
    font-size: 0.9rem;
  }
  .unauthorized_expenses_description__content ul li::before {
    width: 2em;
    margin-right: -2em;
  }

  .data__container {
    margin: 2.25rem 3.75rem;
  }

  .description__container {
    margin: 0rem 7.5rem 2.25rem 7.5rem;
    min-height: 11.25rem;
    max-height: 11.25rem;
    height: 11.25rem;
    padding: 0.75rem;
    font-size: 1rem;
  }
}
@media screen and (max-width: 935px) and (min-width: 832px) {
  .costs__of__the__voices__container {
    margin: 0 2.5rem;
  }

  .costs__of__the__voice__container {
    min-width: 13rem;
    font-size: 0.9rem;
  }
  .costs__of__the__voice__container p {
    margin-top: 1.5rem;
  }

  .totals__of__candiate__voices__container, .totals__percentage__candiate__container {
    margin: 0 2.5rem;
  }

  .totals__of__candiate__voice__container, .candidat__percentage__container {
    min-width: 13rem;
    font-size: 0.9rem;
    margin-top: 1.5rem;
  }
  .totals__of__candiate__voice__container .votes__num, .candidat__percentage__container .votes__num {
    font-size: 1.4rem;
  }

  .icon-voice {
    max-width: 1.5rem;
  }

  .unauthorized_expenses_description__content {
    min-height: fit-content;
    max-height: 13rem;
    padding: 0 0.75rem;
  }
  .unauthorized_expenses_description__content p {
    font-size: 1.125rem;
  }
  .unauthorized_expenses_description__content ul li {
    font-size: 0.9rem;
  }
  .unauthorized_expenses_description__content ul li::before {
    width: 2em;
    margin-right: -2em;
  }

  .data__container {
    margin: 1rem 2.5rem;
  }

  .description__container {
    margin: 0rem 6rem 1rem 6rem;
    height: 11.25rem;
    padding: 0.75rem;
    font-size: 1rem;
  }
}
@media (max-width: 767.5px) {
  .refresh__icon {
    width: 22.5px;
    height: 22.5px;
    top: 1rem;
    left: 45px;
  }

  .info__icon {
    width: 22.5px;
    height: 22.5px;
    bottom: unset;
    top: 1rem;
    left: 15px;
  }

  .costs__of__the__voices__container {
    margin: 0 15px;
  }

  .costs__of__the__voice__container {
    min-width: 15.75rem;
    font-size: 0.9rem;
    justify-content: flex-start;
  }
  .costs__of__the__voice__container p {
    margin-top: 1.5rem;
    min-width: 15.75rem;
  }

  .costs__of__the__voice__container:last-child {
    justify-content: flex-end;
  }

  .totals__of__candiate__voices__container, .totals__percentage__candiate__container {
    margin: 0 15px;
  }

  .totals__of__candiate__voice__container, .candidat__percentage__container {
    min-width: 15.75rem;
    font-size: 0.9rem;
    margin-top: 1.5rem;
  }
  .totals__of__candiate__voice__container .votes__num, .candidat__percentage__container .votes__num {
    font-size: 1.4rem;
  }

  .icon-voice {
    max-width: 1.5rem;
  }

  .unauthorized_expenses_description__content {
    min-height: 15.75rem;
    max-height: 15.75rem;
    padding: 0 0.75rem;
  }
  .unauthorized_expenses_description__content p {
    font-size: 1.125rem;
  }
  .unauthorized_expenses_description__content ul li {
    font-size: 0.9rem;
  }
  .unauthorized_expenses_description__content ul li::before {
    width: 2em;
    margin-right: -2em;
  }

  .data__container {
    margin: 2.25rem 15px;
  }

  .description__container {
    margin: 0rem 15px 2.25rem 15px;
    height: 11.25rem;
    padding: 0.75rem;
    font-size: 1rem;
  }

  .data__content {
    justify-content: flex-start;
  }

  .data__content:last-child {
    justify-content: flex-end;
  }
}
@media (max-width: 415px) {
  .select2-container {
    min-width: 13rem;
    max-width: 13rem;
  }

  .selector__link {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
  }

  .costs__of__the__voice__container {
    min-width: 13rem;
    max-width: 13rem;
  }
  .costs__of__the__voice__container p {
    min-width: 13rem;
    max-width: 13rem;
  }

  .totals__of__candiate__voice__container, .candidat__percentage__container {
    min-width: 13rem;
    max-width: 13rem;
  }

  .data__block {
    min-width: unset;
  }
}
@media screen and (max-height: 667px) {
  .description__container {
    height: 10rem;
    min-height: 10rem;
    max-height: 10rem;
    flex: unset;
  }
}
@media screen and (max-height: 568px) {
  .description__container {
    height: 8rem;
    min-height: 8rem;
    max-height: 8rem;
    flex: unset;
  }
}
.order__table__container {
  position: absolute;
  z-index: 1;
  top: 4rem;
  left: 5rem;
  right: 5rem;
  bottom: 4rem;
  overflow: auto;
}

.order__table__container::-webkit-scrollbar {
  height: 2px;
  /* height of horizontal scrollbar ← You're missing this */
  width: 2px;
}

/* Handle */
.order__table__container::-webkit-scrollbar-thumb {
  background: #f85353;
  border-radius: 10px;
}

.table__header {
  display: flex;
  flex-wrap: nowrap;
  padding: 1rem 0;
  background-color: white;
  min-width: fit-content;
}
.table__header span {
  color: #6b6b6b;
  font-size: 1.25rem;
  font-family: "Tajawal";
}
.table__header .voices,
.table__header .voice__cost {
  min-width: 15rem;
  background-color: white;
}
.table__header .names {
  min-width: 22rem;
}
.table__header .names span {
  margin-right: 3rem;
  user-select: none;
}
.table__header .search {
  flex: 1;
  min-width: 35rem;
}
.table__header .search,
.table__header .voices,
.table__header .voice__cost {
  cursor: pointer;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.table__header .search .sort__icon,
.table__header .voices .sort__icon,
.table__header .voice__cost .sort__icon {
  margin-left: 0.5rem;
}
.table__header .search span,
.table__header .voices span,
.table__header .voice__cost span {
  white-space: nowrap;
  position: relative;
  pointer-events: none;
  user-select: none;
}

.sort__icon {
  max-width: 0.5rem;
  min-width: 0.5rem;
  width: 0.5rem;
  display: inline-block;
}
.sort__icon svg {
  width: 100%;
}

.table__body.search,
.table__body.voice,
.table__body.cost {
  display: flex;
  flex-direction: column;
}

.candidat__order__information {
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 0.5rem;
  padding: 1rem 0;
  background-color: white;
  min-width: fit-content;
  transition: all 200ms ease-in;
  position: relative;
}
.candidat__order__information .voices,
.candidat__order__information .voice__cost {
  min-width: 15rem;
}
.candidat__order__information .names {
  min-width: 22rem;
}
.candidat__order__information .names {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  border-left: 1px solid #d7d7d7;
}
.candidat__order__information .names .classement__container {
  min-width: 3rem;
  max-width: 3rem;
  width: 3rem;
}
.candidat__order__information .names .classement__container span {
  margin: 0.5rem;
  font-weight: 300;
}
.candidat__order__information .names img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  margin-left: 0.5rem;
}
.candidat__order__information .names span {
  font-size: 1.25rem;
  font-weight: 700;
}
.candidat__order__information .voices {
  border-left: 1px solid #d7d7d7;
}
.candidat__order__information .voices,
.candidat__order__information .voice__cost {
  white-space: nowrap;
  text-align: center;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
}
.candidat__order__information .search {
  border-left: 1px solid #d7d7d7;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
  flex: 1;
  white-space: nowrap;
  min-width: 35rem;
  padding: 0 4rem;
}
.candidat__order__information .search .chat__container {
  flex: 1;
  min-height: 2rem;
  max-height: 2rem;
  height: 2rem;
  background-color: #d7d7d7;
}
.candidat__order__information .search .search__content {
  flex: 1;
  text-align: center;
}
.candidat__order__information .does__not__declared {
  color: #f85353;
  font-weight: 700;
}
.candidat__order__information .not-found {
  color: #f85353;
  font-weight: 700;
}

.candidat__order__information.red__border {
  border: 1px solid #f85353;
}

.candidat__order__information.border__yellow {
  border: 1px solid #f85353;
}

.table__body.search .candidat__order__information[data-orderSearch="0"] {
  order: 0;
}
.table__body.search .candidat__order__information[data-orderSearch="1"] {
  order: 1;
}
.table__body.search .candidat__order__information[data-orderSearch="2"] {
  order: 2;
}
.table__body.search .candidat__order__information[data-orderSearch="3"] {
  order: 3;
}
.table__body.search .candidat__order__information[data-orderSearch="4"] {
  order: 4;
}
.table__body.search .candidat__order__information[data-orderSearch="5"] {
  order: 5;
}
.table__body.search .candidat__order__information[data-orderSearch="6"] {
  order: 6;
}
.table__body.search .candidat__order__information[data-orderSearch="7"] {
  order: 7;
}
.table__body.search .candidat__order__information[data-orderSearch="8"] {
  order: 8;
}
.table__body.search .candidat__order__information[data-orderSearch="9"] {
  order: 9;
}
.table__body.search .candidat__order__information[data-orderSearch="10"] {
  order: 10;
}
.table__body.search .candidat__order__information[data-orderSearch="11"] {
  order: 11;
}
.table__body.search .candidat__order__information[data-orderSearch="12"] {
  order: 12;
}
.table__body.search .candidat__order__information[data-orderSearch="13"] {
  order: 13;
}
.table__body.search .candidat__order__information[data-orderSearch="14"] {
  order: 14;
}
.table__body.search .candidat__order__information[data-orderSearch="15"] {
  order: 15;
}
.table__body.search .candidat__order__information[data-orderSearch="16"] {
  order: 16;
}
.table__body.search .candidat__order__information[data-orderSearch="17"] {
  order: 17;
}
.table__body.search .candidat__order__information[data-orderSearch="18"] {
  order: 18;
}
.table__body.search .candidat__order__information[data-orderSearch="19"] {
  order: 19;
}
.table__body.search .candidat__order__information[data-orderSearch="20"] {
  order: 20;
}
.table__body.search .candidat__order__information[data-orderSearch="21"] {
  order: 21;
}
.table__body.search .candidat__order__information[data-orderSearch="22"] {
  order: 22;
}
.table__body.search .candidat__order__information[data-orderSearch="23"] {
  order: 23;
}
.table__body.search .candidat__order__information[data-orderSearch="24"] {
  order: 24;
}
.table__body.search .candidat__order__information[data-orderSearch="25"] {
  order: 25;
}
.table__body.search .candidat__order__information[data-orderSearch="26"] {
  order: 26;
}
.table__body.search .candidat__order__information[data-orderSearch="27"] {
  order: 27;
}
.table__body.search .candidat__order__information[data-orderSearch="28"] {
  order: 28;
}

.table__body.voice .candidat__order__information[data-orderVoices="0"] {
  order: 0;
}
.table__body.voice .candidat__order__information[data-orderVoices="1"] {
  order: 1;
}
.table__body.voice .candidat__order__information[data-orderVoices="2"] {
  order: 2;
}
.table__body.voice .candidat__order__information[data-orderVoices="3"] {
  order: 3;
}
.table__body.voice .candidat__order__information[data-orderVoices="4"] {
  order: 4;
}
.table__body.voice .candidat__order__information[data-orderVoices="5"] {
  order: 5;
}
.table__body.voice .candidat__order__information[data-orderVoices="6"] {
  order: 6;
}
.table__body.voice .candidat__order__information[data-orderVoices="7"] {
  order: 7;
}
.table__body.voice .candidat__order__information[data-orderVoices="8"] {
  order: 8;
}
.table__body.voice .candidat__order__information[data-orderVoices="9"] {
  order: 9;
}
.table__body.voice .candidat__order__information[data-orderVoices="10"] {
  order: 10;
}
.table__body.voice .candidat__order__information[data-orderVoices="11"] {
  order: 11;
}
.table__body.voice .candidat__order__information[data-orderVoices="12"] {
  order: 12;
}
.table__body.voice .candidat__order__information[data-orderVoices="13"] {
  order: 13;
}
.table__body.voice .candidat__order__information[data-orderVoices="14"] {
  order: 14;
}
.table__body.voice .candidat__order__information[data-orderVoices="15"] {
  order: 15;
}
.table__body.voice .candidat__order__information[data-orderVoices="16"] {
  order: 16;
}
.table__body.voice .candidat__order__information[data-orderVoices="17"] {
  order: 17;
}
.table__body.voice .candidat__order__information[data-orderVoices="18"] {
  order: 18;
}
.table__body.voice .candidat__order__information[data-orderVoices="19"] {
  order: 19;
}
.table__body.voice .candidat__order__information[data-orderVoices="20"] {
  order: 20;
}
.table__body.voice .candidat__order__information[data-orderVoices="21"] {
  order: 21;
}
.table__body.voice .candidat__order__information[data-orderVoices="22"] {
  order: 22;
}
.table__body.voice .candidat__order__information[data-orderVoices="23"] {
  order: 23;
}
.table__body.voice .candidat__order__information[data-orderVoices="24"] {
  order: 24;
}
.table__body.voice .candidat__order__information[data-orderVoices="25"] {
  order: 25;
}
.table__body.voice .candidat__order__information[data-orderVoices="26"] {
  order: 26;
}
.table__body.voice .candidat__order__information[data-orderVoices="27"] {
  order: 27;
}
.table__body.voice .candidat__order__information[data-orderVoices="28"] {
  order: 28;
}

.table__body.cost .candidat__order__information[data-orderCosts="0"] {
  order: 0;
}
.table__body.cost .candidat__order__information[data-orderCosts="1"] {
  order: 1;
}
.table__body.cost .candidat__order__information[data-orderCosts="2"] {
  order: 2;
}
.table__body.cost .candidat__order__information[data-orderCosts="3"] {
  order: 3;
}
.table__body.cost .candidat__order__information[data-orderCosts="4"] {
  order: 4;
}
.table__body.cost .candidat__order__information[data-orderCosts="5"] {
  order: 5;
}
.table__body.cost .candidat__order__information[data-orderCosts="6"] {
  order: 6;
}
.table__body.cost .candidat__order__information[data-orderCosts="7"] {
  order: 7;
}
.table__body.cost .candidat__order__information[data-orderCosts="8"] {
  order: 8;
}
.table__body.cost .candidat__order__information[data-orderCosts="9"] {
  order: 9;
}
.table__body.cost .candidat__order__information[data-orderCosts="10"] {
  order: 10;
}
.table__body.cost .candidat__order__information[data-orderCosts="11"] {
  order: 11;
}
.table__body.cost .candidat__order__information[data-orderCosts="12"] {
  order: 12;
}
.table__body.cost .candidat__order__information[data-orderCosts="13"] {
  order: 13;
}
.table__body.cost .candidat__order__information[data-orderCosts="14"] {
  order: 14;
}
.table__body.cost .candidat__order__information[data-orderCosts="15"] {
  order: 15;
}
.table__body.cost .candidat__order__information[data-orderCosts="16"] {
  order: 16;
}
.table__body.cost .candidat__order__information[data-orderCosts="17"] {
  order: 17;
}
.table__body.cost .candidat__order__information[data-orderCosts="18"] {
  order: 18;
}
.table__body.cost .candidat__order__information[data-orderCosts="19"] {
  order: 19;
}
.table__body.cost .candidat__order__information[data-orderCosts="20"] {
  order: 20;
}
.table__body.cost .candidat__order__information[data-orderCosts="21"] {
  order: 21;
}
.table__body.cost .candidat__order__information[data-orderCosts="22"] {
  order: 22;
}
.table__body.cost .candidat__order__information[data-orderCosts="23"] {
  order: 23;
}
.table__body.cost .candidat__order__information[data-orderCosts="24"] {
  order: 24;
}
.table__body.cost .candidat__order__information[data-orderCosts="25"] {
  order: 25;
}
.table__body.cost .candidat__order__information[data-orderCosts="26"] {
  order: 26;
}
.table__body.cost .candidat__order__information[data-orderCosts="27"] {
  order: 27;
}
.table__body.cost .candidat__order__information[data-orderCosts="28"] {
  order: 28;
}

.table__body.search.reverse .candidat__order__information[data-orderSearch="28"] {
  order: 0;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="27"] {
  order: 1;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="26"] {
  order: 2;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="25"] {
  order: 3;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="24"] {
  order: 4;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="23"] {
  order: 5;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="22"] {
  order: 6;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="21"] {
  order: 7;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="20"] {
  order: 8;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="19"] {
  order: 9;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="18"] {
  order: 10;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="17"] {
  order: 11;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="16"] {
  order: 12;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="15"] {
  order: 13;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="14"] {
  order: 14;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="13"] {
  order: 15;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="12"] {
  order: 16;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="11"] {
  order: 17;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="10"] {
  order: 18;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="9"] {
  order: 19;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="8"] {
  order: 20;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="7"] {
  order: 21;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="6"] {
  order: 22;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="5"] {
  order: 23;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="4"] {
  order: 24;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="3"] {
  order: 25;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="2"] {
  order: 26;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="1"] {
  order: 27;
}
.table__body.search.reverse .candidat__order__information[data-orderSearch="0"] {
  order: 28;
}

.table__body.voice.reverse .candidat__order__information[data-orderVoices="28"] {
  order: 0;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="27"] {
  order: 1;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="26"] {
  order: 2;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="25"] {
  order: 3;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="24"] {
  order: 4;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="23"] {
  order: 5;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="22"] {
  order: 6;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="21"] {
  order: 7;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="20"] {
  order: 8;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="19"] {
  order: 9;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="18"] {
  order: 10;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="17"] {
  order: 11;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="16"] {
  order: 12;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="15"] {
  order: 13;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="14"] {
  order: 14;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="13"] {
  order: 15;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="12"] {
  order: 16;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="11"] {
  order: 17;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="10"] {
  order: 18;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="9"] {
  order: 19;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="8"] {
  order: 20;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="7"] {
  order: 21;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="6"] {
  order: 22;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="5"] {
  order: 23;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="4"] {
  order: 24;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="3"] {
  order: 25;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="2"] {
  order: 26;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="1"] {
  order: 27;
}
.table__body.voice.reverse .candidat__order__information[data-orderVoices="0"] {
  order: 28;
}

.table__body.cost.reverse .candidat__order__information[data-orderCosts="28"] {
  order: 0;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="27"] {
  order: 1;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="26"] {
  order: 2;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="25"] {
  order: 3;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="24"] {
  order: 4;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="23"] {
  order: 5;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="22"] {
  order: 6;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="21"] {
  order: 7;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="20"] {
  order: 8;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="19"] {
  order: 9;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="18"] {
  order: 10;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="17"] {
  order: 11;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="16"] {
  order: 12;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="15"] {
  order: 13;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="14"] {
  order: 14;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="13"] {
  order: 15;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="12"] {
  order: 16;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="11"] {
  order: 17;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="10"] {
  order: 18;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="9"] {
  order: 19;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="8"] {
  order: 20;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="7"] {
  order: 21;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="6"] {
  order: 22;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="5"] {
  order: 23;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="4"] {
  order: 24;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="3"] {
  order: 25;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="2"] {
  order: 26;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="1"] {
  order: 27;
}
.table__body.cost.reverse .candidat__order__information[data-orderCosts="0"] {
  order: 28;
}

.candidat__order__information[data-orderSearch="0"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="1"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="2"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="3"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="4"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="5"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="6"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="7"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="8"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="9"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="10"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="11"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="12"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="13"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="14"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="15"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="16"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="17"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="18"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="19"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="20"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="21"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="22"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="23"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="24"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="25"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="26"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="27"] {
  position: relative;
}

.candidat__order__information[data-orderSearch="28"] {
  position: relative;
}

@media screen and (max-width: 1778px) and (min-width: 768px) {
  .order__table__container {
    top: 3rem;
    left: 3.75rem;
    right: 3.75rem;
    bottom: 3rem;
  }

  .table__header {
    padding: 1rem 0;
  }
  .table__header span {
    font-size: 0.9rem;
  }
  .table__header .voices,
.table__header .voice__cost {
    min-width: 11.25rem;
  }
  .table__header .names {
    min-width: 16.5rem;
  }
  .table__header .names span {
    margin-right: 2.25rem;
  }
  .table__header .search {
    min-width: 26.25rem;
  }
  .table__header .search .sort__icon,
.table__header .voices .sort__icon,
.table__header .voice__cost .sort__icon {
    margin-left: 0.5rem;
  }

  .candidat__order__information {
    border-radius: 5px;
    margin-bottom: 0.5rem;
    padding: 1rem 0;
  }
  .candidat__order__information .voices,
.candidat__order__information .voice__cost {
    min-width: 11.25rem;
  }
  .candidat__order__information .names {
    min-width: 16.5rem;
  }
  .candidat__order__information .names .classement__container {
    min-width: 2.25rem;
    max-width: 2.25rem;
    width: 2.25rem;
  }
  .candidat__order__information .names .classement__container span {
    margin: 0.5rem;
  }
  .candidat__order__information .names img {
    width: 28.5px;
    height: 28.5px;
    margin-left: 0.5rem;
  }
  .candidat__order__information .names span {
    font-size: 0.9rem;
  }
  .candidat__order__information .search {
    min-width: 26.5rem;
    padding: 0 3rem;
  }
  .candidat__order__information .search .chat__container {
    min-height: 1.5rem;
    max-height: 1.5rem;
    height: 1.5rem;
  }
  .candidat__order__information .fs-30px {
    font-size: 1.4rem !important;
  }
}
@media screen and (max-width: 767.5px) {
  .order__table__container {
    top: 1rem;
    left: 15px;
    right: 15px;
    bottom: 0;
  }
}
@media screen and (max-width: 767.5px) {
  .candidat__order__information .voices,
.candidat__order__information .voice__cost {
    min-width: unset;
  }
  .candidat__order__information .names {
    min-width: unset;
  }
  .candidat__order__information .names {
    display: unset;
    flex-wrap: unset;
    align-items: unset;
    border-left: unset;
  }
  .candidat__order__information .names .classement__container {
    min-width: unset;
    max-width: unset;
    width: unset;
  }
  .candidat__order__information .names .classement__container span {
    margin: unset;
    font-weight: unset;
  }
  .candidat__order__information .names img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    margin-left: unset;
  }
  .candidat__order__information .names span {
    font-size: unset;
    font-weight: unset;
  }
  .candidat__order__information .voices {
    border-left: unset;
  }
  .candidat__order__information .voices,
.candidat__order__information .voice__cost {
    white-space: unset;
    text-align: unset;
    display: unset;
    align-items: unset;
    flex-wrap: unset;
    justify-content: unset;
  }
  .candidat__order__information .search {
    border-left: unset;
    display: unset;
    align-items: unset;
    flex-wrap: unset;
    justify-content: unset;
    flex: unset;
    white-space: unset;
    min-width: unset;
    padding: unset;
  }
  .candidat__order__information .search .chat__container {
    flex: unset;
    min-height: unset;
    max-height: unset;
    height: unset;
    background-color: unset;
  }
  .candidat__order__information .search .search__content {
    flex: unset;
    text-align: unset;
  }
  .candidat__order__information .does__not__declared {
    color: unset;
    font-weight: unset;
  }
  .candidat__order__information .not-found {
    color: unset;
    font-weight: unset;
  }

  .candidat__order__information {
    height: auto;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
    background-color: white;
    min-width: fit-content;
    transition: all 200ms ease-in;
    padding: 1rem;
  }
  .candidat__order__information .names .classement {
    font-size: 1.15rem;
  }
  .candidat__order__information .card__row__container {
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    min-width: 100%;
    max-width: 100%;
    width: 100%;
  }
  .candidat__order__information .card__row__container .header__card {
    display: flex;
    align-items: center;
    min-width: 16rem;
  }
  .candidat__order__information .card__row__container .header__card .voices *, .candidat__order__information .card__row__container .header__card .voice__cost *, .candidat__order__information .card__row__container .header__card .search * {
    pointer-events: none;
  }
  .candidat__order__information .card__row__container .body__card__desc {
    flex: 1;
    display: flex;
    align-items: baseline;
  }
  .candidat__order__information .card__row__container .body__card__desc .candidat__image__name {
    display: flex;
    align-items: center;
  }
  .candidat__order__information .card__row__container .body__card__desc .candidat__image__name img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    margin-left: 0.5rem;
  }
  .candidat__order__information .card__row__container .body__card__desc .chat__container {
    flex: 1;
    height: 1.5rem;
    margin-left: 0.5rem;
  }
  .candidat__order__information .card__row__container .body__card__desc .does__not__declared {
    font-weight: 700;
    color: #f85353;
  }
  .candidat__order__information .card__row__container .body__card__desc .not-found {
    color: #f85353;
    font-weight: 700;
  }
}
@media screen and (max-width: 460px) {
  .card__row__container .header__card {
    min-width: 14.5rem !important;
    max-width: 14.5rem !important;
  }
  .card__row__container .body__card__desc .search__content {
    display: none;
  }
  .card__row__container .body__card__desc .chat__container {
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 375px) {
  .card__row__container .header__card {
    min-width: 12.5rem !important;
    max-width: 12.5rem !important;
  }
  .card__row__container .body__card__desc .search__content {
    display: none;
  }
  .card__row__container .body__card__desc .chat__container {
    margin-left: 0 !important;
  }
}
.select__container {
  margin: 0 5rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: fit-content;
}

.select2-container {
  width: unset !important;
  min-width: 21rem;
  height: fit-content;
}

.select2-selection {
  margin-top: 2rem;
  outline: none;
}

.single__select__container {
  display: flex;
  justify-content: center;
  flex: 1;
}

.img-candidat {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  margin: 0 0 0 1.5rem;
}

.selector__link {
  font-size: 1.25rem;
  font-weight: 500;
  color: #929292;
}

.select2-container .select2-selection--single {
  height: auto;
  height: fit-content;
  padding: 10px 0;
  display: block;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 300px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50%;
  transform: translatey(-50%);
  width: 20px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: unset;
  border-width: unset;
  transform: translate(-50%, -50%) rotate(180deg);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: unset;
  border-style: unset;
  border-width: unset;
  height: 10px;
  left: 50%;
  margin-left: unset;
  margin-top: unset;
  position: absolute;
  top: 110%;
  width: 10px;
  transform: translate(-50%, -50%);
  display: block;
  background-image: url("../images/icons/arrow.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #fbedee;
  color: unset;
}

.select2-container--default .select2-results__option--selected {
  background-color: #fbedee;
}

.select2-results__options::-webkit-scrollbar {
  width: 2px;
}

/* Handle */
.select2-results__options::-webkit-scrollbar-thumb {
  background: #f85353;
  border-radius: 10px;
}

@media (max-width: 1778px) {
  .select__container {
    margin: 0 3.75rem;
  }

  .select2-container {
    min-width: 15.75rem;
  }

  .select2-selection {
    margin-top: 1.5rem;
  }

  .img-candidat {
    width: 28.5px;
    height: 28.5px;
    margin: 0 0 0 1.125rem;
  }

  .selector__link {
    font-size: 0.9rem;
    font-weight: 500;
    color: #929292;
  }

  .select2-container .select2-selection--single {
    padding: 7.5px 0;
    display: block;
    height: auto;
  }

  .select2-container--default .select2-results > .select2-results__options {
    max-height: 225px;
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 15px;
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    height: 7.5px;
    width: 7.5px;
    top: 93%;
  }

  .select2-container--default .select2-results__option--selected {
    background-color: #fbedee;
  }
}
@media screen and (max-width: 935px) and (min-width: 832px) {
  .select__container {
    margin: 0 2.5rem;
  }

  .select2-container {
    min-width: 13rem;
  }

  .selector__link {
    font-size: 0.7rem;
    font-weight: 500;
    color: #929292;
  }

  .img-candidat {
    margin: 0 0 0 0.5rem;
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 100%;
  }
}
@media (max-width: 767.5px) {
  .navigation-container .navigation__select__container {
    margin-left: 15px;
    margin-right: 15px;
  }

  .select__container {
    margin: 0 15px;
  }

  .single__select__container {
    justify-content: flex-start;
  }

  .single__select__container:last-child {
    justify-content: flex-end;
  }
}
@media (max-width: 415px) {
  .select2-container {
    min-width: 13rem;
    max-width: 13rem;
  }

  .selector__link {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
  }
}
.popup__container {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10;
  background-color: #545454b2;
  transition: all 300ms ease-in-out;
  visibility: visible;
  opacity: 0.9;
}

.popup__container.hidden {
  visibility: hidden;
  z-index: -1;
}

.popup {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: white;
  transform: translate(-50%, -50%);
  min-width: 70rem;
  max-width: fit-content;
  min-height: 15rem;
  max-height: fit-content;
  padding: 4rem;
  border-radius: 7px;
  border: 1px solid #f85353;
}
.popup .switcher__container {
  margin: 3rem auto 1rem auto;
  max-width: 13rem;
}
.popup .close {
  position: absolute;
  display: block;
  top: 1rem;
  right: 1rem;
  width: 20px;
  height: 20px;
  background-image: url("../images/icons/cancel.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
}

@media screen and (max-width: 1778px) {
  .popup {
    min-width: 60rem;
  }
}
@media (max-width: 1100px) {
  .popup {
    min-width: unset;
    max-width: unset;
    left: 15px;
    right: 15px;
    transform: translateY(-50%);
  }
}
.popup__title {
  font-size: 1.625rem !important;
  font-weight: 700 !important;
  font-family: "Tajawal" !important;
  color: #f85353 !important;
}

.popup__introduction__p {
  font-size: 1.375rem;
  font-weight: 500;
}

.popup__introduction__p_2 {
  font-size: 1.125rem;
}

.highcharts-label.highcharts-stack-labels span {
  text-align: center;
}

.comparison-tooltip {
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  font-family: "Tajawal", "Akrobat" !important;
  font-size: 1.1rem !important;
  background-color: white;
  padding: 10px;
}

.column__num {
  font-size: 1.875rem;
}

.column__unit {
  font-size: 1.1rem;
  font-family: "Tajawal" !important;
}

@media (max-width: 1778px) {
  .column__num {
    font-size: 1.4rem;
  }

  .column__unit {
    font-size: 1rem;
  }

  .sum__container {
    line-height: 1.5;
  }
}
.chat__container {
  overflow: unset !important;
}
.chat__container .highcharts-container {
  overflow: unset !important;
}
.chat__container .highcharts-container .comparison-tooltip {
  z-index: 500;
  text-align: right;
  direction: rtl;
}
.chat__container .highcharts-container .comparison-tooltip * {
  text-align: right;
}

@media screen and (max-width: 767.5px) {
  .sum__container {
    line-height: 2.5;
  }
}

/*# sourceMappingURL=index.css.map */