@import url(https://fonts.googleapis.com/css2?family=Arimo:wght@400;600&display=swap);
@charset "UTF-8";
* {
  box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: none;
}

.dc {
  display: contents;
}

@media screen and (max-width: 1024px) {
  .desktop {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .mobile {
    display: none;
  }
}

body, html {
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
  font-family: "Arimo", sans-serif;
  background: #ffffff;
  font-size: 0.968245rem;
  line-height: 1.133333;
  color: black;
}
@media screen and (max-width: 1024px) {
  body, html {
    font-size: 0.8714205rem;
  }
}

#app {
  height: 100%;
  width: 100%;
  padding-top: 74px;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  #app:not(.login, .home) {
    background: url("/img/bg_map.png") center top no-repeat white;
    background-size: 100% auto;
    background-attachment: fixed;
  }
  #app.home {
    background: white;
  }
}

#header {
  position: fixed;
  z-index: 100;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 74px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 35px;
  border-bottom: 1px solid #707070;
}
#header .logo {
  height: 29px;
  display: block;
}
#header .menu_toggler {
  text-transform: uppercase;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
#header .menu_toggler.menu-close:after {
  content: "";
  background: url("/img/burger.svg") transparent center center no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
  width: 1.133333em;
  height: 1.133333em;
}
#header .menu_toggler.menu-open:after {
  content: "";
  background: url("/img/cross_black.svg") transparent center center no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
  width: 1.133333em;
  height: 1.133333em;
}
#header .menu_toggler.menu-open + .menu {
  transform: translateX(0);
}
@media screen and (max-width: 1024px) {
  #header .menu_toggler .label {
    display: none;
  }
}
#header .menu {
  position: fixed;
  top: 74px;
  bottom: 0px;
  right: 0px;
  width: 330px;
  transform: translateX(100%);
  padding: 148.5px 49.5px;
  background: black;
  color: white;
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
  transition: transform 250ms;
}
#header .menu .close {
  position: absolute;
  top: 49.5px;
  right: 66px;
  cursor: pointer;
}
#header .menu a {
  margin-bottom: 36px;
}
#app:not(.home):not(.login) #header {
  background: white;
}

#app:not(.login) main {
  width: 100vw;
}

#app.home, #app.login {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

#app:not(.home):not(.login) main {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.22);
  padding: 24px 0px;
  height: 100%;
  overflow: auto;
}

main .container, main .popin {
  transition: transform 250ms;
}
[menu_open="1"] main .container, [menu_open="1"] main .popin {
  transform: translateX(-330px);
}

[filters_open="1"] main .container, [filters_open="1"] main .popin {
  transform: translateX(50vw);
  transform: translateX(min( 50vw, 1389px/2 ));
}

.container, .popin {
  width: 1365px;
  max-width: calc(100% - 24px);
  max-height: 100%;
  margin: auto;
}

.popin {
  position: fixed;
  z-index: 10;
  left: 0px;
  top: 74px;
  height: calc(100vh - 74px);
  overflow: auto;
  background: #ffffff;
  max-width: 100%;
  padding: 24px;
}
@media screen and (min-width: 1024px) {
  .popin {
    padding: 48px;
    left: 50%;
    transform: translateX(-50%);
    top: 98px;
    height: calc(100vh - 74px - 24px);
    border: 1px solid #707070;
    border-bottom: 0px;
  }
}
.popin .close {
  position: absolute;
  top: 24px;
  right: 24px;
}
@media screen and (min-width: 1024px) {
  .popin .close {
    top: 48px;
    right: 48px;
  }
}
.popin .close:before {
  content: "";
  background: url("/img/cross_black.svg") transparent center center no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0;
  width: 1.133333em;
  height: 1.133333em;
}

.btn {
  background: black;
  color: white;
  padding: 12px 22px;
  border: 0px;
  text-transform: uppercase;
  cursor: pointer;
  outline: 0px;
}

.btn-link {
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 40px;
  color: black;
  text-decoration: none;
  outline: 0px;
}

input {
  outline: 0px;
}

.link_style, .table-actions .filters button, #header button, .popin > button {
  all: unset;
  cursor: pointer;
}

.custom_select {
  position: relative;
}
.custom_select .label {
  text-transform: uppercase;
}
.custom_select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  border: 0px;
  border-bottom: 1px solid black;
  padding: 12px;
  text-transform: uppercase;
  color: #707070;
  outline: 0px;
  width: 100%;
  cursor: pointer;
}
.custom_select:after {
  content: "";
  position: absolute;
  right: 12px;
  bottom: 12px;
  border: 8px solid transparent;
  border-top: 12px solid black;
  border-bottom: 0px;
}

.custom_autocomplete {
  position: relative;
}
.custom_autocomplete .label {
  text-transform: uppercase;
}
.custom_autocomplete input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  border: 0px;
  border-bottom: 1px solid black;
  padding: 12px;
  text-transform: uppercase;
  color: #707070;
  outline: 0px;
  width: 100%;
}
.custom_autocomplete ul {
  position: absolute;
  top: 100%;
  left: 0px;
  padding: 0px;
  margin: 0px;
  list-style: none;
  width: 100%;
  visibility: hidden;
  transition: visibility 0.25s;
  border: 1px solid black;
  border-top: 0px;
  overflow: auto;
  max-height: calc(3em + 36px);
}
.custom_autocomplete ul li {
  padding: 0px;
  margin: 0px;
  cursor: pointer;
  padding: 6px 12px;
  line-height: 1em;
}
.custom_autocomplete ul li:nth-child(even) {
  background: #EBEBEB;
}
.custom_autocomplete input:focus + ul {
  visibility: visible;
}

.custom_reset {
  border: 1px solid black;
  padding: 6px 12px;
  text-transform: uppercase;
  cursor: pointer;
}
.custom_reset img {
  margin-right: 6px;
}

.custom_stars .label {
  text-transform: uppercase;
}
.custom_stars .stars_container {
  padding: 12px 0px;
}
.custom_stars .stars_container img + img {
  margin-left: 6px;
}

.custom_network {
  display: flex;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.custom_network:not(.active) {
  opacity: 0.5;
}
.custom_network img {
  width: 39px;
  height: auto;
  cursor: pointer;
}
.custom_network .title {
  margin-bottom: 12px;
}
.custom_network .reach, .custom_network .average {
  width: 50%;
}
.custom_network .reach .vue-slider-process, .custom_network .average .vue-slider-process {
  background: black;
}
.custom_network .commitment {
  width: 50%;
}
.custom_network .slider_wrapper {
  display: flex;
  align-items: flex-start;
}
.custom_network .vue-slider {
  cursor: pointer;
  margin: 5px 12px;
}
.custom_network .vue-slider-dot-tooltip-top {
  top: -2px;
}
.custom_network .vue-slider-rail {
  background: #989898;
  height: 1px;
}
.custom_network .vue-slider-dot {
  border: 1px solid black;
  background: #ffffff;
  border-radius: 100% 100%;
  cursor: pointer;
}
.custom_network .vue-slider-mark-label {
  text-transform: uppercase;
  color: #989898;
}

.custom_dates {
  display: grid;
  margin-top: 36px;
  grid-template-areas: "a a" "b c";
  grid-column-gap: 15px;
}
.custom_dates .label {
  grid-area: a;
  text-transform: uppercase;
}
.custom_dates input {
  grid-area: b;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  border: 0px;
  border-bottom: 1px solid black;
  padding: 12px;
  text-transform: uppercase;
  color: #707070;
  outline: 0px;
  width: 100%;
  cursor: pointer;
}
.custom_dates input + input {
  grid-area: c;
}

.auth_form {
  display: inline-flex;
  flex-direction: column;
}
.auth_form .title {
  font-size: 133.3333%;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 45px;
  text-align: center;
}
.auth_form .input {
  border: 0px;
  width: 305px;
  border-bottom: 1px solid #707070;
  font-size: inherit;
  line-height: inherit;
  padding: 13px 0px;
}
.auth_form .input + .input {
  margin-top: 28px;
}
.auth_form .input::-moz-placeholder {
  text-transform: uppercase;
  color: black;
}
.auth_form .input::placeholder {
  text-transform: uppercase;
  color: black;
}
.auth_form .btn-link {
  margin-top: 40px;
}
.auth_form .btn {
  margin: 59px auto 0px;
}

.choice {
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  justify-content: flex-end;
}
@media screen and (min-width: 1024px) {
  .choice {
    min-width: 400px;
  }
}
.choice .validate, .choice .refuse, .choice .tobeconfirmed {
  padding: 6px 12px;
  border: 1px solid #50AF57;
  color: #50AF57;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
@media screen and (min-width: 1024px) {
  .choice .validate, .choice .refuse, .choice .tobeconfirmed {
    -moz-column-gap: 6px;
         column-gap: 6px;
  }
}
@media screen and (max-width: 1024px) {
  .choice .validate, .choice .refuse, .choice .tobeconfirmed {
    font-size: 0px;
  }
}
.choice .validate.checked, .choice .refuse.checked, .choice .tobeconfirmed.checked {
  color: white;
  background: #50AF57;
}
.choice .validate.checked svg path, .choice .refuse.checked svg path, .choice .tobeconfirmed.checked svg path {
  stroke: white;
}
.choice .validate svg path, .choice .refuse svg path, .choice .tobeconfirmed svg path {
  stroke: #50AF57;
}
.choice.checked .validate:not(.checked), .choice.checked .refuse:not(.checked) {
  border-color: #C7C7C7;
  color: #C7C7C7;
}
.choice.checked .validate:not(.checked) svg path, .choice.checked .refuse:not(.checked) svg path {
  stroke: #C7C7C7;
}
.choice.checked .tobeconfirmed:not(.checked) {
  border-color: #C7C7C7;
  color: #C7C7C7;
}
.choice.checked .tobeconfirmed:not(.checked) svg path {
  stroke: none;
  fill: #C7C7C7;
}
.choice .refuse {
  border-color: #E01B1B;
  color: #E01B1B;
}
.choice .refuse.checked {
  background-color: #E01B1B;
}
.choice .refuse svg path {
  stroke: #E01B1B;
}
.choice .tobeconfirmed {
  border-color: #ffa500;
  color: #ffa500;
}
.choice .tobeconfirmed.checked {
  background-color: #ffa500;
}
.choice .tobeconfirmed.checked svg path {
  fill: white;
}
.choice .tobeconfirmed svg path {
  stroke: none;
  fill: #ffa500;
}

.table-actions {
  position: relative;
  margin-bottom: 24px;
}
@media screen and (min-width: 1024px) {
  .table-actions {
    -moz-column-count: 3;
         column-count: 3;
    margin-bottom: 36px;
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (min-width: 1024px) {
  .table-actions .actions {
    text-align: right;
    padding-top: calc(( 48px - 1.133333em) / 2);
    width: calc(50% - 160px);
  }
}
.table-actions .actions .add {
  text-transform: uppercase;
}
.table-actions .actions .add:before {
  content: "";
  background: url("/img/ico-plus.svg") transparent center center no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  width: 1.133333em;
  height: 1.133333em;
}
.table-actions .actions .checkbox {
  text-transform: uppercase;
}
.table-actions .actions .checkbox:before {
  content: "";
  background: url("/img/ico-checkbox.svg") transparent center center no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  width: 1.133333em;
  height: 1.133333em;
}
.table-actions .actions .checked {
  text-transform: uppercase;
}
.table-actions .actions .checked:before {
  content: "";
  background: url("/img/ico-checked.svg") transparent center center no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  width: 1.133333em;
  height: 1.133333em;
}
@media screen and (min-width: 1024px) {
  .table-actions .filters {
    padding-top: calc(( 48px - 1.133333em) / 2);
    width: calc(50% - 160px);
  }
}
.table-actions .filters button {
  text-transform: uppercase;
}
.table-actions .filters button:before {
  content: "";
  background: url("/img/burger.svg") transparent center center no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  width: 1.133333em;
  height: 1.133333em;
}
[filters_open="1"] .table-actions .filters button:before {
  content: "";
  background: url("/img/cross_black.svg") transparent center center no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  width: 1.133333em;
  height: 1.133333em;
}

.table-actions .search_container {
  position: relative;
  margin: 0px auto;
  width: 320px;
  max-width: 100%;
}
.table-actions .search_container:before {
  content: "";
  background: url("/img/ico-search.svg") transparent center center no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0px;
  width: 1.133333em;
  height: 1.133333em;
}
.table-actions .search_container:before {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  z-index: 2;
}
.table-actions .search_container input {
  width: 100%;
  height: 48px;
  font-size: 120%;
  line-height: 21px;
  padding: 15px 12px 13px 44px;
  position: relative;
  z-index: 1;
  border: 1px solid black;
  color: black;
}
.table-actions .search_container input::-moz-placeholder {
  text-transform: uppercase;
  font-weight: bold;
  color: black;
}
.table-actions .search_container input::placeholder {
  text-transform: uppercase;
  font-weight: bold;
  color: black;
}
@media screen and (max-width: 1024px) {
  .table-actions .search_container {
    margin: 12px 0px;
  }
}

.table-list {
  width: 100%;
  border-collapse: collapse;
}
.table-list tr {
  border-bottom: 1px solid black;
  align-items: center;
}
.table-list tfoot tr {
  border: 0px;
}
.table-list tfoot tr td {
  text-align: center;
}
.table-list th {
  text-transform: uppercase;
}
.table-list th.filterable {
  cursor: pointer;
}
.table-list th.filterable:after {
  content: "";
  border: 6px solid transparent;
  border-top: 8px solid grey;
  border-bottom: 0px;
  float: right;
  margin-top: 5px;
}
.table-list th.filterable.asc:after, .table-list th.filterable.desc:after {
  border-top-color: black;
}
.table-list th.filterable.desc:after {
  transform: rotate(180deg);
}
.table-list td, .table-list th {
  font-weight: normal;
  text-align: left;
  padding-top: 12px;
  padding-bottom: 12px;
  vertical-align: top;
}
.table-list td + th, .table-list td + td, .table-list th + th, .table-list th + td {
  padding-left: 12px;
}
.table-list td.align-right, .table-list th.align-right {
  text-align: right;
}
@media screen and (min-width: 1024px) {
  .table-list .col2 {
    display: grid;
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.table-list tfoot .decrease, .table-list tfoot .increase {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 0px;
  height: 0px;
  overflow: hidden;
  border: 8px solid transparent;
  background: transparent;
  vertical-align: top;
  margin: 0px 24px;
  cursor: pointer;
  outline: 0px;
  display: inline-block;
}
.table-list tfoot .decrease {
  border-right: 12px solid black;
  border-left: 0px;
}
.table-list tfoot .increase {
  border-left: 12px solid black;
  border-right: 0px;
}

.table-filters {
  position: fixed;
  left: 0px;
  top: 74px;
  bottom: 0px;
  width: 50vw;
  transform: translateX(-100%);
  transition: transform 250ms;
  padding: 36px;
  border-right: 1px solid #707070;
  z-index: 100;
  background: #ffffff;
  overflow: auto;
}
.table-filters .close {
  position: absolute;
  top: 36px;
  right: 36px;
  z-index: 10;
  cursor: pointer;
}
.table-filters .title {
  text-transform: uppercase;
}
.active_filters {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 12px;
  list-style: none;
  margin: 24px 0px;
  padding: 0px;
}

.table-filters .select_wrapper {
  border: 0px;
  padding: 0px;
  margin: 0px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 15px;
  grid-row-gap: 36px;
  align-items: start;
}
.table-filters .select_wrapper.one_third {
  grid-template-columns: repeat(3, 1fr);
  margin-top: 36px;
}
.table-filters .social_wrapper {
  border: 0px;
  padding: 0px;
  margin: 36px 0px;
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
[filters_open="1"] .table-filters {
  transform: translateX(0);
}

.popin_content .infos {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  -moz-column-gap: 12px;
       column-gap: 12px;
}
.popin_content .infos .info {
  width: calc(25% - 9px);
  font-weight: bold;
}
.popin_content .infos .info .label {
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 36px;
  margin-bottom: 6px;
}
@media screen and (max-width: 1024px) {
  .popin_content .infos .info .label {
    margin-top: 24px;
  }
}
.popin_content dl {
  display: grid; /* grid container */
  grid-column-gap: 48px; /* row and column gap */
  grid-auto-flow: dense;
  margin: 0px;
}
.popin_content dl dt {
  text-transform: uppercase;
  margin-top: 36px;
}
.popin_content dl dd {
  font-weight: bold;
  margin: 6px 0px 0px;
}
.popin_content dl.basic_infos {
  grid-template-columns: repeat(4, 1fr); /* 4 equal columns */
}
.popin_content dl.basic_infos dt:nth-child(8n+1), .popin_content dl.basic_infos dt:nth-child(8n+2), .popin_content dl.basic_infos dd:nth-child(8n+1), .popin_content dl.basic_infos dd:nth-child(8n+2) {
  grid-column: 1;
}
.popin_content dl.basic_infos dt:nth-child(8n+3), .popin_content dl.basic_infos dt:nth-child(8n+4), .popin_content dl.basic_infos dd:nth-child(8n+3), .popin_content dl.basic_infos dd:nth-child(8n+4) {
  grid-column: 2;
}
.popin_content dl.basic_infos dt:nth-child(8n+5), .popin_content dl.basic_infos dt:nth-child(8n+6), .popin_content dl.basic_infos dd:nth-child(8n+5), .popin_content dl.basic_infos dd:nth-child(8n+6) {
  grid-column: 3;
}
.popin_content dl.basic_infos dt:nth-child(8n+7), .popin_content dl.basic_infos dt:nth-child(8n+8), .popin_content dl.basic_infos dd:nth-child(8n+7), .popin_content dl.basic_infos dd:nth-child(8n+8) {
  grid-column: 4;
}
.popin_content dl.additional_info {
  grid-template-columns: repeat(5, 1fr); /* 3 columns (2 x 2/5 + 1/5) */
}
.popin_content dl.additional_info dt:nth-child(6n+1), .popin_content dl.additional_info dt:nth-child(6n+2), .popin_content dl.additional_info dd:nth-child(6n+1), .popin_content dl.additional_info dd:nth-child(6n+2) {
  grid-column: 1/3;
}
.popin_content dl.additional_info dt:nth-child(6n+3), .popin_content dl.additional_info dt:nth-child(6n+4), .popin_content dl.additional_info dd:nth-child(6n+3), .popin_content dl.additional_info dd:nth-child(6n+4) {
  grid-column: 3/5;
}
.popin_content dl.additional_info dt:nth-child(6n+5), .popin_content dl.additional_info dt:nth-child(6n+6), .popin_content dl.additional_info dd:nth-child(6n+5), .popin_content dl.additional_info dd:nth-child(6n+6) {
  grid-column: 5;
}
.popin_content.influencer_edit input[type=text],
.popin_content.influencer_edit input[type=date] input[type=number],
.popin_content.influencer_edit textarea, .popin_content.influencer_edit select, .popin_content.mission_edit input[type=text],
.popin_content.mission_edit input[type=date] input[type=number],
.popin_content.mission_edit textarea, .popin_content.mission_edit select {
  border: 1px solid black;
  outline: 0px;
  width: 100%;
}
.popin_content.influencer_edit textarea, .popin_content.mission_edit textarea {
  min-height: 5.4867200529rem;
}

.counts {
  position: relative;
  overflow: visible;
  z-index: 99;
}
.counts .count {
  position: absolute;
  top: 50px;
  color: #a6a6a6;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}
.counts .count.left {
  left: 65px;
}
.counts .count.right {
  right: 65px;
}
.counts .count .value {
  font-size: 468.75%;
  line-height: 1.14em;
}

.worldmap {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  overflow: hidden;
  height: calc(100vh - 74px);
}
.worldmap img {
  height: 100%;
  width: auto;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.worldmap .point, .worldmap .subpoint {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  max-width: 90px;
  font-size: 90%;
  cursor: pointer;
}
.worldmap .point .count, .worldmap .subpoint .count {
  border-top: 1px solid black;
  padding-top: 0.4em;
  font-size: 80%;
  margin-top: 0.4em;
  font-weight: 400;
}

.influencers-actions .actions .choose_mission {
  margin-left: 24px;
  position: relative;
  display: inline-block;
}
.influencers-actions .actions .choose_mission .checked, .influencers-actions .actions .choose_mission .checkbox {
  position: relative;
  z-index: 2;
}
.influencers-actions .actions .choose_mission .missions {
  position: absolute;
  z-index: 1;
  background: white;
  top: -12px;
  left: -18px;
  min-width: calc(100% + 36px);
  box-sizing: border-box;
  padding: calc(30px + 1.133333em) 18px 18px;
  border: 1px solid #707070;
  text-align: left;
}
.influencers-actions .actions .choose_mission .missions .search_mission:before {
  content: "";
  background: url("/img/ico-search.svg") transparent center center no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0px;
  width: 1.133333em;
  height: 1.133333em;
}
.influencers-actions .actions .choose_mission .missions .quick_add {
  margin-top: 24px;
}
.influencers-actions .actions .choose_mission .missions .quick_add button {
  all: unset;
  cursor: pointer;
}
.influencers-actions .actions .choose_mission .missions .quick_add button:before {
  content: "";
  background: url("/img/ico-plus.svg") transparent center center no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0px;
  width: 1.133333em;
  height: 1.133333em;
}
.influencers-actions .actions .choose_mission .missions .search_mission, .influencers-actions .actions .choose_mission .missions .quick_add {
  position: relative;
}
.influencers-actions .actions .choose_mission .missions .search_mission:before, .influencers-actions .actions .choose_mission .missions .search_mission button, .influencers-actions .actions .choose_mission .missions .quick_add:before, .influencers-actions .actions .choose_mission .missions .quick_add button {
  position: absolute;
  top: 6px;
  left: 0px;
}
.influencers-actions .actions .choose_mission .missions .search_mission input[type=text], .influencers-actions .actions .choose_mission .missions .quick_add input[type=text] {
  padding: 6px 0px 12px 24px;
  border: 0px;
  border-bottom: 1px solid #707070;
}
.influencers-actions .actions .choose_mission .missions .search_mission input[type=text]::-moz-placeholder, .influencers-actions .actions .choose_mission .missions .quick_add input[type=text]::-moz-placeholder {
  text-transform: uppercase;
  font-size: 0.75em;
}
.influencers-actions .actions .choose_mission .missions .search_mission input[type=text]::placeholder, .influencers-actions .actions .choose_mission .missions .quick_add input[type=text]::placeholder {
  text-transform: uppercase;
  font-size: 0.75em;
}
.influencers-actions .actions .choose_mission .missions ul {
  margin: 24px 0px 0px;
  list-style: none;
  padding: 0px;
  text-transform: uppercase;
  font-size: 0.75em;
}
.influencers-actions .actions .choose_mission .missions ul li {
  cursor: pointer;
}
.influencers-actions .actions .choose_mission .missions ul li + li {
  margin-top: 12px;
}
.influencers-actions .actions .choose_mission .missions ul .selected {
  font-weight: bold;
}

.influencers-list.table-list .count .instagram {
  white-space: nowrap;
}
.influencers-list.table-list .count .instagram:before {
  content: "";
  background: url("/img/networks/instagram.svg") transparent center center no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  width: 1.133333em;
  height: 1.133333em;
}
.influencers-list.table-list .count .tiktok {
  white-space: nowrap;
}
.influencers-list.table-list .count .tiktok:before {
  content: "";
  background: url("/img/networks/tiktok.svg") transparent center center no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  width: 1.133333em;
  height: 1.133333em;
}
.influencers-list.table-list .count .twitter {
  white-space: nowrap;
}
.influencers-list.table-list .count .twitter:before {
  content: "";
  background: url("/img/networks/twitter.svg") transparent center center no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  width: 1.133333em;
  height: 1.133333em;
}
.influencers-list.table-list .count .facebook {
  white-space: nowrap;
}
.influencers-list.table-list .count .facebook:before {
  content: "";
  background: url("/img/networks/facebook.svg") transparent center center no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  width: 1.133333em;
  height: 1.133333em;
}
.influencers-list.table-list .count .youtube {
  white-space: nowrap;
}
.influencers-list.table-list .count .youtube:before {
  content: "";
  background: url("/img/networks/youtube.svg") transparent center center no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  width: 1.133333em;
  height: 1.133333em;
}
.influencers-list.table-list .count .pinterest {
  white-space: nowrap;
}
.influencers-list.table-list .count .pinterest:before {
  content: "";
  background: url("/img/networks/pinterest.svg") transparent center center no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  width: 1.133333em;
  height: 1.133333em;
}
@media screen and (max-width: 1024px) {
  .influencers-list.table-list tr {
    display: grid;
    grid-template-columns: calc(33.33% - 9px) calc(33.33% - 9px) calc(33.33% - 9px) 27px;
    max-width: calc(100vw - 24px);
    align-items: center;
  }
}
@media screen and (max-width: 1024px) {
  .influencers-list.table-list td:nth-child(1), .influencers-list.table-list td:nth-child(5), .influencers-list.table-list td:nth-child(6), .influencers-list.table-list td:last-child, .influencers-list.table-list th:nth-child(1), .influencers-list.table-list th:nth-child(5), .influencers-list.table-list th:nth-child(6), .influencers-list.table-list th:last-child {
    display: table-cell;
  }
}
.influencers-list.table-list tbody tr {
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .influencers-list.table-list tbody tr {
    height: 62px;
  }
}
.influencers-list.table-list td:last-child img {
  width: 17px;
}
@media screen and (max-width: 1024px) {
  .influencers-list.table-list td:last-child img {
    width: 15px;
  }
}

@media screen and (min-width: 1024px) {
  .influencer_content {
    display: flex;
    flex-wrap: wrap;
  }
  .influencer_content .profile_picture {
    display: flex;
    flex-direction: column;
    margin: 0px;
  }
  .influencer_content .profile_picture label {
    font-weight: 400;
    text-transform: uppercase;
  }
  .influencer_content .profile_picture img {
    width: 300px;
    height: 330px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .influencer_content header {
    width: calc(100% - 378px);
    margin-left: 48px;
  }
  .influencer_content .description, .influencer_content .networks {
    width: 100%;
  }
  .influencer_content .description {
    margin-top: 24px;
    border-top: 1px solid #707070;
  }
  .influencer_content .description .title {
    margin-bottom: 24px;
  }
  .influencer_content .description textarea {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .influencer_content .profile_picture {
    margin: -24px -24px 24px;
  }
  .influencer_content .profile_picture img {
    width: 100%;
    height: 30vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.influencer_content header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: self-start;
}
.influencer_content .name {
  text-transform: uppercase;
  font-weight: bold;
}
.influencer_content .specialties, .influencer_content .infos, .influencer_content header > .title, .influencer_content .missions {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .influencer_content .name {
    order: 1;
    width: 50%;
  }
  .influencer_content.influencer_edit .save, .influencer_content .chat {
    order: 2;
    width: 50%;
    text-transform: uppercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .influencer_content.influencer_edit .save {
    margin: auto;
  }
  .influencer_content .notation {
    order: 3;
    width: 50%;
  }
  .influencer_content .delete_button {
    order: 4;
    width: 25%;
    text-transform: uppercase;
    color: #FF3B3B;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .influencer_content .edit_button {
    order: 4;
    width: 25%;
    text-transform: uppercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .influencer_content .specialties {
    order: 5;
    width: 100%;
    margin-top: 24px;
  }
  .influencer_content .label_spe {
    order: 5;
    width: 100%;
    margin-top: 24px;
    font-weight: 400;
    text-transform: uppercase;
  }
  .influencer_content .label_spe + .specialties {
    margin-top: 6px;
    gap: 6px;
  }
  .influencer_content .label_spe + .specialties label {
    cursor: pointer;
  }
  .influencer_content .label_spe + .specialties input {
    margin: 0px 6px 0px 0px;
  }
  .influencer_content .title, .influencer_content .missions {
    order: 6;
    width: 100%;
  }
  .influencer_content .infos {
    order: 7;
    width: 100%;
    margin-top: 24px;
    row-gap: 6px;
  }
  .influencer_content .infos .info {
    width: calc(20% - 12px);
  }
  .influencer_content .infos .info .label {
    margin-top: 0px;
  }
  .influencer_content .infos input, .influencer_content .infos textarea, .influencer_content .infos select {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .influencer_content .delete_button, .influencer_content .chat .label {
    display: none;
  }
  .influencer_content .name {
    margin-right: 12px;
  }
  .influencer_content .chat {
    flex-grow: 1;
    text-align: right;
    margin-left: 12px;
  }
  .influencer_content .chat:before {
    content: "";
    background: url("/img/chat.svg") transparent center center no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0px;
    width: 1.133333em;
    height: 1.133333em;
  }
  .influencer_content .chat:after, .influencer_content .chat:before {
    width: 1.6999995em;
    height: 1.6999995em;
  }
}
.influencer_content .specialties {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
@media screen and (max-width: 1024px) {
  .influencer_content .infos {
    margin-top: 24px;
    display: block;
    -moz-column-count: 2;
         column-count: 2;
    row-gap: 6px;
  }
  .influencer_content .infos dt {
    float: left;
    clear: left;
    margin: 0px 0.25em 0px 0px;
  }
  .influencer_content .infos dt:after {
    content: " : ";
  }
  .influencer_content .infos dd {
    margin: 0px 0px 6px;
  }
}
.influencer_content .title {
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 24px;
}
.influencer_content .missions {
  margin-top: 6px;
}
.influencer_content .missions label {
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
}
.influencer_content .missions label::after {
  content: "⇩";
  font-size: 120%;
  margin-left: 6px;
  display: inline-block;
  vertical-align: middle;
}
.influencer_content .missions label.open::after {
  content: "⇧";
}
.influencer_content .missions ul {
  margin: 0px;
  padding: 0px;
  list-style: disc inside;
}
.influencer_content .networks {
  border-top: 1px solid #707070;
  margin-top: 24px;
}
.influencer_content .networks tr th {
  text-transform: uppercase;
}
.influencer_content .networks tr td:last-child {
  text-align: right;
  text-transform: uppercase;
}
.influencer_content .networks tr td:last-child img {
  max-width: 100%;
  width: auto;
  height: auto;
  margin-bottom: 12px;
}
@media screen and (min-width: 1024px) {
  .influencer_content .networks thead th {
    padding: 24px 0px 12px;
    text-align: left;
  }
  .influencer_content .networks tr td {
    vertical-align: top;
    padding-bottom: 12px;
  }
  .influencer_content .networks tr td:last-child {
    width: 440px;
  }
  .influencer_content .networks tbody tr + tr td {
    border-top: 1px solid black;
    padding-top: 12px;
  }
  .influencer_content .networks .preview {
    width: 80%;
    text-align: right;
  }
  .influencer_content .networks label {
    font-weight: 400;
    text-transform: uppercase;
  }
}
@media screen and (max-width: 1024px) {
  .influencer_content .networks tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 12px 0px;
    border-bottom: 1px solid #707070;
  }
  .influencer_content .networks tr th:last-child {
    display: none;
  }
  .influencer_content .networks tr td:last-child {
    width: 100%;
    padding-top: 12px;
  }
  .influencer_content .networks tr td:last-child a {
    display: inline-block;
    padding: 6px;
    background: #EBEBEB;
    color: black;
    border: 1px solid #707070;
  }
  .influencer_content .networks tr td.instagram {
    white-space: nowrap;
  }
  .influencer_content .networks tr td.instagram:before {
    content: "";
    background: url("/img/networks/instagram.svg") transparent center center no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    width: 1.133333em;
    height: 1.133333em;
  }
  .influencer_content .networks tr td.tiktok {
    white-space: nowrap;
  }
  .influencer_content .networks tr td.tiktok:before {
    content: "";
    background: url("/img/networks/tiktok.svg") transparent center center no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    width: 1.133333em;
    height: 1.133333em;
  }
  .influencer_content .networks tr td.twitter {
    white-space: nowrap;
  }
  .influencer_content .networks tr td.twitter:before {
    content: "";
    background: url("/img/networks/twitter.svg") transparent center center no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    width: 1.133333em;
    height: 1.133333em;
  }
  .influencer_content .networks tr td.facebook {
    white-space: nowrap;
  }
  .influencer_content .networks tr td.facebook:before {
    content: "";
    background: url("/img/networks/facebook.svg") transparent center center no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    width: 1.133333em;
    height: 1.133333em;
  }
  .influencer_content .networks tr td.youtube {
    white-space: nowrap;
  }
  .influencer_content .networks tr td.youtube:before {
    content: "";
    background: url("/img/networks/youtube.svg") transparent center center no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    width: 1.133333em;
    height: 1.133333em;
  }
  .influencer_content .networks tr td.pinterest {
    white-space: nowrap;
  }
  .influencer_content .networks tr td.pinterest:before {
    content: "";
    background: url("/img/networks/pinterest.svg") transparent center center no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    width: 1.133333em;
    height: 1.133333em;
  }
}
.influencer_content .networks + button:not(.save) {
  background: black;
  position: relative;
  cursor: pointer;
  height: 40px;
  width: 40px;
  margin: auto;
  border: 0px;
  border-radius: 100% 100%;
  display: inline-flex;
}
.influencer_content .networks + button:not(.save):after {
  content: "";
  border-top: 2px solid white;
  top: 19px;
  width: 24px;
  left: 8px;
  position: absolute;
}
.influencer_content .networks + button:not(.save).cast:before {
  content: "";
  color: white;
  left: 19px;
  top: 8px;
  border-left: 2px solid white;
  height: 24px;
  position: absolute;
}

.missions-list.table-list td.instagram {
  white-space: nowrap;
}
.missions-list.table-list td.instagram:after {
  content: "";
  background: url("/img/networks/instagram.svg") transparent center center no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  width: 1.133333em;
  height: 1.133333em;
}
.missions-list.table-list td.tiktok {
  white-space: nowrap;
}
.missions-list.table-list td.tiktok:after {
  content: "";
  background: url("/img/networks/tiktok.svg") transparent center center no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  width: 1.133333em;
  height: 1.133333em;
}
.missions-list.table-list td.twitter {
  white-space: nowrap;
}
.missions-list.table-list td.twitter:after {
  content: "";
  background: url("/img/networks/twitter.svg") transparent center center no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  width: 1.133333em;
  height: 1.133333em;
}
.missions-list.table-list td.facebook {
  white-space: nowrap;
}
.missions-list.table-list td.facebook:after {
  content: "";
  background: url("/img/networks/facebook.svg") transparent center center no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  width: 1.133333em;
  height: 1.133333em;
}
.missions-list.table-list td.youtube {
  white-space: nowrap;
}
.missions-list.table-list td.youtube:after {
  content: "";
  background: url("/img/networks/youtube.svg") transparent center center no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  width: 1.133333em;
  height: 1.133333em;
}
.missions-list.table-list td.pinterest {
  white-space: nowrap;
}
.missions-list.table-list td.pinterest:after {
  content: "";
  background: url("/img/networks/pinterest.svg") transparent center center no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  width: 1.133333em;
  height: 1.133333em;
}
.missions-list.table-list tr {
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .missions-list.table-list td:nth-child(1), .missions-list.table-list td:nth-child(2), .missions-list.table-list td:nth-child(3), .missions-list.table-list th:nth-child(1), .missions-list.table-list th:nth-child(2), .missions-list.table-list th:nth-child(3) {
    display: table-cell;
  }
}

.mission_content .action {
  text-align: center;
}
.mission_content .action a {
  text-transform: uppercase;
  border-bottom: 1px solid #707070;
}
.mission_content .action a + a {
  margin-left: 12px;
}
.mission_content .title {
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 48px;
}
.mission_content .description {
  white-space: pre-line;
}
.mission_content .additional_info .info {
  width: calc(33.33% - 8px);
}
.mission_content .info span {
  display: block;
}

.castings-list tr a:not(.contract, .delete) {
  border-bottom: 1px solid black;
}
.castings-list tr img {
  cursor: pointer;
}
.castings-list tr .contract img {
  display: block;
  margin: auto;
  max-width: 21px;
  height: auto;
}
.castings-list tr .delete {
  color: red;
  cursor: pointer;
}
.castings-list .internal_approval:before, .castings-list .client_approval:before, .castings-list .influencer_approval:before {
  content: "X";
  margin-right: 12px;
  display: inline-block;
  vertical-align: middle;
}
.castings-list .internal_approval.disapproved:before, .castings-list .internal_approval.approved:before, .castings-list .client_approval.disapproved:before, .castings-list .client_approval.approved:before, .castings-list .influencer_approval.disapproved:before, .castings-list .influencer_approval.approved:before {
  content: "";
  width: 14px;
  height: 14px;
  background: #ED452F;
  border-radius: 100% 100%;
}
.castings-list .internal_approval.approved:before, .castings-list .client_approval.approved:before, .castings-list .influencer_approval.approved:before {
  background-color: #6AA84F;
}
.castings-list .edit_casting .line {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  overflow: visible;
}
.castings-list .edit_casting .line input[type=text] {
  min-width: 40%;
  border: 1px solid black;
  padding: 6px;
  background: #EAEAEA;
  color: black;
}
.castings-list .edit_casting .line + .line {
  margin-top: 12px;
}
.castings-list .add_button {
  background: black;
  height: 40px;
  width: 40px;
  border-radius: 100% 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.castings-list .add_button:before {
  content: "+";
  font-family: monospace;
  color: white;
  font-size: 20px;
}

.client_view .client_edit .label {
  text-transform: uppercase;
}
.client_view .client_edit input[type=text] {
  width: 336px;
  padding: 6px 12px;
  border: 0px;
}
@media screen and (max-width: 1024px) {
  .client_view .client_edit input[type=text] {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .client_view .basic_infos .info {
    width: calc(33.33% - 8px);
  }
  .client_view .basic_infos .info.name {
    width: 100%;
  }
  .client_view .basic_infos .info.name .label {
    margin-top: 0px;
  }
  .client_view .title {
    margin-top: 36px;
  }
  .client_view .castings-list {
    margin-bottom: 12px;
  }
  .client_view .additional_info .info {
    width: 100%;
  }
  .client_view .align-right {
    white-space: nowrap;
  }
  .client_view .toggler_open, .client_view .toggler_close {
    display: inline-block;
    vertical-align: middle;
  }
  .client_view .toggler_open:after, .client_view .toggler_close:after {
    content: "";
    border: 8px solid transparent;
    border-top: 12px solid black;
    border-bottom: 0px;
    position: relative;
    top: 12px;
  }
  .client_view .break {
    word-break: break-all;
  }
  .client_view .specialties {
    display: grid;
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    grid-template-columns: repeat(2, 1fr);
  }
  .client_view .toggler_close:after {
    border-bottom: 12px solid black;
    border-top: 0px;
    top: -12px;
  }
}