@charset "UTF-8";
* {
  outline: 0;
}
.tox-edit-area__iframe {
  min-height: 100%;
}
body {
  background-color: #000;
  font-family: 'Basier Square', sans-serif;
}
.img-avatar {
  object-fit: cover;
  background-color: transparent;
  border: none !important;
  background-repeat: no-repeat;
  width: 96px;
  height: 96px;
  background-size: contain;
}
.card {
  background-color: #333333;
  border: none !important;
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.25s ease-in-out;
}
.card .card-body {
  padding: 18px;
  word-break: break-word;
}
.card .card-footer {
  background-color: #3d3d3d;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.card.hover:hover {
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  background-color: #ff1639 !important;
}
.card.selected {
  background-color: #ff1639 !important;
}
.card.card-stat .card-stat-number {
  font-size: 4.5rem;
  font-weight: 600;
}
.card.card-stat .card-stat-number.sm {
  font-size: 3.5rem;
}
.card.card-stat img {
  width: auto !important;
  height: 96px !important;
}
@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
}
@media (min-width: 992px) {
  .card-columns {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 18px;
    -moz-column-gap: 18px;
    column-gap: 18px;
  }
}
@media (min-width: 1200px) {
  .card-columns {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
    -webkit-column-gap: 18px;
    -moz-column-gap: 18px;
    column-gap: 18px;
  }
}
.form-control {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.05);
  color: #ffffff;
}
.with-dark-control .form-control {
  color: #1a1a1a !important;
}
.form-control option {
  color: #ffffff;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: rgba(238, 238, 238, 0.2);
  opacity: 1;
}
.btn-primary:hover,
.btn-secondary:hover,
.btn-dark:hover,
.btn-primary:focus,
.btn-secondary:focus,
.btn-dark:focus {
  color: #111;
}
.list-group-item {
  border-left-width: 0px;
  border-right-width: 0px;
}
.list-group-item:first-child {
  border-top: none;
}
.list-group-item:last-child {
  border-bottom: none;
}
.list-group-item.active {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.text-white {
  color: #ffffff !important;
}
.text-white::placeholder {
  color: #ccc;
}
.rounded {
  border-radius: 10px;
}
.rounded .list-group-item:first-child {
  border-top-right-radius: 10px;
}
.rounded .list-group-item:last-child {
  border-bottom-right-radius: 10px;
}
.rounded.rounded-input {
  border-radius: 4px;
}
.pagination li > a,
.pager li > a {
  background-color: rgba(0, 0, 0, 0.1) !important;
  border-color: #333333;
}
.pagination li:not(.disabled) > a,
.pager li:not(.disabled) > a {
  color: #ffffff;
}
.pagination li:not(.disabled) > a:hover,
.pager li:not(.disabled) > a:hover {
  border-color: #ff9216;
  color: #ff9216;
}
.pagination li.disabled > a,
.pager li.disabled > a,
.pagination li.disabled > a:hover,
.pager li.disabled > a:hover {
  border-color: #aaa !important;
  color: #aaa !important;
}
.pagination li.active > a,
.pager li.active > a,
.pagination li.active > a:hover,
.pager li.active > a:hover {
  border-color: #ff9216 !important;
  background-color: #ff9216 !important;
  color: #ffffff;
}
.pagination li.disabled > a,
.pager li.disabled > a {
  background-color: rgba(0, 0, 0, 0.1) !important;
  border-color: #333333;
  color: #ffffff;
  color: #aaa;
  pointer-events: none;
}
.pagination li.disabled > a:not(.disabled),
.pager li.disabled > a:not(.disabled) {
  color: #ffffff;
}
.pagination li.disabled > a:not(.disabled):hover,
.pager li.disabled > a:not(.disabled):hover {
  color: #ff9216;
}
.form-group-transparent .select2-selection,
.input-group-transparent .select2-selection,
.form-group-transparent .btn,
.input-group-transparent .btn,
.form-group-transparent .form-control,
.input-group-transparent .form-control {
  background-color: rgba(0, 0, 0, 0.1);
  border: none;
  margin: 0px !important;
  margin-right: 0px !important;
  box-shadow: none;
  color: #ffffff;
  font-weight: 600;
}
.form-group-transparent .select2-selection__choice,
.input-group-transparent .select2-selection__choice {
  background-color: #ff9216 !important;
  border: none !important;
  color: #ffffff !important;
}
.form-group-transparent .select2-selection__choice .select2-selection__choice__remove,
.input-group-transparent .select2-selection__choice .select2-selection__choice__remove {
  color: #ffffff !important;
}
.form-group-transparent ::placeholder,
.input-group-transparent ::placeholder {
  color: #ccc;
}
.form-group-transparent .btn:not(.btn-xs),
.input-group-transparent .btn:not(.btn-xs),
.form-group-transparent .input-group-btn,
.input-group-transparent .input-group-btn {
  height: 34px;
  margin: 0px;
}
.form-group-transparent .input-group-addon,
.input-group-transparent .input-group-addon {
  height: 34px;
  margin: 0px;
  background-color: rgba(0, 0, 0, 0.1);
  border: none;
  box-shadow: none;
  color: #ffffff;
  font-weight: 600;
}
.btn-transparent {
  background-color: rgba(0, 0, 0, 0.1) !important;
  transition: all 0.25s ease-in-out;
  color: #ffffff;
}
.btn-transparent:hover {
  background-color: rgba(0, 0, 0, 0.3) !important;
  color: #fff;
}
.btn-transparent.btn-fluid {
  background-color: transparent !important;
}
.fa {
  width: auto !important;
}
.btn-icon {
  width: auto;
  height: 34px;
  line-height: 22px;
  text-align: center;
  padding: 5px;
}
.btn-icon .fa {
  font-size: 24px;
}
.btn-icon img {
  height: 24px;
  width: auto;
  display: inline-block;
}
.btn-circle {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  border-radius: 15px;
  text-align: center;
}
.btn-circle .fa {
  font-size: 22px;
  height: 30px;
  line-height: 24px;
}
.btn-circle.lg {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  line-height: 32px;
  font-size: 16px;
}
.btn-circle.lg .fa {
  font-size: 34px;
  height: 48px;
  line-height: 36px;
}
.btn-circle.xl {
  width: 64px;
  height: 64px;
  border-radius: 32px;
  line-height: 48px;
  font-size: 24px;
}
.btn-circle.xl .fa {
  font-size: 44px;
  height: 64px;
  line-height: 46px;
}
#navigation-bar {
  padding-left: 130px;
  background-color: black;
}
#navigation-bar {
  color: #eee;
}
#navigation-bar .nav > li,
#navigation-bar .nav > li > a {
  color: #eee;
  font-weight: 600;
}
#navigation-bar .navbar-nav > .open > a,
#navigation-bar .navbar-nav > .open > a:focus,
#navigation-bar .navbar-nav > .open > a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
hr {
  border-top: 0.5px solid #333;
}
hr.bigger {
  border-top-width: 1.5px;
}
hr.lighter {
  border-color: #777;
}
.text-bold {
  font-weight: 700;
}
.text-italic {
  font-style: italic;
}
.text-lighter {
  color: #ccc;
}
.small-text {
  max-height: 140px;
  overflow: auto;
}
.p-1 {
  padding: 6px !important;
}
.p-2 {
  padding: 20px !important;
}
.p-2 .close {
  opacity: 1;
  color: #ffffff;
}
.pb-1 {
  padding-bottom: 6px !important;
}
.pb-2 {
  padding-bottom: 12px !important;
}
.p-3 {
  padding: 18px !important;
}
.p-4 {
  padding: 24px !important;
}
.p-5 {
  padding: 32px !important;
}
.m-1 {
  margin: 6px !important;
}
.mb-1 {
  margin-bottom: 6px !important;
}
.mr-1 {
  margin-right: 6px !important;
}
.ml-1 {
  margin-left: 6px !important;
}
.mt-1 {
  margin-top: 6px !important;
}
.m-2 {
  margin: 12px !important;
}
.mb-2 {
  margin-bottom: 12px !important;
}
.ml-2 {
  margin-left: 12px !important;
}
.mr-2 {
  margin-right: 12px !important;
}
.mt-2 {
  margin-top: 12px !important;
}
.m-3 {
  margin: 18px !important;
}
.mb-3 {
  margin-bottom: 18px !important;
}
.m-4 {
  margin: 24px !important;
}
.mb-4 {
  margin-bottom: 24px !important;
}
.mt-4 {
  margin-top: 24px !important;
}
.m-5 {
  margin: 32px !important;
}
.no-pt {
  padding-top: 0px !important;
}
.no-pb {
  padding-bottom: 0px !important;
}
.no-pr {
  padding-right: 0px !important;
}
.no-pl {
  padding-left: 0px !important;
}
.no-mt {
  margin-top: 0px !important;
}
.no-mb {
  margin-bottom: 0px !important;
}
.no-mr {
  margin-right: 0px !important;
}
.no-ml {
  margin-left: 0px !important;
}
.no-m {
  margin: 0px !important;
}
.no-p {
  padding: 0px !important;
}
.no-border {
  border: none !important;
}
.no-border:hover,
.no-border:target,
.no-border:focus {
  border: none !important;
}
.no-shadow {
  box-shadow: none !important;
}
.no-shadow:hover,
.no-shadow:target,
.no-shadow:focus {
  box-shadow: none !important;
}
.text-sm {
  font-size: 0.9em;
}
.text-lg {
  font-size: 1.2em;
}
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  /* The slider */
  /* Hide default HTML checkbox */
}
.switch .slider {
  position: absolute;
  margin-bottom: 0px;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  /* Rounded sliders */
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch .slider.round {
  border-radius: 34px;
}
.switch .slider.round:before {
  border-radius: 50%;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch input:checked + .slider {
  background-color: #ff9216;
}
.switch input:focus + .slider {
  box-shadow: 0 0 1px #ff9216;
}
.switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.switch-label {
  height: 34px;
  line-height: 34px;
  margin-left: 7px;
  margin-right: 7px;
}
.filterButton {
  border: none !important;
  padding: 0px;
}
.filterButton img {
  height: 36px;
  width: auto;
  transition: all 150ms ease-in-out;
}
.filterButton.selected img {
  opacity: 1;
  transform: scale(1);
}
.filterButton:not(.selected) img {
  opacity: 0.45;
  transform: scale(0.75);
}
.right-nav {
  background-color: #1a1a1a !important;
  color: #ffffff;
  text-align: initial !important;
  box-shadow: 0px 0px 10px #333333 !important;
}
.voletInter {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border-radius: 0px !important;
  width: auto !important;
  height: auto !important;
  font-size: 24px !important;
}
.voletInter i,
.voletInter .fa {
  position: relative !important;
  top: unset !important;
  left: unset !important;
}
.signal-badge {
  width: 14px;
  height: 14px;
  border-radius: 7px;
  display: inline-block;
}
.signal-badge.orange {
  background-color: #ff9216;
}
.signal-badge.blue {
  background-color: #2287af;
}
.signal-badge.green {
  background-color: #67af22;
}
.signal-badge.red {
  background-color: #ff1639;
}
.signal-badge.pink {
  background-color: #767676;
}
.signal-badge.mini {
  width: 10px;
  height: 10px;
  border-radius: 5px;
}
.signal-badge.tiny {
  width: 6px;
  height: 6px;
  border-radius: 3px;
}
.with-signal-badge {
  line-height: 14px;
  vertical-align: middle;
  margin-bottom: 4px;
}
.interBloc {
  background-color: #333333 !important;
  transition: all 0.25s ease-in-out;
}
.interBloc a {
  text-decoration: none;
  color: #fff;
  cursor: pointer;
}
.interBloc:hover {
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  -webkit-box-shadow: inset 0px 0px 0px 1px #ff1639;
  -moz-box-shadow: inset 0px 0px 0px 1px #ff1639;
  box-shadow: inset 0px 0px 0px 1px #ff1639;
}
.interBloc.interBlocSelected {
  -webkit-box-shadow: inset 0px 0px 0px 1px #ff1639;
  -moz-box-shadow: inset 0px 0px 0px 1px #ff1639;
  box-shadow: inset 0px 0px 0px 1px #ff1639;
}
.interBloc .savioursList {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap;
}
.interBloc .savioursList .avatarRond {
  position: relative;
  float: unset;
  border-radius: unset;
  border: none;
}
.interBloc .savioursList .avatarRond .avatar {
  border-radius: 25px;
  width: 45px;
  height: 45px;
  border: none;
}
.interBloc .savioursList .avatarRond .saviourState {
  top: 0;
  right: 0;
  z-index: 999;
}
.btn {
  font-weight: 600;
  font-family: 'Basier Square', sans-serif;
}
.blink {
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
  -moz-animation: blink-animation 1s steps(5, start) infinite;
  -ms-animation: blink-animation 1s steps(5, start) infinite;
  -o-animation: blink-animation 1s steps(5, start) infinite;
  animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
.bg-black {
  background-color: #000 !important;
}
.bg-orange {
  background-color: #ff9216 !important;
}
.bg-blue {
  background-color: #2287af !important;
}
.bg-green {
  background-color: #67af22 !important;
}
.bg-red {
  background-color: #ff1639 !important;
}
.bg-pink {
  background-color: #767676 !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.bg-transparent:hover {
  background-color: transparent !important;
}
.bordered {
  border: 1px solid #ccc;
}
.bordered.border-bigger {
  border-width: 2px;
}
.bordered.only-right {
  border-width: 0px;
  border-right-width: 1px;
}
.bordered.only-left {
  border-width: 0px;
  border-left-width: 1px;
}
.bordered.only-top {
  border-width: 0px;
  border-top-width: 1px;
}
.bordered.only-bottom {
  border-width: 0px;
  border-bottom-width: 1px;
}
.bg-lighter {
  background-color: rgba(238, 238, 238, 0.2) !important;
}
.bg-white {
  background-color: #ffffff !important;
  color: #000;
}
.bg-primary {
  background-color: #ff9216 !important;
  color: #ffffff;
}
.border-primary {
  border-color: #ff9216 !important;
}
.border-primary.table th,
.border-primary.table td {
  border-color: #ff9216 !important;
}
.btn-primary {
  background-color: #ff9216 !important;
  border-color: #ff9216 !important;
  color: #ffffff;
}
.text-primary {
  color: #ff9216;
}
.bg-secondary {
  background-color: #3f8bd0 !important;
  color: #ffffff;
}
.border-secondary {
  border-color: #3f8bd0 !important;
}
.border-secondary.table th,
.border-secondary.table td {
  border-color: #3f8bd0 !important;
}
.btn-secondary {
  background-color: #333333 !important;
  border-color: #333333 !important;
  color: #ccc;
}
.bg-darker {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.bg-darkest {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.bg-input {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.bg-dark {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
}
.border-dark {
  border-color: #1a1a1a !important;
}
.border-dark.table th,
.border-dark.table td {
  border-color: #1a1a1a !important;
}
.infowindow-corner-dark {
  border-color: #1a1a1a !important;
}
.infowindow-corner-dark::after {
  border-color: #1a1a1a !important;
  background-color: #1a1a1a !important;
  background: #1a1a1a !important;
}
.bg-dark-light {
  background-color: #333333 !important;
  color: #ffffff;
}
.border-dark-light {
  border-color: #333333 !important;
}
.border-dark-light.table th,
.border-dark-light.table td {
  border-color: #333333 !important;
}
.btn-dark {
  background-color: #333333 !important;
  border-color: #333333 !important;
  color: #ffffff;
}
.bg-danger {
  background-color: #ff1639 !important;
  color: #ffffff;
}
.btn-danger {
  background-color: #ff1639 !important;
  border-color: #ff1639 !important;
  color: #ffffff;
}
.text-danger {
  color: #ff1639 !important;
}
.text-dark {
  color: #212121 !important;
}
.text-dark::placeholder {
  color: #777;
}
.text-muted {
  color: #bbb;
}
.flex-1 {
  flex: 1;
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}
.position-absolute.right {
  right: 0px;
}
.position-absolute.left {
  left: 0px;
}
.position-absolute.top {
  top: 0px;
}
.position-absolute.bottom {
  bottom: 0px;
}
.avatarRond {
  width: 45px;
  height: 45px;
  border-radius: 25px;
  overflow: hidden;
  border: 0px solid orange;
  display: inline-block;
  margin-right: 3px;
}
.avatarRond .avatarDefault {
  width: 44px;
  height: 44px;
  margin-top: 0px;
  margin-left: 0px;
}
.avatarRond .avatar {
  width: 45px;
  height: 45px;
}
.avatarRond .fa.notification {
  font-size: 32px;
  line-height: 45px;
  margin-left: 6px;
  -webkit-animation: blink-animation 1s infinite;
  -moz-animation: blink-animation 1s infinite;
  -ms-animation: blink-animation 1s infinite;
  -o-animation: blink-animation 1s infinite;
  animation: blink-animation 1s infinite;
}
.autourAvatar {
  width: 45px;
  height: 45px;
  border-radius: 25px;
  display: inline-block !important;
}
.messaging {
  overflow: auto;
}
.messaging .list-messages {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.messaging .list-messages li {
  padding: 0px;
  margin: 5px 0px;
  list-style: none;
  width: 100%;
}
.messaging .list-messages li .senderName {
  font-size: 10px;
  line-height: 4px;
}
.messaging .list-messages li.receiver {
  text-align: left;
}
.messaging .list-messages li.receiver .card {
  display: inline-block;
  background-color: #ffffff;
  color: #000;
  text-align: left;
}
.messaging .list-messages li.sender {
  text-align: right;
}
.messaging .list-messages li.sender .card {
  display: inline-block;
  background-color: #ff9216;
  color: #ffffff;
  text-align: right;
}
.messaging .list-messages li .card {
  max-width: 80%;
  font-size: 11px;
}
.messaging .list-messages li .card img {
  width: 100%;
  height: auto;
}
.backdrop-blur {
  background-color: rgba(26, 26, 26, 0.8) !important;
}
.modal-dialog.panel {
  top: 52px !important;
  border-radius: 10px !important;
}
.modal-dialog.panel.no-radius {
  border-radius: 0px !important;
}
#modal_connectas > .modal-dialog.panel {
  background-color: #333333;
}
.modalInterSaviour {
  max-height: 100vh !important;
  height: 100vh !important;
  background-color: transparent !important;
  top: 0px !important;
  color: #ffffff;
  border-radius: 0px;
  z-index: 1031 !important;
  box-shadow: none !important;
}
.modalInterSaviour.is_archive {
  right: unset !important;
  bottom: 0px !important;
  position: fixed !important;
}
.modalInterSaviour.no-p {
  padding-top: 0px !important;
}
.modalInterSaviour .interDetails {
  height: 100% !important;
  background-color: #333333 !important;
  box-shadow: 0px 0px 10px #555 !important;
}
.modalInterSaviour .avatar.bigger img,
.modalInterSaviour .avatarDefault.bigger img {
  width: 96px;
  height: 96px;
  border-radius: 48px;
}
.modalInterSaviour .avatar .avatar-badge,
.modalInterSaviour .avatarDefault .avatar-badge {
  position: absolute;
  right: -30%;
  top: 10px;
  padding-left: 6px;
  padding-right: 6px;
  border-radius: 12px;
  font-size: 11px;
  height: 24px;
  line-height: 22px;
  font-weight: bold;
  text-align: center;
}
.modal_homepage_add_inter .form-control option {
  color: black;
}
.modal_homepage_add_inter .modalPanel {
  color: #212121 !important;
  width: 400px !important;
  height: auto !important;
  border-radius: 10px !important;
  top: 100px !important;
  left: 0px !important;
  right: 0px !important;
  background-color: #fff;
}
.slidecontainer {
  width: 100%;
  /* Width of the outside container */
}
.slidecontainer.auto {
  width: auto;
}
.slider-range {
  -webkit-appearance: none;
  width: 100%;
  height: 7px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}
.slider-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #ff9216;
  cursor: pointer;
}
.slider-range::-moz-range-thumb {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #ff9216;
  cursor: pointer;
}
.slider-range::-ms-thumb {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #ff9216;
  cursor: pointer;
}
.panel-custom {
  border: none;
}
.panel-custom:not(:last-child) {
  border-bottom: 1px solid #333333;
  border-radius: 0px !important;
}
.bg-dark-light .nav-pills > li.active > a,
.bg-dark .nav-pills > li.active > a,
.bg-dark-light .nav-pills > li.active > a:focus,
.bg-dark .nav-pills > li.active > a:focus,
.bg-dark-light .nav-pills > li.active > a:hover,
.bg-dark .nav-pills > li.active > a:hover {
  background-color: transparent !important;
  color: #ff9216 !important;
}
.bg-dark-light .nav-pills > li > a,
.bg-dark .nav-pills > li > a,
.bg-dark-light .nav-pills > li > a:focus,
.bg-dark .nav-pills > li > a:focus,
.bg-dark-light .nav-pills > li > a:hover,
.bg-dark .nav-pills > li > a:hover {
  background-color: transparent !important;
  color: #ffffff !important;
}
.bg-dark-light .nav-pills > li:not(:last-child) > a,
.bg-dark .nav-pills > li:not(:last-child) > a {
  border-bottom: 0.5px solid #333333 !important;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
/* width */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
  opacity: 0.4;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
  opacity: 0.4;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ff9216;
  opacity: 0.7;
}
.datepicker,
.dropdown-menu {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
}
.datepicker td:not(.disabled),
.dropdown-menu td:not(.disabled),
.datepicker th[data-action]:not(.disabled),
.dropdown-menu th[data-action]:not(.disabled),
.datepicker td[data-action]:not(.disabled),
.dropdown-menu td[data-action]:not(.disabled),
.datepicker li:not(.disabled) > a,
.dropdown-menu li:not(.disabled) > a,
.datepicker .btn,
.dropdown-menu .btn {
  color: #ffffff !important;
}
.datepicker td:not(.disabled):hover:not(.disabled),
.dropdown-menu td:not(.disabled):hover:not(.disabled),
.datepicker th[data-action]:not(.disabled):hover:not(.disabled),
.dropdown-menu th[data-action]:not(.disabled):hover:not(.disabled),
.datepicker td[data-action]:not(.disabled):hover:not(.disabled),
.dropdown-menu td[data-action]:not(.disabled):hover:not(.disabled),
.datepicker li:not(.disabled) > a:hover:not(.disabled),
.dropdown-menu li:not(.disabled) > a:hover:not(.disabled),
.datepicker .btn:hover:not(.disabled),
.dropdown-menu .btn:hover:not(.disabled) {
  color: #ff9216 !important;
  background-color: rgba(0, 0, 0, 0.3) !important;
}
.datepicker td:not(.disabled).active,
.dropdown-menu td:not(.disabled).active,
.datepicker th[data-action]:not(.disabled).active,
.dropdown-menu th[data-action]:not(.disabled).active,
.datepicker td[data-action]:not(.disabled).active,
.dropdown-menu td[data-action]:not(.disabled).active,
.datepicker li:not(.disabled) > a.active,
.dropdown-menu li:not(.disabled) > a.active,
.datepicker .btn.active,
.dropdown-menu .btn.active,
.datepicker td:not(.disabled).active:hover,
.dropdown-menu td:not(.disabled).active:hover,
.datepicker th[data-action]:not(.disabled).active:hover,
.dropdown-menu th[data-action]:not(.disabled).active:hover,
.datepicker td[data-action]:not(.disabled).active:hover,
.dropdown-menu td[data-action]:not(.disabled).active:hover,
.datepicker li:not(.disabled) > a.active:hover,
.dropdown-menu li:not(.disabled) > a.active:hover,
.datepicker .btn.active:hover,
.dropdown-menu .btn.active:hover {
  background-color: #ff9216 !important;
  color: #ffffff !important;
}
.datepicker [data-action] .glyphicon,
.dropdown-menu [data-action] .glyphicon {
  background-color: transparent;
}
.datepicker [data-action] .glyphicon.hover,
.dropdown-menu [data-action] .glyphicon.hover {
  background-color: transparent !important;
}
.datepicker .disabled,
.dropdown-menu .disabled {
  color: #999 !important;
}
.datepicker .disabled.hover,
.dropdown-menu .disabled.hover {
  background-color: transparent !important;
}
.no-radius {
  border-radius: 0px !important;
}
.toast-success {
  background-color: #ff9216 !important;
}
.toast-error {
  background-color: #ff1639 !important;
}
.toast-info {
  background-color: #3f8bd0 !important;
}
.mce-tinymce.mce-container .mce-container,
.mce-tinymce.mce-container.mce-panel {
  border: none !important;
}
.mce-tinymce.mce-container.mce-panel {
  border-radius: 6px !important;
  overflow: hidden !important;
}
.mce-tinymce.mce-container.mce-panel > .mce-container-body {
  border-radius: 6px !important;
}
.form-file-container {
  display: none;
}
.form-file-container .form-file-input {
  cursor: pointer;
}
.full-loader {
  width: 100vw;
  height: 100vh;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff !important;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999999;
}
.select2 {
  width: 100% !important;
}
.content-wrapper {
  margin-top: 52px !important;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.content-wrapper #navigation-bar {
  padding-left: 250px;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.content-wrapper #map {
  left: 210px;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.content-wrapper.extend-content-wrapper #navigation-bar {
  padding-left: 90px;
}
.content-wrapper.extend-content-wrapper #map {
  left: 0px;
}
.backoffice_homepage_display {
  position: relative !important;
  height: calc(100vh - 52px) !important;
}
@media (max-width: 1432px) {
  .content-wrapper.content-wrapper-with-adressable-bar {
    margin-top: 104px !important;
  }
  .content-wrapper.content-wrapper-with-adressable-bar .interBar {
    margin-top: 52px;
  }
  .content-wrapper.content-wrapper-with-adressable-bar .backoffice_homepage_display {
    height: calc(100vh - 104px) !important;
  }
}
.fake-checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Hide the browser's default checkbox */
.fake-checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 5px;
}
/* On mouse-over, add a grey background color */
.fake-checkbox-container:hover input ~ .checkmark {
  background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.fake-checkbox-container input:checked ~ .checkmark {
  background-color: #ff9216;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.fake-checkbox-container input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.fake-checkbox-container .checkmark:after {
  left: 10px;
  top: 7px;
  width: 5px;
  height: 10px;
  border: solid black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: absolute;
  right: 32px;
  padding: 0px;
  margin: 0;
  margin-top: 20px;
}
.pagination li > span {
  background-color: transparent !important;
  border: none;
  color: white !important;
  display: inline-flex;
}
.pagination li > span > p {
  margin: 0 2px;
}
.pagination li.disabled {
  pointer-events: none;
}
.pagination li.disabled > a {
  pointer-events: none;
}
.pagination a {
  background: #b3b3b3;
  color: white;
  text-align: center;
  display: block;
  line-height: 40px;
}
.pagination a:disabled,
.pagination a .disabled {
  color: #4a4a4a;
  pointer-events: none;
}
.pagination a:disabled:hover,
.pagination a .disabled:hover {
  color: #4a4a4a;
}
.pagination a:hover {
  background: #ff9216;
  color: #fff;
  border-color: transparent;
}
.pagination a .btn-first,
.pagination a .btn-last {
  width: 44px;
  height: 40px;
  border-radius: 5px 0 0 5px;
  font-size: 14px;
}
.pagination a .btn-prev,
.pagination a .btn-next {
  width: 36px;
  height: 40px;
  border-radius: 0 5px 5px 0;
  font-size: 11px;
}
.pagination a .btn-next {
  border-radius: 5px 0 0 5px;
  border-right-width: 1px;
  margin-left: 10px;
}
.pagination a .btn-prev {
  border-left-width: 1px;
  margin-right: 10px;
  margin-left: -1px;
}
.pagination a .btn-last {
  border-radius: 0 5px 5px 0;
  margin-left: -1px;
}
@font-face {
  font-family: "icomoon";
  src: url(/build/fonts/icomoon.365545b9.eot);
  src: url(/build/fonts/icomoon.365545b9.eot) format("embedded-opentype"), url(/build/fonts/icomoon.c2814729.ttf) format("truetype"), url(/build/fonts/icomoon.20a8af21.woff) format("woff"), url(/build/images/icomoon.32e7599d.svg) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-cross:before {
  content: "\e900";
}
.icon-tick:before {
  content: "\e901";
}
.icon-pic:before {
  content: "\e902";
}
.icon-triangle-right:before {
  content: "\e903";
}
.icon-triangles-left:before {
  content: "\e904";
}
.icon-triangles-right:before {
  content: "\e905";
}
.icon-arrows:before {
  content: "\e906";
}
.icon-search:before {
  content: "\e907";
}
.icon-battery:before {
  content: "\e908";
}
.icon-bg-cycle:before {
  content: "\e909";
}
.icon-cycle:before {
  content: "\e90a";
}
.icon-admin:before {
  content: "\e90b";
}
.icon-state:before {
  content: "\e90c";
}
.icon-user:before {
  content: "\e90d";
}
.icon-bell:before {
  content: "\e90e";
}
.icon-triangle-up:before {
  content: "\e90f";
}
.icon-triangle-down:before {
  content: "\e910";
}
.icon-triangle-left:before {
  content: "\e911";
}
.icon-plus:before {
  content: "\e912";
}
.icon-media:before {
  content: "\e913";
}
.icon-envelope:before {
  content: "\e914";
}
.icon-cart:before {
  content: "\e915";
}
.icon-traject:before {
  content: "\e916";
}
.icon-eye:before {
  content: "\e917";
}
.search-box {
  display: flex;
  margin: 15px 0;
  width: 100%;
  padding-top: 15px;
}
.search-box button {
  background-color: black;
  border: 2px solid #ffffff;
  height: 34px;
  border-right: none;
  color: #ffffff;
}
.search-box input {
  padding-left: 30px;
  border: 2px solid #ffffff;
  color: #ffffff;
}
.not_allowed {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
}
.not_allowed * {
  pointer-events: none !important;
}
.nav .connectas_links .btn-secondary {
  margin-top: 0;
}
.nav .connectas_links a {
  height: 30px;
  padding-top: 5px;
  margin-top: 10px;
}
.nav .connectas_links label {
  margin: 0;
}
.nav .connectas_links .modals-header {
  display: inline-flex;
  width: 100%;
  margin-bottom: 30px;
}
.nav .connectas_links .modals-header p {
  width: 100%;
}
.nav .connectas_links #connect_as_content {
  height: 50px;
}
.nav .connectas_links #connect_as_content select {
  background-color: #333333;
  color: white;
  height: 30px;
}
select {
  background-color: #333333;
  color: white;
}
.modal_modification {
  text-align: left;
  color: #ffffff;
}
.modal_modification .modals-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.modal_modification .modals-header .modal-title {
  font-size: 16px;
  font-weight: bold;
}
.modal_modification .modify-title {
  display: flex;
  justify-content: space-between;
}
.modal_modification .name-to-modify {
  padding: 10px 20px;
  border-radius: 4px;
  width: 100%;
  border: none;
  background-color: #1a1a1a;
}
.modal_modification .center {
  justify-content: center;
  display: flex;
  margin-top: 20px;
}
.modal_modification .center .modify-button {
  padding: 10px 20px;
}
#modal_cropit .panel {
  width: 800px;
  height: 800px;
  background-color: #333333;
}
#modal_cropit .panel #image-cropper {
  max-width: 500px;
  height: 500px;
  margin: 70px 120px;
}
#modal_cropit .panel #image-cropper #image-to-crop {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#modal_cropit .panel #image-cropper img {
  display: block;
  /* This rule is very important, please don't ignore this */
  max-width: 100%;
}
#modal_cropit .panel .btn {
  margin-left: 50%;
  transform: translateX(-50%);
}
#modal_cropit .circle_preview .cropper-crop-box,
#modal_cropit .circle_preview .cropper-view-box {
  border-radius: 50%;
}
#modal_cropit .circle_preview .cropper-view-box {
  box-shadow: 0 0 0 1px #39f;
  outline: 0;
}
:not(.not_allowed) > .hover-grow:hover:not(.disabled) {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  filter: contrast(0.8);
  cursor: pointer !important;
}
:not(.not_allowed) > .little-hover-grow:hover:not(.disabled) {
  -webkit-transform: scale(1.01);
  -ms-transform: scale(1.01);
  transform: scale(1.01);
  filter: contrast(0.8);
  cursor: pointer !important;
}
.sub-group {
  background-color: #1a1a1a;
  padding: 25px;
  border-radius: 10px;
  display: flex;
  margin-bottom: 25px;
  flex-wrap: wrap;
}
.sub-group .row {
  width: 100%;
}
.sub-group #target_text {
  margin: 25px -15px 0 -15px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  color: white;
}
input[type="search"]:focus {
  border-color: white;
}
.backoffice_adminhomepage_display {
  /* google map zoom control */
}
.backoffice_adminhomepage_display .interBar {
  height: 100%;
  width: 300px;
  position: fixed;
  z-index: 101;
  top: 50px;
  right: 0;
  background-color: #ffffff;
  text-align: center;
  box-shadow: 0px 0px 10px #555;
}
.backoffice_adminhomepage_display .searchInter {
  width: 100%;
  font-size: 100%;
  padding-right: 30px;
  background-color: #ffffff;
  border: none;
  padding-left: 15px;
}
.backoffice_adminhomepage_display .currentInter {
  height: 90px;
  font-size: 110%;
  border-bottom: 1px groove #f1f1f1;
  /* Permet de centrer les placeholder */
}
.backoffice_adminhomepage_display .currentInter ::-webkit-input-placeholder {
  text-align: center;
}
.backoffice_adminhomepage_display .currentInter :-moz-placeholder {
  /* Firefox 18- */
  text-align: center;
}
.backoffice_adminhomepage_display .currentInter ::-moz-placeholder {
  /* Firefox 19+ */
  text-align: center;
}
.backoffice_adminhomepage_display .currentInter :-ms-input-placeholder {
  text-align: center;
}
.backoffice_adminhomepage_display .listInter {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 90px - 50px);
}
.backoffice_adminhomepage_display .buttonSearch {
  position: absolute;
  top: -6px;
  right: 5px;
  color: #ff9216;
  background: none;
  border: none;
  font-size: 140%;
}
.backoffice_adminhomepage_display .interTitle {
  display: inline-block;
  margin: 10px;
  color: dimgrey;
}
.backoffice_adminhomepage_display .gm-style-cc {
  border-radius: 5px;
}
.backoffice_adminhomepage_display .gmnoprint {
  border-radius: 5px;
}
.backoffice_adminhomepage_display .gmnoprint div {
  outline-style: none;
  overflow: hidden;
}
.backoffice_adminhomepage_display .gmnoprint > .gmnoprint button {
  overflow: hidden;
  outline-style: none;
  /* Si on ne précise pas ces 2 boutons, le border radius ne fonctionne pas lorsqu'on drag la map */
}
.backoffice_adminhomepage_display .gmnoprint > .gmnoprint button[title="Zoom avant"] {
  border-radius: 5px 5px 0px 0px;
}
.backoffice_adminhomepage_display .gmnoprint > .gmnoprint button[title="Zoom arrière"] {
  border-radius: 0px 0px 5px 5px;
}
.backoffice_adminhomepage_display .controls {
  margin-top: 10px;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  right: 25px!important;
}
.backoffice_adminhomepage_display #pac-input {
  background-color: #fff;
  font-size: 15px;
  font-weight: 300;
  margin-left: 12px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 300px;
}
.backoffice_adminhomepage_display #map {
  height: 100%;
  position: absolute!important;
  right: 300px;
  left: 130px;
  bottom: 0;
  z-index: 1;
}
.backoffice_adminhomepage_display .interBloc {
  width: 100%;
  position: relative;
  border: 1px solid #c7c7c7;
}
.backoffice_adminhomepage_display .interBlocSelected {
  background-color: #eaeaea;
}
.backoffice_adminhomepage_display .interBlocSaviour {
  margin: 5px 0;
}
.backoffice_adminhomepage_display .interBlocSaviour .autourAvatar {
  display: inline-block;
  float: left;
  margin-right: 3px;
}
.backoffice_adminhomepage_display .interBlocSaviour .autourAvatar .avatarRond {
  margin: 0;
}
.backoffice_adminhomepage_display .interBlocSaviour .autourAvatarSelected {
  border: none;
  padding-bottom: 0px;
}
.backoffice_adminhomepage_display .littleAvatarRond {
  width: 100%;
  height: 20px;
  margin-left: 2px;
  margin-bottom: 4px;
}
.backoffice_adminhomepage_display .littleAvatarRond .avatarDefault {
  width: 20px;
  height: 20px;
  border: 0px solid orange;
  border-radius: 25px;
  padding: 1px;
}
.backoffice_adminhomepage_display .littleAvatarRond .saviourState {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 10px;
  margin-left: 13px;
}
.backoffice_adminhomepage_display .littleAvatarRond p {
  margin-left: 1px;
  display: inline-block;
  margin-bottom: 5px;
}
.backoffice_adminhomepage_display .avatarRond {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  overflow: hidden;
  border: 0px solid orange;
  display: inline-block;
  margin-right: 3px;
  float: left;
}
.backoffice_adminhomepage_display .avatarRond .avatarDefault {
  width: 40px;
  height: 40px;
  margin-top: 0px;
  margin-left: 0px;
}
.backoffice_adminhomepage_display .avatarRond .avatar {
  width: 40px;
  height: 40px;
  border: none;
}
.backoffice_adminhomepage_display .avatarSelected {
  border: 0px solid orange;
  box-shadow: 0px 0px 12px #000;
}
.backoffice_adminhomepage_display .avatarSelected .avatarDefault {
  margin-top: 0px !important;
  margin-left: 0px !important;
}
.backoffice_adminhomepage_display .avatarRond:hover {
  cursor: pointer;
}
.backoffice_adminhomepage_display .detail {
  font-size: 85%;
  text-align: left;
  width: 100%;
  padding-top: 10px;
}
.backoffice_adminhomepage_display .detail label {
  font-weight: 500;
  width: 89%;
}
.backoffice_adminhomepage_display .detail i {
  color: orange;
  width: 10%;
  text-align: center;
  font-size: 18px;
}
.backoffice_adminhomepage_display .detail .textDetails:hover {
  cursor: pointer;
}
.backoffice_adminhomepage_display .detail .textDetails:hover label:hover {
  cursor: pointer;
}
.backoffice_adminhomepage_display .kind {
  font-size: 120% !important;
  width: 100%;
}
.backoffice_adminhomepage_display .saviourState {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  margin-left: 35px;
}
.backoffice_adminhomepage_display .stateGray {
  background-color: gray;
}
.backoffice_adminhomepage_display .stateOrange {
  background-color: orange;
}
.backoffice_adminhomepage_display .stateBlue {
  background-color: blue;
}
.backoffice_adminhomepage_display .stateGreen {
  background-color: green;
}
.backoffice_adminhomepage_display .stateGreenNotification {
  background-color: green;
  -webkit-animation: greenblinking 1s infinite;
  -moz-animation: greenblinking 1s infinite;
  -ms-animation: greenblinking 1s infinite;
  -o-animation: greenblinking 1s infinite;
  animation: greenblinking 1s infinite;
}
@keyframes greenblinking {
  0% {
    background: transparent;
  }
  40% {
    background: green;
  }
  70% {
    background: green;
  }
  100% {
    background: transparent;
  }
}
.backoffice_adminhomepage_display .stateBlueNotification {
  background-color: blue;
  -webkit-animation: blueblinking 1s infinite;
  -moz-animation: blueblinking 1s infinite;
  -ms-animation: blueblinking 1s infinite;
  -o-animation: blueblinking 1s infinite;
  animation: blueblinking 1s infinite;
}
@keyframes blueblinking {
  0% {
    background: transparent;
  }
  40% {
    background: blue;
  }
  70% {
    background: blue;
  }
  100% {
    background: transparent;
  }
}
.backoffice_adminhomepage_display .stateRed {
  background-color: red;
}
.backoffice_adminhomepage_display .previousButton {
  width: 10px;
  display: block;
  position: absolute;
  left: 0px;
  bottom: 40px;
  height: 58px;
  border: none;
  padding: 0;
  background-color: transparent;
}
.backoffice_adminhomepage_display .previousButton i {
  color: orange;
  font-size: 350%;
}
.backoffice_adminhomepage_display .nextButton {
  width: 15px;
  margin-right: 8px;
  display: block;
  position: absolute;
  right: 0px;
  bottom: 40px;
  height: 58px;
  border: none;
  padding: 0;
  background-color: transparent;
}
.backoffice_adminhomepage_display .nextButton i {
  color: orange;
  font-size: 350%;
}
.backoffice_adminhomepage_display .modal-backdrop {
  z-index: -1000 !important;
}
.backoffice_adminhomepage_display .interNotification {
  display: flex;
  height: 100px;
  width: 100%;
  background-color: #ff9216;
  color: white;
  font-weight: 700;
  padding: 10px;
}
.backoffice_adminhomepage_display .backImage {
  width: 80px;
  height: 100%;
  background-color: white;
  border-radius: 50px;
}
.backoffice_adminhomepage_display .backImage img {
  max-width: 80%;
  max-height: 80%;
  margin-top: 12px;
}
.backoffice_adminhomepage_display .notifBlock {
  width: 200px;
  height: 100%;
}
.backoffice_adminhomepage_display .notifBlock label {
  width: 100%;
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 110%;
}
.backoffice_adminhomepage_display .imgSaviourNotif {
  width: 40px;
  height: 40px;
  border: 1px solid white;
  border-radius: 20px;
  display: inline-block;
}
.backoffice_adminhomepage_display .imgSaviourNotif img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
}
.backoffice_adminhomepage_display .voletInter {
  position: absolute;
  right: 300px;
  top: 115px;
  color: #9E9E9E;
  font-size: 40px;
  background-color: #ffffff;
  border-radius: 10px 0 0 10px;
  width: 28px;
  height: 40px;
  box-shadow: 0 0 2px #555;
  z-index: 1;
}
.backoffice_adminhomepage_display .voletInter i {
  position: absolute;
  top: 0px;
  left: 9px;
}
.backoffice_adminhomepage_display .voletInter:hover {
  cursor: pointer;
}
.backoffice_adminhomepage_display .matriculeInter {
  text-align: left;
  color: white;
  background-color: orange;
  width: fit-content;
  padding: 3px 10px;
}
.backoffice_adminhomepage_display .toast-top-right {
  margin-right: 311px;
  margin-top: 88px;
}
.backoffice_adminhomepage_display .toast-top-left {
  margin-left: 128px;
  margin-top: 43px;
}
.backoffice_adminhomepage_display .videoButton {
  position: absolute;
  top: 214px;
  left: 211px;
  border-radius: 25px;
  height: 50px;
  width: 50px;
  background-color: #ff9e16;
  padding-top: 2px;
  padding-left: 1px;
}
.backoffice_administrator p {
  margin: 0!important;
}
.backoffice_administrator .modal-dialog.panel {
  top: 52px !important;
  border-radius: 10px !important;
  background-color: #333333;
}
.backoffice_administrator .modal-dialog.panel.no-radius {
  border-radius: 0px !important;
}
.backoffice_administrator .admin_header .title {
  width: 350px;
  display: inline-block;
}
.backoffice_administrator .admin_header .btn-list {
  float: right;
  width: fit-content;
  margin-top: 20px;
}
.backoffice_administrator .admin_elem .text-white {
  font-size: 12px !important;
}
.backoffice_administrator .admin_elem .text-white a {
  color: #ff9216;
}
.backoffice_administrator .admin_elem p {
  margin: 0;
}
.backoffice_administrator .admin_elem .text-bold {
  font-size: 16px !important;
}
.backoffice_administrator .admin_elem .role_orange {
  background-color: #ff9216;
  padding: 10px;
  border-radius: 30px;
  font-weight: 700;
  font-size: 12px;
}
.backoffice_administrator .admin_elem .role_gray {
  background-color: #333333;
  padding: 10px;
  border-radius: 30px;
  font-weight: 700;
  font-size: 12px;
  margin-bottom: 5px;
  margin-right: 5px;
  height: fit-content;
}
.backoffice_administrator .new_admin .edit_header {
  display: flex;
  justify-content: space-between;
}
.backoffice_administrator .new_admin .edit_header button,
.backoffice_administrator .new_admin .edit_header a {
  padding: 10px 20px;
  margin-top: 20px;
  height: 42px;
}
.backoffice_administrator .new_admin .edit_header div {
  position: fixed;
  right: 32px;
  bottom: 20px;
  z-index: 2000;
}
.backoffice_administrator .new_admin .edit_header div .btn-dark {
  color: #b3b3b3;
  background-color: #333333;
}
.backoffice_administrator .new_admin h4 {
  color: white;
}
.backoffice_administrator .new_admin .form-group {
  width: 100%;
}
.backoffice_administrator .new_admin .form-group label {
  display: block;
  color: white;
}
.backoffice_administrator .new_admin .form-group input,
.backoffice_administrator .new_admin .form-group select {
  background-color: #333333;
}
.backoffice_administrator .new_admin .fake_button {
  height: 30px;
  margin: 0 10px 0 0;
  padding: 5px 15px;
  border-radius: 20px;
  color: white;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #333333;
  cursor: pointer;
}
.backoffice_administrator .new_admin .fake_button.selected {
  background-color: #ff9216;
}
.backoffice_administrator .new_admin .access_list {
  background-color: #1a1a1a;
  border-radius: 10px;
}
.backoffice_administrator .new_admin .access_list .fake_list_elem {
  margin: 5px 0px;
  padding-right: 40px;
  display: inline-flex;
  width: 100%;
  cursor: pointer;
}
.backoffice_administrator .new_admin .access_list .fake_list_elem .fake_checkbox {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 2px solid #ff9216;
  margin-right: 15px;
  margin-top: 10px;
  margin-left: 35px;
}
.backoffice_administrator .new_admin .access_list .fake_list_elem .fake_checkbox.selected {
  background-color: #ff9216;
}
.backoffice_administrator .new_admin .access_list .fake_list_elem .fake_checkbox .checkmark {
  display: inline-block;
  width: 22px;
  height: 22px;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  position: relative;
  background-color: transparent;
  top: -2px;
  left: -3px;
}
.backoffice_administrator .new_admin .access_list .fake_list_elem .fake_checkbox .checkmark_stem {
  position: absolute;
  width: 3px;
  height: 10px;
  background-color: #1a1a1a;
  left: 11px;
  top: 5px;
}
.backoffice_administrator .new_admin .access_list .fake_list_elem .fake_checkbox .checkmark_kick {
  position: absolute;
  width: 3px;
  height: 3px;
  background-color: #1a1a1a;
  left: 8px;
  top: 12px;
}
.backoffice_administrator .new_admin .access_list .fake_list_elem > label {
  background-color: #333333;
  color: white;
  width: 100%;
  padding: 10px 20px;
  border-radius: 10px;
}
.backoffice_administrator #modal_delete {
  text-align: left;
  color: #ffffff;
}
.backoffice_administrator #modal_delete .modals-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.backoffice_administrator #modal_delete .modals-header .modal-title {
  font-size: 16px;
  font-weight: bold;
}
.backoffice_administrator #modal_delete .modify-title {
  display: flex;
  justify-content: space-between;
}
.backoffice_administrator .manager-title {
  font-size: 14px;
  font-weight: 700;
  width: 100%;
  color: white;
  margin-bottom: 15px;
}
.backoffice_administrator .manager_information {
  width: 20px;
  height: 20px;
  background-color: #1f4e89;
  border: 1px solid white;
  border-radius: 20px;
  color: white;
  text-align: center;
  position: absolute;
  left: 85px;
  font-style: italic;
}
.backoffice_administrator .manager-action {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin-left: 0px;
}
.backoffice_administrator .manager-action p {
  color: white;
}
.backoffice_administrator .manager-action input {
  width: 350px;
  background-color: #333333;
  border: none;
  border-radius: 5px;
  height: 34px;
  color: white;
  margin-top: 5px;
  padding-left: 12px;
}
.backoffice_admin_create {
  /* form starting stylings ------------------------------- */
  /* LABEL ======================================= */
  /* active state */
  /* BOTTOM BARS ================================= */
  /* active state */
  /* HIGHLIGHTER ================================== */
  /* active state */
  /* ANIMATIONS ================ */
}
.backoffice_admin_create * {
  box-sizing: border-box;
}
.backoffice_admin_create .wrapSelectDisabled {
  width: 90%;
  margin-left: 5%;
  overflow: hidden;
  height: 50px;
  position: relative;
  display: block;
}
.backoffice_admin_create .wrapSelectDisabled select {
  height: 50px;
  padding: 10px;
  border: 0;
  font-size: 15px;
  width: 100%;
  background-color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align-last: center;
  padding-right: 40px;
}
.backoffice_admin_create .wrapSelect {
  width: 90%;
  margin-left: 5%;
  overflow: hidden;
  height: 50px;
  position: relative;
  display: block;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  box-shadow: 0px 2px 10px #555;
}
.backoffice_admin_create .wrapSelect:after {
  content: "\f107 ";
  font-family: FontAwesome;
  color: #ff9216;
  position: absolute;
  right: 10px;
  top: 4px;
  z-index: 1;
  width: 10%;
  height: 100%;
  pointer-events: none;
  font-size: xx-large;
}
.backoffice_admin_create .wrapSelect select {
  height: 50px;
  padding: 10px;
  border: 0;
  font-size: 15px;
  width: 100%;
  background-color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align-last: center;
  padding-right: 40px;
}
.backoffice_admin_create h2 {
  text-align: center;
  margin-bottom: 50px;
  color: #fff;
}
.backoffice_admin_create .group {
  position: relative;
  margin-bottom: 35px;
}
.backoffice_admin_create input {
  font-size: 18px;
  padding: 5px 10px 10px 5px;
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #fff;
  background: transparent;
}
.backoffice_admin_create input:focus {
  outline: none;
}
.backoffice_admin_create label {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 10px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.backoffice_admin_create input:focus ~ label,
.backoffice_admin_create input:valid ~ label {
  top: -20px;
  font-size: 14px;
  color: #fff;
}
.backoffice_admin_create .bar {
  position: relative;
  display: block;
  width: 100%;
}
.backoffice_admin_create .bar:before,
.backoffice_admin_create .bar:after {
  content: '';
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #fff;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.backoffice_admin_create .bar:before {
  left: 50%;
}
.backoffice_admin_create .bar:after {
  right: 50%;
}
.backoffice_admin_create input:focus ~ .bar:before,
.backoffice_admin_create input:focus ~ .bar:after {
  width: 50%;
}
.backoffice_admin_create .highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}
.backoffice_admin_create input:focus ~ .highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}
@-webkit-keyframes inputHighlighter {
  from {
    background: #fff;
  }
  to {
    width: 0;
    background: transparent;
  }
}
@-moz-keyframes inputHighlighter {
  from {
    background: #fff;
  }
  to {
    width: 0;
    background: transparent;
  }
}
@keyframes inputHighlighter {
  from {
    background: #fff;
  }
  to {
    width: 0;
    background: transparent;
  }
}
.backoffice_admin_create #panel {
  border: 1px solid #c8c8c8;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
  background: red;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #ff9216 0%, #ff9216 100%);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #ff9216 0%, #ff9216 100%);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #ff9216 0%, #ff9216 100%);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #ff9216 0%, #ff9216 100%);
  /* Standard syntax (must be last) */
  border-radius: 4px;
  top: 50px;
}
.backoffice_admin_display_admin .centerLine {
  display: inline-flex;
  width: 100%;
}
.backoffice_admin_display_admin .centerButton {
  margin: 15px;
  width: 80px;
  height: 80px;
  float: right;
  align-items: center;
  background-color: #ffffff;
  border: none;
  margin-top: 28px;
}
.backoffice_admin_display_admin .centerTextBlock {
  margin-top: 10px;
}
.backoffice_admin_display_admin .centerBox {
  height: 130px;
  border-radius: 5px;
  width: 100%;
  border: 1px groove #c7c7c7;
  margin-top: 23px;
  box-shadow: 2px 1px 10px #555;
  margin-bottom: 15px;
}
.backoffice_admin_display_admin .code {
  height: 44px;
  border: 1px solid orange;
  position: relative;
  background-color: #eee;
  color: #777;
  margin-top: 33px;
  font-size: 200%;
  text-align: center;
  margin-left: 15px;
}
.backoffice_admin_display_admin .addAdmin {
  border: 1px solid gray;
  padding: 10px;
  background-color: #ff9216;
  width: 250px;
  border-radius: 5px;
  height: 45px;
  margin-top: 10px;
}
.backoffice_admin_display_admin .addAdmin a {
  color: white;
}
.backoffice_admin_display_admin .addAdmin button {
  border: none;
  background-color: #ff9216;
}
.backoffice_admin_edit {
  /* form starting stylings ------------------------------- */
  /* LABEL ======================================= */
  /* active state */
  /* BOTTOM BARS ================================= */
  /* active state */
  /* HIGHLIGHTER ================================== */
  /* active state */
  /* ANIMATIONS ================ */
}
.backoffice_admin_edit * {
  box-sizing: border-box;
}
.backoffice_admin_edit .wrapSelect {
  width: 90%;
  margin-left: 5%;
  overflow: hidden;
  min-height: 50px;
  position: relative;
  display: block;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  box-shadow: 0px 2px 10px #555;
}
.backoffice_admin_edit .wrapSelect:after {
  content: "\f107 ";
  font-family: FontAwesome;
  color: #ff9216;
  position: absolute;
  right: 10px;
  top: 4px;
  z-index: 1;
  width: 10%;
  height: 100%;
  pointer-events: none;
  font-size: xx-large;
}
.backoffice_admin_edit .wrapSelect select {
  min-height: 50px;
  padding: 10px;
  border: 0;
  font-size: 15px;
  width: 100%;
  background-color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align-last: center;
  padding-right: 40px;
}
.backoffice_admin_edit h2 {
  text-align: center;
  margin-bottom: 50px;
  color: #fff;
}
.backoffice_admin_edit .group {
  position: relative;
  margin-bottom: 35px;
}
.backoffice_admin_edit input {
  font-size: 18px;
  padding: 5px 10px 10px 5px;
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #fff;
  background: transparent;
}
.backoffice_admin_edit input:focus {
  outline: none;
}
.backoffice_admin_edit label {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 10px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.backoffice_admin_edit input:focus ~ label,
.backoffice_admin_edit input:valid ~ label {
  top: -20px;
  font-size: 14px;
  color: #fff;
}
.backoffice_admin_edit .bar {
  position: relative;
  display: block;
  width: 100%;
}
.backoffice_admin_edit .bar:before,
.backoffice_admin_edit .bar:after {
  content: '';
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #fff;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.backoffice_admin_edit .bar:before {
  left: 50%;
}
.backoffice_admin_edit .bar:after {
  right: 50%;
}
.backoffice_admin_edit input:focus ~ .bar:before,
.backoffice_admin_edit input:focus ~ .bar:after {
  width: 50%;
}
.backoffice_admin_edit .highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}
.backoffice_admin_edit input:focus ~ .highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}
@-webkit-keyframes inputHighlighter {
  from {
    background: #fff;
  }
  to {
    width: 0;
    background: transparent;
  }
}
@-moz-keyframes inputHighlighter {
  from {
    background: #fff;
  }
  to {
    width: 0;
    background: transparent;
  }
}
@keyframes inputHighlighter {
  from {
    background: #fff;
  }
  to {
    width: 0;
    background: transparent;
  }
}
.backoffice_admin_edit #panel {
  border: 1px solid #c8c8c8;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
  background: red;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #ff9216 0%, #ff9216 100%);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #ff9216 0%, #ff9216 100%);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #ff9216 0%, #ff9216 100%);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #ff9216 0%, #ff9216 100%);
  /* Standard syntax (must be last) */
  border-radius: 4px;
  top: 50px;
}
.backoffice_admin_import_poi .errorArea {
  height: 500px;
  resize: none;
  width: 100%;
}
.backoffice_admin_import_poi .formpanel {
  background-color: #ff9e17;
  margin-top: 50px;
  color: white;
}
.backoffice_admin_import_poi .formpanel h2 {
  text-align: center;
  margin-bottom: 30px;
}
.backoffice_admin_import_poi .fileImport {
  width: 100%;
}
.backoffice_admin_import_poi .btnImport {
  margin-bottom: 10px;
}
.backoffice_admin_import_poi .btnExport {
  border: 1px solid gray;
  color: gray;
}
.backoffice_admin_import_poi .loader {
  margin: auto;
  margin-top: 10%;
  display: none;
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.backoffice_admin_send_message {
  /* form starting stylings ------------------------------- */
  /* LABEL ======================================= */
  /* active state */
  /* BOTTOM BARS ================================= */
  /* active state */
  /* HIGHLIGHTER ================================== */
  /* active state */
  /* ANIMATIONS ================ */
}
.backoffice_admin_send_message * {
  box-sizing: border-box;
}
.backoffice_admin_send_message textarea {
  width: 100%;
  border-radius: 5px;
  margin-top: 10px;
  background-color: #ffffff;
  height: 100px;
  padding: 5px 5px 0px 5px;
  border: 1px solid lightgray;
  resize: none;
}
.backoffice_admin_send_message .wrapSelect {
  width: 90%;
  margin-left: 5%;
  overflow: hidden;
  height: 50px;
  position: relative;
  display: block;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  box-shadow: 0px 2px 10px #555;
}
.backoffice_admin_send_message .wrapSelect:after {
  content: "\f107 ";
  font-family: FontAwesome;
  color: #ff9216;
  position: absolute;
  right: 10px;
  top: 4px;
  z-index: 1;
  width: 10%;
  height: 100%;
  pointer-events: none;
  font-size: xx-large;
}
.backoffice_admin_send_message .wrapSelect select {
  height: 50px;
  padding: 10px;
  border: 0;
  font-size: 15px;
  width: 100%;
  background-color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align-last: center;
  padding-right: 40px;
}
.backoffice_admin_send_message h2 {
  text-align: center;
  margin-bottom: 50px;
  color: #fff;
}
.backoffice_admin_send_message .group {
  position: relative;
  margin-bottom: 35px;
}
.backoffice_admin_send_message input {
  font-size: 18px;
  padding: 5px 10px 10px 5px;
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #fff;
  background: transparent;
}
.backoffice_admin_send_message input:focus {
  outline: none;
}
.backoffice_admin_send_message label {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 10px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.backoffice_admin_send_message input:focus ~ label,
.backoffice_admin_send_message input:valid ~ label {
  top: -20px;
  font-size: 14px;
  color: #fff;
}
.backoffice_admin_send_message .bar {
  position: relative;
  display: block;
  width: 100%;
}
.backoffice_admin_send_message .bar:before,
.backoffice_admin_send_message .bar:after {
  content: '';
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #fff;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.backoffice_admin_send_message .bar:before {
  left: 50%;
}
.backoffice_admin_send_message .bar:after {
  right: 50%;
}
.backoffice_admin_send_message input:focus ~ .bar:before,
.backoffice_admin_send_message input:focus ~ .bar:after {
  width: 50%;
}
.backoffice_admin_send_message .highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}
.backoffice_admin_send_message input:focus ~ .highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}
@-webkit-keyframes inputHighlighter {
  from {
    background: #fff;
  }
  to {
    width: 0;
    background: transparent;
  }
}
@-moz-keyframes inputHighlighter {
  from {
    background: #fff;
  }
  to {
    width: 0;
    background: transparent;
  }
}
@keyframes inputHighlighter {
  from {
    background: #fff;
  }
  to {
    width: 0;
    background: transparent;
  }
}
.backoffice_admin_send_message #panel {
  border: 1px solid #c8c8c8;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
  background: red;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #ff9216 0%, #ff9216 100%);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #ff9216 0%, #ff9216 100%);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #ff9216 0%, #ff9216 100%);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #ff9216 0%, #ff9216 100%);
  /* Standard syntax (must be last) */
  border-radius: 4px;
  margin-top: 50px;
}
.backoffice_admin_send_message .loader {
  margin: auto;
  margin-top: 10%;
  margin-bottom: 10%;
  display: none;
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.backoffice_admin_send_message_result .error-result {
  border: 2px double black;
  background-color: lightgrey;
}
.backoffice_admin_send_message_result .error-result .table-error-saviour table {
  color: white;
}
.backoffice_admin_send_message_result .error-result .table-error-saviour table td {
  border: 1px solid grey;
}
.backoffice_admin_summary .block-choice {
  margin-top: 20%;
}
.backoffice_admin_summary .block-choice button {
  margin: 10px 0;
  width: 400px;
  background-color: #ff9216;
  border-radius: 5px;
  padding: 5px 0;
  color: #ffffff;
  font-size: 16px;
}
.backoffice_admin_summary .block-choice .col-centered {
  float: none;
  margin: 0 auto;
  display: table;
}
.backoffice_article .pagination:first-child {
  top: 255px;
}
.backoffice_article ::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
.backoffice_article .modal-dialog.panel {
  top: 52px !important;
  border-radius: 10px !important;
  background-color: #333333;
}
.backoffice_article .modal-dialog.panel.no-radius {
  border-radius: 0px !important;
}
.backoffice_article .article_preview {
  color: white;
  background-color: #1a1a1a;
  width: 100%;
  border-radius: 10px;
  min-height: 100%;
  padding-bottom: 5px;
}
.backoffice_article .article_preview:hover {
  border: 1px solid white;
  cursor: pointer !important;
}
.backoffice_article .article_preview .article_image {
  width: 100%;
  height: 160px;
  object-fit: cover;
  border-radius: 10px 10px 0 0;
}
.backoffice_article .article_preview .article_buttons .article-circle:first-child {
  right: 70px;
}
.backoffice_article .article_preview .article_buttons .article-circle {
  background-color: #333333;
  width: 40px;
  height: 40px;
  color: #b3b3b3;
  border-radius: 50%;
  text-align: center;
  margin-top: 5px;
  padding-top: 8px;
  position: absolute;
  right: 25px;
  top: 5px;
}
.backoffice_article .article_preview .article_stats {
  margin: 10px;
}
.backoffice_article .article_preview .article_stats img {
  width: 20px;
  height: 20px;
}
.backoffice_article .article_preview .article_title {
  font-weight: bold;
  padding-left: 10px;
  font-size: 16px;
  max-height: 45px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.backoffice_article .article_preview .article_content_preview {
  text-overflow: ellipsis;
  height: 50px;
  padding: 0 15px;
  overflow: hidden;
}
.backoffice_article .article_preview .article_content_preview #text {
  padding-bottom: 15px;
}
.backoffice_article .preview_article {
  background-color: #333333;
  color: #fff;
  min-height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
  font-family: 'Noto Sans', sans-serif;
  width: 395px;
  padding: 20px;
  border-radius: 8px;
}
.backoffice_article .preview_article .close {
  opacity: 0.8;
  color: white;
}
.backoffice_article .preview_article #preview #preview-image {
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 8px;
  display: block;
  max-width: 100%;
  width: 100%;
  height: 200px;
  margin-bottom: -40px;
}
.backoffice_article .preview_article #preview .row {
  background-color: #000;
  color: #999999;
  font-size: 12px;
  padding: 40px;
  margin: 0;
  border-radius: 25px 25px 8px 8px;
}
.backoffice_article .preview_article #preview .row #preview-creatordate {
  margin-top: 12px;
  margin-bottom: 12px;
  color: #969696;
}
.backoffice_article .preview_article #preview .row #preview-title {
  font-size: 18px;
  margin-top: 12px;
  margin-bottom: 12px;
  margin-bottom: 20px;
  width: 100%;
}
.backoffice_article .preview_article #preview-content {
  max-width: 275px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.backoffice_article .preview_article #preview-content a {
  color: #ff9216;
}
.backoffice_article .edit_header {
  display: flex;
}
.backoffice_article .edit_header img {
  margin-top: 15px;
}
.backoffice_article .edit_header h1 {
  margin-left: 15px;
}
.backoffice_article .edit_header div {
  position: fixed;
  right: 32px;
  bottom: 20px;
  z-index: 2000;
}
.backoffice_article .edit_header div .btn-dark {
  color: #b3b3b3;
  background-color: #333333;
}
.backoffice_article .text-count {
  position: absolute;
  right: 40px;
  font-weight: normal;
  color: #ffffff;
}
.backoffice_article .text-count.toomuch {
  color: red;
  font-weight: bold;
}
.backoffice_article .new_article input {
  background-color: #333333 !important;
  padding: 0 12px;
}
.backoffice_article .new_article #add-team-button {
  width: 100%;
  margin-right: 5px;
  height: 35px;
  background-color: #333;
  border: none;
  border-radius: 5px;
  padding: 8px 15px;
}
.backoffice_article select {
  background-color: #333333 !important;
}
.backoffice_article .filter-btn {
  width: 125px;
  height: 40px;
  padding: 10px 15px;
  border-radius: 20px;
  background-color: #333333;
  color: white;
  border: none;
  margin-left: 15px;
}
.backoffice_article .btn-selected {
  background-color: #ff9216;
}
.backoffice_article .align-items-stretch {
  height: 83px;
}
.backoffice_article .sub-title {
  font-size: 16px;
  font-weight: bold;
  color: #ff9216;
}
.backoffice_article .title {
  width: 300px;
  display: inline-block;
  margin-bottom: 50px;
}
.backoffice_article .btn-list {
  float: right;
  width: 350px;
  margin-top: 20px;
}
.backoffice_article .btn-block {
  width: 45%;
  display: inline-block;
  margin: 0 2%;
}
.backoffice_article p {
  color: white;
  font-size: 13px;
}
.backoffice_article .article-presentation-header {
  display: flex;
  margin-bottom: 15px;
}
.backoffice_article .article-th {
  color: #ff9216;
  margin-left: -5px;
}
.backoffice_article .select-box {
  width: 100%;
  min-height: 35px;
  background-color: #333333;
  color: #ffffff;
  border-radius: 5px;
}
.backoffice_article .bg-dark {
  background-color: black !important;
}
.backoffice_article .form-file-input {
  border: 1px dashed white;
  border-radius: 5px;
  padding-left: calc(50% - 160px);
}
.backoffice_article .hidden-row {
  display: none;
}
.backoffice_article .fake-level {
  display: inline-flex;
}
.backoffice_article .fake-level .fake-button {
  width: 57px;
  height: 30px;
  margin: 0 10px 0 0;
  padding: 5px 15px;
  border-radius: 20px;
  color: white;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #333333;
  cursor: pointer;
}
.backoffice_article .fake-level .fake-button.selected {
  background-color: #ff9216;
}
.backoffice_article #tinymce p {
  padding: 0;
  margin: 2px 0;
}
.backoffice_center p {
  margin: 0;
}
.backoffice_center ::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
.backoffice_center .modal-dialog.panel {
  top: 52px !important;
  border-radius: 10px !important;
  background-color: #333333;
}
.backoffice_center .modal-dialog.panel.no-radius {
  border-radius: 0px !important;
}
.backoffice_center .center_header .title {
  width: 300px;
  display: inline-block;
}
.backoffice_center .center_header .btn-list {
  float: right;
  width: fit-content;
  margin-top: 20px;
}
.backoffice_center .organisation_elem .img-col {
  height: 100%;
}
.backoffice_center .organisation_elem .img-col img {
  max-height: calc(100% - 40px);
  margin: auto;
  display: block;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  object-fit: cover;
}
.backoffice_center .organisation_elem .img-col a {
  height: 30px;
  width: fit-content;
  padding: 2px 40px !important;
  margin: auto;
}
.backoffice_center .organisation_elem .text-white {
  font-size: 12px !important;
}
.backoffice_center .organisation_elem .text-white a {
  color: #ff9216;
}
.backoffice_center .organisation_elem .text-bold {
  font-size: 16px !important;
}
.backoffice_center .organisation_elem .saviour-code {
  font-size: 12px !important;
  color: #fd9216;
  display: inline-flex;
}
.backoffice_center .new_center .btn-list-up {
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.backoffice_center .new_center .btn-list-up div {
  display: flex;
  gap: 10px;
  align-self: end;
}
.backoffice_center .new_center .btn-list {
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.backoffice_center .new_center .btn-list div {
  display: flex;
  gap: 10px;
  align-self: end;
}
.backoffice_center .new_center .edit_header {
  display: flex;
  justify-content: space-between;
}
.backoffice_center .new_center .edit_header button,
.backoffice_center .new_center .edit_header a {
  padding: 10px 20px;
  margin-top: 20px;
  height: 42px;
}
.backoffice_center .new_center .edit_header .btn-list {
  position: fixed;
  right: 32px;
  bottom: 20px;
  z-index: 2000;
}
.backoffice_center .new_center .edit_header .btn-list .btn-dark {
  color: #b3b3b3;
  background-color: #333333;
}
.backoffice_center .new_center h4 {
  color: white;
}
.backoffice_center .new_center select {
  background-color: #333333;
}
.backoffice_center .new_center .form-group {
  width: 100%;
}
.backoffice_center .new_center .form-group label {
  display: block;
  color: white;
}
.backoffice_center .new_center .form-group input,
.backoffice_center .new_center .form-group select {
  background-color: #333333;
}
.backoffice_center .new_center .center_logo {
  margin-bottom: 20px;
  width: fit-content;
  margin-left: calc(50% - 73px);
}
.backoffice_center .new_center .center_logo #add_logo_btn {
  display: block;
}
.backoffice_center .new_center .center_logo #add_logo_btn div {
  width: 100%;
  text-align: center;
  margin: 0;
}
.backoffice_center .new_center .center_logo .image-preview {
  margin-left: calc(50% - 50px);
}
.backoffice_center .new_center .center_logo .image-preview .file-hold {
  position: relative;
  display: block;
  cursor: pointer;
  width: 100px;
}
.backoffice_center .new_center .center_logo .image-preview .file-hold input[type="file"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.backoffice_center .new_center .center_logo .image-preview .file-hold label {
  margin: 0;
}
.backoffice_center .new_center .center_logo .image-preview .file-hold .file-img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: block;
  background-color: #333333;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.backoffice_center .new_center .center_logo .image-preview .file-hold .file-img span {
  background-color: #ff9216;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  position: absolute;
}
.backoffice_center .new_center .center_logo .image-preview .file-hold .file-img span i {
  position: absolute;
  top: 9px;
  left: 11px;
  font-size: 30px;
  color: #ffffff;
}
.backoffice_center .new_center .center_logo .image-preview .file-hold.image-added .file-img:before {
  display: none;
}
.backoffice_center .new_center .center_logo .image-preview .file-hold.image-added .file-img > span {
  display: none;
}
.backoffice_center .new_center .add-another-collection-widget {
  background-color: #333333;
  height: 34px;
  color: #b3b3b3;
  width: 100%;
  border-radius: 5px;
  border: none;
  font-weight: bold;
}
.backoffice_center .new_center .new_address_div {
  background-color: #1a1a1a;
  padding-top: 15px;
  width: 100%;
}
.backoffice_center .new_center .new_address_div h4 {
  padding-left: 15px;
  padding-bottom: 15px;
}
.backoffice_center .new_center .new_address_div .fields {
  display: flow-root;
  margin-bottom: 10px;
}
.backoffice_center .new_center .new_address_div button {
  width: 50%;
  display: inline-block;
}
.backoffice_center .new_center .new_address_div input[type="text"] {
  background-color: #333333;
  border-bottom: 3px solid #757575;
}
.backoffice_center .new_center .new_address_div input[type="text"]:read-only {
  background-color: #1a1a1a;
  cursor: not-allowed;
}
.backoffice_center .new_center #center_kind .radio {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
  margin-top: 10px;
  color: white;
}
.backoffice_center .new_center #center_addresses > div {
  display: inline-block;
  padding: 15px;
  background-color: #1a1a1a;
  border-radius: 15px;
  width: 100%;
}
.backoffice_center .new_center #center_addresses > div input[type="text"] {
  background-color: #333333;
  border-bottom: 3px solid #757575;
}
.backoffice_center .new_center #center_addresses > div input[type="text"]:read-only {
  background-color: #1a1a1a;
  cursor: not-allowed;
}
.backoffice_center .new_center #center_addresses .slidecontainer {
  width: 360px;
  margin: auto !important;
}
.backoffice_center .new_center #center_addresses .map {
  height: 240px;
  width: 360px;
  margin: auto !important;
  border-radius: 5px;
}
.backoffice_center .new_center .close {
  color: white;
  opacity: 1;
}
.backoffice_center .new_center label {
  color: white;
}
.backoffice_center .new_center .range-input {
  background-color: #1a1a1a;
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  border-radius: 5px;
  color: white;
}
.backoffice_center .new_center .range-input input {
  margin: 20px 30px 0px 30px!important;
  background-color: #757575;
}
.backoffice_center .new_center .range-input div {
  display: flex;
  justify-content: space-between;
  margin-top: -7px;
}
.backoffice_center .new_center .range-input div .min {
  margin-left: 30px;
}
.backoffice_center .new_center .range-input div .max {
  margin-right: 30px;
}
.backoffice_center .new_center .range-input div .actual {
  background-color: #757575;
  border-radius: 15px;
  padding: 2px 10px;
}
.backoffice_center .new_center .slider {
  -webkit-appearance: none;
  /* Override default CSS styles */
  appearance: none;
  width: 100%;
  /* Full-width */
  height: 10px;
  /* Specified height */
  background: #b3b3b3;
  /* Grey background */
  outline: none;
  /* Remove outline */
  opacity: 0.7;
  /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: 0.2s;
  /* 0.2 seconds transition on hover */
  transition: opacity 0.2s;
  border-radius: 5px;
  margin: 10px 0;
  /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
}
.backoffice_center .new_center .slider:hover {
  opacity: 1;
  /* Fully shown on mouse-over */
}
.backoffice_center .new_center .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  /* Override default look */
  appearance: none;
  width: 25px;
  /* Set a specific slider handle width */
  height: 25px;
  /* Slider handle height */
  background: #ff9216;
  cursor: pointer;
  /* Cursor on hover */
  border-radius: 50%;
}
.backoffice_center .new_center .slider::-moz-range-thumb {
  width: 25px;
  /* Set a specific slider handle width */
  height: 25px;
  /* Slider handle height */
  background: #ff9216;
  cursor: pointer;
  /* Cursor on hover */
  border-radius: 50%;
}
.backoffice_center #modal_delete {
  text-align: left;
  color: #ffffff;
}
.backoffice_center #modal_delete .modals-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.backoffice_center #modal_delete .modals-header .modal-title {
  font-size: 16px;
  font-weight: bold;
}
.backoffice_center #modal_delete .modify-title {
  display: flex;
  justify-content: space-between;
}
.backoffice_detection {
  /* The switch - the box around the slider */
}
.backoffice_detection .modal-dialog.panel {
  top: 52px !important;
  border-radius: 10px !important;
  background-color: #333333;
}
.backoffice_detection .modal-dialog.panel.no-radius {
  border-radius: 0px !important;
}
.backoffice_detection .detection_header {
  margin-bottom: 25px;
}
.backoffice_detection .detection_header .title {
  width: 350px;
  display: inline-block;
}
.backoffice_detection .detection_header .btn-list {
  float: right;
  width: fit-content;
  margin-top: 20px;
}
.backoffice_detection .shorter-search-box {
  margin-top: 0;
  padding-top: 0;
  width: calc(100% - 250px);
}
.backoffice_detection .shorter-search-box .form-control {
  width: 100%;
  margin-left: 30px;
}
.backoffice_detection .detection_container {
  display: flex;
  flex-wrap: wrap;
  padding-top: 0px;
}
.backoffice_detection .detection_container .detection_elem {
  background-color: #1a1a1a;
  color: white;
  width: 300px;
  height: 300px;
  border-radius: 10px;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 20px;
}
.backoffice_detection .detection_container .detection_elem p {
  color: #b3b3b3;
}
.backoffice_detection .detection_container .detection_elem .detection_btn_list {
  position: absolute;
  right: 25px;
  top: 20px;
}
.backoffice_detection .detection_container .detection_elem .detection_btn_list .circle-button {
  position: absolute;
  right: 0px;
  top: 0px;
}
.backoffice_detection .detection_container .detection_elem .detection_btn_list .circle-button:first-child {
  right: 50px;
}
.backoffice_detection .detection_container .detection_elem li {
  list-style: none;
  overflow-y: auto;
  height: 200px;
}
.backoffice_detection .detection_container .detection_elem li ul {
  display: flex;
  padding-left: 0;
  margin-bottom: 5px;
}
.backoffice_detection .detection_container .detection_elem li ul img {
  height: 30px;
  width: 30px;
  border-radius: 30px;
  margin-right: 10px;
  object-fit: cover;
}
.backoffice_detection .new_detection .edit_header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.backoffice_detection .new_detection .edit_header button,
.backoffice_detection .new_detection .edit_header a {
  padding: 10px 20px;
  margin-top: 20px;
  height: 42px;
}
.backoffice_detection .new_detection .edit_header div {
  position: fixed;
  right: 32px;
  bottom: 20px;
  z-index: 2000;
}
.backoffice_detection .new_detection .edit_header div .btn-dark {
  color: #b3b3b3;
  background-color: #333333;
}
.backoffice_detection .new_detection label,
.backoffice_detection .new_detection h4 {
  color: white;
}
.backoffice_detection .new_detection select {
  background-color: #333333;
}
.backoffice_detection .new_detection .form-group {
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
}
.backoffice_detection .new_detection .form-group label {
  display: block;
  color: white;
  font-size: 16px;
}
.backoffice_detection .new_detection .form-group input {
  background-color: #333333;
  border: none;
  width: 300px;
  height: 40px;
  border-radius: 5px;
  color: white;
  padding: 15px;
}
.backoffice_detection .new_detection .detection-select-box {
  border-radius: 10px;
  width: 45%;
  margin: 0;
}
.backoffice_detection .new_detection .saviour_elem {
  color: white;
  padding: 0px 15px;
  background-color: #333;
  border-radius: 10px;
  margin-bottom: 10px;
}
.backoffice_detection .new_detection .saviour_elem p {
  position: relative;
  bottom: 15px;
  left: 82px;
  margin: 0;
  width: fit-content;
}
.backoffice_detection .new_detection .saviour_elem span {
  margin-top: 5px;
}
.backoffice_detection .new_detection .saviour_elem img {
  height: 30px;
  width: 30px;
  border-radius: 30px;
  margin-right: 10px;
  display: inline;
  margin-top: 16px;
  object-fit: cover;
}
.backoffice_detection .modal_modification {
  text-align: left;
  color: #ffffff;
}
.backoffice_detection .modal_modification .modals-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.backoffice_detection .modal_modification .modals-header .modal-title {
  font-size: 16px;
  font-weight: bold;
}
.backoffice_detection .modal_modification .modify-title {
  display: flex;
  justify-content: space-between;
}
.backoffice_detection .modal_modification .name-to-modify {
  padding: 10px 20px;
  border-radius: 4px;
  width: 100%;
  border: none;
  background-color: #1a1a1a;
}
.backoffice_detection .modal_modification .center {
  justify-content: center;
  display: flex;
  margin-top: 20px;
}
.backoffice_detection .modal_modification .center .modify-button {
  padding: 10px 20px;
}
.backoffice_detection .detection_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 20px;
}
.backoffice_detection .detection_container .organisation_elem {
  background-color: #1a1a1a;
  padding: 20px;
  height: 370px;
  width: 300px;
  border-radius: 10px;
  color: white;
}
.backoffice_detection .detection_container .organisation_elem img {
  width: 44px;
  height: 44px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 20px;
}
.backoffice_detection .detection_container .organisation_elem select {
  height: 40px;
  width: 100%;
  background-color: #333333;
  border-radius: 5px;
  padding-left: 15px;
  margin-top: 5px;
}
.backoffice_detection .detection_container .organisation_elem .tilt-image {
  margin: auto;
  width: 100%;
  height: 75px;
  object-fit: contain;
}
.backoffice_detection .detection_container .organisation_elem.big {
  height: 650px;
}
.backoffice_detection .detection_container .organisation_elem.big img {
  border-radius: 0;
}
.backoffice_detection input {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin: 0;
  background-color: #4f5b69;
}
.backoffice_detection .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin: 0;
}
.backoffice_detection .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.backoffice_detection .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ff1639;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}
.backoffice_detection .switch .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
.backoffice_detection .switch input:checked + .slider {
  background-color: #70b429;
}
.backoffice_detection .switch input:focus + .slider {
  box-shadow: 0 0 1px #70b429;
}
.backoffice_detection .switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.backoffice_formation .btn-list.fixed {
  margin-top: 20px;
  position: fixed;
  bottom: 20px;
  right: 32px;
}
.backoffice_formation .modal-dialog.panel {
  top: 52px !important;
  border-radius: 10px !important;
  background-color: #333333;
}
.backoffice_formation .modal-dialog.panel.no-radius {
  border-radius: 0px !important;
}
.backoffice_formation .hover_darklight:hover {
  background-color: #333333 !important;
}
.backoffice_formation .align-items-stretch {
  height: 83px;
}
.backoffice_formation .header-page {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.backoffice_formation .header-page .header-button {
  padding: 10px 20px;
  margin-top: 20px;
}
.backoffice_formation .sub-title {
  font-size: 16px;
  font-weight: bold;
  color: #ff9216;
}
.backoffice_formation .title {
  max-width: 750px;
  display: inline-block;
  margin-bottom: 50px;
}
.backoffice_formation .btn-list {
  float: right;
  width: 350px;
  margin-top: 20px;
}
.backoffice_formation .btn-block {
  width: 45%;
  display: inline-block;
  margin: 0 2%;
  max-height: 40px;
}
.backoffice_formation p {
  color: white;
  font-size: 13px;
}
.backoffice_formation .formation-presentation-header {
  display: flex;
  margin-bottom: 15px;
}
.backoffice_formation .formation-th {
  color: #ff9216;
  margin-left: -5px;
}
.backoffice_formation table {
  width: 100%;
}
.backoffice_formation table tbody,
.backoffice_formation table tr {
  width: 100%;
}
.backoffice_formation table .formation-row {
  width: 100%;
  display: flex;
  margin-top: 20px;
}
.backoffice_formation table .formation-row > td,
.backoffice_formation table .formation-row th {
  padding: 0 2px;
  margin: 0 2.5px !important;
}
.backoffice_formation table .formation-row a {
  color: white !important;
}
.backoffice_formation table .formation-row .little {
  width: 40px;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
.backoffice_formation table .formation-row .medium {
  width: 50px;
}
.backoffice_formation table .formation-row .medium img {
  filter: opacity(0.7);
  height: 100%;
}
.backoffice_formation table .formation-row .large {
  width: calc(100% - 186px);
}
.backoffice_formation table .formation-row .theme-nb {
  margin: 0 15px 0 15px;
}
.backoffice_formation table .formation-row .formation-box {
  border-radius: 10px;
  background-color: #1a1a1a;
  padding: 15px !important;
  color: #ffffff;
  font-weight: bold;
}
.backoffice_formation table .formation-row .question-id {
  min-width: 60px;
}
.backoffice_formation table .formation-row .question-id .id {
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 5px;
  padding-top: 0;
}
.backoffice_formation table .formation-row div.formation-box {
  padding: 10px !important;
}
.backoffice_formation table .formation-row button.formation-box {
  width: 100%;
  border: none;
  text-align: left;
}
.backoffice_formation table .formation-row .formation-circle {
  background-color: #333333;
  width: 40px;
  height: 40px;
  color: #b3b3b3;
  border-radius: 50%;
  text-align: center;
  padding-top: 8px;
  cursor: pointer;
}
.backoffice_formation table .formation-row .formation-square {
  background-color: #333333;
  width: 50px;
  height: 100%;
  color: #b3b3b3;
  border-radius: 25%;
  text-align: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
}
.backoffice_formation table .formation-row .orange-circle {
  background-color: #ff9216 !important;
  width: 50px !important;
  height: 50px !important;
  color: #1a1a1a !important;
  padding-top: 14px !important;
  font-weight: bold;
  border-radius: 50%;
  text-align: center;
  cursor: default;
}
.backoffice_formation table .formation-row .organisation-name {
  width: calc(100% - 60px);
}
.backoffice_formation table .formation-row .formation-checkbox {
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.backoffice_formation table .formation-row .formation-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.backoffice_formation table .formation-row .formation-checkbox .checkmark {
  position: relative;
  height: 25px;
  width: 25px;
  background-color: black;
  border: 2px solid #ff9216;
  border-radius: 5px;
}
.backoffice_formation table .formation-row .formation-checkbox:hover input ~ .checkmark {
  background-color: #ff9216;
}
.backoffice_formation table .formation-row .formation-checkbox input:checked ~ .checkmark {
  background-color: #ff9216;
}
.backoffice_formation table .formation-row .formation-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.backoffice_formation table .formation-row .formation-checkbox input:checked ~ .checkmark:after {
  display: block;
}
.backoffice_formation table .formation-row .formation-checkbox .checkmark:after {
  left: 6px;
  top: 2px;
  width: 9px;
  height: 15px;
  border: solid black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.backoffice_formation table .formation-row .question-box {
  width: calc(100% - 96px);
  padding-right: 10px !important;
}
.backoffice_formation table .formation-th {
  color: #ff9216;
  margin-left: -5px;
}
.backoffice_formation table .sub-row {
  padding-left: 38px;
  margin-top: 10px;
}
.backoffice_formation table .sub-row .formation-circle {
  margin-top: 0 !important;
}
.backoffice_formation table .sub-row .checkmark {
  top: 8px !important;
}
.backoffice_formation table .sub-row .orange-circle {
  background-color: #333333 !important;
  color: #b3b3b3 !important;
}
.backoffice_formation table .sub-row .large {
  margin-left: 15px !important;
}
.backoffice_formation .organisation-details .large {
  width: 100% !important;
}
.backoffice_formation .category-nb {
  padding-left: 6px !important;
}
.backoffice_formation .select-box {
  width: 100%;
  min-height: 35px;
  background-color: #333333;
  color: #ffffff;
  border-radius: 5px;
  border: none;
  padding: 10px 20px;
}
.backoffice_formation .new-question-body {
  display: flex;
  color: #ffffff;
}
.backoffice_formation .new-question-body .new-question {
  margin-bottom: 50px;
}
.backoffice_formation .new-question-body .new-question p {
  width: 100%;
  margin-top: 25px;
}
.backoffice_formation .new-question-body .new-question .form-group {
  font-size: 12px;
  padding: 0;
  margin-bottom: 0;
}
.backoffice_formation .new-question-body .new-question .form-group #formation_question_picture {
  border: dashed 1px #fff;
  background-color: unset;
}
.backoffice_formation .new-question-body .new-question .form-group label.label-question-form-field {
  font-weight: bold;
  margin: 20px 0 5px 0;
}
.backoffice_formation .new-question-body .new-question .form-group input.question-form-field,
.backoffice_formation .new-question-body .new-question .form-group textarea.question-form-field {
  width: 100%;
  background-color: #333333;
  border-radius: 5px;
  border: none;
  padding: 10px 20px;
}
.backoffice_formation .new-question-body .new-question .form-group input.question-form-field::placeholder,
.backoffice_formation .new-question-body .new-question .form-group textarea.question-form-field::placeholder {
  color: #ffffff;
}
.backoffice_formation .new-question-body .new-question .form-group .answer-box {
  width: calc(100% - 40px) !important;
  display: inline-block;
  padding-right: 10px;
}
.backoffice_formation .new-question-body .new-question .form-group .remove-answer {
  display: inline-block;
}
.backoffice_formation .new-question-body .new-question .form-group textarea#formation_question_answerJustification {
  min-height: 150px;
  min-width: 100%;
  max-width: 100%;
}
.backoffice_formation .new-question-body .new-question .form-group .text-count {
  float: right;
  width: auto;
  margin: 20px 0 5px 0;
}
.backoffice_formation .new-question-body .new-question .import-file {
  padding-left: calc(50% - 75px);
  border: 1px dashed white !important;
  height: 37px;
  border-radius: 5px;
}
.backoffice_formation .new-question-body .new-question .answer-box {
  margin-bottom: 25px;
}
.backoffice_formation .new-question-body .new-question .answer-box input {
  width: calc(100% - 15px) !important;
}
.backoffice_formation .new-question-body .new-question .answer-box input::placeholder {
  color: #ffffff;
}
.backoffice_formation .new-question-body .new-question .answer-box button {
  width: 30px;
  background: none;
  border: none;
  vertical-align: middle;
  padding-left: 15px;
}
.backoffice_formation .new-question-body .new-question .add-answer {
  width: 100%;
  min-height: 35px;
  font-size: 12px;
  background-color: #333333;
  color: #ffffff;
  border-radius: 5px;
  border: none;
  text-align: left;
  padding: 10px 20px;
  display: flex;
}
.backoffice_formation .new-question-body .new-question-preview {
  min-width: 355px;
  float: right;
  margin-left: 40px;
  height: fit-content;
  word-break: break-word;
}
.backoffice_formation .toomuch {
  color: red;
  font-weight: bold;
}
.backoffice_formation .new-theme .btn-list-theme {
  margin-top: 20px;
  position: fixed;
  bottom: 20px;
  right: 32px;
}
.backoffice_formation .new-theme .btn-list-theme input {
  padding: 10px 20px;
}
.backoffice_formation .theme-form-body {
  color: #ffffff;
  font-size: 12px;
  width: 360px;
  margin: 30px auto;
}
.backoffice_formation .theme-form-body .header-form-group {
  margin: 20px 0 5px 0;
  display: flex;
  justify-content: space-between;
}
.backoffice_formation .theme-form-body .form-control {
  background-color: #333333;
  border-radius: 5px;
  font-size: 12px;
}
.backoffice_formation .theme-form-body textarea {
  max-width: 100%;
  min-width: 100%;
  min-height: 60px;
}
.backoffice_formation .text-count {
  float: right;
  width: auto;
  margin: 0;
  font-weight: normal;
  color: #ffffff;
}
.backoffice_formation .text-count.toomuch {
  color: red;
  font-weight: bold;
}
.backoffice_formation .question-preview {
  position: fixed;
  right: 0;
  top: 70px;
  padding-right: 50px;
  height: calc(100vh - 90px);
  overflow-y: auto;
}
.backoffice_formation .difficulty-preview {
  background-color: #333333;
  width: fit-content;
  padding: 5px 15px;
  border-radius: 15px;
}
.backoffice_formation .title-preview {
  font-size: 16px;
  margin: 20px 0;
}
.backoffice_formation .answer .text-count {
  position: absolute;
  right: 65px;
  width: fit-content !important;
  margin-top: -80px !important;
}
.backoffice_formation .answers-preview {
  margin: 20px 0px -10px 0px;
}
.backoffice_formation .answers-preview p {
  padding: 7px 0px;
  font-weight: bold;
  font-size: 16px;
  width: 25px;
}
.backoffice_formation .answers-preview div {
  display: flex;
}
.backoffice_formation .answers-preview label {
  width: calc(100% - 30px);
  background-color: #333333;
  color: #ffffff;
  border-radius: 5px;
  height: fit-content;
  padding: 8px;
  margin-bottom: 15px;
}
.backoffice_formation .answers-preview .selected-answer {
  background-color: green;
}
.backoffice_formation .preview-buttons {
  display: flex;
}
.backoffice_formation .preview-buttons :first-child {
  margin-right: 10px;
}
.backoffice_formation .preview-buttons :last-child {
  margin-left: 10px;
}
.backoffice_formation .preview-button {
  background-color: #ff9216;
  color: #ffffff;
  width: 100%;
  border: none;
  border-radius: 5px;
  font-weight: bold;
  margin-top: 15px;
}
.backoffice_formation .image-preview .file-hold {
  position: relative;
  display: block;
  cursor: pointer;
}
.backoffice_formation .image-preview .file-hold input[type="file"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.backoffice_formation .image-preview .file-hold label {
  margin: 0;
}
.backoffice_formation .image-preview .file-hold .file-img {
  width: 360px;
  display: block;
  height: 240px;
  border-radius: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.backoffice_formation .image-preview .file-hold .file-img span {
  background-color: #ff9216;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  position: absolute;
}
.backoffice_formation .image-preview .file-hold .file-img span i {
  position: absolute;
  top: 9px;
  left: 11px;
  font-size: 30px;
  color: #ffffff;
}
.backoffice_formation .image-preview .file-hold #question-preview-picture {
  width: 315px;
  height: 210px;
}
.backoffice_formation .image-preview .file-hold.image-added .file-img:before {
  display: none;
}
.backoffice_formation .image-preview .file-hold.image-added .file-img > span {
  display: none;
}
.backoffice_formation .stat-box {
  height: fit-content;
  background-color: #1a1a1a;
  margin-top: 30px;
  border-radius: 5px;
  padding: 30px 5px;
}
.backoffice_formation .stat-box div#chart-labels-list {
  position: relative;
  width: 100%;
  margin-left: 35px;
}
.backoffice_formation .stat-box div#chart-labels-list span.label {
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  transform: translateX(-50%);
  position: absolute;
}
.backoffice_formation .stat-box div#chart-labels-list span.label:hover {
  color: #ff9216;
  cursor: pointer;
}
.backoffice_formation .stat-label-box {
  width: calc(100% - 20px);
  height: 135px;
  background-color: #1a1a1a;
  border: none;
  border-radius: 5px;
  margin: 10px;
  display: inline-block;
}
.backoffice_formation .stat-label-box label {
  color: #ff9216;
  text-align: center;
  width: 100%;
  font-size: 50px;
  padding-top: 15px;
}
.backoffice_formation .stat-label-box p {
  text-align: center;
}
.backoffice_formation .stat-label-box.half {
  width: calc(50% - 22px);
}
.backoffice_formation .stat-label-box.third {
  width: calc(33% - 21px);
}
.backoffice_formation .stat-label-box.orange-border {
  border: 1px solid #ff9216;
  background-color: black;
}
.backoffice_formation .formation-stats p {
  width: 100%;
  margin-top: 25px;
}
.backoffice_formation .modal-sm {
  width: 400px;
}
.backoffice_formation .modal-sm .text-count {
  margin-top: 0;
  color: black;
}
.backoffice_formation .modal_formation_question_preview {
  background-color: #1a1a1a;
  border-radius: 10px;
  padding: 20px;
}
.backoffice_formation .modal_modification {
  text-align: left;
  color: #ffffff;
}
.backoffice_formation .modal_modification .modals-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.backoffice_formation .modal_modification .modals-header .modal-title {
  font-size: 16px;
  font-weight: bold;
}
.backoffice_formation .modal_modification .modify-title {
  display: flex;
  justify-content: space-between;
}
.backoffice_formation .modal_modification .name-to-modify {
  padding: 10px 20px;
  border-radius: 4px;
  width: 100%;
  border: none;
  background-color: #1a1a1a;
}
.backoffice_formation .modal_modification .center {
  justify-content: center;
  display: flex;
  margin-top: 20px;
}
.backoffice_formation .modal_modification .center .modify-button {
  padding: 10px 20px;
}
.backoffice_formation .modal_formation_theme_preview {
  background-color: #1a1a1a;
  border-radius: 10px;
  width: 360px;
}
.backoffice_formation .modal_formation_theme_preview .file-hold .file-img {
  border-radius: 10px 10px 0px 0px;
}
.backoffice_formation .modal_formation_theme_preview .text-box {
  padding: 20px;
  font-size: 12px;
}
.backoffice_formation .modal_formation_theme_preview .text-box .title-button-theme-preview {
  display: flex;
  justify-content: space-between;
}
.backoffice_formation .modal_formation_theme_preview .text-box .title-button-theme-preview .title-preview {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}
.backoffice_formation .modal_formation_theme_preview .text-box .description-preview {
  margin-top: 20px;
}
.backoffice_formation .modal_formation_theme_preview .text-box .levels-title {
  font-weight: bold;
}
.backoffice_formation .modal_formation_theme_preview .text-box .difficulty-levels-preview {
  display: flex;
  justify-content: space-between;
}
.backoffice_formation .modal_formation_theme_preview .text-box .difficulty-levels-preview .difficulty-level {
  width: 95px;
  height: 40px;
  padding: 12px 0px;
  text-align: center;
  border-radius: 4px;
  background-color: #333333;
  color: #ffffff;
}
.backoffice_formation .modal_formation_theme_preview .text-box .difficulty-levels-preview .difficulty-level label {
  margin: 0px;
}
.backoffice_formation .modal_formation_theme_preview .text-box .difficulty-levels-preview .selected {
  box-shadow: 0 0 3pt 2pt #ff9216;
  font-weight: bold;
}
.backoffice_formation .form-hidden-row {
  display: none;
}
.backoffice_formation #modal_import .modal_modification {
  padding-bottom: 50px !important;
}
.backoffice_formation #modal_import .modal_modification .error-message {
  display: none;
  border: 2px solid red;
  border-radius: 5px;
  padding: 5px 5px 5px 20px;
  margin-bottom: 10px;
}
.backoffice_formation #modal_import .modal_modification .error-message li {
  margin-bottom: 10px;
}
.backoffice_formation #modal_import .modals-header {
  margin-bottom: 30px;
}
.backoffice_formation #modal_import .dowload_modele {
  text-align: center;
  width: 100%;
}
.backoffice_formation #modal_import input {
  padding: 18px;
  margin-left: auto;
}
.backoffice_formation_organisation .btn-list {
  width: 250px;
}
.backoffice_formation_organisation .btn-block {
  width: fit-content;
  margin: 0;
}
.backoffice_formation_organisation .pds-formation-box {
  width: calc(100% - 98px);
}
.backoffice_formation_organisation .organisation-formation-box {
  width: calc(100% - 142px);
}
#stat_chart button {
  background: none;
  border: none;
  position: relative;
}
#stat_chart .arrow-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid white;
  position: absolute;
  right: -10px;
  top: 8px;
}
#stat_chart .arrow-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid white;
  position: absolute;
  right: -10px;
  top: 8px;
}
#stat_chart .pagination {
  bottom: 10px;
  right: 10px;
  margin-top: 0;
}
#stat_chart .pagination:first-child {
  top: 10px;
}
#stat_chart table {
  margin-bottom: 25px;
}
#stat_chart table tr {
  height: 40px;
}
#stat_chart table tr th {
  text-align: center;
  color: #ff9216;
  padding: 10px;
}
#stat_chart table tr td {
  padding: 10px;
  color: white;
  text-align: center;
}
#stat_chart table tr td .question-id-label:hover {
  color: #ff9216;
  cursor: pointer;
}
#stat_chart table tr td .progress-bar-container {
  position: relative;
  width: 100%;
  margin-top: -18px;
}
#stat_chart table tr td .progress-bar-container .question-progress-bar {
  width: 100%;
  position: absolute;
  background-color: black;
  z-index: 1;
  border-radius: 5px;
  height: 35px;
}
#stat_chart table tr td .progress-bar-container .question-progress-bar .success-bar {
  z-index: 3;
  background: linear-gradient(90deg, #117003 0%, #3fa52c 100%);
  border-radius: 5px;
  height: 33px;
  position: absolute;
  margin-top: 1px;
  margin-left: 1px;
}
#stat_chart table tr td .progress-bar-container .question-progress-bar .success-bar span {
  z-index: 5;
  color: #057703;
  top: 6px;
}
#stat_chart table tr td .progress-bar-container .question-progress-bar .success-bar:hover {
  z-index: 9 !important;
  border: 1px solid white;
}
#stat_chart table tr td .progress-bar-container .question-progress-bar .success-bar:hover span {
  border: 1px solid #057703;
  z-index: 10;
  transform: translateX(calc(-100% - 5px)) scale(1.1);
}
#stat_chart table tr td .progress-bar-container .question-progress-bar .participation-bar {
  background: #ff9216;
  background: linear-gradient(90deg, #ff9216 0%, #f8c231 100%);
  border-radius: 5px;
  height: 100%;
  position: absolute;
}
#stat_chart table tr td .progress-bar-container .question-progress-bar .participation-bar span {
  z-index: 4;
  color: #ff9216;
}
#stat_chart table tr td .progress-bar-container .question-progress-bar .participation-bar:hover {
  border: 1px solid white;
}
#stat_chart table tr td .progress-bar-container .question-progress-bar .participation-bar:hover span {
  border: 1px solid #ff9216;
  z-index: 10;
  transform: translateX(calc(-100% - 5px)) scale(1.1);
}
#stat_chart table tr td .progress-bar-container .question-progress-bar span {
  position: absolute;
  background-color: white;
  padding: 5px;
  width: fit-content;
  height: 20px;
  top: 7px;
  padding-top: 0px;
  border-radius: 5px;
  transform: translateX(calc(-100% - 5px));
  left: 100%;
}
.header_filter .form-control option {
  color: black !important;
}
.backoffice_header_header .backoffice_header_search {
  position: absolute;
  left: 130px;
  height: 0px;
  width: 100%;
  display: inline-flex;
  /* homepage filter header */
}
.backoffice_header_header .backoffice_header_search .button_create_notif {
  width: auto;
  border: none;
  border-radius: 30px;
  height: 35px;
  margin-top: 7px;
  background-color: white;
  margin-left: 5px;
  padding: 0px 15px;
}
.backoffice_header_header .backoffice_header_search .button_create_notif img {
  width: 25px;
  height: 25px;
}
.backoffice_header_header .backoffice_header_search .button_create_notif label {
  margin-left: 10px;
  margin-top: 5px;
}
@media (max-width: 1150px) {
  .backoffice_header_header .backoffice_header_search .button_create_notif label {
    display: none;
  }
}
.backoffice_header_header .backoffice_header_search .header_filter {
  margin: 0;
  display: flex;
  font-size: 90%;
  padding-top: 5px;
  min-width: 550px;
  z-index: -1;
}
.backoffice_header_header .backoffice_header_search .header_filter .form-control option {
  color: black !important;
}
.backoffice_header_header .backoffice_header_search .header_filter label {
  font-weight: 400;
  width: 120px;
  text-align: right;
  margin-right: 15px;
}
.backoffice_header_header .backoffice_header_search .header_filter .filterButton {
  border: 1px solid transparent;
  border-radius: 2px;
  width: 35px;
  background-color: transparent;
  height: auto;
  top: 0px;
  outline-style: none;
  padding: 0;
}
.backoffice_header_header .backoffice_header_search .header_filter .filterButton > img {
  width: 100%;
  height: 100%;
}
.backoffice_header_header .backoffice_header_search .header_filter .filterButton.selected .off {
  display: none;
}
.backoffice_header_header .backoffice_header_search .header_filter .filterButton.selected img {
  opacity: 1;
}
.backoffice_header_header .backoffice_header_search .header_filter .filterButton:not(.selected) .on {
  display: none;
}
.backoffice_header_header .backoffice_header_search .header_filter .filterButton:not(.selected) .off {
  opacity: 0.7;
}
.backoffice_header_header .backoffice_header_search .header_filter .filterButton:not(.selected) img {
  opacity: 0.6;
}
.backoffice_header_header .backoffice_header_search .header_filter .header-select {
  background-color: transparent;
  width: 60px;
  height: 40px;
  border: 0px solid transparent;
  display: inline-block;
}
.backoffice_header_header .backoffice_header_search .header_saviour_filter label {
  font-weight: 400;
  margin-left: 50px;
  margin-top: 13px;
}
.backoffice_header_header .backoffice_header_search .header_saviour_filter input {
  color: #555 !important;
  font-weight: 700;
}
.backoffice_header_header .backoffice_header_search .header_saviour_filter select {
  -webkit-appearance: none;
  -webkit-border-radius: 30px;
  -webkit-text-fill-color: #a7a7a7;
  text-align-last: center;
}
.backoffice_header_header .backoffice_header_search .header_saviour_filter button {
  font-weight: 700;
  color: #777;
}
.backoffice_header_header .backoffice_header_search .header_saviour_filter .saviourFilterButton {
  text-align: center;
  height: 35px;
  width: 140px;
  border-radius: 18px;
  margin: 0 5px;
  border: none;
  color: #a7a7a7;
}
.backoffice_header_header .backoffice_header_search .header_saviour_filter .saviourFilterButton:not(.selected) {
  color: #a7a7a7;
  background-color: white;
}
.backoffice_header_header .backoffice_header_search .header_saviour_filter .saviourFilterButton.selected {
  color: white;
  background-color: #1a1a1a;
  -webkit-text-fill-color: white;
}
.backoffice_header_header .backoffice_header_search .header_saviour_filter ::placeholder {
  color: #a7a7a7;
  text-align: center;
  font-weight: 300;
}
.backoffice_header_header .backoffice_header_search .header_saviour_filter div {
  display: inline-flex;
  width: 300px;
  height: 35px;
  position: absolute;
  top: 6px;
  left: 30px;
}
.backoffice_header_header .backoffice_header_search .header_saviour_filter div input {
  width: 100%;
  border: none;
  background-color: rgba(0, 0, 0, 0.25);
  color: white;
  padding-left: 5px;
  padding-right: 35px;
}
.backoffice_header_header .backoffice_header_search .header_saviour_filter div ::placeholder {
  padding-left: 10px;
  color: #ddd;
  font-weight: 100;
  text-align: unset;
}
.backoffice_header_header .backoffice_header_search .header_saviour_filter div .buttonSearch {
  border: none;
  background: 0;
  color: #ff9e17;
  position: absolute;
  left: 20px;
  width: 10px;
  font-size: 140%;
}
.backoffice_header_header nav {
  background-color: #ff9e17;
}
.backoffice_header_user .link-user {
  cursor: pointer;
  min-width: 175px;
  padding-top: 10px;
  padding-left: 20px;
  padding-bottom: 4px;
  border-left: 1px solid #ffc26d;
}
.backoffice_header_user .dropdown-menu {
  color: #2A2A2A !important;
}
.backoffice_header_user .link-user {
  color: #2A2A2A !important;
}
.backoffice_header_user .initial_user {
  color: #ff9216;
  background-color: #eee;
  border-radius: 11px;
  width: 22px;
  height: 22px;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  margin-left: 5px;
  margin-bottom: 0px;
}
.backoffice_homepage_display {
  /* google map zoom control */
}
.backoffice_homepage_display .filterBar {
  height: 50px;
  width: 100%;
  position: fixed;
  z-index: 100;
  top: 50px;
  left: 200px;
  box-shadow: 0px 2px 10px #555;
}
.backoffice_homepage_display .filterBarBlur {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  filter: blur(10px);
  position: absolute;
}
.backoffice_homepage_display .filterBarContent {
  position: absolute;
  margin-left: 25%;
  margin-top: 10px;
}
.backoffice_homepage_display .interBar {
  height: calc(100% - 50px);
  width: 300px;
  position: fixed;
  z-index: 101;
  top: 50px;
  right: 0;
  background-color: #ffffff;
  text-align: center;
  box-shadow: 0px 0px 10px #555;
}
.backoffice_homepage_display .interDetails {
  padding-top: 50px;
}
.backoffice_homepage_display .addInter {
  height: 60px;
  padding-bottom: 10px;
  padding-top: 5px;
  border-bottom: 3px groove #ccc;
  background-color: #1a1a1a;
  color: #ff9216;
}
.backoffice_homepage_display .addInter label {
  vertical-align: super;
}
.backoffice_homepage_display .buttonAddInter {
  border-radius: 35px;
  border-color: transparent;
  background-color: #ff9216;
  color: #ffffff;
  width: 50px;
  height: 50px;
  margin: 10px 5px 5px 0px;
  font-size: 175%;
}
.backoffice_homepage_display .searchInter {
  width: 100%;
  font-size: 100%;
  padding-right: 30px;
  background-color: #ffffff;
  border: none;
  padding-left: 15px;
}
.backoffice_homepage_display .currentInter {
  height: 90px;
  font-size: 110%;
  border-bottom: 1px groove #f1f1f1;
  /* Permet de centrer les placeholder */
}
.backoffice_homepage_display .currentInter ::-webkit-input-placeholder {
  text-align: center;
}
.backoffice_homepage_display .currentInter :-moz-placeholder {
  /* Firefox 18- */
  text-align: center;
}
.backoffice_homepage_display .currentInter ::-moz-placeholder {
  /* Firefox 19+ */
  text-align: center;
}
.backoffice_homepage_display .currentInter :-ms-input-placeholder {
  text-align: center;
}
.backoffice_homepage_display .listInter {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 90px - 60px - 50px);
}
.backoffice_homepage_display .buttonSearch {
  position: absolute;
  top: -6px;
  right: 5px;
  color: #ff9216;
  background: none;
  border: none;
  font-size: 140%;
}
.backoffice_homepage_display .interTitle {
  display: inline-block;
  margin: 10px;
  color: dimgrey;
}
.backoffice_homepage_display .gm-style-cc {
  border-radius: 5px;
}
.backoffice_homepage_display .gmnoprint {
  border-radius: 5px;
}
.backoffice_homepage_display .gmnoprint div {
  outline-style: none;
  overflow: hidden;
}
.backoffice_homepage_display .gmnoprint > .gmnoprint button {
  overflow: hidden;
  outline-style: none;
  /* Si on ne précise pas ces 2 boutons, le border radius ne fonctionne pas lorsqu'on drag la map */
}
.backoffice_homepage_display .gmnoprint > .gmnoprint button[title="Zoom avant"] {
  border-radius: 5px 5px 0px 0px;
}
.backoffice_homepage_display .gmnoprint > .gmnoprint button[title="Zoom arrière"] {
  border-radius: 0px 0px 5px 5px;
}
.backoffice_homepage_display .controls {
  margin-top: 10px;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  right: 25px!important;
}
.backoffice_homepage_display #pac-input {
  background-color: #fff;
  font-size: 15px;
  font-weight: 300;
  margin-left: 12px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 300px;
}
.backoffice_homepage_display #map {
  height: 100%;
  position: absolute!important;
  right: 300px;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.backoffice_homepage_display .interBloc {
  width: 100%;
  position: relative;
  border: 1px solid #c7c7c7;
}
.backoffice_homepage_display .interBlocSelected {
  background-color: #eaeaea;
}
.backoffice_homepage_display .interBlocSaviour {
  margin: 5px 0;
}
.backoffice_homepage_display .interBlocSaviour .autourAvatar {
  display: inline-block;
  margin-right: 3px;
}
.backoffice_homepage_display .interBlocSaviour .autourAvatar .avatarRond {
  margin: 0;
}
.backoffice_homepage_display .interBlocSaviour .autourAvatarSelected {
  border: none;
  padding-bottom: 0px;
}
.backoffice_homepage_display .littleAvatarRond {
  width: 100%;
  height: 20px;
  margin-left: 2px;
  margin-bottom: 4px;
}
.backoffice_homepage_display .littleAvatarRond .avatarDefault {
  width: 20px;
  height: 20px;
  border: 0px solid orange;
  border-radius: 25px;
  padding: 1px;
}
.backoffice_homepage_display .littleAvatarRond .saviourState {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 10px;
  margin-left: 13px;
}
.backoffice_homepage_display .littleAvatarRond p {
  margin-left: 1px;
  display: inline-block;
  margin-bottom: 5px;
}
.backoffice_homepage_display .avatarRond {
  width: 45px;
  height: 45px;
  border-radius: 25px;
  overflow: hidden;
  border: 0px solid orange;
  display: inline-block;
  margin-right: 3px;
  float: left;
}
.backoffice_homepage_display .avatarRond .avatarDefault {
  width: 44px;
  height: 44px;
  margin-top: 0px;
  margin-left: 0px;
}
.backoffice_homepage_display .avatarRond .avatar {
  width: 45px;
  height: 45px;
  border: none;
}
.backoffice_homepage_display .avatarRond .fa.notification {
  font-size: 32px;
  line-height: 45px;
  margin-left: 6px;
  -webkit-animation: greentextblinking 1s infinite;
  -moz-animation: greentextblinking 1s infinite;
  -ms-animation: greentextblinking 1s infinite;
  -o-animation: greentextblinking 1s infinite;
  animation: greentextblinking 1s infinite;
}
.backoffice_homepage_display .avatarSelected {
  border: 0px solid orange;
  box-shadow: 0px 0px 12px #000;
}
.backoffice_homepage_display .avatarSelected .avatarDefault {
  margin-top: 0px !important;
  margin-left: 0px !important;
}
.backoffice_homepage_display .avatarRond:hover {
  cursor: pointer;
}
.backoffice_homepage_display .detail {
  font-size: 85%;
  text-align: left;
  width: 100%;
  padding-top: 10px;
}
.backoffice_homepage_display .detail label {
  font-weight: 500;
  width: 89%;
}
.backoffice_homepage_display .detail i {
  color: orange;
  width: 10%;
  text-align: center;
  font-size: 18px;
}
.backoffice_homepage_display .detail .textDetails:hover {
  cursor: pointer;
}
.backoffice_homepage_display .detail .textDetails:hover label:hover {
  cursor: pointer;
}
.backoffice_homepage_display .kind {
  font-size: 120% !important;
  width: 100%;
}
.backoffice_homepage_display .saviourState {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  margin-left: 35px;
}
.backoffice_homepage_display .stateGray {
  background-color: gray;
}
.backoffice_homepage_display .stateOrange {
  background-color: orange;
}
.backoffice_homepage_display .stateBlue {
  background-color: blue;
}
.backoffice_homepage_display .stateGreen {
  background-color: green;
}
.backoffice_homepage_display .stateGreenNotification {
  background-color: green;
  -webkit-animation: greenblinking 1s infinite;
  -moz-animation: greenblinking 1s infinite;
  -ms-animation: greenblinking 1s infinite;
  -o-animation: greenblinking 1s infinite;
  animation: greenblinking 1s infinite;
}
@keyframes greenblinking {
  0% {
    background: transparent;
  }
  40% {
    background: green;
  }
  70% {
    background: green;
  }
  100% {
    background: transparent;
  }
}
@keyframes greentextblinking {
  0% {
    color: transparent;
  }
  40% {
    color: green;
  }
  70% {
    color: green;
  }
  100% {
    color: transparent;
  }
}
.backoffice_homepage_display .stateBlueNotification {
  background-color: blue;
  -webkit-animation: blueblinking 1s infinite;
  -moz-animation: blueblinking 1s infinite;
  -ms-animation: blueblinking 1s infinite;
  -o-animation: blueblinking 1s infinite;
  animation: blueblinking 1s infinite;
}
@keyframes blueblinking {
  0% {
    background: transparent;
  }
  40% {
    background: blue;
  }
  70% {
    background: blue;
  }
  100% {
    background: transparent;
  }
}
.backoffice_homepage_display .stateRed {
  background-color: red;
}
.backoffice_homepage_display .previousButton {
  width: 10px;
  display: block;
  position: absolute;
  left: 0px;
  bottom: 40px;
  height: 58px;
  border: none;
  padding: 0;
  background-color: transparent;
}
.backoffice_homepage_display .previousButton i {
  color: orange;
  font-size: 350%;
}
.backoffice_homepage_display .nextButton {
  width: 15px;
  margin-right: 8px;
  display: block;
  position: absolute;
  right: 0px;
  bottom: 40px;
  height: 58px;
  border: none;
  padding: 0;
  background-color: transparent;
}
.backoffice_homepage_display .nextButton i {
  color: orange;
  font-size: 350%;
}
.modal-backdrop {
  z-index: -1000 !important;
}
.interNotification {
  display: flex;
  height: 100px;
  width: 100%;
  background-color: #ff9216;
  color: white;
  font-weight: 700;
  padding: 10px;
}
.backImage {
  width: 80px;
  height: 100%;
  background-color: white;
  border-radius: 50px;
}
.backImage img {
  max-width: 80%;
  max-height: 80%;
  margin-top: 12px;
}
.notifBlock {
  width: 200px;
  height: 100%;
}
.notifBlock label {
  width: 100%;
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 110%;
}
.imgSaviourNotif {
  width: 40px;
  height: 40px;
  border: 1px solid white;
  border-radius: 20px;
  display: inline-block;
}
.imgSaviourNotif img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
}
.voletInter {
  position: absolute;
  right: 300px;
  top: 129px;
  color: #9E9E9E;
  font-size: 40px;
  background-color: #ffffff;
  border-radius: 10px 0 0 10px;
  width: 28px;
  height: 40px;
  box-shadow: 0 0 2px #555;
  z-index: 1;
}
.voletInter i {
  position: absolute;
  top: 0px;
  left: 9px;
}
.voletInter:hover {
  cursor: pointer;
}
.attentatButton {
  background-color: transparent;
  border: none;
  width: 40px;
  height: 40px;
}
.attentatButton img {
  width: 40px;
}
.matriculeInter {
  text-align: left;
  color: white;
  background-color: orange;
  width: fit-content;
  padding: 3px 10px;
}
#endMessage {
  width: 100%;
  height: 100px;
  resize: none;
}
.toast-top-right {
  margin-right: 311px;
  margin-top: 88px;
}
.toast-top-left {
  margin-left: 128px;
  margin-top: 43px;
}
.otherInterMarker td {
  padding-right: 5px;
}
.videoButton {
  position: absolute;
  top: 214px;
  left: 211px;
  border-radius: 25px;
  height: 50px;
  width: 50px;
  background-color: #ff9e16;
  padding-top: 2px;
  padding-left: 1px;
}
.setting-gear {
  position: absolute;
  right: 15px;
  top: 15px;
}
.setting-gear:hover {
  filter: brightness(0.5) !important;
}
#modal_inter_setting label {
  text-align: center;
  height: 35px;
}
#modal_inter_setting .panel {
  width: 600px !important;
  height: 490px !important;
}
#modal_inter_setting h4 {
  margin-left: 25px;
}
#modal_inter_setting .range-input {
  background-color: #1a1a1a;
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  border-radius: 5px;
  color: white;
}
#modal_inter_setting .range-input input {
  margin: 10px 30px 0px 30px!important;
  background-color: #757575;
}
#modal_inter_setting .range-input div {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}
#modal_inter_setting .range-input div .min {
  margin-left: 30px;
}
#modal_inter_setting .range-input div .max {
  margin-right: 30px;
}
#modal_inter_setting .range-input div .actual {
  background-color: #757575;
  border-radius: 15px;
  padding: 2px 10px;
}
#modal_inter_setting .slider {
  -webkit-appearance: none;
  /* Override default CSS styles */
  appearance: none;
  width: 100%;
  /* Full-width */
  height: 10px;
  /* Specified height */
  background: #b3b3b3;
  /* Grey background */
  outline: none;
  /* Remove outline */
  opacity: 0.7;
  /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: 0.2s;
  /* 0.2 seconds transition on hover */
  transition: opacity 0.2s;
  border-radius: 5px;
  margin: 10px 0;
  /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
}
#modal_inter_setting .slider:hover {
  opacity: 1;
  /* Fully shown on mouse-over */
}
#modal_inter_setting .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  /* Override default look */
  appearance: none;
  width: 25px;
  /* Set a specific slider handle width */
  height: 25px;
  /* Slider handle height */
  background: #ff9216;
  cursor: pointer;
  /* Cursor on hover */
  border-radius: 50%;
}
#modal_inter_setting .slider::-moz-range-thumb {
  width: 25px;
  /* Set a specific slider handle width */
  height: 25px;
  /* Slider handle height */
  background: #ff9216;
  cursor: pointer;
  /* Cursor on hover */
  border-radius: 50%;
}
.backoffice_intervention_display {
  margin: 36px;
}
.backoffice_intervention_display .listInterArchived .blockInterArchived {
  margin-bottom: 15px;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  height: 210px;
  border: 1px groove #c7c7c7;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
  padding: 15px;
}
.backoffice_intervention_display .listInterArchived .blockInterArchived > * {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.backoffice_intervention_display .listInterArchived .blockInterArchived .interInfo {
  font-size: 85%;
  text-align: left;
}
.backoffice_intervention_display .listInterArchived .blockInterArchived .interInfo div {
  width: 100%;
}
.backoffice_intervention_display .listInterArchived .blockInterArchived .interInfo label {
  font-weight: 500;
  max-width: 600px;
}
.backoffice_intervention_display .listInterArchived .blockInterArchived .interInfo i {
  color: orange;
  width: 30px;
  text-align: center;
  font-size: 18px;
}
.backoffice_intervention_display .listInterArchived .blockInterArchived .interInfo .victimInfo {
  height: 45px;
}
.backoffice_intervention_display .listInterArchived .blockInterArchived .littleSaviourList {
  overflow-y: auto;
  height: 130px;
}
.backoffice_intervention_display .listInterArchived .blockInterArchived .saviourLabel {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  max-width: 80%;
}
.backoffice_intervention_display .listInterArchived .separated {
  border-left: 1px solid black;
  margin: 5px 0;
}
.backoffice_intervention_display .listInterArchived .avatar {
  width: 30px;
  height: 30px;
  border-radius: 40px;
  margin: 5px 0;
  overflow: hidden;
  border: 1px solid orange;
  position: relative;
  padding: 0;
  display: inline-table;
  background-size: contain;
}
.backoffice_intervention_display .listInterArchived .avatar img {
  width: 30px;
  height: 30px;
}
.backoffice_intervention_display .listInterArchived .avatarDefault {
  width: 30px;
  height: 30px;
  border-radius: 40px;
  margin: 5px 0;
  overflow: hidden;
  border: 1px solid orange;
  position: relative;
  padding: 0;
  display: inline-table;
}
.backoffice_intervention_display .listInterArchived .avatarDefault img {
  width: 22px;
  height: 22px;
  margin-top: 3px;
  margin-left: 3px;
}
.backoffice_intervention_display .listInterArchived .date {
  width: 100%;
}
.backoffice_intervention_display .listInterArchived .description {
  display: table-cell;
  margin-top: 10px;
}
.backoffice_intervention_display .listInterArchived .description label {
  width: 100%;
}
.backoffice_intervention_display .listInterArchived .descriptionMore {
  display: none;
}
.backoffice_intervention_display .listInterArchived hr {
  display: none;
}
.backoffice_intervention_display .listInterArchived .infoMore {
  display: none;
}
.backoffice_intervention_display .listInterArchived .title {
  color: #ff9216;
  font-size: 10px;
  width: 100%;
}
.backoffice_intervention_display .listInterArchived .name {
  color: black;
  width: 100%;
  font-size: 15px;
}
.backoffice_intervention_display .listInterArchived .job {
  font-size: 12px;
  font-weight: 400;
  line-height: 9px;
}
.backoffice_intervention_display .listInterArchived .more {
  font-size: 12px;
  font-weight: 400;
}
.backoffice_intervention_display .listInterArchived .date {
  color: inherit;
  font-size: 12px;
}
.backoffice_intervention_display .listInterArchived .buttons {
  height: 100%;
  float: right;
  display: flex;
  align-items: center;
}
.backoffice_intervention_display .listInterArchived .buttons button {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  margin-right: 20px;
  border: none;
}
.backoffice_intervention_display .listInterArchived .buttons .lessInfoButton {
  display: none;
}
.backoffice_intervention_display .listInterArchived .saviourState {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  margin-left: 24px;
  margin-top: 4px;
}
.backoffice_intervention_display .listInterArchived .stateGray {
  background-color: gray;
}
.backoffice_intervention_display .listInterArchived .stateOrange {
  background-color: orange;
}
.backoffice_intervention_display .listInterArchived .stateBlue {
  background-color: blue;
}
.backoffice_intervention_display .listInterArchived .stateGreen {
  background-color: green;
}
.backoffice_intervention_display .listInterArchived .stateRed {
  background-color: red;
}
.backoffice_intervention_display .loader {
  margin-left: 42%;
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.background-login {
  background: url(/build/images/login.a1307b8e.png) left top no-repeat;
  background-size: 100%;
}
.background-login .logo {
  margin: auto;
  width: 25%;
  height: auto;
  margin-top: 5%;
  margin-bottom: 5%;
  background-size: contain;
}
.background-login .form-login {
  position: relative;
  z-index: 1;
  background: #FFF;
  max-width: 300px;
  margin: auto;
  padding: 30px;
  border-radius: 10px;
  text-align: center;
}
.background-login .form-login .header-logo .img {
  margin-top: -50px;
  padding-left: 7px;
}
.background-login .form-login .header-logo .circle {
  border: 2px solid #F3F3F3;
  box-sizing: border-box;
  background: #ffffff;
  width: 82px;
  height: 82px;
  border-radius: 50%;
  margin: -60px auto;
}
.background-login .form-login .content-form {
  margin-top: 25px;
}
.background-login .form-login .content-form .thumbnail img {
  display: block;
  width: 40%;
  margin: auto;
  padding-bottom: 42px;
}
.background-login .form-login .content-form .right-icon input {
  padding-right: 30px;
}
.background-login .form-login .content-form .right-icon .fa {
  right: 0px;
  color: #ff9216;
}
.background-login .form-login .content-form .right-icon .fa-user-o {
  font-size: 18px;
}
.background-login .form-login .content-form .right-icon .fa-lock {
  font-size: 20px;
}
.background-login .form-login .content-form .inner-addon {
  position: relative;
}
.background-login .form-login .content-form .inner-addon .fa {
  position: absolute;
  padding: 15px;
  pointer-events: none;
}
.background-login .form-login .content-form input {
  outline: 0;
  width: 100%;
  border: 0;
  border-bottom: 2px solid #ff9216;
  margin: 0 0 15px;
  padding: 15px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-sizing: border-box;
  font-size: 14px;
}
.background-login .form-login .content-form .forget-password {
  padding-bottom: 15px;
  width: 100%;
  font-size: 14px;
}
.background-login .form-login .content-form .forget-password a {
  color: #ff9216;
  text-decoration-line: underline;
}
.background-login .form-login .content-form button {
  outline: 0;
  background: #ff9216;
  width: 100%;
  border: 0;
  padding: 15px;
  border-radius: 100px;
  color: #ffffff;
  font-size: 18px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}
.background-login .form-login .content-form .message {
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 12px;
}
.background-login .form-login .content-form .register-form {
  display: none;
}
@media (max-width: 640px) {
  .background-login {
    height: 100vh;
    background-size: cover;
  }
  .background-login .logo {
    width: 75%;
    margin-top: 15%;
    margin-bottom: 15%;
  }
  .background-login .form-login {
    max-width: 75%;
  }
}
.marker-poi-info {
  min-width: 100px;
}
.validateButton {
  background-color: #ff9216;
  border: none;
  border-radius: 23px;
  width: 90%;
  margin-left: 5%;
  height: 25px;
  margin-bottom: 5px;
  color: white;
  font-size: 110%;
}
.marker-saviour-info {
  width: 200px;
}
.marker-saviour-info .photo {
  width: 100px;
  height: 100px;
  margin: 20px 25% 5px;
  border-radius: 50px;
  overflow: hidden;
  border: 3px solid white;
}
.marker-saviour-info .bodyContent {
  width: 100%;
  text-align: center;
}
.marker-saviour-info .bodyContent .matricule {
  width: auto;
  background-color: #ff9216;
}
.tooltip-marker-container {
  color: #000 !important;
  background-color: #fff !important;
}
.tooltip-marker-container .gm-style-iw {
  padding: 0 !important;
  border-radius: 12px !important;
  height: 24px !important;
  box-shadow: 0 2px 4px 0 rgba(3, 36, 66, 0.2) !important;
  top: 5px !important;
}
.tooltip-marker-container .gm-style-iw .gm-ui-hover-effect {
  display: none !important;
}
.tooltip-marker-container .gm-style-iw .gm-style-iw-d {
  overflow: unset !important;
}
.tooltip-marker-container .gm-style-iw .gm-style-iw-d div {
  height: 24px;
  line-height: 24px;
}
.tooltip-marker-container .gm-style-iw .tooltip-marker {
  padding: 6px 10px;
  text-align: center;
  font-weight: 600;
  line-height: 24px;
  color: #063b6b;
}
.tooltip-marker-container .gm-style-iw .tooltip-marker img {
  width: 24px;
  height: 24px;
  margin-right: 6px;
  object-fit: contain;
}
.tooltip-marker-container::after {
  height: 6px !important;
  width: 6px !important;
  top: 10px !important;
  background-color: #fff !important;
}
.tooltip-marker-container.active,
.tooltip-marker-container.active .tooltip-marker {
  background-color: #ff9216 !important;
  color: #fff !important;
}
.tooltip-marker-container.active::after {
  background-color: #ff9216 !important;
}
.tooltip-marker-container.accepting,
.tooltip-marker-container.accepting .tooltip-marker {
  background-color: #67af22 !important;
  color: #fff !important;
}
.tooltip-marker-container.accepting::after {
  background-color: #67af22 !important;
}
.tooltip-marker-container.onsite,
.tooltip-marker-container.onsite .tooltip-marker {
  background-color: #767676 !important;
  color: #fff !important;
}
.tooltip-marker-container.onsite::after {
  background-color: #767676 !important;
}
.tooltip-marker-container.declining,
.tooltip-marker-container.declining .tooltip-marker {
  background-color: #ff1639 !important;
  color: #fff !important;
}
.tooltip-marker-container.declining::after {
  background-color: #ff1639 !important;
}
.tooltip-marker-container.ending,
.tooltip-marker-container.ending .tooltip-marker {
  background-color: #ff1639 !important;
  color: #fff !important;
}
.tooltip-marker-container.ending::after {
  background-color: #ff1639 !important;
}
.gm-style .gm-style-iw-c {
  top: 6px !important;
}
.modal_homepage_add_inter .modalPanel {
  width: 300px;
  height: 420px;
  position: absolute;
  top: 20px;
  right: 300px;
  box-shadow: 0px 2px 10px #555;
}
.modal_homepage_add_inter .modalTitle {
  text-align: center;
  color: #ff9216;
  font-weight: bold;
  font-size: 150%;
  margin: 10px;
}
.modal_homepage_add_inter .natureSelect {
  height: 40px;
  padding: 10px;
  border: 0;
  font-size: 14px;
  width: 100%;
  background-color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align-last: left;
  padding-right: 40px;
  font-weight: 400;
}
.modal_homepage_add_inter .wrapSelect {
  width: 90%;
  margin-left: 5%;
  overflow: hidden;
  height: 40px;
  position: relative;
  display: block;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  margin-top: 10px;
}
.modal_homepage_add_inter .wrapSelect:after {
  content: "\f107 ";
  font-family: FontAwesome;
  color: #ff9216;
  position: absolute;
  right: 10px;
  top: 0px;
  z-index: 1;
  width: 10%;
  height: 100%;
  pointer-events: none;
  font-size: xx-large;
}
.modal_homepage_add_inter .inputLieu {
  margin-left: 5%;
  border-radius: 5px;
  margin-top: 10px;
  background-color: #ffffff;
  height: 35px;
  border: 1px solid lightgray;
}
.modal_homepage_add_inter .textarea {
  width: 90%;
  margin-left: 5%;
  border-radius: 5px;
  margin-top: 10px;
  background-color: #ffffff;
  height: 100px;
  padding: 5px 5px 0px 5px;
  border: 1px solid lightgray;
  resize: none;
}
.modal_homepage_add_inter label {
  text-align: center;
}
.modal_homepage_add_inter .labelSelection {
  width: 100%;
  color: #b3b3b3;
  font-size: 120%;
  margin-top: 10px;
}
.modal_homepage_add_inter .labelSwitchButton {
  width: 35%;
  color: #9a9a9a;
  padding-top: 10px;
  height: 50px;
  text-align: center;
}
.modal_homepage_add_inter .labelSwitchButton label {
  width: 100%;
}
.modal_homepage_add_inter .validateButton {
  background-color: #ff9216;
  border: none;
  border-radius: 23px;
  width: 90%;
  margin-left: 5%;
  height: 45px;
  margin-top: 5px;
  color: white;
  font-size: 130%;
  box-shadow: 0px 2px 10px #555;
}
.modal_homepage_add_inter .onoffswitch {
  display: inline-block;
  position: relative;
  width: 60px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-top: 5px;
}
.modal_homepage_add_inter .onoffswitch-checkbox {
  display: none;
}
.modal_homepage_add_inter .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 36px;
  padding: 0;
  line-height: 36px;
  border: 2px solid #ff9216;
  border-radius: 36px;
  background-color: #ff9216;
}
.modal_homepage_add_inter .onoffswitch-label:before {
  content: "";
  display: block;
  width: 36px;
  margin: 0px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 22px;
  border: 2px solid #ff9216;
  border-radius: 36px;
  transition: all 0.3s ease-in 0s;
  top: 5px;
  bottom: 9px;
}
.modal_homepage_add_inter .onoffswitch-checkbox:checked + .onoffswitch-label {
  background-color: #ff9216;
}
.modal_homepage_add_inter .onoffswitch-checkbox:checked + .onoffswitch-label,
.modal_homepage_add_inter .onoffswitch-checkbox:checked + .onoffswitch-label:before {
  border-color: #ff9216;
}
.modal_homepage_add_inter .onoffswitch-checkbox:checked + .onoffswitch-label:before {
  right: 0px;
}
.modal_homepage_add_inter .close {
  margin-right: 5px;
  color: #ff9e17;
  opacity: 1;
}
.pac-container {
  z-index: 100000;
}
.modal_homepage_add_notification .modalPanel {
  width: 300px;
}
.modal_homepage_add_notification .modalTitle {
  text-align: center;
  color: #ff9216;
  font-weight: bold;
  font-size: 150%;
  margin: 10px;
}
.modal_homepage_add_notification .contentNotif * {
  width: 90%;
  margin-left: 5%;
  border-radius: 5px;
  margin: 10px 0;
  background-color: #ffffff;
  padding: 0px 5px 0px 5px;
  border: none;
}
.modal_homepage_add_notification .contentNotif input {
  height: 35px;
}
.modal_homepage_add_notification .contentNotif textarea {
  height: 100px;
  border: 1px solid #e0e0e0;
  margin-left: 5%;
  resize: none;
}
.modal_homepage_add_notification .contentNotif .inputNotif {
  border: 1px solid #e0e0e0;
  margin-left: 5%;
}
.modal_homepage_add_notification label {
  text-align: center;
}
.modal_homepage_add_notification .validateButton {
  background-color: #ff9216;
  border: none;
  border-radius: 23px;
  width: 90%;
  margin-left: 5%;
  height: 45px;
  margin-top: 5px;
  color: white;
  font-size: 130%;
  box-shadow: 0px 2px 10px #555;
}
.modal_homepage_add_notification .photoList {
  height: 25px;
  overflow-x: auto;
  display: flex;
}
.modal_homepage_add_notification .photoList label {
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  width: 100%;
}
.modal_homepage_add_notification .saviourNotif {
  width: 80px;
  margin-top: 10px;
}
.modal_homepage_add_notification .saviourNotif img {
  height: 50px;
  width: 50px;
  border: 1px solid #ff9216;
  border-radius: 25px;
  overflow: hidden;
  margin-left: 15px;
}
.modal_homepage_add_notification .saviourNotif label {
  font-size: 75%;
  color: #888888;
  width: 100%;
  text-align: center;
  margin: 0;
}
.modal_homepage_attentat .modalPanel {
  width: 300px;
  height: auto;
  position: absolute;
  top: 168px;
  left: 500px;
  box-shadow: 0px 2px 10px #555;
}
.modal_homepage_attentat .modalTitle {
  text-align: center;
  color: #ff9216;
  font-weight: bold;
  font-size: 150%;
  margin: 10px;
}
.modal_homepage_attentat .contentNotif * {
  width: 90%;
  margin-left: 5%;
  border-radius: 5px;
  margin: 10px 0;
  background-color: #ffffff;
  padding: 0px 5px 0px 5px;
  border: none;
}
.modal_homepage_attentat .contentNotif input {
  height: 35px;
}
.modal_homepage_attentat .contentNotif textarea {
  height: 100px;
  resize: none;
}
.modal_homepage_attentat label {
  text-align: center;
}
.modal_homepage_attentat .inputLieu {
  margin-left: 5%;
  border-radius: 5px;
  margin-top: 10px;
  background-color: #ffffff;
  height: 35px;
  border: 1px solid lightgray;
}
.modal_homepage_attentat .textarea {
  margin-left: 5%;
  border-radius: 5px;
  margin-top: 10px;
  background-color: #ffffff;
  height: 100px;
  padding: 5px 5px 0px 5px;
  border: 1px solid lightgray;
  resize: none;
}
.modal_homepage_attentat .validateButton {
  background-color: #ff9216;
  border: none;
  border-radius: 23px;
  width: 90%;
  margin-left: 5%;
  height: 45px;
  margin-top: 5px;
  color: white;
  font-size: 130%;
  box-shadow: 0px 2px 10px #555;
}
.modal_homepage_attentat .photoList {
  height: 125px;
  overflow-x: auto;
  display: flex;
}
.modal_homepage_attentat .photoList label {
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  width: 100%;
}
.modal_homepage_attentat .saviourNotif {
  width: 80px;
  margin-top: 10px;
}
.modal_homepage_attentat .saviourNotif img {
  height: 50px;
  width: 50px;
  border: 1px solid #ff9216;
  border-radius: 25px;
  overflow: hidden;
  margin-left: 15px;
}
.modal_homepage_attentat .saviourNotif label {
  font-size: 75%;
  color: #888888;
  width: 100%;
  text-align: center;
  margin: 0;
}
.modal_homepage_attentat .infoText {
  font-weight: 100;
  margin-left: 5%;
  margin-top: 5px;
}
.modal_homepage_show_inter button:focus {
  outline: 0;
}
.modal_homepage_show_inter input:focus {
  outline: 0;
}
.modal_homepage_show_inter .modalPanel {
  width: 300px;
  position: absolute;
  top: 100px;
  right: 300px !important;
  border: none;
  box-shadow: 0px 2px 10px #555;
  text-align: center;
  margin: 0;
  z-index: 2;
  overflow-y: auto;
  overflow-x: hidden;
}
@media only screen and (max-height: 820px) {
  .modal_homepage_show_inter .modalPanel {
    height: calc(721px - (821px - 100%));
  }
}
.modal_homepage_show_inter .modalInterSaviour {
  display: none;
}
.modal_homepage_show_inter .modalSelected {
  display: block !important;
  height: calc(100% - 52px) !important;
}
.modal_homepage_show_inter .littlePanel {
  height: 150px !important;
}
.modal_homepage_show_inter .modalTitle {
  text-align: center;
  color: #ff9216;
  font-weight: bold;
  font-size: 150%;
  margin: 10px;
}
.modal_homepage_show_inter .content * {
  width: 90%;
  margin-left: 5%;
  border-radius: 5px;
  margin-top: 10px;
  background-color: #ffffff;
  padding: 0px 5px 0px 5px;
  border: none;
}
.modal_homepage_show_inter .content input {
  height: 35px;
}
.modal_homepage_show_inter .content .textarea {
  height: 100px;
  resize: none;
}
.modal_homepage_show_inter .fa {
  width: 100%;
}
.modal_homepage_show_inter .interDetails {
  display: none;
  width: 100%;
}
.modal_homepage_show_inter .saviourBloc {
  display: inline-block;
  background-color: #23282e;
  width: 100%;
  text-align: center;
  color: white;
  border-radius: 5px 5px 0px 0px;
  padding-bottom: 5px;
}
.modal_homepage_show_inter .saviourBloc .level {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ff9216;
  padding: 3px 10px 3px 5px;
  border-radius: 5px 0px 0px 0px;
  font-weight: 400;
}
.modal_homepage_show_inter .saviourBloc .avatarDefault {
  width: 100px;
  height: 100px;
  left: 100px;
  top: 25px;
  position: absolute;
  border-radius: 50px;
  overflow: hidden;
  border: 3px solid white;
}
.modal_homepage_show_inter .saviourBloc .avatarDefault img {
  width: 70px;
  height: 70px;
  margin-top: 7px;
}
.modal_homepage_show_inter .saviourBloc .avatar {
  width: 100px;
  height: 100px;
  left: 100px;
  top: 25px;
  position: absolute;
  border-radius: 50px;
  overflow: hidden;
  border: 3px solid white;
}
.modal_homepage_show_inter .saviourBloc .avatar img {
  width: 100px;
  height: 100px;
}
.modal_homepage_show_inter .saviourBloc .saviourName {
  display: block;
  margin-top: 130px;
}
.modal_homepage_show_inter .saviourBloc .saviourJob {
  display: block;
  font-weight: 400;
}
.modal_homepage_show_inter .saviourBloc .saviourMatricule {
  font-weight: 200;
  color: #ff9216;
  font-size: xx-large;
}
.modal_homepage_show_inter .saviourBloc .nameLevel {
  display: block;
  color: #ff9216;
}
.modal_homepage_show_inter .saviourBloc .saviourDiploma {
  font-weight: 400;
}
.modal_homepage_show_inter .saviourBloc .saviourPhone {
  font-weight: 400;
  color: #ff9e17;
  width: 100%;
}
.modal_homepage_show_inter .selected {
  display: inline-block;
}
.modal_homepage_show_inter .interBloc {
  padding-top: 15px;
}
.modal_homepage_show_inter .interBloc label {
  text-align: left;
  margin-left: 15px;
  width: 100%;
}
.modal_homepage_show_inter .interBloc .fa {
  color: #ff9216;
}
.modal_homepage_show_inter .interBloc .interKind {
  width: 100%;
}
.modal_homepage_show_inter .interBloc .interAddress {
  font-weight: 400;
}
.modal_homepage_show_inter .interBloc .interPrecis {
  font-weight: 400;
  width: 100%;
}
.modal_homepage_show_inter .interBloc .addPrecis {
  color: #ff9216;
  border: none;
  background-color: white;
  font-weight: 500;
  text-decoration: underline;
  font-size: 90%;
  margin-bottom: 5px;
}
.modal_homepage_show_inter .chatBloc {
  background-color: white!important;
}
.modal_homepage_show_inter .chatBloc .chatNav {
  display: flex;
}
.modal_homepage_show_inter .chatBloc .chatNav i {
  color: #ff9216;
}
.modal_homepage_show_inter .chatBloc .chatNav button {
  width: 50%;
  border-radius: 5px 5px 0px 0px;
  background-color: #e0e0e0;
  border: 1px solid #c3c3c3;
  font-size: 80%;
}
.modal_homepage_show_inter .chatBloc .chatNav .active {
  background-color: white !important;
  color: #ff9216;
  border-bottom: none;
}
.modal_homepage_show_inter .chatBloc .chatNav img {
  max-width: 25px;
  max-height: 25px;
  width: 100%;
}
.modal_homepage_show_inter .chatBloc .chatLog {
  height: 220px;
  width: 100%;
  display: inline-flex;
  overflow-x: auto;
  overflow-y: hidden;
}
.modal_homepage_show_inter .chatBloc .chatLog ul {
  padding: 0px 10px;
  overflow-y: auto;
}
.modal_homepage_show_inter .chatBloc .chatLog li {
  list-style-type: none;
  border: 1px solid grey;
  border-radius: 15px;
  padding: 5px;
  text-align: left;
  margin: 10px 0px;
  width: 90%;
}
.modal_homepage_show_inter .chatBloc .chatLog .chatmessages {
  width: 100%;
  word-break: break-word;
}
.modal_homepage_show_inter .chatBloc .chatLog .receiver {
  margin-right: 10%;
  box-shadow: -1px 2px 10px #555;
  background-color: #e0e0e0 !important;
}
.modal_homepage_show_inter .chatBloc .chatLog .sender {
  margin-left: 10%;
  box-shadow: 1px 2px 10px #555;
  background-color: #ff9216;
  color: white;
}
.modal_homepage_show_inter .chatBloc .submitChat {
  width: 100%;
}
.modal_homepage_show_inter .chatBloc .inputChat {
  width: 87%;
  height: 36px;
  padding-left: 10px;
  padding-right: 34px;
  border: none;
  background-color: #e0e0e0 !important;
  float: left;
  padding: 0;
  padding-left: 5px;
}
.modal_homepage_show_inter .chatBloc .submitChatButton {
  border: none;
  color: #ff9e17;
  bottom: 0;
  height: 36px;
  background-color: #e0e0e0 !important;
  float: right;
  width: 13%;
}
.modal_homepage_show_inter .senderName {
  font-size: 10px;
  line-height: 4px;
}
.modal_homepage_show_inter .flecheSaviour {
  position: absolute;
  color: #ff9e17;
  top: 100px;
  font-size: 400%;
  margin: 5px;
}
.modal_homepage_show_inter .bandeau {
  height: 30px;
  padding-top: 5px;
  font-weight: 600;
  color: white;
}
.modal_homepage_show_inter .interSaviour_blue {
  background-color: #2255D8;
}
.modal_homepage_show_inter .interSaviour_gray {
  background-color: #9A9A9A;
}
.modal_homepage_show_inter .interSaviour_green {
  background-color: #099e40;
}
.modal_homepage_show_inter .interSaviour_red {
  background-color: red;
}
.modal_homepage_show_inter .interSaviour_orange {
  background-color: orange;
}
.modal_homepage_show_inter .interVisio {
  display: inline-block;
  padding: 5px;
  border-radius: 5px;
  color: black;
  text-decoration: none;
}
.modal_homepage_show_inter .interVisio img {
  width: 30px;
}
.modal_homepage_show_inter .interVisio:hover {
  cursor: pointer;
}
.modal_homepage_show_inter .close {
  margin-right: 10px;
  color: #ff9e17;
  opacity: 1;
  text-shadow: none;
}
.modal_homepage_show_inter .slickablePhoto {
  max-width: 300px;
  max-height: 200px;
  margin: auto;
}
.modal_homepage_show_saviour button:focus {
  outline: 0;
}
.modal_homepage_show_saviour input:focus {
  outline: 0;
}
.modal_homepage_show_saviour .modalPanel {
  width: 300px;
  position: absolute;
  top: 100px;
  right: 300px;
  border: none;
  box-shadow: 0px 2px 10px #555;
  text-align: center;
  margin: 0;
}
.modal_homepage_show_saviour .littlePanel {
  height: 150px !important;
}
.modal_homepage_show_saviour .modalTitle {
  text-align: center;
  color: #ff9216;
  font-weight: bold;
  font-size: 150%;
  margin: 10px;
}
.modal_homepage_show_saviour .content * {
  width: 90%;
  margin-left: 5%;
  border-radius: 5px;
  margin-top: 10px;
  background-color: #ffffff;
  padding: 0px 5px 0px 5px;
  border: none;
}
.modal_homepage_show_saviour .content input {
  height: 35px;
}
.modal_homepage_show_saviour .content textarea {
  height: 100px;
  resize: none;
}
.modal_homepage_show_saviour .fa {
  width: 100%;
}
.modal_homepage_show_saviour .saviourDetails {
  width: 100%;
}
.modal_homepage_show_saviour .saviourBloc {
  display: inline-block;
  background-color: #23282e;
  width: 100%;
  text-align: center;
  color: white;
  border-radius: 5px 5px 0px 0px;
  padding-bottom: 5px;
}
.modal_homepage_show_saviour .saviourBloc .level {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ff9216;
  padding: 3px 10px 3px 5px;
  border-radius: 5px 0px 0px 0px;
  font-weight: 400;
}
.modal_homepage_show_saviour .saviourBloc .avatar {
  width: 100px;
  height: 100px;
  left: 100px;
  top: 25px;
  position: absolute;
  border-radius: 50px;
  overflow: hidden;
  border: 3px solid white;
}
.modal_homepage_show_saviour .saviourBloc .avatar img {
  width: 100px;
  height: 100px;
}
.modal_homepage_show_saviour .saviourBloc .avatarDefault {
  width: 60px;
  margin-top: 15px;
}
.modal_homepage_show_saviour .saviourBloc .saviourName {
  display: block;
  margin-top: 130px;
}
.modal_homepage_show_saviour .saviourBloc .saviourJob {
  display: block;
  font-weight: 400;
}
.modal_homepage_show_saviour .saviourBloc .saviourMatricule {
  font-weight: 200;
  color: #ff9216;
  font-size: xx-large;
}
.modal_homepage_show_saviour .saviourBloc .nameLevel {
  display: block;
  color: #ff9216;
}
.modal_homepage_show_saviour .saviourBloc .saviourDiploma {
  font-weight: 400;
}
.modal_homepage_show_saviour .saviourBloc .saviourPhone {
  font-weight: 400;
  color: #ff9e17;
  width: 100%;
}
.modal_homepage_show_saviour .saviourBloc .default-avatar {
  width: 70px !important;
  height: 70px !important;
  margin-top: 7px;
}
.modal_inter_show_saviour button:focus {
  outline: 0;
}
.modal_inter_show_saviour input:focus {
  outline: 0;
}
.modal_inter_show_saviour .modalPanel {
  width: 300px;
  position: absolute;
  top: 50px;
  right: 0px;
  border: none;
  box-shadow: 0px 2px 10px #555;
  text-align: center;
  margin: 0;
}
.modal_inter_show_saviour .modal-open {
  overflow: scroll;
}
.modal_inter_show_saviour .littlePanel {
  height: 150px !important;
}
.modal_inter_show_saviour .modalTitle {
  text-align: center;
  color: #ff9216;
  font-weight: bold;
  font-size: 150%;
  margin: 10px;
}
.modal_inter_show_saviour .content * {
  width: 90%;
  margin-left: 5%;
  border-radius: 5px;
  margin-top: 10px;
  background-color: #ffffff;
  padding: 0px 5px 0px 5px;
  border: none;
}
.modal_inter_show_saviour .content input {
  height: 35px;
}
.modal_inter_show_saviour .content textarea {
  height: 100px;
  resize: none;
}
.modal_inter_show_saviour .fa {
  width: 100%;
}
.modal_inter_show_saviour .saviourBloc {
  display: inline-block;
  background-color: #23282e;
  width: 100%;
  text-align: center;
  color: white;
  border-radius: 5px 5px 0px 0px;
  padding-bottom: 5px;
}
.modal_inter_show_saviour .saviourBloc .level {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ff9216;
  padding: 3px 10px 3px 5px;
  border-radius: 5px 0px 0px 0px;
  font-weight: 400;
}
.modal_inter_show_saviour .saviourBloc .avatar {
  width: 100px;
  height: 100px;
  left: 100px;
  top: 25px;
  position: absolute;
  border-radius: 50px;
  overflow: hidden;
  border: 3px solid white;
}
.modal_inter_show_saviour .saviourBloc .avatar img {
  width: 100px;
  height: 100px;
}
.modal_inter_show_saviour .saviourBloc .avatarDefault {
  width: 100px;
  height: 100px;
  left: 100px;
  top: 25px;
  position: absolute;
  border-radius: 50px;
  overflow: hidden;
  border: 3px solid white;
}
.modal_inter_show_saviour .saviourBloc .avatarDefault img {
  width: 70px;
  height: 70px;
  margin-top: 7px;
}
.modal_inter_show_saviour .saviourBloc .saviourName {
  display: block;
  margin-top: 130px;
}
.modal_inter_show_saviour .saviourBloc .saviourJob {
  display: block;
  font-weight: 400;
}
.modal_inter_show_saviour .saviourBloc .saviourMatricule {
  font-weight: 200;
  color: #ff9216;
  font-size: xx-large;
}
.modal_inter_show_saviour .saviourBloc .nameLevel {
  display: block;
  color: #ff9216;
}
.modal_inter_show_saviour .saviourBloc .saviourDiploma {
  font-weight: 400;
}
.modal_inter_show_saviour .saviourBloc .saviourPhone {
  font-weight: 400;
  color: #ff9e17;
  width: 100%;
}
.modal_inter_show_saviour .selected {
  display: inline-block;
}
.modal_inter_show_saviour .interBloc {
  padding-top: 15px;
}
.modal_inter_show_saviour .interBloc label {
  text-align: left;
  margin-left: 15px;
  width: 100%;
}
.modal_inter_show_saviour .interBloc .fa {
  color: #ff9216;
}
.modal_inter_show_saviour .interBloc .interKind {
  width: 100%;
}
.modal_inter_show_saviour .interBloc .interAddress {
  font-weight: 400;
}
.modal_inter_show_saviour .interBloc .interPrecis {
  font-weight: 400;
  width: 100%;
}
.modal_inter_show_saviour .interBloc .addPrecis {
  color: #ff9216;
  border: none;
  background-color: white;
  font-weight: 500;
  text-decoration: underline;
  font-size: 90%;
  margin-bottom: 5px;
}
.modal_inter_show_saviour .flecheSaviour {
  position: absolute;
  color: #ff9e17;
  top: 100px;
  font-size: 400%;
  margin: 5px;
}
.modal_inter_show_saviour .bandeau {
  height: 30px;
  padding-top: 5px;
  font-weight: 600;
  color: white;
}
.modal_inter_show_saviour .interSaviour_blue {
  background-color: #2255D8;
}
.modal_inter_show_saviour .interSaviour_gray {
  background-color: #9A9A9A;
}
.modal_inter_show_saviour .interSaviour_green {
  background-color: #099e40;
}
.modal_inter_show_saviour .interSaviour_red {
  background-color: red;
}
.modal_inter_show_saviour .interSaviour_orange {
  background-color: orange;
}
.modal_inter_show_saviour .chatBloc {
  background-color: #e0e0e0 !important;
}
.modal_inter_show_saviour .chatBloc .chatNav {
  display: flex;
}
.modal_inter_show_saviour .chatBloc .chatNav i {
  color: #ff9216;
}
.modal_inter_show_saviour .chatBloc .chatNav button {
  width: 50%;
  border-radius: 5px 5px 0px 0px;
  background-color: white;
  border: 1px solid #c3c3c3;
  font-size: 80%;
}
.modal_inter_show_saviour .chatBloc .chatNav .active {
  background-color: #e0e0e0 !important;
  color: #ff9216;
  border-bottom: none;
}
.modal_inter_show_saviour .chatBloc .chatNav img {
  max-width: 25px;
  max-height: 25px;
  width: 100%;
}
.modal_inter_show_saviour .chatBloc .chatLog {
  height: 220px;
  width: 100%;
  display: inline-flex;
  overflow-x: auto;
  overflow-y: hidden;
  margin-bottom: 17px;
}
.modal_inter_show_saviour .chatBloc .chatLog ul {
  padding: 0px 10px;
  overflow-y: auto;
}
.modal_inter_show_saviour .chatBloc .chatLog li {
  list-style-type: none;
  border: 1px solid grey;
  border-radius: 15px;
  padding: 5px;
  text-align: left;
  margin: 10px 0px;
  width: 90%;
}
.modal_inter_show_saviour .chatBloc .chatLog .chatmessages {
  width: 100%;
  word-break: break-all;
}
.modal_inter_show_saviour .chatBloc .chatLog .senderName {
  font-size: 10px;
  line-height: 4px;
}
.modal_inter_show_saviour .chatBloc .chatLog .receiver {
  margin-right: 10%;
  box-shadow: -1px 2px 10px #555;
  background-color: white;
}
.modal_inter_show_saviour .chatBloc .chatLog .sender {
  margin-left: 10%;
  box-shadow: 1px 2px 10px #555;
  background-color: #ff9216;
  color: white;
}
.modal_inter_show_saviour .slickablePhoto {
  max-width: 300px;
  max-height: 200px;
  margin: auto;
}
.modal_inter_show_saviour .close {
  margin-right: 10px;
  color: #ff9e17;
  opacity: 1;
  text-shadow: none;
}
.modal_poi_add_poi .modalPanel {
  width: 380px;
  height: auto;
  padding-bottom: 15px;
  position: absolute;
  top: 20px;
  right: 300px;
  box-shadow: 0px 2px 10px #555;
}
.modal_poi_add_poi .modalTitle {
  text-align: center;
  color: #ff9216;
  font-weight: bold;
  font-size: 150%;
  margin: 10px;
}
.modal_poi_add_poi .natureSelect {
  height: 50px;
  padding: 10px;
  border: 0;
  font-size: 15px;
  width: 100%;
  background-color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align-last: center;
  padding-right: 40px;
}
.modal_poi_add_poi .dayOfWeek {
  display: flex;
}
.modal_poi_add_poi .wrapSelect {
  width: 90%;
  margin-left: 5%;
  margin-top: 10px;
  overflow: hidden;
  height: 50px;
  position: relative;
  display: block;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  box-shadow: 0px 2px 10px #555;
}
.modal_poi_add_poi .wrapSelect:after {
  content: "\f107 ";
  font-family: FontAwesome;
  color: #ff9216;
  position: absolute;
  right: 10px;
  top: 4px;
  z-index: 1;
  width: 10%;
  height: 100%;
  pointer-events: none;
  font-size: xx-large;
}
.modal_poi_add_poi .inputName {
  width: 90%;
  margin-left: 5%;
  border-radius: 5px;
  margin-top: 10px;
  background-color: #ffffff;
  height: 35px;
  padding: 0px 5px 0px 5px;
  border: 1px solid lightgray;
}
.modal_poi_add_poi .inputPhoto {
  margin-left: 5%;
  margin-top: 10px;
}
.modal_poi_add_poi label {
  text-align: center;
}
.modal_poi_add_poi .labelSelection {
  width: 100%;
  color: #b3b3b3;
  font-size: 120%;
  margin-top: 10px;
}
.modal_poi_add_poi .labelSwitchButton {
  width: 40%;
  color: #9a9a9a;
  padding-top: 10px;
  height: 50px;
  text-align: center;
}
.modal_poi_add_poi .labelSwitchButton label {
  width: 100%;
}
.modal_poi_add_poi .validateButton {
  background-color: #ff9216;
  border: none;
  border-radius: 23px;
  width: 34%;
  margin-left: 33%;
  height: 34px;
  margin-top: 5px;
  color: white;
  font-size: 110%;
  box-shadow: 0px 2px 10px #555;
}
.modal_poi_add_poi .textarea {
  width: 90%;
  margin-left: 5%;
  border-radius: 5px;
  margin-top: 10px;
  background-color: #ffffff;
  height: 100px;
  padding: 5px 5px 0px 5px;
  border: 1px solid lightgray;
  resize: none;
}
.modal_poi_add_poi .onoffswitch {
  display: inline-block;
  position: relative;
  width: 60px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-top: 5px;
}
.modal_poi_add_poi .onoffswitch-checkbox {
  display: none;
}
.modal_poi_add_poi .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 36px;
  padding: 0;
  line-height: 36px;
  border: 2px solid #ff9216;
  border-radius: 36px;
  background-color: #ff9216;
}
.modal_poi_add_poi .onoffswitch-label:before {
  content: "";
  display: block;
  width: 36px;
  margin: 0px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0px;
  border: 2px solid #ff9216;
  border-radius: 36px;
  transition: all 0.3s ease-in 0s;
  top: 5px;
  bottom: 9px;
}
.modal_poi_add_poi .onoffswitch-checkbox:checked + .onoffswitch-label {
  background-color: #ff9216;
}
.modal_poi_add_poi .onoffswitch-checkbox:checked + .onoffswitch-label,
.modal_poi_add_poi .onoffswitch-checkbox:checked + .onoffswitch-label:before {
  border-color: #ff9216;
}
.modal_poi_add_poi .onoffswitch-checkbox:checked + .onoffswitch-label:before {
  right: 22px;
}
.modal_poi_add_poi .tableWeek {
  color: #757575;
}
.modal_poi_add_poi th {
  text-align: center;
}
.modal_poi_add_poi tr {
  margin-top: 5px;
  height: 40px;
}
.modal_poi_add_poi .tdDay {
  width: 20%;
  text-align: left;
}
.modal_poi_add_poi .tdOpen {
  width: 15%;
  text-align: center;
}
.modal_poi_add_poi .thHour {
  width: 65%;
}
.modal_poi_add_poi .tdHour {
  width: 65%;
  display: flex;
  padding-top: 10px;
}
.modal_poi_add_poi .dayOpentime {
  display: flex;
  height: 22px;
  margin-left: 5px;
  margin-right: 5px;
}
.modal_poi_add_poi .dayClosetime {
  display: flex;
  height: 22px;
  margin-left: 5px;
}
.modal_poi_edit_poi .modalPanel {
  width: 500px;
  height: auto;
  padding-bottom: 15px;
  position: absolute;
  top: 20px;
  right: 300px;
  box-shadow: 0px 2px 10px #555;
}
.modal_poi_edit_poi .modalTitle {
  text-align: center;
  color: #ff9216;
  font-weight: bold;
  font-size: 150%;
  margin: 10px;
}
.modal_poi_edit_poi .natureSelect {
  height: 50px;
  padding: 10px;
  border: 0;
  font-size: 15px;
  width: 100%;
  background-color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align-last: center;
  padding-right: 40px;
}
.modal_poi_edit_poi .dayOfWeek {
  display: flex;
}
.modal_poi_edit_poi .wrapSelect {
  width: 90%;
  margin-left: 5%;
  margin-top: 10px;
  overflow: hidden;
  height: 50px;
  position: relative;
  display: block;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  box-shadow: 0px 2px 10px #555;
}
.modal_poi_edit_poi .wrapSelect:after {
  content: "\f107 ";
  font-family: FontAwesome;
  color: #ff9216;
  position: absolute;
  right: 10px;
  top: 4px;
  z-index: 1;
  width: 10%;
  height: 100%;
  pointer-events: none;
  font-size: xx-large;
}
.modal_poi_edit_poi .inputName {
  width: 90%;
  margin-left: 5%;
  border-radius: 5px;
  margin-top: 10px;
  background-color: #ffffff;
  height: 35px;
  padding: 0px 5px 0px 5px;
  border: 1px solid lightgray;
}
.modal_poi_edit_poi .inputPhoto {
  margin-left: 5%;
  margin-top: 10px;
}
.modal_poi_edit_poi label {
  text-align: center;
}
.modal_poi_edit_poi .labelSelection {
  width: 100%;
  color: #b3b3b3;
  font-size: 120%;
  margin-top: 10px;
}
.modal_poi_edit_poi .labelSwitchButton {
  width: 43%;
  color: #9a9a9a;
  padding-top: 10px;
  height: 50px;
  text-align: center;
}
.modal_poi_edit_poi .labelSwitchButton label {
  width: 100%;
}
.modal_poi_edit_poi .validateButton {
  background-color: #ff9216;
  border: none;
  border-radius: 23px;
  width: 90%;
  margin-left: 5%;
  height: 45px;
  margin-top: 5px;
  color: white;
  font-size: 130%;
  box-shadow: 0px 2px 10px #555;
}
.modal_poi_edit_poi .textarea {
  width: 100%;
  border-radius: 5px;
  margin-top: 10px;
  background-color: #ffffff;
  height: 100px;
  padding: 5px 5px 0px 5px;
  border: 1px solid lightgray;
  resize: none;
}
.modal_poi_edit_poi .onoffswitch {
  display: inline-block;
  position: relative;
  width: 60px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-top: 5px;
}
.modal_poi_edit_poi .onoffswitch-checkbox {
  display: none;
}
.modal_poi_edit_poi .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 36px;
  padding: 0;
  line-height: 36px;
  border: 2px solid #ff9216;
  border-radius: 36px;
  background-color: #ff9216;
}
.modal_poi_edit_poi .onoffswitch-label:before {
  content: "";
  display: block;
  width: 36px;
  margin: 0px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 22px;
  border: 2px solid #ff9216;
  border-radius: 36px;
  transition: all 0.3s ease-in 0s;
  top: 5px;
  bottom: 9px;
}
.modal_poi_edit_poi .onoffswitch-checkbox:checked + .onoffswitch-label {
  background-color: #ff9216;
}
.modal_poi_edit_poi .onoffswitch-checkbox:checked + .onoffswitch-label,
.modal_poi_edit_poi .onoffswitch-checkbox:checked + .onoffswitch-label:before {
  border-color: #ff9216;
}
.modal_poi_edit_poi .onoffswitch-checkbox:checked + .onoffswitch-label:before {
  right: 0px;
}
.modal_poi_edit_poi .tableWeek {
  color: #757575;
}
.modal_poi_edit_poi th {
  text-align: center;
}
.modal_poi_edit_poi tr {
  margin-top: 5px;
  height: 40px;
}
.modal_poi_edit_poi .tdDay {
  width: 20%;
  text-align: left;
}
.modal_poi_edit_poi .tdOpen {
  width: 15%;
  text-align: center;
}
.modal_poi_edit_poi .thHour {
  width: 65%;
}
.modal_poi_edit_poi .tdHour {
  float: right;
  display: flex;
  padding-top: 10px;
}
.modal_poi_edit_poi .dayOpentime {
  display: flex;
  height: 22px;
  margin-left: 5px;
  margin-right: 5px;
}
.modal_poi_edit_poi .dayClosetime {
  display: flex;
  height: 22px;
  margin-left: 5px;
}
.modal_poi_edit_poi .photoPoi {
  max-width: 150px;
  max-height: 150px;
  min-width: 50px;
  min-height: 50px;
  margin-left: 15px;
  margin-top: 15px;
}
.modal_poi_show_poi .modalPanel {
  width: 300px;
  position: absolute;
  top: 100px;
  right: 300px;
  box-shadow: 0px 2px 10px #555;
}
.modal_poi_show_poi .validateButton {
  background-color: #ff9216;
  border: none;
  border-radius: 23px;
  width: 34%;
  margin-left: 5%;
  height: 30px;
  margin-top: 10px;
  color: white;
  font-size: 90%;
  box-shadow: 0px 2px 10px #555;
}
.modal_poi_show_poi .photoPoi {
  max-width: 100%;
  max-height: 220px;
}
.modal_poi_show_poi .adressePoi {
  width: 90%;
  margin: auto;
}
.modal_poi_show_poi .adressePoi .orangebar {
  text-align: center;
  color: orange;
  font-size: 200%;
  padding: 0;
  margin: 0;
  height: 15px;
  line-height: 15px;
}
.modal_poi_show_poi .adressePoi label {
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
}
.modal_poi_show_poi .adressePoi .littleText {
  font-size: 90%;
  font-weight: normal;
}
.modal_poi_show_poi .tableWeek {
  width: 90%;
  margin-left: 5%;
  margin-top: 10px;
  color: #757575;
  table-layout: fixed;
}
.modal_poi_show_poi th {
  text-align: center;
}
.modal_poi_show_poi tr {
  margin-top: 5px;
  height: 20px;
}
.modal_poi_show_poi .tdDay {
  width: 35%;
  text-align: left;
}
.modal_poi_show_poi .thHour {
  width: 65%;
}
.modal_poi_show_poi .tdHour {
  float: right;
  display: flex;
  padding-top: 10px;
}
.modal_poi_show_poi .dayOpentime {
  display: flex;
  height: 22px;
  margin-left: 5px;
  margin-right: 5px;
}
.modal_poi_show_poi .dayClosetime {
  display: flex;
  height: 22px;
  margin-left: 5px;
}
.modal_poi_show_poi input {
  margin-bottom: 15px;
}
.modal_saviour_accept_qualif .modalPanel {
  width: 40%;
  margin-top: 100px;
  height: 225px;
  padding: 25px;
  box-shadow: 0px 2px 10px #555;
}
.modal_saviour_accept_qualif .modalTitle {
  font-size: 20px;
  text-align: center;
  width: 100%;
}
.modal_saviour_accept_qualif .commentInput {
  width: 80%;
  margin: 20px 10%;
  height: 75px;
  resize: none;
}
.modal_saviour_accept_qualif .validateButton {
  width: 80%;
  margin-left: 10%;
  background-color: #099e40;
}
.modal_saviour_accept_qualif .okbutton {
  width: 100px;
  margin-left: calc(50% - 50px);
}
.modal-open .modal-backdrop {
  display: none!important;
}
.backoffice_notification .pagination:first-child {
  top: 205px;
}
.backoffice_notification ::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
.backoffice_notification .modal-dialog.panel {
  top: 52px !important;
  border-radius: 10px !important;
  background-color: #333333;
}
.backoffice_notification .modal-dialog.panel.no-radius {
  border-radius: 0px !important;
}
.backoffice_notification .notification_header {
  margin-bottom: 25px;
}
.backoffice_notification .notification_header .title {
  width: 350px;
  display: inline-block;
}
.backoffice_notification .notification_header .btn-list {
  float: right;
  width: fit-content;
  margin-top: 20px;
}
.backoffice_notification .notification_container {
  display: flex;
  width: 100%;
  gap: 25px;
  flex-wrap: wrap;
}
.backoffice_notification .notification_container .notification_elem {
  color: white;
  background-color: #1a1a1a;
  width: 300px;
  height: 175px;
  border-radius: 10px;
  min-height: 100%;
  padding: 20px;
}
.backoffice_notification .notification_container .notification_elem .notification_img {
  width: 100%;
  height: 160px;
}
.backoffice_notification .notification_container .notification_elem .notification_img img {
  object-fit: cover;
  border-radius: 10px 10px 0 0;
}
.backoffice_notification .notification_container .notification_elem p:first-of-type {
  width: calc(100% - 90px);
}
.backoffice_notification .notification_container .notification_elem .notification_btn_list {
  position: relative;
  padding-bottom: 25px;
  margin-top: -15px;
  margin-right: -10px;
}
.backoffice_notification .notification_container .notification_elem .notification_btn_list .circle-button:first-child {
  right: 50px;
}
.backoffice_notification .notification_container .notification_elem .notification_btn_list .circle-button {
  background-color: #333333;
  width: 40px;
  height: 40px;
  color: #b3b3b3;
  border-radius: 50%;
  text-align: center;
  margin-top: 5px;
  padding-top: 8px;
  position: absolute;
  right: 0px;
  top: 0px;
}
.backoffice_notification .notification_container .notification_elem .notification_stats {
  margin: 20px;
}
.backoffice_notification .notification_container .notification_elem .notification_stats img {
  width: 20px;
  height: 20px;
}
.backoffice_notification .notification_container .notification_elem .notification_infos {
  margin: 20px;
  margin-top: 0px;
}
.backoffice_notification .notification_container .notification_elem .notification_infos .reddot {
  background-color: #ff1639;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
.backoffice_notification .notification_container .notification_elem .notification_infos .yellowdot {
  background-color: #ff9216;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
.backoffice_notification .notification_container .notification_elem .notification_title {
  font-weight: bold;
  padding-left: 10px;
  font-size: 16px;
}
.backoffice_notification .notification_container .notification_elem .notification_content_preview {
  text-overflow: ellipsis;
  height: 70px;
  padding: 0 15px;
  overflow: hidden;
}
.backoffice_notification .notification_container .notification_elem .notification_content_preview #text {
  padding-bottom: 15px;
}
.backoffice_notification select {
  height: 35px;
  background-color: #333333;
  color: #ffffff;
  border-radius: 5px;
}
.backoffice_notification .search-box {
  margin-top: 0;
  padding-top: 0;
}
.backoffice_notification .edit_notification .edit_header {
  display: flex;
  justify-content: space-between;
}
.backoffice_notification .edit_notification .edit_header button,
.backoffice_notification .edit_notification .edit_header a {
  padding: 10px 20px;
  margin-top: 20px;
  height: 42px;
}
.backoffice_notification .edit_notification .edit_header div {
  position: fixed;
  right: 32px;
  bottom: 20px;
  z-index: 2000;
}
.backoffice_notification .edit_notification .edit_header div .btn-dark {
  color: #b3b3b3;
  background-color: #333333;
}
.backoffice_notification .edit_notification h4 {
  color: white;
}
.backoffice_notification .edit_notification .form-group {
  width: 100%;
}
.backoffice_notification .edit_notification label {
  display: block;
  color: white;
}
.backoffice_notification .edit_notification input,
.backoffice_notification .edit_notification select,
.backoffice_notification .edit_notification textarea {
  background-color: #333333;
}
.backoffice_notification .edit_notification .fake-level {
  display: inline-flex;
}
.backoffice_notification .edit_notification .fake-level .fake-button {
  width: 57px;
  height: 30px;
  margin: 0 10px 0 0;
  padding: 5px 15px;
  border-radius: 20px;
  color: white;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #333333;
  cursor: pointer;
}
.backoffice_notification .edit_notification .fake-level .fake-button.selected {
  background-color: #ff9216;
}
.backoffice_notification .edit_notification .text-count {
  float: right;
  width: auto;
  margin: 0;
  margin-top: -25px;
  font-weight: normal;
  color: #ffffff;
}
.backoffice_notification .edit_notification .add-team-button {
  background-color: #333;
  border-radius: 5px;
  padding: 8px 15px;
  color: white;
}
.backoffice_notification .edit_notification .notification_teams {
  width: calc(100% - 40px);
  display: inline-block;
  margin-bottom: 10px !important;
}
.backoffice_notification .modal_modification {
  text-align: left;
  color: #ffffff;
}
.backoffice_notification .modal_modification .modals-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.backoffice_notification .modal_modification .modals-header .modal-title {
  font-size: 16px;
  font-weight: bold;
}
.backoffice_notification .modal_modification .modify-title {
  display: flex;
  justify-content: space-between;
}
.backoffice_notification .modal_modification .name-to-modify {
  padding: 10px 20px;
  border-radius: 4px;
  width: 100%;
  border: none;
  background-color: #1a1a1a;
}
.backoffice_notification .modal_modification .center {
  justify-content: center;
  display: flex;
  margin-top: 20px;
}
.backoffice_notification .modal_modification .center .modify-button {
  padding: 10px 20px;
}
.backoffice_poi_display option {
  color: black !important;
}
.backoffice_poi_display #map {
  height: 100%;
  position: absolute!important;
  right: 300px;
  left: 130px;
  bottom: 0;
  z-index: 1;
}
.backoffice_poi_display .poiBar {
  height: 100%;
  width: 300px;
  position: fixed;
  z-index: 101;
  top: 50px;
  right: 0;
  background-color: #ffffff;
  text-align: center;
  box-shadow: 0px 0px 10px #555;
}
.backoffice_poi_display .poiBar .add {
  padding-bottom: 10px;
  padding-top: 5px;
  border-bottom: 3px groove #ccc;
  background-color: #1a1a1a;
  color: #ff9216;
}
.backoffice_poi_display .poiBar .add button {
  border-radius: 35px;
  background-color: #ff9216;
  color: #ffffff;
  width: 50px;
  height: 50px;
  margin: 10px 5px 5px 0px;
  font-size: 175%;
  border-color: transparent;
}
.backoffice_poi_display .poiBar .add label {
  vertical-align: super;
}
.backoffice_poi_display .poiBar .header {
  font-size: 110%;
  border-bottom: 1px groove #f1f1f1;
}
.backoffice_poi_display .poiBar .header .filter {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 15px;
}
.backoffice_poi_display .poiBar .header .filter .filterButton {
  border: 1px solid transparent;
  border-radius: 2px;
  background-color: transparent;
  width: 35px;
  height: 35px;
  padding: 0;
}
.backoffice_poi_display .poiBar .header .filter .filterButton > img {
  width: 100%;
  height: 100%;
}
.backoffice_poi_display .poiBar .header .filter .filterButton.selected .off {
  display: none;
}
.backoffice_poi_display .poiBar .header .filter .filterButton:not(.selected) .on {
  display: none;
}
.backoffice_poi_display .poiBar .header .filter .filterButton:not(.selected) .off {
  opacity: 0.7;
}
.backoffice_poi_display .poiBar .header .search {
  width: 100%;
  font-size: 100%;
  padding-right: 30px;
  background-color: #ffffff;
  height: 35px;
  border: 1px solid #e0e0e0;
}
.backoffice_poi_display .poiBar .header .search input {
  width: 100%;
  right: 5px;
  background: none;
  border: none;
  font-size: 100%;
  padding-left: 5px;
  padding-top: 5px;
}
.backoffice_poi_display .poiBar .header .search .buttonSearch {
  position: absolute;
  top: 0px;
  right: 5px;
  color: #ff9216;
  background: none;
  border: none;
  font-size: 140%;
}
.backoffice_poi_display .listPoi {
  overflow-y: auto;
  height: calc(100% - 229px);
}
.backoffice_poi_display .listPoi .poiBloc {
  min-height: 80px;
  width: 100%;
  position: relative;
  border: 1px solid #c7c7c7;
}
.backoffice_poi_display .listPoi .poiBloc .picture .avatarRond {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 10px;
  top: 10px;
  overflow: hidden;
}
.backoffice_poi_display .listPoi .poiBloc .content {
  font-size: 75%;
  margin: 10px 0px 0px 70px;
}
.backoffice_poi_display .listPoi .poiBloc .content .name {
  font-size: large;
  word-break: break-word;
}
.backoffice_poi_display .listPoi .poiBlocSelected {
  background-color: #eaeaea;
}
.backoffice_poi_display .controls {
  margin-top: 10px;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  top: 50px!important;
  right: 25px!important;
}
.backoffice_poi_display #pac-input {
  background-color: #fff;
  font-size: 15px;
  font-weight: 300;
  margin-left: 12px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 300px;
}
.voletPoi {
  position: absolute;
  right: 300px;
  top: 129px;
  color: #9E9E9E;
  font-size: 40px;
  background-color: #ffffff;
  border-radius: 10px 0 0 10px;
  width: 28px;
  height: 40px;
  box-shadow: 0 0 2px #555;
  z-index: 1;
}
.voletPoi i {
  position: absolute;
  top: 0px;
  left: 4px;
}
.voletPoi:hover {
  cursor: pointer;
}
.poi-form {
  background-color: white;
  border-radius: 10px;
}
.backoffice_saviour .pagination:first-child {
  top: 400px;
}
.backoffice_saviour .modal-dialog.panel {
  top: 52px !important;
  border-radius: 10px !important;
  background-color: #333333;
}
.backoffice_saviour .modal-dialog.panel.no-radius {
  border-radius: 0px !important;
}
.backoffice_saviour .saviour_header {
  margin-bottom: 25px;
}
.backoffice_saviour .saviour_header .title {
  width: 350px;
  display: inline-block;
}
.backoffice_saviour .saviour_header .btn-list {
  float: right;
  width: fit-content;
  margin-top: 20px;
}
.backoffice_saviour .saviourLevelButton {
  background-color: #333333;
}
.backoffice_saviour .select-box {
  width: 100%;
  min-height: 35px;
  background-color: #333333;
  color: #ffffff;
  border-radius: 5px;
}
.backoffice_saviour p {
  color: white;
}
.backoffice_saviour .saviour_elem .small_level {
  position: absolute;
  bottom: -13px;
  left: 40px;
  font-size: 12px;
  color: #ff9217;
  font-weight: bold;
}
.backoffice_saviour .saviour_elem .center-logo {
  border-radius: 100px;
  margin-right: 10px;
  object-fit: cover;
  height: 30px;
}
.backoffice_saviour .saviour_elem.blocked {
  opacity: 0.7;
}
.backoffice_saviour .saviour_elem a.blocked > img {
  filter: invert(1);
}
.backoffice_saviour .saviour_elem .text-white {
  font-size: 12px !important;
}
.backoffice_saviour .saviour_elem .text-white a {
  color: #ff9216;
}
.backoffice_saviour .saviour_elem .text-bold {
  font-size: 16px !important;
}
.backoffice_saviour .saviour_elem .role_orange {
  background-color: #ff9216;
  padding: 10px;
  border-radius: 30px;
  font-weight: 700;
  font-size: 12px;
}
.backoffice_saviour .saviour_elem .role_gray {
  background-color: #333333;
  padding: 10px;
  border-radius: 30px;
  font-weight: 700;
  font-size: 12px;
  margin-bottom: 5px;
  margin-right: 5px;
  height: fit-content;
}
.backoffice_saviour .saviour_elem .img-thumbnail {
  border-radius: 30px;
  margin-right: 15px;
}
.backoffice_saviour .filters {
  margin-top: 30px;
  margin-bottom: 30px;
  max-width: calc(100% - 220px);
  flex-wrap: wrap;
  display: flex;
}
.backoffice_saviour .filters span {
  background-color: #333333;
  border-radius: 25px;
  padding: 12px 18px;
  margin-right: 5px;
  color: #ccc;
  margin-bottom: 10px;
  cursor: pointer;
  margin-top: 5px;
  margin-bottom: -4px;
}
.backoffice_saviour .filters span.selected {
  background-color: #ff9216;
  color: white;
}
.backoffice_saviour .qualificationList {
  overflow-y: auto;
  max-height: 130px;
}
.backoffice_saviour .qualificationList .qualif_elem {
  background-color: #333333;
  padding: 5px 10px;
  border-radius: 10px;
  margin-bottom: 10px;
  width: calc(100% - 20px);
  word-break: break-word;
}
.backoffice_saviour .qualificationList .qualif_elem .qualif_status {
  height: 12px;
  width: 12px;
  border-radius: 12px;
  margin-top: 5px;
}
.backoffice_saviour .center_code {
  font-size: 48px;
  font-weight: 600;
  color: #ff9216;
  background: none;
  border: none;
  text-align: center;
}
.backoffice_saviour .code_elem div > * {
  margin: auto;
}
.backoffice_saviour #modal_delete,
.backoffice_saviour #modal_delete_invitation {
  text-align: left;
  color: #ffffff;
}
.backoffice_saviour #modal_delete .modals-header,
.backoffice_saviour #modal_delete_invitation .modals-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.backoffice_saviour #modal_delete .modals-header .modal-title,
.backoffice_saviour #modal_delete_invitation .modals-header .modal-title {
  font-size: 16px;
  font-weight: bold;
}
.backoffice_saviour #modal_delete .modify-title,
.backoffice_saviour #modal_delete_invitation .modify-title {
  display: flex;
  justify-content: space-between;
}
.backoffice_saviour .gray-circle {
  background-color: #333333;
  border-radius: 50px;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
}
.backoffice_saviour .gray-circle img {
  margin: -10px;
  cursor: pointer;
  margin-left: 0px;
  filter: brightness(0) invert(1);
}
.backoffice_saviour .country-filter {
  width: 100px;
  margin-top: -15px;
  margin-right: 15px;
}
.backoffice_saviour .country-filter p {
  width: 100%;
  font-weight: bold;
  margin-bottom: 5px;
}
.backoffice_saviour .country-filter select {
  width: 100%;
  min-height: 35px;
  background-color: #333333;
  color: #ffffff;
  border-radius: 5px;
  padding-right: 15px;
}
.backoffice_saviour .invitation-buttons {
  min-width: 375px;
  width: 375px;
  display: flex;
  gap: 10px;
  justify-content: center;
}
.backoffice_saviour .invitation-buttons a {
  word-break: break-word;
  width: 100%;
  text-align: center;
  text-decoration: none;
  color: #ccc;
  font-weight: 600;
}
#modal_saviour_import #close_modal_btn {
  position: absolute;
  right: 10px;
  top: 15px;
}
#modal_saviour_import .modal_modification {
  padding-bottom: 50px !important;
}
#modal_saviour_import .modal_modification .error-message {
  display: none;
  border: 2px solid red;
  border-radius: 5px;
  padding: 5px 5px 5px 20px;
  margin-bottom: 10px;
}
#modal_saviour_import .modal_modification .error-message li {
  margin-bottom: 10px;
}
#modal_saviour_import .modals-header {
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: bold;
  color: white;
}
#modal_saviour_import .dowload_modele {
  text-align: center;
  width: 100%;
}
#modal_saviour_import input {
  padding: 18px;
  margin-left: auto;
}
#modal_qualification .panel {
  padding: 25px;
}
#modal_qualification .panel .modal-title {
  display: inline-flex;
  float: left;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
}
#modal_qualification .panel #state {
  color: white;
  position: relative;
  border-radius: 15px;
  height: 30px;
  padding: 5px;
  display: inline-flex;
  float: left;
  margin-left: 30px;
  margin-top: -5px;
}
#modal_qualification .panel label {
  color: white;
}
#modal_qualification select {
  background-color: #333333;
}
#modal_qualification #qual_images {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
#modal_qualification #qual_images img {
  max-width: 33%;
  border-radius: 5px;
  height: fit-content;
}
.tampon-badge,
.tampon-disabled-badge {
  border: solid #FFF 3px;
  border-radius: 4px;
  -webkit-transform: rotate(20deg);
  transform: rotate(45deg);
  display: none;
  position: absolute;
  right: 0;
  top: 12.5%;
  padding: 0.2rem;
  font-size: 2.2rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #FFF;
}
.has-tampon {
  background-color: #CC5555 !important;
  color: #FFF;
  position: relative;
}
.has-tampon .tampon-badge {
  display: inline-block;
}
.has-disabled-tampon {
  background-color: #6e6e6e !important;
  color: #FFF;
  position: relative;
}
.has-disabled-tampon .tampon-disabled-badge {
  display: inline-block;
}
.backoffice_setting {
  margin-top: 25px;
  margin-left: 36px;
  margin-right: 36px;
}
.backoffice_setting .centerBox {
  height: 110px;
  border-radius: 5px;
  width: 100%;
  border: 1px groove #c7c7c7;
  margin-top: 23px;
  box-shadow: 2px 1px 10px #555;
  margin-bottom: 15px;
}
.backoffice_setting .centerBox .code {
  height: 44px;
  border: 1px solid orange;
  position: relative;
  background-color: #eee;
  color: #777;
  margin-top: 33px;
  font-size: 200%;
  text-align: center;
  margin-left: 15px;
}
.backoffice_setting .centerBox .centerLine {
  display: inline-flex;
  width: 100%;
}
.backoffice_setting .centerBox .centerButton {
  margin: 15px;
  width: 80px;
  height: 80px;
  float: right;
  align-items: center;
  background-color: #ffffff;
  border: none;
  margin-top: 28px;
}
.backoffice_setting .centerBox .centerTextBlock {
  margin-top: 10px;
}
.backoffice_setting .intervention_panel {
  border: 1px groove #c7c7c7;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
  padding-left: 5%;
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.backoffice_setting .intervention_panel table {
  width: 90%;
}
.backoffice_setting .intervention_panel table td {
  width: 45%;
  margin-right: 5%;
}
.backoffice_setting .intervention_panel table td p {
  display: inline-block;
}
.backoffice_setting .intervention_panel table td .slider {
  width: 100%;
  margin: auto;
  margin-bottom: 20px;
  margin-top: 10px;
}
.backoffice_setting .attentat_panel {
  border: 1px groove #c7c7c7;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
  padding-left: 5%;
  margin-bottom: 25px;
  padding-bottom: 25px;
}
.backoffice_setting .attentat_panel table {
  width: 90%;
}
.backoffice_setting .attentat_panel table td {
  width: 45%;
  margin-right: 5%;
}
.backoffice_setting .attentat_panel table td textarea {
  width: 100%;
  resize: none;
  height: 100px;
}
.backoffice_setting .attentat_panel button {
  margin-left: calc(90% - 100px);
  width: 100px;
  border: 1px solid gray;
  padding: 10px;
  background-color: #25a50f;
  border-radius: 5px;
  height: 40px;
  margin-top: 10px;
  color: white;
  display: inline-block;
}
.nav-side-menu {
  overflow: hidden;
  font-family: 'Basier Square', sans-serif;
  font-size: 12px;
  z-index: 2000;
  font-weight: 200;
  background-color: #1a1a1a;
  position: fixed;
  padding-top: 20px;
  top: 0px;
  width: 210px;
  height: 100%;
  color: #ffffff;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.nav-side-menu .brand {
  background-color: #1a1a1a;
  line-height: 100px;
  display: block;
  text-align: center;
  font-size: 14px;
  flex: 0;
  border-bottom: 1px solid #1a1a1a;
}
.nav-side-menu .brand img {
  height: 70px;
}
.nav-side-menu .toggle-btn {
  display: none;
}
.nav-side-menu ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  color: #fff;
  cursor: auto;
}
.nav-side-menu ul .active {
  border-left: 3px solid #ff9216;
}
.nav-side-menu ul .active .icon .svg-icon {
  fill: #ff9216;
}
.nav-side-menu ul .active .icon .svg-stroke-icon {
  stroke: #ff9216;
}
.nav-side-menu ul .active .title {
  color: #ff9216;
}
.nav-side-menu a {
  text-decoration: none;
  color: #ffffff;
}
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  height: 35px;
  text-decoration: none;
  cursor: pointer;
  padding-left: 0px;
  border-left: 3px solid #1a1a1a;
  border-bottom: 1px solid #1a1a1a;
  padding-top: 5px;
}
.nav-side-menu li .active {
  border-left: 3px solid #ff9216;
  color: #ff9216;
}
.nav-side-menu li:hover {
  border-left: 3px solid #ff9216;
  color: #ff9216;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.nav-side-menu li:hover .icon .svg-icon {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  fill: #ff9216;
}
.nav-side-menu li:hover .icon .svg-stroke-icon {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  stroke: #ff9216;
}
.nav-side-menu li .icon {
  display: inline-block;
  margin-left: 20px;
}
.nav-side-menu li .icon .svg-icon {
  fill: #ffffff;
}
.nav-side-menu li .icon .svg-stroke-icon {
  stroke: #ffffff;
}
.nav-side-menu li .icon svg {
  height: 24px;
}
.nav-side-menu li .title {
  margin-left: 15px;
  vertical-align: top;
  margin-top: 5px;
  display: inline-block;
}
.nav-side-menu .bottom-menu {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.nav-side-menu .mini_logo {
  width: 75px;
  height: 75px;
  object-fit: cover;
  border-radius: 75px;
  margin-left: 15px;
}
.nav-side-menu .hello_user {
  margin: 20px;
  font-size: 18px;
  color: #ff9216;
}
.nav-side-menu .sidebar-menu-title {
  margin-top: 20px;
  color: #ff9216;
  margin-left: 20px;
}
.nav-side-menu .hover-grow:hover {
  filter: none !important;
}
.nav-side-menu.nav-side-smaller {
  width: 50px;
  overflow: hidden;
}
.nav-side-menu.nav-side-smaller .mini_logo {
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 50px;
  margin-left: 8px;
}
.nav-side-menu.nav-side-smaller .hello_user {
  display: none;
}
.nav-side-menu.nav-side-smaller .badge {
  display: none;
}
.nav-side-menu.nav-side-smaller .sidebar-menu-title {
  margin-top: 20px;
  margin-left: 20px;
  width: 10px;
  height: 10px;
  background: #ff9216;
  border-radius: 50%;
  overflow: hidden;
}
.nav-side-menu.nav-side-smaller li .icon {
  margin-left: 10px;
}
.nav-side-menu.nav-side-smaller li .title {
  display: none;
}
.nav-side-menu.nav-side-smaller .menu-list {
  height: calc(100% - 75px);
}
.content-wrapper {
  padding-left: 210px;
  overflow-y: hidden;
  margin-top: 52px;
}
.content-wrapper.extend-content-wrapper {
  padding-left: 50px;
}
@media (min-width: 767px) {
  .nav-side-menu {
    display: flex;
    flex-direction: column;
  }
  .nav-side-menu .menu-list {
    flex: 1;
    padding-bottom: 35px;
    height: calc(100% - 175px);
  }
  .nav-side-menu .menu-list .menu-content {
    display: block;
    height: 100%;
    overflow-y: overlay;
    overflow-x: hidden;
  }
}
.version {
  color: #ff9216;
  position: absolute;
  bottom: 15px;
  left: 10px;
}
#burger-icon {
  width: 25px;
  height: 38px;
  position: fixed;
  left: 46px;
  top: 40px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  z-index: 2001;
}
#burger-icon.open {
  left: 195px;
}
#burger-icon span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #ff9216;
  border-radius: 4px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
#burger-icon span:nth-child(1) {
  top: 0px;
}
#burger-icon span:nth-child(2) {
  top: 9px;
}
#burger-icon span:nth-child(3) {
  top: 18px;
}
#burger-icon span:nth-child(4) {
  background: transparent;
  z-index: -1;
  position: absolute;
  top: -40px;
  left: -8px;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 50px solid #1b1b1b;
}
#burger-icon.open span:nth-child(1) {
  top: 9px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
#burger-icon.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
#burger-icon.open span:nth-child(3) {
  top: 9px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#burger-icon.open span:nth-child(4) {
  background: transparent;
  z-index: -1;
  position: absolute;
  top: -37px;
  left: -5px;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 50px solid #1b1b1b;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 99;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
  outline: none;
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: black;
  box-shadow: 0px 0px 1px black;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Icons */
}
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url(/build/fonts/slick.a4e97f5a.eot);
  src: url(/build/fonts/slick.a4e97f5a.eot?#iefix) format('embedded-opentype'), url(/build/fonts/slick.29518378.woff) format('woff'), url(/build/fonts/slick.c94f7671.ttf) format('truetype'), url(/build/images/slick.2630a3e3.svg#slick) format('svg');
}
.slick-prev {
  left: 0px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}
.slick-next {
  right: 0px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}
/* Dots */
.slick-dotted .slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li a {
  color: rgba(0, 0, 0, 0.3);
  text-decoration: none;
  font-size: 1.1rem;
}
.slick-dots li a:hover {
  text-decoration: none;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}
.slick-dots li.slick-active a {
  color: black;
  font-weight: 600;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.backoffice_statistiques {
  color: white;
}
.backoffice_statistiques ::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
.backoffice_statistiques .filter-header {
  display: flex;
  margin-top: 25px;
  margin-bottom: 25px;
}
.backoffice_statistiques .filter-header .row {
  width: 100%;
  column-gap: 10px;
  margin: 0;
  display: contents;
}
.backoffice_statistiques .filter-header .row .col {
  padding-left: 0;
}
.backoffice_statistiques .filter-header .row .col p {
  font-weight: bold;
}
.backoffice_statistiques .filter-header .row .col select,
.backoffice_statistiques .filter-header .row .col input {
  width: 100%;
  height: 40px;
  color: white;
  background-color: #333333;
  border-radius: 5px;
  border: none;
  padding-left: 20px;
}
.backoffice_statistiques .stat-container {
  display: flex;
  flex-direction: column;
}
.backoffice_statistiques .stat-container .stat-sub-container {
  width: 100%;
  height: fit-content;
  display: flex;
  row-gap: 10px;
  flex-wrap: wrap;
}
.backoffice_statistiques .stat-container .stat-sub-container .row {
  margin-left: -10px;
  margin-right: -10px;
  width: 100%;
  column-gap: 10px;
}
.backoffice_statistiques .stat-container .stat-sub-container .row .col:not(.text-right) {
  background-color: #1a1a1a;
  border-radius: 10px;
  padding: 20px;
}
.backoffice_statistiques .info-button {
  position: absolute;
  right: 10px;
  top: 10px;
  opacity: 70%;
  transition-duration: 2.5s;
  transition-property: transform;
}
.backoffice_statistiques .info-button:hover {
  opacity: 100%;
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}
.backoffice_statistiques .chart_center_value {
  color: #ff9216;
  font-size: 24px;
  position: absolute;
  text-align: center;
  width: calc(100% - 50px);
  top: 50%;
}
.backoffice_statistiques .doughnut_chart {
  width: 450px !important;
  height: 450px!important;
  margin-left: calc(50% - 175px);
  margin-top: -50px;
}
.backoffice_statistiques .circled_value {
  border: 2px solid #333333;
  border-radius: 50px;
  width: 100px;
  height: 100px;
  color: #ff9216;
  font-size: 24px;
  margin-left: calc(50% - 50px);
  line-height: 100px;
  text-align: center;
}
.backoffice_statistiques .circled_text {
  text-align: center;
  margin-bottom: 0;
}
.backoffice_statistiques .gauge_container {
  margin-top: 50px;
  margin-left: calc(50% - 175px);
}
.backoffice_statistiques .gauge_container .gauge {
  width: 350px;
  margin-left: 0;
  position: relative;
  border-radius: 50%/100% 100% 0 0;
  background-color: #2869EC;
  overflow: hidden;
}
.backoffice_statistiques .gauge_container .gauge:before {
  content: "";
  display: block;
  padding-top: 50%;
  /* ratio of 2:1*/
}
.backoffice_statistiques .gauge_container .gauge .chart {
  overflow: hidden;
}
.backoffice_statistiques .gauge_container .gauge .mask {
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: -2px;
  top: 20%;
  background-color: #1a1a1a;
  border-radius: 50%/100% 100% 0 0;
}
.backoffice_statistiques .gauge_container .gauge .percentage {
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: 0;
  right: -1px;
  background-color: #333333;
  transform: rotate(var(--rotation));
  transform-origin: bottom center;
  transition-duration: 600;
}
.backoffice_statistiques .gauge_container .gauge .value {
  position: absolute;
  bottom: 25%;
  left: 0;
  width: 100%;
  text-align: center;
  color: #ff9216;
  font-size: 24px;
}
.backoffice_statistiques .gauge_container .gauge .value_text {
  position: absolute;
  bottom: 0%;
  left: 0;
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
}
.backoffice_statistiques .gauge_container .min {
  position: absolute;
  left: calc((100% - 350px) / 2 - 55px);
  width: 150px;
  text-align: center;
}
.backoffice_statistiques .gauge_container .max {
  position: absolute;
  right: calc((100% - 350px) / 2 + -60px);
  width: 150px;
  text-align: center;
}
.backoffice_statistiques .gauge_container.stats_gauge {
  margin-top: 10px;
  margin-bottom: 15px;
}
.backoffice_statistiques .most_intervened_saviour_container {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.backoffice_statistiques .most_intervened_saviour_container .most_intervened_saviour {
  background-color: #333 !important;
  height: 70px;
  flex: calc(50% - 5px);
}
.backoffice_statistiques .most_intervened_saviour_container .most_intervened_saviour img {
  width: 40px;
  height: 40px;
  margin-top: -10px;
  margin-right: 10px;
}
.backoffice_statistiques .most_intervened_saviour_container .most_intervened_saviour div {
  float: right;
  text-align: center;
  color: #b3b3b3;
  margin-top: -5px;
}
.backoffice_statistiques .most_intervened_saviour_container .most_intervened_saviour div .orange {
  color: #ff9216;
  font-size: 16px;
  margin: 0;
}
.backoffice_statistiques .div_with_canvas_and_value {
  display: inline-flex !important;
  height: 500px;
}
.backoffice_statistiques .div_with_canvas_and_value div:first-of-type {
  width: 75%;
}
.backoffice_statistiques .div_with_canvas_and_value div:nth-of-type(2) {
  margin-top: 165px;
  margin-left: calc(12.5% - 50px);
}
.backoffice_statistiques canvas {
  max-height: 450px !important;
}
.backoffice_statistiques #chart_detection_by_types {
  max-height: 440px !important;
  max-width: 75% !important;
  margin-top: 5px;
  margin-left: calc(25% - 180px);
}
.backoffice_statistiques #chart_question_by_difficulty {
  width: 400px !important;
  height: 200px !important;
  margin-top: 20px;
  margin-left: calc(50% - 200px);
}
.backoffice_statistiques #map {
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  border-radius: 10px;
  left: 20px !important;
}
.backoffice_statistiques .backoffice_survey {
  padding-top: 15px;
  width: 50%;
  margin-left: 25%;
  position: relative;
  border: 1px solid #333333;
  border-radius: 10px;
}
.backoffice_statistiques #dashboard_chart_interventions_by_types {
  margin-left: calc(50% - 275px);
}
.backoffice_statistiques .articleelem {
  margin-left: 50% !important;
  transform: translateX(-50%) !important;
}
.backoffice_survey .pagination:first-child {
  top: 255px;
}
.backoffice_survey ::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
.backoffice_survey .modal-dialog.panel {
  top: 52px !important;
  border-radius: 10px !important;
  background-color: #333333;
}
.backoffice_survey .modal-dialog.panel.no-radius {
  border-radius: 0px !important;
}
.backoffice_survey li {
  list-style: none;
}
.backoffice_survey .survey_preview {
  margin-bottom: 10px;
  display: inline-flex;
}
.backoffice_survey .survey_preview .right-buttons {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.backoffice_survey .survey_preview_content {
  color: white;
  background-color: #1a1a1a;
  width: calc(100% - 150px);
  height: 75px;
  border-radius: 10px;
  margin: 0;
  display: inline-block;
  padding: 15px;
}
.backoffice_survey .survey_preview_content .survey_image {
  width: 100%;
  height: 160px;
  object-fit: cover;
  border-radius: 10px 10px 0 0;
}
.backoffice_survey .survey_preview_content .survey_buttons .survey-circle:first-child {
  right: 70px;
}
.backoffice_survey .survey_preview_content .survey_buttons .survey-circle {
  background-color: #333333;
  width: 40px;
  height: 40px;
  color: #b3b3b3;
  border-radius: 50%;
  text-align: center;
  margin-top: 5px;
  padding-top: 8px;
  position: absolute;
  right: 25px;
  top: 5px;
}
.backoffice_survey .survey_preview_content .survey_stats {
  margin: 10px;
}
.backoffice_survey .survey_preview_content .survey_stats img {
  width: 20px;
  height: 20px;
}
.backoffice_survey .survey_preview_content .survey_title {
  font-weight: bold;
  padding-left: 10px;
  font-size: 16px;
}
.backoffice_survey .survey_preview_content .survey_content_preview {
  text-overflow: ellipsis;
  height: 70px;
  padding: 0px 15px;
  overflow: hidden;
}
.backoffice_survey .survey-circle {
  width: 40px;
  margin: 15px;
  display: inline-block;
  margin-right: -10px;
}
.backoffice_survey .survey-circle-primary {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  margin: 0 15px;
  background-color: #ff9216;
  text-align: center;
}
.backoffice_survey .survey-circle-primary p {
  background-color: transparent;
  border: none;
  font-size: 14px;
  line-height: 50px;
  font-weight: bold;
  color: black;
}
.backoffice_survey .edit_header {
  display: flex;
}
.backoffice_survey .edit_header img {
  margin-top: 15px;
}
.backoffice_survey .edit_header h1 {
  margin-left: 15px;
}
.backoffice_survey .edit_header div {
  position: fixed;
  right: 32px;
  bottom: 20px;
  z-index: 2000;
}
.backoffice_survey .edit_header div .btn-dark {
  color: #b3b3b3;
  background-color: #333333;
}
.backoffice_survey .text-count {
  position: absolute;
  right: 40px;
  font-weight: normal;
  color: #ffffff;
}
.backoffice_survey .text-count.toomuch {
  color: red;
  font-weight: bold;
}
.backoffice_survey select {
  background-color: #333333 !important;
}
.backoffice_survey .filter-btn {
  width: 150px;
  height: 40px;
  padding: 10px 15px;
  border-radius: 20px;
  background-color: #333333;
  color: white;
  border: none;
  margin-left: 15px;
}
.backoffice_survey .btn-selected {
  background-color: #ff9216;
}
.backoffice_survey .align-items-stretch {
  height: 83px;
}
.backoffice_survey .sub-title {
  font-size: 16px;
  font-weight: bold;
  color: #ff9216;
}
.backoffice_survey .title {
  width: 300px;
  display: inline-block;
  margin-bottom: 50px;
}
.backoffice_survey .btn-list {
  float: right;
  width: 350px;
  margin-top: 20px;
}
.backoffice_survey .btn-block {
  width: 45%;
  display: inline-block;
  margin: 0 2%;
}
.backoffice_survey p {
  color: white;
}
.backoffice_survey .survey-presentation-header {
  display: flex;
  margin-bottom: 15px;
}
.backoffice_survey .survey-th {
  color: #ff9216;
  margin-left: -5px;
}
.backoffice_survey .select-box {
  width: 100%;
  min-height: 35px;
  background-color: #333333;
  color: #ffffff;
  border-radius: 5px;
}
.backoffice_survey .bg-dark {
  background-color: black !important;
}
.backoffice_survey .form-file-input {
  border: 1px dashed white;
  border-radius: 5px;
  padding-left: calc(50% - 160px);
}
.backoffice_survey .select2-selection {
  border: 1px dashed white;
  min-height: 42px;
}
.backoffice_survey .select2-selection__choice {
  width: 60px;
  height: 30px;
  text-align: center;
  padding: 5px !important;
  border-radius: 20px !important;
  background-color: #ff9216 !important;
  border: none !important;
  color: #ffffff !important;
}
.backoffice_survey .select2-selection__choice .select2-selection__choice__remove {
  color: #ffffff !important;
}
.backoffice_survey .select2-search--inline {
  display: none;
}
.backoffice_survey #survey_startedAt,
.backoffice_survey #survey_endedAt {
  padding: 0;
}
.backoffice_survey #survey_startedAt > select,
.backoffice_survey #survey_endedAt > select {
  margin-right: 5px !important;
}
.backoffice_survey .new-question .list-group {
  margin: 0;
}
.backoffice_survey .new-question p {
  width: 100%;
  margin-top: 25px;
}
.backoffice_survey .new-question #formation_question_picture {
  border: dashed 1px #fff;
  background-color: unset;
}
.backoffice_survey .new-question label.label-question-form-field {
  font-weight: bold;
  margin: 20px 0 5px 0;
}
.backoffice_survey .new-question input.question-form-field,
.backoffice_survey .new-question textarea.question-form-field {
  width: 100%;
  background-color: #333333;
  border-radius: 5px;
  border: none;
  padding: 10px 20px;
}
.backoffice_survey .new-question input.question-form-field::placeholder,
.backoffice_survey .new-question textarea.question-form-field::placeholder {
  color: #ffffff;
}
.backoffice_survey .new-question .remove-answer {
  display: inline-block;
}
.backoffice_survey .new-question textarea#formation_question_answerJustification {
  min-height: 150px;
  min-width: 100%;
  max-width: 100%;
}
.backoffice_survey .new-question .text-count {
  float: right;
  width: auto;
  margin: 20px 0 5px 0;
}
.backoffice_survey .new-question .import-file {
  padding-left: calc(50% - 75px);
  border: 1px dashed white !important;
  height: 37px;
  border-radius: 5px;
}
.backoffice_survey .new-question .answer-box {
  width: calc(100% - 40px) !important;
  display: inline-block;
  padding-right: 10px;
  height: 60px;
}
.backoffice_survey .new-question .answer-box input {
  width: calc(100% - 15px) !important;
}
.backoffice_survey .new-question .answer-box input::placeholder {
  color: #ffffff;
}
.backoffice_survey .new-question .answer-box button {
  width: 30px;
  background: none;
  border: none;
  vertical-align: middle;
  padding-left: 15px;
}
.backoffice_survey .new-question .add-answer {
  width: 100%;
  min-height: 35px;
  font-size: 12px;
  background-color: #333333;
  color: #ffffff;
  border-radius: 5px;
  border: none;
  text-align: left;
  padding: 10px 20px;
  display: flex;
}
.backoffice_survey .new-question .answer .text-count {
  position: absolute;
  right: 65px;
  width: fit-content !important;
  margin-top: -80px !important;
}
.backoffice_survey .survey-preview {
  width: 100%;
  float: right;
  margin: 0;
  height: fit-content;
  background-color: #1a1a1a;
  border-radius: 10px;
  padding: 20px;
  word-break: break-word;
}
.backoffice_survey .survey-preview .title-preview {
  font-size: 16px;
  margin: 20px 0;
}
.backoffice_survey .survey-preview .answers-preview {
  margin: 20px 0px -10px 0px;
}
.backoffice_survey .survey-preview .answers-preview p {
  padding: 7px 20px 7px 0px;
  font-weight: bold;
  font-size: 16px;
}
.backoffice_survey .survey-preview .answers-preview div {
  display: flex;
}
.backoffice_survey .survey-preview .answers-preview label {
  width: calc(100% - 30px);
  background-color: #333333;
  color: #ffffff;
  border-radius: 5px;
  padding: 8px;
  word-break: break-word;
}
.backoffice_survey .survey-preview .answers-preview .selected-answer {
  background-color: green;
}
.backoffice_survey .modal_survey_preview {
  background-color: #1a1a1a;
  padding: 15px;
  border-radius: 10px;
}
.backoffice_survey .modal_survey_preview .survey_answer_preview {
  width: 100%;
  border-radius: 10px;
  background-color: #333;
  padding: 12px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  position: relative;
}
.backoffice_survey .modal_survey_preview .survey_answer_preview p {
  font-weight: bold;
  display: inline-block;
  z-index: 2;
  position: relative;
  width: calc(100% - 30px);
  margin: 0;
}
.backoffice_survey .modal_survey_preview .survey_answer_preview .percentage {
  text-align: right;
}
.backoffice_survey .modal_survey_preview .survey_answer_preview .percentage_fill {
  display: flex;
  position: absolute;
  border-radius: 8px;
  height: calc(100% - 16px);
  left: 4px;
  z-index: 1;
  background-color: #ff9216;
  background: linear-gradient(0.25turn, #ffc431, #ff9216);
  overflow: hidden;
}
.backoffice_survey .survey_answer_header {
  color: #ff9216;
  float: right;
  position: relative;
  margin-right: 100px;
  margin-top: 10px;
}
.backoffice_survey .hidden-row {
  display: none;
}
.backoffice_survey .fake-level {
  display: inline-flex;
}
.backoffice_survey .fake-level .fake-button {
  width: 57px;
  height: 30px;
  margin: 0 10px 0 0;
  padding: 5px 15px;
  border-radius: 20px;
  color: white;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #333333;
  cursor: pointer;
}
.backoffice_survey .fake-level .fake-button.selected {
  background-color: #ff9216;
}
.backoffice_survey .new_survey input {
  background-color: #333333 !important;
  padding: 0 12px;
}
.backoffice_survey .new_survey input:read-only,
.backoffice_survey .new_survey input.readonly,
.backoffice_survey .new_survey input:disabled {
  opacity: 0.3;
}
.backoffice_survey .new_survey div:disabled,
.backoffice_survey .new_survey div.disabled,
.backoffice_survey .new_survey select:disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.3;
}
.backoffice_survey .new_survey #add-team-button {
  width: 100%;
  margin-right: 5px;
  height: 35px;
  background-color: #333;
  border: none;
  border-radius: 5px;
  padding: 8px 15px;
}
.backoffice_survey .surveyelem {
  padding-top: 15px;
  padding-right: 0;
  margin: 0;
  padding-left: 0;
}
.backoffice_team .pagination:first-child {
  top: 155px;
}
.backoffice_team .modal-dialog.panel {
  top: 52px !important;
  border-radius: 10px !important;
  background-color: #333333;
}
.backoffice_team .modal-dialog.panel.no-radius {
  border-radius: 0px !important;
}
.backoffice_team .team_header {
  margin-bottom: 25px;
}
.backoffice_team .team_header .title {
  display: inline-block;
}
.backoffice_team .team_header .btn-list {
  float: right;
  width: fit-content;
  margin-top: 20px;
}
.backoffice_team .shorter-search-box {
  margin-top: 0;
  padding-top: 0;
  width: calc(100% - 250px);
}
.backoffice_team .team_container {
  display: flex;
  flex-wrap: wrap;
  padding-top: 0px;
}
.backoffice_team .team_container .team_elem {
  background-color: #1a1a1a;
  color: white;
  width: 300px;
  height: 300px;
  border-radius: 10px;
  margin-right: 5px;
  margin-bottom: 20px;
  padding: 20px;
  overflow-y: auto;
  position: relative;
  overflow-x: hidden;
}
.backoffice_team .team_container .team_elem p {
  color: #b3b3b3;
}
.backoffice_team .team_container .team_elem .team_btn_list {
  position: absolute;
  right: 25px;
  top: 20px;
}
.backoffice_team .team_container .team_elem .team_btn_list .circle-button {
  position: absolute;
  right: 0px;
  top: 0px;
}
.backoffice_team .team_container .team_elem .team_btn_list .circle-button:first-child {
  right: 100px;
  margin-right: 10px;
  margin-top: -8px;
}
.backoffice_team .team_container .team_elem .team_btn_list .circle-button:first-child div {
  height: 40px;
  width: 40px;
  background-color: #333;
  padding: 8px 7px 8px 9px;
  border-radius: 20px;
}
.backoffice_team .team_container .team_elem .team_btn_list .circle-button:nth-child(2) {
  right: 50px;
}
.backoffice_team .team_container .team_elem li {
  list-style: none;
  overflow-y: auto;
  padding-bottom: 5px;
  word-break: break-word;
}
.backoffice_team .team_container .team_elem li ul {
  display: flex;
  padding-left: 0;
  margin-bottom: 5px;
}
.backoffice_team .team_container .team_elem li ul img {
  height: 30px;
  width: 30px;
  border-radius: 30px;
  margin-right: 10px;
  object-fit: cover;
  max-width: none;
}
.backoffice_team .team_container .team_elem .team-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: -10px;
  margin-bottom: -10px;
}
.backoffice_team .team_container .team_elem .team-list > div {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.backoffice_team .team_container .team_elem .team-list > div .list-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 15px;
  height: 50px;
  min-width: 130px;
}
.backoffice_team .team_container .team_elem .team-list > div .list-title h5 {
  margin-left: 15px;
}
.backoffice_team .team_container .team_elem .team-list > div:nth-child(2) {
  border-left: 1px solid white;
  padding-left: 15px;
}
.backoffice_team .new_team .edit_header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.backoffice_team .new_team .edit_header button,
.backoffice_team .new_team .edit_header a {
  padding: 10px 20px;
  margin-top: 20px;
  height: 42px;
}
.backoffice_team .new_team .edit_header div {
  position: fixed;
  right: 32px;
  bottom: 20px;
  z-index: 2000;
}
.backoffice_team .new_team .edit_header div .btn-dark {
  color: #b3b3b3;
  background-color: #333333;
}
.backoffice_team .new_team label,
.backoffice_team .new_team h4 {
  color: white;
}
.backoffice_team .new_team .fake-checkbox-container {
  align-self: center;
  height: 25px;
  margin: 0;
}
.backoffice_team .new_team select {
  background-color: #333333;
}
.backoffice_team .new_team .form-group {
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
}
.backoffice_team .new_team .form-group label {
  display: block;
  color: white;
  font-size: 16px;
}
.backoffice_team .new_team .form-group input {
  background-color: #333333;
  border: none;
  width: 300px;
  height: 40px;
  border-radius: 5px;
  color: white;
  padding: 15px;
}
.backoffice_team .new_team .team-select-box {
  border-radius: 10px;
  width: 35%;
  margin: 0;
}
.backoffice_team .new_team .team-select-box .emergency-contact {
  margin-left: auto;
  display: flex;
  flex-direction: row;
}
.backoffice_team .new_team .team-select-box .emergency-contact img {
  width: 25px;
  height: 25px;
  border-radius: 0%;
}
.backoffice_team .new_team .team-select-box:last-child {
  width: 25%;
}
.backoffice_team .new_team .saviour_elem {
  color: white;
  padding: 10px 15px;
  background-color: #333;
  border-radius: 10px;
  margin-bottom: 10px;
  display: flex;
}
.backoffice_team .new_team .saviour_elem p {
  margin: 0;
}
.backoffice_team .new_team .saviour_elem img {
  height: 30px;
  width: 30px;
  border-radius: 30px;
  margin: 0 10px;
  object-fit: cover;
  align-self: center;
}
.backoffice_team .new_team .saviour_elem div {
  display: flex;
  flex-direction: column;
  align-self: center;
}
.backoffice_team .modal_modification {
  text-align: left;
  color: #ffffff;
}
.backoffice_team .modal_modification .modals-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.backoffice_team .modal_modification .modals-header .modal-title {
  font-size: 16px;
  font-weight: bold;
}
.backoffice_team .modal_modification .modify-title {
  display: flex;
  justify-content: space-between;
}
.backoffice_team .modal_modification .name-to-modify {
  padding: 10px 20px;
  border-radius: 4px;
  width: 100%;
  border: none;
  background-color: #1a1a1a;
}
.backoffice_team .modal_modification .center {
  justify-content: center;
  display: flex;
  margin-top: 20px;
}
.backoffice_team .modal_modification .center .modify-button {
  padding: 10px 20px;
}
.backoffice_team .shape {
  width: 100%;
  height: 29px;
  -webkit-shape-outside: polygon(100% 0, 100% 100%, 0 100%);
  shape-outside: polygon(calc(100% - 85px) 0, 100% 0, 100% 100%, calc(100% - 85px) 100%);
  float: right;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
  clip-path: polygon(calc(100% - 85px) 0, 100% 0, 100% 100%, calc(100% - 85px) 100%);
}
.backoffice_weather .pagination:first-child {
  top: 235px;
}
.backoffice_weather ::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
.backoffice_weather .modal-dialog.panel {
  top: 52px !important;
  border-radius: 10px !important;
  background-color: #333333;
}
.backoffice_weather .modal-dialog.panel.no-radius {
  border-radius: 0px !important;
}
.backoffice_weather .weather_header {
  margin-bottom: 25px;
}
.backoffice_weather .weather_header .title {
  width: 350px;
  display: inline-block;
}
.backoffice_weather .weather_header .btn-list {
  float: right;
  width: fit-content;
  margin-top: 20px;
}
.backoffice_weather .weather_container {
  display: flex;
  width: 100%;
  gap: 25px;
  flex-wrap: wrap;
}
.backoffice_weather .weather_container .weather_elem {
  color: white;
  background-color: #1a1a1a;
  width: 300px;
  height: 385px;
  border-radius: 10px;
  min-height: 100%;
  padding-bottom: 5px;
}
.backoffice_weather .weather_container .weather_elem.little {
  height: 290px;
}
.backoffice_weather .weather_container .weather_elem .weather_img {
  width: 300px;
  height: 200px;
}
.backoffice_weather .weather_container .weather_elem .weather_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px 10px 0 0;
}
.backoffice_weather .weather_container .weather_elem .weather_buttons {
  position: relative;
}
.backoffice_weather .weather_container .weather_elem .weather_buttons .weather-circle:last-child {
  right: 25px;
}
.backoffice_weather .weather_container .weather_elem .weather_buttons .weather-circle {
  background-color: #333333;
  width: 40px;
  height: 40px;
  color: #b3b3b3;
  border-radius: 50%;
  text-align: center;
  margin-top: 5px;
  padding-top: 8px;
  position: absolute;
  right: 70px;
  top: 5px;
}
.backoffice_weather .weather_container .weather_elem .weather_stats {
  margin: 20px;
}
.backoffice_weather .weather_container .weather_elem .weather_stats img {
  width: 20px;
  height: 20px;
}
.backoffice_weather .weather_container .weather_elem .weather_infos {
  margin: 20px;
  margin-top: 0px;
  display: flex;
  flex-wrap: wrap;
}
.backoffice_weather .weather_container .weather_elem .weather_infos .reddot {
  background-color: #ff1639;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-block;
}
.backoffice_weather .weather_container .weather_elem .weather_infos .yellowdot {
  background-color: #ff9216;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
.backoffice_weather .weather_container .weather_elem .weather_title {
  font-weight: bold;
  padding-left: 10px;
  font-size: 16px;
}
.backoffice_weather .weather_container .weather_elem .weather_content_preview {
  text-overflow: ellipsis;
  height: 70px;
  padding: 0 15px;
  padding-right: 0;
  width: 100%;
}
.backoffice_weather .weather_container .weather_elem .weather_content_preview #text {
  padding-bottom: 15px;
}
.backoffice_weather .weather_container .weather_elem .to_hide_for_model {
  height: 20px !important;
}
.backoffice_weather select {
  height: 35px;
  background-color: #333333;
  color: #ffffff;
  border-radius: 5px;
}
.backoffice_weather .search-box {
  margin-top: 0;
  padding-top: 0;
}
.backoffice_weather .select_list {
  display: flex;
  gap: 25px;
  color: white;
}
.backoffice_weather .select_list div {
  width: 25%;
}
.backoffice_weather .select_list div select {
  width: 100%;
}
.backoffice_weather .edit_weather .edit_header {
  display: flex;
  justify-content: space-between;
}
.backoffice_weather .edit_weather .edit_header button,
.backoffice_weather .edit_weather .edit_header a {
  padding: 10px 20px;
  margin-top: 20px;
  height: 42px;
}
.backoffice_weather .edit_weather .edit_header .button_list {
  position: fixed;
  left: 100px;
  bottom: 20px;
  z-index: 2000;
}
.backoffice_weather .edit_weather .edit_header .button_list .btn-dark {
  color: #b3b3b3;
  background-color: #333333;
}
.backoffice_weather .edit_weather h4 {
  color: white;
}
.backoffice_weather .edit_weather .form-group {
  width: 100%;
}
.backoffice_weather .edit_weather label {
  display: block;
  color: white;
}
.backoffice_weather .edit_weather input,
.backoffice_weather .edit_weather select,
.backoffice_weather .edit_weather textarea {
  background-color: #333333;
  padding: 0 12px;
}
.backoffice_weather .edit_weather .fake-level {
  display: inline-flex;
}
.backoffice_weather .edit_weather .fake-level .fake-button {
  width: 57px;
  height: 30px;
  margin: 0 10px 0 0;
  padding: 5px 15px;
  border-radius: 20px;
  color: white;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #333333;
  cursor: pointer;
}
.backoffice_weather .edit_weather .fake-level .fake-button.selected {
  background-color: #ff9216;
}
.backoffice_weather .edit_weather .add-team-button {
  background-color: #333;
  border-radius: 5px;
  padding: 8px 15px;
  color: white;
}
.backoffice_weather .edit_weather .weather_teams {
  width: calc(100% - 40px);
  display: inline-block;
  margin-bottom: 10px !important;
}
.backoffice_weather .edit_weather .image-preview .file-hold {
  position: relative;
  display: block;
  cursor: pointer;
}
.backoffice_weather .edit_weather .image-preview .file-hold input[type="file"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.backoffice_weather .edit_weather .image-preview .file-hold label {
  margin: 0;
}
.backoffice_weather .edit_weather .image-preview .file-hold .file-img {
  width: 450px;
  margin-left: calc(50% - 225px);
  display: block;
  height: 300px;
  background-color: #333333;
  border-radius: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.backoffice_weather .edit_weather .image-preview .file-hold .file-img span {
  background-color: #ff9216;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  position: absolute;
}
.backoffice_weather .edit_weather .image-preview .file-hold .file-img span i {
  position: absolute;
  top: 9px;
  left: 11px;
  font-size: 30px;
  color: #ffffff;
}
.backoffice_weather .edit_weather .image-preview .file-hold.image-added .file-img:before {
  display: none;
}
.backoffice_weather .edit_weather .image-preview .file-hold.image-added .file-img > span {
  display: none;
}
.backoffice_weather .edit_weather .button_list {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.backoffice_weather .edit_weather .button_list .fake-checkbox-container p {
  font-size: initial;
}
.backoffice_weather #modal_plan {
  color: white;
}
.backoffice_weather #modal_plan .modal-title {
  font-size: larger;
  padding-left: 15px;
  font-weight: bold;
}
.backoffice_weather #modal_plan input {
  background-color: #333333;
  width: 100%;
  border: 1px solid darkgray;
  border-radius: 10px;
  height: 40px;
  padding: 15px;
  margin-bottom: 15px;
}
.backoffice_weather #modal_plan .modal_plan {
  height: 440px;
}
.backoffice_weather #modal_plan .modify-button {
  float: right;
  margin-right: 15px;
}