header {
  width: 100%;
  background-color: #F6F6F6;
  padding: 0 20px;
  margin: 0;
  font-size: 11px;
  height: 50px;
}
header * {
  display: inline-block;
}
header h2 {
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  margin-right: 40px;
}
header a {
  background-color: transparent;
  display: inline-block;
  color: #333333;
  font-weight: bold;
  line-height: 50px;
  height: 50px;
  margin-right: 2px;
  padding: 0 12px;
  border-radius: 50px;
}
header a:hover {
  background-color: #DDDDDD;
}
header a.active {
  background-color: #FFFFFF;
}
header .right-side-menu {
  position: absolute;
  right: 1%;
  height: 50px;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
}
header .right-side-menu .user-logged {
  margin-right: 15px;
}
header .right-side-menu .user-logged .informations-top {
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}
header .right-side-menu .user-logged .informations-bottom {
  display: block;
  text-align: center;
  font-size: 10px;
}
header .right-side-menu .wrapped-logout button {
  border-radius: 20px;
  background-color: #333333;
  color: #EEEEEE;
}
header .right-side-menu .wrapped-logout button:hover {
  color: #333333;
  background-color: #EEEEEE;
}
header .right-side-menu .wrapped-login a {
  background-color: #333333;
  color: #EEEEEE;
}
header .right-side-menu .wrapped-login a:hover {
  color: #333333;
  background-color: #CCC;
}

.flex {
  display: flex;
}

.flex-child {
  flex: 1;
}
.flex-child.add-prestation-max-size {
  max-width: 1300px;
}

.height100 {
  height: 100%;
  overflow-y: scroll;
}

.flex-column {
  flex-direction: column;
}

.row-old:after {
  clear: both;
  display: table;
  content: " ";
}
.row-old .col-1-1 {
  float: left;
  min-height: 1px;
  width: 100%;
}
.row-old .col-1-2 {
  float: left;
  min-height: 1px;
  width: 50%;
}
.row-old .col-2-2 {
  float: left;
  min-height: 1px;
  width: 100%;
}
.row-old .col-1-3 {
  float: left;
  min-height: 1px;
  width: 33.3333333333%;
}
.row-old .col-2-3 {
  float: left;
  min-height: 1px;
  width: 66.6666666667%;
}
.row-old .col-3-3 {
  float: left;
  min-height: 1px;
  width: 100%;
}
.row-old .col-1-4 {
  float: left;
  min-height: 1px;
  width: 25%;
}
.row-old .col-2-4 {
  float: left;
  min-height: 1px;
  width: 50%;
}
.row-old .col-3-4 {
  float: left;
  min-height: 1px;
  width: 75%;
}
.row-old .col-4-4 {
  float: left;
  min-height: 1px;
  width: 100%;
}
.row-old .col-1-5 {
  float: left;
  min-height: 1px;
  width: 20%;
}
.row-old .col-2-5 {
  float: left;
  min-height: 1px;
  width: 40%;
}
.row-old .col-3-5 {
  float: left;
  min-height: 1px;
  width: 60%;
}
.row-old .col-4-5 {
  float: left;
  min-height: 1px;
  width: 80%;
}
.row-old .col-5-5 {
  float: left;
  min-height: 1px;
  width: 100%;
}
.row-old .col-1-6 {
  float: left;
  min-height: 1px;
  width: 16.6666666667%;
}
.row-old .col-2-6 {
  float: left;
  min-height: 1px;
  width: 33.3333333333%;
}
.row-old .col-3-6 {
  float: left;
  min-height: 1px;
  width: 50%;
}
.row-old .col-4-6 {
  float: left;
  min-height: 1px;
  width: 66.6666666667%;
}
.row-old .col-5-6 {
  float: left;
  min-height: 1px;
  width: 83.3333333333%;
}
.row-old .col-6-6 {
  float: left;
  min-height: 1px;
  width: 100%;
}
.row-old .col-1-7 {
  float: left;
  min-height: 1px;
  width: 14.2857142857%;
}
.row-old .col-2-7 {
  float: left;
  min-height: 1px;
  width: 28.5714285714%;
}
.row-old .col-3-7 {
  float: left;
  min-height: 1px;
  width: 42.8571428571%;
}
.row-old .col-4-7 {
  float: left;
  min-height: 1px;
  width: 57.1428571429%;
}
.row-old .col-5-7 {
  float: left;
  min-height: 1px;
  width: 71.4285714286%;
}
.row-old .col-6-7 {
  float: left;
  min-height: 1px;
  width: 85.7142857143%;
}
.row-old .col-7-7 {
  float: left;
  min-height: 1px;
  width: 100%;
}
.row-old .col-1-8 {
  float: left;
  min-height: 1px;
  width: 12.5%;
}
.row-old .col-2-8 {
  float: left;
  min-height: 1px;
  width: 25%;
}
.row-old .col-3-8 {
  float: left;
  min-height: 1px;
  width: 37.5%;
}
.row-old .col-4-8 {
  float: left;
  min-height: 1px;
  width: 50%;
}
.row-old .col-5-8 {
  float: left;
  min-height: 1px;
  width: 62.5%;
}
.row-old .col-6-8 {
  float: left;
  min-height: 1px;
  width: 75%;
}
.row-old .col-7-8 {
  float: left;
  min-height: 1px;
  width: 87.5%;
}
.row-old .col-8-8 {
  float: left;
  min-height: 1px;
  width: 100%;
}
.row-old .col-1-9 {
  float: left;
  min-height: 1px;
  width: 11.1111111111%;
}
.row-old .col-2-9 {
  float: left;
  min-height: 1px;
  width: 22.2222222222%;
}
.row-old .col-3-9 {
  float: left;
  min-height: 1px;
  width: 33.3333333333%;
}
.row-old .col-4-9 {
  float: left;
  min-height: 1px;
  width: 44.4444444444%;
}
.row-old .col-5-9 {
  float: left;
  min-height: 1px;
  width: 55.5555555556%;
}
.row-old .col-6-9 {
  float: left;
  min-height: 1px;
  width: 66.6666666667%;
}
.row-old .col-7-9 {
  float: left;
  min-height: 1px;
  width: 77.7777777778%;
}
.row-old .col-8-9 {
  float: left;
  min-height: 1px;
  width: 88.8888888889%;
}
.row-old .col-9-9 {
  float: left;
  min-height: 1px;
  width: 100%;
}
.row-old .col-1-10 {
  float: left;
  min-height: 1px;
  width: 10%;
}
.row-old .col-2-10 {
  float: left;
  min-height: 1px;
  width: 20%;
}
.row-old .col-3-10 {
  float: left;
  min-height: 1px;
  width: 30%;
}
.row-old .col-4-10 {
  float: left;
  min-height: 1px;
  width: 40%;
}
.row-old .col-5-10 {
  float: left;
  min-height: 1px;
  width: 50%;
}
.row-old .col-6-10 {
  float: left;
  min-height: 1px;
  width: 60%;
}
.row-old .col-7-10 {
  float: left;
  min-height: 1px;
  width: 70%;
}
.row-old .col-8-10 {
  float: left;
  min-height: 1px;
  width: 80%;
}
.row-old .col-9-10 {
  float: left;
  min-height: 1px;
  width: 90%;
}
.row-old .col-10-10 {
  float: left;
  min-height: 1px;
  width: 100%;
}
.row-old .col-1-11 {
  float: left;
  min-height: 1px;
  width: 9.0909090909%;
}
.row-old .col-2-11 {
  float: left;
  min-height: 1px;
  width: 18.1818181818%;
}
.row-old .col-3-11 {
  float: left;
  min-height: 1px;
  width: 27.2727272727%;
}
.row-old .col-4-11 {
  float: left;
  min-height: 1px;
  width: 36.3636363636%;
}
.row-old .col-5-11 {
  float: left;
  min-height: 1px;
  width: 45.4545454545%;
}
.row-old .col-6-11 {
  float: left;
  min-height: 1px;
  width: 54.5454545455%;
}
.row-old .col-7-11 {
  float: left;
  min-height: 1px;
  width: 63.6363636364%;
}
.row-old .col-8-11 {
  float: left;
  min-height: 1px;
  width: 72.7272727273%;
}
.row-old .col-9-11 {
  float: left;
  min-height: 1px;
  width: 81.8181818182%;
}
.row-old .col-10-11 {
  float: left;
  min-height: 1px;
  width: 90.9090909091%;
}
.row-old .col-11-11 {
  float: left;
  min-height: 1px;
  width: 100%;
}
.row-old .col-1-12 {
  float: left;
  min-height: 1px;
  width: 8.3333333333%;
}
.row-old .col-2-12 {
  float: left;
  min-height: 1px;
  width: 16.6666666667%;
}
.row-old .col-3-12 {
  float: left;
  min-height: 1px;
  width: 25%;
}
.row-old .col-4-12 {
  float: left;
  min-height: 1px;
  width: 33.3333333333%;
}
.row-old .col-5-12 {
  float: left;
  min-height: 1px;
  width: 41.6666666667%;
}
.row-old .col-6-12 {
  float: left;
  min-height: 1px;
  width: 50%;
}
.row-old .col-7-12 {
  float: left;
  min-height: 1px;
  width: 58.3333333333%;
}
.row-old .col-8-12 {
  float: left;
  min-height: 1px;
  width: 66.6666666667%;
}
.row-old .col-9-12 {
  float: left;
  min-height: 1px;
  width: 75%;
}
.row-old .col-10-12 {
  float: left;
  min-height: 1px;
  width: 83.3333333333%;
}
.row-old .col-11-12 {
  float: left;
  min-height: 1px;
  width: 91.6666666667%;
}
.row-old .col-12-12 {
  float: left;
  min-height: 1px;
  width: 100%;
}

a {
  text-decoration: none !important;
}
a:hover {
  color: initial !important;
}
a .list-item-voyage {
  margin: 1px;
  padding: 8px;
  display: block;
  background-color: #EEEEEE;
  font-size: 12px;
  color: #000000;
  border-bottom: 1px solid #F6F6F6;
}
a .list-item-voyage:hover {
  background-color: #F6F6F6;
}
a .list-item-quote {
  margin: 1px;
  padding: 8px;
  display: block;
  background-color: #EEEEEE;
  font-size: 12px;
  color: #000000;
  border-bottom: 1px solid #F6F6F6;
}
a .list-item-quote:hover {
  background-color: #F6F6F6;
}

.list-row {
  margin: 4px;
}

button, .button {
  display: inline-block;
  background-color: #F6F6F6;
  border: 1px solid #DDDDDD;
  padding: 6px 12px;
  box-shadow: 0 1px 3px 0 rgba(149, 149, 149, 0.3);
  cursor: pointer;
  font-size: 11px;
  font-weight: bold;
  color: #333333;
  line-height: 20px;
}
button.btn-save, .button.btn-save {
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}
button.btn-save i, .button.btn-save i {
  position: absolute;
  top: 9px;
  left: 6px;
}
button.btn-save.dirty, .button.btn-save.dirty {
  border: 1px solid #C7B63F;
  outline-color: #C7B63F;
}
button.btn-save.dirty i, .button.btn-save.dirty i {
  color: #C7B63F;
}
button.btn-save.succeed, .button.btn-save.succeed {
  border: 1px solid #5CC717;
  outline-color: #5CC717;
}
button.btn-save.succeed i, .button.btn-save.succeed i {
  color: #5CC717;
}
button.btn-save.failed, .button.btn-save.failed {
  border: 1px solid #C73125;
  outline-color: #C73125;
}
button.btn-save.failed i, .button.btn-save.failed i {
  color: #C73125;
}
button[disabled], button.disabled, .button[disabled], .button.disabled {
  opacity: 0.5;
  cursor: none;
  pointer-events: none;
}
button[disabled]:hover, button.disabled:hover, .button[disabled]:hover, .button.disabled:hover {
  background-color: #F6F6F6;
  border: 1px solid #EEEEEE;
}
button:hover, .button:hover {
  background-color: #E6E6E6;
  border: 1px solid #DDDDDD;
}
button.primary, .button.primary {
  background-color: #447BF5;
  border: 1px solid rgb(53.4766497462, 112.7482233503, 244.2233502538);
  color: #FFFFFF;
}
button.primary:hover, .button.primary:hover {
  background-color: rgb(53.4766497462, 112.7482233503, 244.2233502538);
  border: 1px solid rgb(43.7944162437, 105.9137055838, 243.7055837563);
}
button.green, .button.green {
  background-color: #3FBE70;
  border: 1px solid rgb(59.1901185771, 178.5098814229, 105.2268774704);
  color: #FFFFFF;
}
button.green:hover, .button.green:hover {
  background-color: rgb(59.1901185771, 178.5098814229, 105.2268774704);
  border: 1px solid rgb(56.6501976285, 170.8498023715, 100.7114624506);
}
button.warning, .button.warning {
  background-color: #EB1B33;
  border: 1px solid rgb(226.8048387097, 19.8951612903, 43.7693548387);
  color: #FFFFFF;
}
button.warning:hover, .button.warning:hover {
  background-color: rgb(226.8048387097, 19.8951612903, 43.7693548387);
  border: 1px solid rgb(217.4274193548, 19.0725806452, 41.9596774194);
}
button.alert-visual, .button.alert-visual {
  background-color: #FF6C00;
  border: 1px solid rgb(239.7, 101.52, 0);
  color: #FFFFFF;
}
button.alert-visual:hover, .button.alert-visual:hover {
  background-color: rgb(239.7, 101.52, 0);
  border: 1px solid rgb(229.5, 97.2, 0);
}
button.delete, .button.delete {
  background-color: #EB1B33;
  border: 1px solid rgb(226.8048387097, 19.8951612903, 43.7693548387);
  color: #FFFFFF;
}
button.delete:hover, .button.delete:hover {
  background-color: rgb(226.8048387097, 19.8951612903, 43.7693548387);
  border: 1px solid rgb(217.4274193548, 19.0725806452, 41.9596774194);
}
button.like-a, .button.like-a {
  border: none;
  background-color: #FFFFFF;
  box-shadow: none;
}

.pika-button, .pika-button:hover {
  border: none;
}

.controls {
  margin: 20px 0;
}
.controls .buttons-group {
  display: inline-block;
  line-height: 30px;
  min-height: 45px;
  border: 1px solid #F6F6F6;
  margin-right: 8px;
}
.controls .buttons-group > label {
  display: block;
  text-align: left;
  line-height: 15px;
  font-weight: 300;
  color: #666666;
  margin-right: 4px;
  font-size: 10px;
}
.controls .buttons-group > .value {
  display: block;
  line-height: 30px;
  min-height: 30px;
  min-width: 1px;
  font-weight: 600;
  color: #000000;
  margin-right: 4px;
  font-size: 11px;
}
.controls .buttons-group > .value:after {
  content: ".";
  visibility: hidden;
}
.controls .buttons-group > .value.bold {
  font-weight: 700;
}

.pika-label {
  background-color: #F6F6F6;
  margin: 0 2px;
  border-radius: 2px;
}
.pika-label:hover {
  background-color: #EEEEEE;
}

.ember-hold-button-container {
  position: relative;
  padding: 6px 0px;
  display: inline;
}
.ember-hold-button-container .ember-hold-button {
  background: #666666;
}
.ember-hold-button-container .ember-hold-button.warning {
  background: #BE4C4C;
}
.ember-hold-button-container .ember-hold-button-progression {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #EEEEEE;
}
.ember-hold-button-container .ember-hold-button-progression .progression-bar {
  height: 100%;
  background-color: #1F395F;
}

.content-medium {
  position: relative;
  min-height: 70px;
}

.content-medium .clear-medium, .editor-custom-by-andrew .clear-medium {
  position: absolute;
  bottom: 0;
  right: 0;
  background: transparent;
  border: none;
  font-size: 15px;
  box-shadow: none;
}

.button-navy {
  background-color: #1F395F !important;
  color: #FFFFFF !important;
}

.button-navy:hover {
  background-color: #B4D3FA !important;
  color: #1F395F !important;
}

.menu {
  width: auto;
  margin-top: 1%;
}
.menu .menu-group {
  margin-bottom: 10px;
  padding: 4px;
}
.menu .menu-group .menu-group-title {
  font-size: 10px;
  color: #AAA;
}
.menu .menu-group .sub-menu-group {
  margin-bottom: 10px;
  margin-left: 15px;
  padding: 4px;
}
.menu .menu-group .sub-menu-group .menu-group-title {
  font-size: 10px;
  color: #AAA;
}
.menu a {
  border: 1px solid #CCC;
  width: 50%;
  text-align: left;
  padding: 1%;
  font-size: 25px;
  font-family: "FuturaBold", "Futura";
  margin: 0 auto 1% auto;
  display: block;
  background: #CCC;
  font-weight: bold;
  border-radius: 50px;
  color: #333333;
  letter-spacing: 2px;
  white-space: nowrap;
  box-shadow: 0px 0px 15px #F1F2F6;
}
.menu a.active {
  background-color: #FFFFFF;
}
.menu a:hover {
  background-color: #EEEEEE;
}

.tabs-container {
  margin-top: 20px;
}
.tabs-container .tabs-labels {
  padding: 0;
  border-bottom: 1px solid #EEEEEE;
}
.tabs-container .tabs-labels * {
  display: inline-block;
  padding: 10px 20px;
}
.tabs-container .tabs-labels *.active {
  background-color: #EEEEEE;
}

.nav-tabs {
  border-bottom: 1px solid #DDDDDD;
  margin-top: 20px;
  padding-left: 0;
  margin-bottom: 10px;
  list-style: none;
}
.nav-tabs .nav-item {
  display: inline-block;
  margin-bottom: -1px;
  padding-left: 0;
  list-style: none;
}
.nav-tabs .nav-link {
  display: block;
  color: #666666;
  padding: 10px 20px;
  border: 1px solid transparent;
  border-radius: 0.25rem 0.25rem 0 0;
}
.nav-tabs .nav-link.active {
  color: #000000;
  background-color: #FFFFFF;
  border-color: #DDDDDD #DDDDDD transparent;
}

.status-bar {
  font-size: 10px;
  margin: 1px 0;
  background-color: #FFFFFF;
  padding: 6px 10px;
  border-radius: 3px;
}
.status-bar span {
  color: #666666;
  background-color: #EEEEEE;
  border-radius: 5px;
  margin: 0;
  padding: 3px 5px;
  cursor: pointer;
}
.status-bar span.active {
  background-color: #333333;
  color: #FFFFFF;
}
.status-bar span.status:hover {
  background-color: #666666;
  color: #000000;
}
.status-bar .status-bar-link {
  display: inline-block;
  background-color: #EEEEEE;
  height: 2px;
  width: 6px;
  position: relative;
  top: 40%;
  margin-top: -2px;
  border-radius: 0;
  margin-right: -2px;
  overflow: hidden;
  padding: 0;
}
.status-bar .status-bar-link.active {
  background-color: #333333;
}

.smart-label {
  display: inline-block;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 11px;
  font-weight: bold;
  min-width: 20px;
  text-align: center;
}
.smart-label.active {
  background-color: #5cb85c;
  color: #FFFFFF;
}

.timeline .timeline-day {
  padding: 12px 0;
}
.timeline .timeline-day-label {
  font-size: 13px;
  margin: 0 2px;
  border-radius: 2px;
  border: 1px solid #FF4B4C;
  color: #FF4B4C;
  text-align: center;
  padding: 5px 0;
}
.timeline .timeline-timeslot {
  min-height: 30px;
}
.timeline .timeline-timeslot.morning {
  border-left: 3px solid #8FD4FF;
}
.timeline .timeline-timeslot.afternoon {
  border-left: 3px solid #FF913F;
}
.timeline .timeline-timeslot.evening {
  border-left: 3px solid #2F1D99;
}

.processus-line {
  display: inline-block;
  line-height: 12px;
}

.processus-item {
  border: 1px solid #EEEEEE;
  padding: 0;
  display: inline-block;
  background-color: #FFFFFF;
  width: 100px;
}
.processus-item.disable {
  opacity: 0.5;
}
.processus-item.disable .state {
  font-weight: 300;
  font-size: 8px;
}
.processus-item.rounded {
  border-radius: 5px;
  overflow: hidden;
}
.processus-item.conditionally-valid {
  border: 1px solid #FFCE00;
}
.processus-item.conditionally-valid label {
  background-color: #FFCE00;
  color: #FFFFFF !important;
}
.processus-item.conditionally-valid .state {
  color: #FFCE00;
}
.processus-item.valid {
  border: 1px solid #4AA633;
}
.processus-item.valid label {
  background-color: #4AA633;
  color: #FFFFFF !important;
}
.processus-item.valid .state {
  color: #4AA633;
}
.processus-item.invalid {
  border: 1px solid #EB1B33;
}
.processus-item.invalid label {
  background-color: #EB1B33;
  color: #FFFFFF !important;
}
.processus-item.invalid .state {
  color: #EB1B33;
}
.processus-item.deposit-paid {
  border: 1px solid #FF6C00;
}
.processus-item.deposit-paid label {
  background-color: #FF6C00;
  color: #FFFFFF !important;
}
.processus-item.deposit-paid .state {
  color: #FF6C00;
}
.processus-item.prepaid-slot {
  border: 1px solid #54C6FF;
}
.processus-item.prepaid-slot label {
  background-color: #54C6FF;
  color: #FFFFFF !important;
}
.processus-item.prepaid-slot .state {
  color: #54C6FF;
}
.processus-item label {
  display: block;
  background-color: #EEEEEE;
  font-size: 9px;
  color: #666666;
  padding: 0;
  line-height: 15px;
  padding: 0 4px;
  margin: 0;
  text-align: left;
}
.processus-item .state {
  display: block;
  text-align: center;
  font-weight: bold;
  color: #333333;
  font-size: 11px;
  padding: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.processus-item .tmp {
  opacity: 0.5;
  font-style: italic;
}
.processus-item .controls {
  text-align: right;
  padding: 0;
  margin: 0;
  height: 31px;
}

.select2-container {
  width: 100%;
}

.select2-results .select2-result .select2-result-label {
  white-space: nowrap;
}

.select2-search input[type=text].select2-input {
  max-width: 100% !important;
}

.select2-choice {
  border-color: #999 !important;
}

.select2-drop.select2-drop-active {
  width: auto !important;
}
.select2-drop.select2-drop-active .select2-results {
  padding-right: 20px;
  overflow-y: scroll;
}

.ember-power-select-trigger {
  cursor: pointer;
  line-height: 2.5 !important;
}
.ember-power-select-trigger.inline {
  display: inline-block;
}

.list {
  padding: 20px;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  background-color: #FCFCFC;
  min-height: 30px;
}
.list.small-padding {
  padding: 16px 8px;
}
.list.small-padding .list-row-large {
  margin: 2px 8px;
}
.list.small-padding .list-row-large.indifferent {
  background: black;
}
.list.small-padding .list-row-large.indifferent h3 {
  color: #FFFFFF;
}
.list.small-padding .list-row-large.indifferent h3 a {
  color: #FFFFFF;
}
.list .list-complements {
  font-size: 9px;
  margin-bottom: 8px;
  padding: 0 8px;
  color: #666666;
}
.list .list-complements .large {
  display: inline-block;
  font-size: 24px;
  font-weight: 800;
  margin-right: 40px;
}
.list .list-complements .large label {
  font-size: 11px;
  font-weight: 300;
  display: block;
}
.list .list-complements .large.warning {
  color: #EB1B33;
}
.list .list-complements .large.ok {
  color: #3FBE70;
}
.list .have-to-create {
  border: 1px solid red;
  margin-bottom: 5px;
}
.list .list-row-large {
  margin: 0 20px;
  border: 1px solid #EEEEEE;
  border-radius: 2px;
  margin-bottom: 8px;
  padding-top: 12px;
  position: relative;
  background-color: #FFFFFF;
}
.list .list-row-large .list-row-header {
  font-size: 18px;
  margin-top: 8px;
  padding: 8px;
  text-transform: uppercase;
}
.list .list-row-large .list-row-header * {
  font-size: 18px;
}
.list .list-row-large.item-is-pay, .list .list-row-large.no-email-set.item-is-pay {
  border: 2px solid #3FBE70;
}
.list .list-row-large.no-email-set, .list .list-row-large.invalid {
  border: 2px solid #EB1B33;
}
.list .list-row-large .list-row-complements {
  font-size: 9px;
  margin-bottom: 8px;
  padding: 0 8px;
  color: #666666;
}
.list .list-row-large .list-row-label {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #EEEEEE;
  font-size: 8px;
  color: #666666;
  border-bottom-right-radius: 2px;
  padding: 2px 4px;
}
.list .list-row-large .list-row-content {
  padding: 20px;
}
.list .list-row-large .list-row-content .warning-email {
  color: #EB1B33;
  font-weight: bold;
}
.list .list-row-large .list-row-footer {
  background-color: #FAFAFA;
  padding: 12px;
}
.list h3 {
  display: block;
  margin: 10px;
  margin-bottom: 4px;
  color: #000000;
}
.list h3 a {
  color: #333333;
}
.list h3 a:hover {
  color: #000000;
}
.list .blocks {
  display: flex;
}
.list .blocks .block {
  margin: 2px;
  padding: 4px;
}
.list .blocks .block .block-title {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 222;
  color: #666666;
  border-bottom: 1px solid #EEEEEE;
  margin-bottom: 2px;
}

.stock-list .stock-item {
  padding: 15px 5px;
}
.stock-list .stock-item .form-input {
  width: fit-content;
  float: left;
}

.users-list .button-navy {
  margin: 2% auto 1% auto !important;
}
.users-list .user-item {
  display: flex;
  align-items: center;
  width: 90%;
  border: 2px solid;
  margin: 2% auto;
  padding: 2% 4%;
  border-radius: 20px;
  justify-content: space-between;
  box-shadow: 0 -5px 8px -5px #CCC;
  color: #1F395F;
  cursor: pointer;
}
.users-list .user-item img {
  height: 60px;
  border-radius: 30px;
  width: 60px;
}
.users-list .user-item .information-user {
  text-align: center;
}
.users-list .user-item .information-user span {
  display: block;
}
.users-list .user-item .information-user span.title {
  font-size: 20px;
  letter-spacing: 1px;
}
.users-list .user-item .information-user span.subtitle {
  font-size: 12px;
}
.users-list .user-item .is-active {
  font-size: 25px;
}
.users-list .user-item:hover {
  background-color: #B4D3FA;
}

input[type=text], input[type=number], input[type=password] {
  width: 100%;
  border: 1px solid #666666;
  color: #333333;
  line-height: 34px;
  height: 34px;
  padding: 0 10px;
  max-width: 100px;
}

td input[type=text], td input[type=number], td input[type=password] {
  max-width: 100%;
  width: 100%;
}
td input[type=text].s, td input[type=text].m, td input[type=text].l, td input[type=text].xl, td input[type=text].xxl, td input[type=text].auto, td input[type=number].s, td input[type=number].m, td input[type=number].l, td input[type=number].xl, td input[type=number].xxl, td input[type=number].auto, td input[type=password].s, td input[type=password].m, td input[type=password].l, td input[type=password].xl, td input[type=password].xxl, td input[type=password].auto {
  max-width: inherit;
  width: 100%;
}

input.s {
  max-width: 50px;
}
input.m {
  max-width: 80px;
}
input.l {
  max-width: 110px;
  min-width: 110px;
}
input.xl {
  max-width: 140px;
  min-width: 140px;
}
input.xxl {
  max-width: 300px;
  min-width: 300px;
}
input.auto {
  max-width: auto;
  min-width: auto;
  width: auto;
}

.form-input {
  display: inline-block;
  line-height: 30px;
  min-height: 45px;
  margin-right: 8px;
}
.form-input > label {
  display: block;
  line-height: 15px;
  font-weight: 300;
  color: #666666;
  margin-right: 4px;
  font-size: 10px;
}
.form-input.block {
  width: 100%;
}
.form-input.seo-optimized label, .form-input.seo-optimized span {
  color: green !important;
  font-weight: bold;
}
.form-input.seo-optimized input, .form-input.seo-optimized .editable {
  border: 2px solid green;
}
.form-input.seo-almost-optimized label, .form-input.seo-almost-optimized span {
  color: orange !important;
  font-weight: bold;
}
.form-input.seo-almost-optimized input, .form-input.seo-almost-optimized .editable {
  border: 2px solid orange;
}
.form-input.seo-not-optimized label, .form-input.seo-not-optimized span {
  color: red !important;
  font-weight: bold;
}
.form-input.seo-not-optimized input, .form-input.seo-not-optimized .editable {
  border: 2px solid red;
}
.form-input.suggestion-to-add {
  background-color: #3FBE70;
  color: #FFFFFF;
}
.form-input > .value {
  display: block;
  line-height: 30px;
  min-height: 30px;
  min-width: 1px;
  font-weight: 600;
  color: #000000;
  margin-right: 4px;
  font-size: 11px;
}
.form-input > .value.bold {
  font-weight: 700;
}
.form-input .flatpickr-input-container .fa-calendar {
  top: 0;
}
.form-input input {
  max-width: 100%;
}

form input[type=file] {
  color: transparent;
}
form .form-row {
  margin-bottom: 10px;
}
form p {
  margin: 0;
}
form label {
  display: block;
  font-weight: normal;
  font-size: 12px;
  color: #333333;
}
form input[type=text], form input[type=password] {
  width: 100%;
}
form .radios label {
  line-height: 31px;
  min-height: 31px;
  color: #333333;
  display: inline-block;
  margin-right: 12px;
  border: 1px solid #DDDDDD;
  border-radius: 2px;
  padding: 0 10px;
}
form .radios input {
  position: relative;
  top: -1px;
  margin-right: 3px;
}
form .editable {
  padding: 0 10px;
  margin: 0;
  border: 1px solid #666666;
  line-height: 34px;
  min-height: 34px;
  color: #333333;
}
form .text-label {
  line-height: 31px;
  display: inline-block;
  width: 100%;
  text-align: center;
}
form .indication {
  font-size: 11px;
  color: #666666;
}

.select2-container {
  vertical-align: top;
}
.select2-container .select2-choice {
  border: 1px solid #DDDDDD;
  height: 34px;
  line-height: 34px;
  background-color: transparent;
  background: none;
  border-radius: 0;
}
.select2-container .select2-choice > .select2-chosen {
  margin-right: 18px;
}
.select2-container.inline {
  min-width: auto;
  width: auto;
}

.difference .select2-container .select2-choice > .select2-chosen {
  color: red;
}

.select2-drop-active {
  border: 1px solid #DDDDDD;
  border-radius: 0;
}

.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #DDDDDD;
  border-top: 1px solid #DDDDDD;
  background-color: transparent;
  background: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #DDDDDD;
}

.select2-container .select2-choice .select2-arrow {
  border-left: none;
  background-color: transparent;
  background: none;
}
.select2-container .select2-choice .select2-arrow b {
  background-position-y: 3px;
}

.dtp {
  position: relative;
  min-width: 148px;
  white-space: nowrap;
}
.dtp.inline {
  display: inline-block;
}
.dtp .dtp-date {
  border-right: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  width: 85px;
}
.dtp .dtp-hours {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  width: 40px;
  padding-left: 6px;
  padding-right: 0;
}
.dtp .dtp-minutes {
  width: 40px;
  border-left: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding-left: 6px;
  padding-right: 0;
}
.dtp .hm-separator {
  position: absolute;
  right: 36px;
  top: -1px;
  font-size: 10px;
}

.flatpickr-input-container {
  position: relative;
  margin-right: 2%;
}
.flatpickr-input-container .flatpickr-input, .flatpickr-input-container .ember-flatpickr-input {
  width: 309px;
  border-radius: 10px;
}
.flatpickr-input-container .fa-calendar {
  position: absolute;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 15px;
  right: 3%;
}

.dashboard-filters-line.center-items {
  text-align: center;
  justify-content: center;
}
.dashboard-filters-line .form-input {
  width: 20%;
}
.dashboard-filters-line .form-input .flatpickr-input-container .flatpickr-input, .dashboard-filters-line .form-input .flatpickr-input-container .ember-flatpickr-input {
  width: 100%;
  display: inline-block;
  max-width: 100%;
}
.dashboard-filters-line .button-navy.search-booking-stats {
  height: 30px !important;
  width: 20%;
  font-size: 15px;
  margin: 0.7% 0 0 0;
  line-height: 0;
}

.form-input label, .form-group label {
  letter-spacing: 1px;
  margin-bottom: 5px;
  font-family: "Futura";
  font-weight: 500;
}
.form-input label.label-s, .form-group label.label-s {
  font-size: 10px;
}
.form-input label.label-m, .form-group label.label-m {
  font-size: 13px;
}
.form-input label.label-l, .form-group label.label-l {
  font-size: 17px;
}
.form-input label.label-xl, .form-group label.label-xl {
  font-size: 25px;
}

.form-group label {
  display: block;
}

.toolbar {
  position: absolute;
  top: -30px;
  left: 0;
  width: 485px;
}
.toolbar.active {
  display: block;
}
.toolbar .toolbar-items {
  letter-spacing: -0.31em;
  border-radius: 30px;
  width: fit-content;
  overflow: hidden;
  margin: 0 auto;
}
.toolbar .toolbar-items button {
  margin: 0;
  border: none;
  border-radius: initial;
  box-shadow: none;
  display: inline-block;
  color: #FFFFFF;
  background-color: #666666;
  font-weight: 100;
  height: 30px;
  width: 30px;
  line-height: 15px;
  padding: 2%;
  border-right: 1px solid #FCFCFC;
}
.toolbar .toolbar-items button:hover {
  color: #FFCE00;
  background-color: #333333;
}
.toolbar .toolbar-items span, .toolbar .toolbar-items i {
  color: #FFFFFF !important;
}
.toolbar .link-dialog {
  position: relative;
  width: 50%;
  margin: 0 auto;
  border: 1px solid #FFFFFF;
}
.toolbar .link-dialog .ember-text-field {
  color: #FFFFFF;
  background: #666666;
  padding-right: 17%;
  max-width: 100%;
}
.toolbar .link-dialog .ember-text-field::placeholder {
  color: #FFFFFF;
}
.toolbar .link-dialog .check-link, .toolbar .link-dialog .cancel-link {
  border: none;
  position: absolute;
  right: 0;
  margin: 0;
  box-shadow: none;
  background: none;
  font-size: 15px;
  top: 0;
  background: #666666;
}
.toolbar .link-dialog .check-link {
  right: 10%;
}
.toolbar .link-dialog i {
  color: #FFFFFF;
}

.editor-custom-by-andrew {
  position: relative;
}
.editor-custom-by-andrew .link-href {
  position: absolute;
  margin: 0 auto;
  min-width: 20%;
  text-align: center;
  padding: 2%;
  position: absolute;
  background: #333333;
  color: #FFFFFF;
  border-radius: 15px;
  left: 0;
  right: 0;
  top: -12%;
  font-weight: 100;
}
.editor-custom-by-andrew .editable-textarea {
  border: 1px solid #CCC;
  padding: 12px;
  border-radius: 10px;
  min-height: 150px;
}
.editor-custom-by-andrew .editable-textarea.small-mce {
  min-height: 100px;
}
.editor-custom-by-andrew .editable-textarea.new-message-body {
  border-radius: 0;
  min-height: 50px;
}

.s3-file-uploader {
  width: 300px;
}

.s3-file-uploader::file-selector-button {
  font-size: 15px;
  width: 175px;
  height: 35px !important;
  letter-spacing: 1px;
  border-radius: 10px;
  cursor: pointer;
  font-family: "Futura";
  background-color: #FF6C00;
  color: #FCFCFC;
  box-shadow: 0px 0px 15px #F1F2F6;
  border: 1px solid #CCC;
}

.svi-question h1 {
  position: relative;
}
.svi-question h1 .btn-save {
  position: absolute;
  right: 0;
}
.svi-question .form-group label {
  font-size: 13px;
  color: #1F395F;
}

.svi-category-list .svi-category-list-header-menu .xl {
  max-width: 100%;
  min-width: 45%;
  width: 45%;
  margin: 1% auto;
  display: block;
  border-radius: 10px;
}
.svi-category-list .svi-category-list-header-menu .list-input-header {
  display: flex;
  align-items: center;
  justify-content: center;
}
.svi-category-list .svi-category-list-header-menu .list-input-header .select-2-container {
  width: 15%;
}
.svi-category-list .svi-category-list-header-menu .button-navy {
  margin: 1% auto;
}
.svi-category-list .svi-category-list-header-menu .actions-button-provider {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 50%;
  margin: 0 auto;
}
.svi-category-list .svi-category-list-header-menu .actions-button-provider .btn-pink {
  background-color: #FF0094;
  color: #FFFFFF;
}
.svi-category-list .svi-category-list-header-menu .actions-button-provider .btn-pink:hover {
  color: #FF0094 !important;
  background-color: #FFCCE9;
}
.svi-category-list .svi-category-list-header-menu .actions-button-provider .btn-pink, .svi-category-list .svi-category-list-header-menu .actions-button-provider .button-navy {
  font-size: 20px;
  width: 50%;
  display: block;
  height: 50px !important;
  letter-spacing: 1px;
  border-radius: 10px;
  margin: 1%;
  line-height: 40px;
  text-align: center;
}
.svi-category-list .paginator {
  padding: 1% 5%;
}

.table-design-pink thead {
  background-color: #FF0094;
  color: #F9F9F9;
  border: none;
}
.table-design-pink thead th {
  vertical-align: middle;
  min-width: 80px;
}
.table-design-pink th, .table-design-pink td {
  text-align: center;
}
.table-design-pink .table-row {
  height: 50px;
  vertical-align: middle;
  border-bottom: 2px solid #1F395F;
  color: #1F395F;
  background-color: #F9F9F9;
  font-weight: bold;
}
.table-design-pink .table-row.highlight {
  background-color: #FFCCE9 !important;
}
.table-design-pink .table-row:hover {
  background-color: #B4D3FA;
}

.svi-category .form-block .form-input, .svi-category .form-block .form-group {
  margin-bottom: 20px;
}
.svi-category .table-row td {
  font-size: 12px;
}
.svi-category .actions button {
  display: block;
  width: 100%;
  margin: 3% 0;
}
.svi-category .actions button i {
  position: initial;
  margin-right: 5px;
}

.user-detail h1 {
  text-align: center;
  letter-spacing: 3px;
  font-size: 35px;
  color: #FF0094;
}
.user-detail h2 {
  letter-spacing: 1px;
  font-weight: 500;
  font-family: "Futura";
  padding-bottom: 10px;
  color: #1F395F;
}
.user-detail .user-informations-detail {
  padding: 1% 12px;
}
.user-detail .user-informations-detail .toggle {
  position: relative;
}
.user-detail .user-informations-detail .toggle .label-toggle-user {
  font-size: 17px;
  color: #1F395F;
}
.user-detail .user-informations-detail .toggle .x-toggle-component {
  position: absolute;
  top: 0;
  right: 0;
}
.user-detail .user-informations-detail .btn-save {
  width: 100%;
}
.user-detail .user-image-center .container {
  height: 500px;
  display: flex;
  align-items: center;
}
.user-detail .user-image-center .container .img-user {
  width: 400px;
  height: 400px;
  display: block;
  margin: 0 auto;
  border-radius: 200px;
}
.user-detail .user-links .form-input {
  width: 80%;
}
.user-detail .user-links .button-navy {
  display: inline-block;
  font-size: 14px;
  width: 17%;
  height: 30px !important;
  margin: 0;
  vertical-align: text-bottom;
}

.page-container .form-input, .page-container .form-group {
  margin: 2% 0;
}
.page-container .form-input .label-l, .page-container .form-group .label-l {
  color: #1F395F;
  margin-bottom: 15px;
}
.page-container .form-input .input-user-content, .page-container .form-group .input-user-content {
  max-width: 100%;
  border-radius: 10px;
  height: 45px;
  line-height: 45px;
}
.page-container .relative-title {
  position: relative;
}
.page-container .relative-title .button-navy {
  position: absolute;
  left: 6px;
  margin: 0;
  font-size: 14px;
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-container .relative-title .button-navy i {
  margin-right: 5px;
}
.page-container .plain-content-button .button-navy {
  margin: 2% auto;
  width: 100%;
  font-size: 13px;
  height: 35px !important;
}
.page-container .plain-content-button .warning {
  width: 100%;
}

.contact-page-detail .col-1-2 {
  padding: 2%;
}
.contact-page-detail .col-1-2 .contact-detail {
  border-radius: 5px;
  padding: 2% 3%;
  margin-bottom: 30px;
  border: 1px solid #F1F2F6;
  background-color: #FCFCFC;
  box-shadow: 10px 10px 15px #CCC;
}
.contact-page-detail .col-1-2 .contact-detail .logo-body-contact {
  margin: 10px auto;
}
.contact-page-detail .col-1-2 .contact-detail .logo-body-contact i {
  font-size: 30px;
  color: #FF0094;
}
.contact-page-detail .col-1-2 .contact-detail .body-contact {
  font-family: "Lucida Grande";
  font-size: 15px;
  margin-bottom: 2%;
  font-weight: 100;
}
.contact-page-detail .col-1-2 .contact-detail .informations-contact {
  position: relative;
}
.contact-page-detail .col-1-2 .contact-detail .from-entity {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: right;
}
.contact-page-detail .col-1-2 .contact-detail .from-entity span {
  display: block;
}
.contact-page-detail .col-1-2 .contact-detail .from-entity .main-span {
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #FF0094;
  font-weight: bold;
}
.contact-page-detail .col-1-2 .contact-detail .name-contact span {
  display: block;
}
.contact-page-detail .col-1-2 .contact-detail .name-contact .main-span {
  font-size: 14px;
  letter-spacing: 2px;
  color: #FF0094;
  font-weight: bold;
}
.contact-page-detail .col-1-2 .toggle {
  position: relative;
}
.contact-page-detail .col-1-2 .toggle .label-toggle-user {
  font-size: 17px;
  color: #1F395F;
}
.contact-page-detail .col-1-2 .toggle .x-toggle-component {
  position: absolute;
  top: 0;
  right: 0;
}
.contact-page-detail .col-1-2 .btn-save {
  width: 100%;
  margin: 2% auto;
  display: block;
}

.assign-quote-container .assign-quote-header {
  width: 100% !important;
}
.assign-quote-container .assign-quote-header .justify-content-around {
  justify-content: space-around;
}
.assign-quote-container .assign-quote-header .date-selector {
  width: 170px !important;
  min-width: 170px !important;
}
.assign-quote-container .assign-quote-header .date-selector .flatpickr-input {
  max-width: 100%;
}
.assign-quote-container .assign-quote-header .customer-search {
  max-width: 180px;
  min-width: 180px;
  border-radius: 10px;
}
.assign-quote-container .assign-quote-header .ember-power-select-multiple-trigger {
  line-height: 34px !important;
}
.assign-quote-container .assign-quote-header .big-input {
  width: 200px !important;
  margin-right: 5px;
}
.assign-quote-container .assign-quote-header .big-input .ember-power-select-trigger {
  line-height: 32px !important;
}
.assign-quote-container .assign-quote-header .search-assignation {
  display: flex;
  align-items: center;
}
.assign-quote-container .empty-list-voyages {
  width: 100%;
  text-align: center;
}
.assign-quote-container .empty-list-voyages img {
  margin-top: 3%;
}
.assign-quote-container .empty-list-voyages span {
  display: block;
  font-size: 3em;
  margin-top: 3%;
  font-family: "Futura";
  text-transform: uppercase;
  letter-spacing: 2px;
}
.assign-quote-container .table-design-pink .table-row {
  cursor: default;
}
.assign-quote-container .table-design-pink .primary {
  background: #4F1091 !important;
  border: 1px solid #4F1091 !important;
}
.assign-quote-container .table-design-pink td a, .assign-quote-container .table-design-pink td a:hover {
  color: #1F395F !important;
  font-weight: bold;
  text-transform: capitalize;
}
.assign-quote-container .table-design-pink button {
  border-radius: 25px;
  margin: 5px 1px;
}

.card {
  border: 1px solid #EEEEEE;
  border-radius: 3px;
  position: relative;
  padding-top: 10px;
  background-color: #FFFFFF;
}
.card .card-title {
  font-size: 24px;
  padding: 8px;
  text-transform: uppercase;
}
.card .card-title * {
  font-size: 24px;
}
.card .card-complements {
  font-size: 9px;
  margin-bottom: 8px;
  padding: 0 8px;
  color: #666666;
}
.card .card-complements .large {
  display: inline-block;
  font-size: 24px;
  font-weight: 800;
  margin-right: 40px;
}
.card .card-complements .large label {
  font-size: 11px;
  font-weight: 300;
  display: block;
}
.card .card-complements .large.warning {
  color: #EB1B33;
}
.card .card-complements .large.ok {
  color: #3FBE70;
}
.card .card-label {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #EEEEEE;
  font-size: 8px;
  color: #666666;
  border-bottom-right-radius: 3px;
  padding: 2px 4px;
}
.card .card-content {
  padding: 20px;
}
.card .card-footer {
  background-color: #FAFAFA;
  padding: 12px;
}

.template div {
  float: left;
}
.template input {
  max-width: none !important;
}

.customer-coupon-item {
  border: 1px solid #BABABA;
  border-radius: 10px;
  padding: 3% 5%;
  background: #FFFFFF;
  box-shadow: 0px 0px 15px #F1F2F6;
}
.customer-coupon-item .informations-amount {
  text-align: center;
  display: block;
}
.customer-coupon-item .informations-amount a {
  color: #FF0094;
}
.customer-coupon-item .actions-unlinked-coupon button {
  display: inline-block;
}
.customer-coupon-item button {
  margin: 2% auto;
  display: block;
  box-shadow: none;
}

.dashboard-2-todo {
  display: flex;
  align-items: center;
  margin: 2% 0;
  width: 100%;
}

.dashboard-2-todo-card:hover {
  color: #1F395F !important;
}

.dashboard-2-todo-card {
  display: flex;
  max-width: 240px;
  width: -webkit-fill-available;
  padding: 1%;
  margin-right: 2%;
  border-radius: 8px;
  background: #FFFFFF;
  font-weight: bold;
  font-size: 13px;
  text-decoration: none;
  color: #1F395F;
  box-shadow: 0 0 0 1px #F1F2F6;
}
.dashboard-2-todo-card .icon {
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background: #FFFFFF;
  border: 1px solid #1F395F;
}
.dashboard-2-todo-card .icon i {
  font-size: 20px;
}
.dashboard-2-todo-card .status {
  margin-left: 6%;
  flex-direction: column;
  justify-content: center;
}
.dashboard-2-todo-card.active {
  background: #CCE5FF;
  color: #1F395F;
}
.dashboard-2-todo-card.active .icon {
  border: none;
}
.dashboard-2-todo-card span {
  display: block;
}
.dashboard-2-todo-card div {
  display: flex;
}
.dashboard-2-todo-card a:hover, .dashboard-2-todo-card a:focus {
  color: #1F395F !important;
}

table {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  border-spacing: 0;
  border-collapse: collapse;
  background-color: transparent;
  box-sizing: inherit;
}
table tr.clickable {
  cursor: pointer;
  background-color: #F9F9F9;
}
table tr.clickable:hover {
  background-color: #EEEEEE;
}

.table-row {
  display: table-row;
  cursor: pointer;
  background-color: #F9F9F9;
  color: #000000;
}
.table-row:hover {
  background-color: #EEEEEE;
}

.table-row-contents {
  display: table-row;
  display: contents;
  cursor: pointer;
  background-color: #F9F9F9;
  color: #000000;
}
.table-row-contents:hover {
  background-color: #EEEEEE;
}

.package-row {
  display: block;
  line-height: 40px;
  font-size: 18px;
  background-color: #F9F9F9;
  cursor: pointer;
  border-bottom: 1px solid;
  color: #000000;
}
.package-row:hover {
  background-color: #EEEEEE;
}
.package-row .package-item {
  font-size: 13px;
  padding: 5px;
}
.package-row .online {
  background-color: #A3DBA1;
}
.package-row .online:hover {
  background-color: #EEEEEE;
}
.package-row .offline {
  background-color: #FDB6B6;
}
.package-row .offline:hover {
  background-color: #EEEEEE;
}

table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #EEEEEE;
}

table td, table th {
  line-height: 1.5;
  vertical-align: center;
  border-top: 1px solid #EEEEEE;
  line-height: 30px;
}

th {
  text-align: left;
}

td, th {
  padding: 0;
}
td.error-edited-balances span, th.error-edited-balances span {
  color: red;
}

.table-big {
  width: 100%;
  table-layout: fixed;
}
.table-big td, .table-big th {
  width: 80px;
}

.table-container table {
  width: 100%;
}

.scroll-container {
  max-height: 500px;
  overflow-y: scroll;
}

.princing-rules-table thead th {
  text-align: center;
}
.princing-rules-table tbody tr:hover {
  background-color: #FFCCE9;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-striped-invoices thead {
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.table-striped-invoices tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.table-striped-invoices tbody .provider-reference {
  width: 90%;
  border-radius: 10px;
  border: 1px solid #1F395F;
}
.table-striped-invoices tbody .cursor-pointer {
  cursor: pointer !important;
}
.table-striped-invoices tbody .provider-legalname {
  display: block;
  font-weight: bold;
  text-transform: capitalize;
  font-size: 13px;
  letter-spacing: 1px;
  color: #1F395F;
}
.table-striped-invoices tbody button {
  border-radius: 20px;
  padding: 5px 10px;
}

.style-cavalier h1 {
  font-size: 27px;
}
.style-cavalier h1, .style-cavalier h2 {
  border-bottom: 1px solid #CCC;
  padding-bottom: 5px;
  font-family: "Futura";
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
}
.style-cavalier button {
  width: 30%;
  font-size: 22px;
  padding: 15px;
  display: block;
  margin: 0 auto;
  border-radius: 30px;
}
.style-cavalier table {
  width: 90%;
  margin: 2em auto;
}
.style-cavalier table td {
  height: 130px;
  width: 100px;
  border: 2px solid black;
  text-align: center;
  font-size: 30px;
}
.style-cavalier p {
  padding: 20px;
  font-size: 22px;
  font-family: "Futura";
}
.style-cavalier .popup-alert {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  backdrop-filter: blur(5px);
}
.style-cavalier .popup-alert img {
  display: block;
  margin: 15% auto 3% auto;
}
.style-cavalier .popup-alert span {
  font-size: 30px;
  display: block;
  text-align: center;
}
.style-cavalier .author {
  text-align: center;
  display: block;
  color: #BABABA;
  margin-bottom: 1em;
  font-family: "Futura";
  font-style: italic;
}

.drive-selector-export h4, .page-container h4 {
  font-size: 35px;
  text-align: center;
  font-family: "Futura";
  letter-spacing: 1px;
  margin: 15px;
}
@media screen and (max-width: 450px) {
  .drive-selector-export h4, .page-container h4 {
    font-size: 20px;
  }
}
.drive-selector-export .drive-selector-attributs, .page-container .drive-selector-attributs {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.drive-selector-export .drive-selector-attributs .flatpickr-input-container, .page-container .drive-selector-attributs .flatpickr-input-container {
  width: 309px;
}
.drive-selector-export .drive-selector-attributs .flatpickr-input-container .flatpickr-input, .page-container .drive-selector-attributs .flatpickr-input-container .flatpickr-input {
  min-width: 309px;
}
@media screen and (max-width: 450px) {
  .drive-selector-export .drive-selector-attributs .flatpickr-input-container .flatpickr-input, .page-container .drive-selector-attributs .flatpickr-input-container .flatpickr-input {
    height: 40px;
    margin-bottom: 4%;
  }
}
@media screen and (max-width: 450px) {
  .drive-selector-export .drive-selector-attributs .flatpickr-input-container .fa-calendar, .page-container .drive-selector-attributs .flatpickr-input-container .fa-calendar {
    display: none;
  }
}
@media screen and (max-width: 450px) {
  .drive-selector-export .drive-selector-attributs .flatpickr-input-container, .page-container .drive-selector-attributs .flatpickr-input-container {
    margin: 0 auto;
    display: block;
    float: none;
  }
}
.drive-selector-export .drive-selector-attributs .box-size-drive.next-to-item, .page-container .drive-selector-attributs .box-size-drive.next-to-item {
  min-width: 200px;
  margin-right: 2%;
}
.drive-selector-export .drive-selector-attributs .box-size-drive input, .page-container .drive-selector-attributs .box-size-drive input {
  border-radius: 10px;
}
@media screen and (max-width: 450px) {
  .drive-selector-export .drive-selector-attributs .box-size-drive input, .page-container .drive-selector-attributs .box-size-drive input {
    height: 40px;
  }
}
@media screen and (max-width: 450px) {
  .drive-selector-export .drive-selector-attributs .box-size-drive, .page-container .drive-selector-attributs .box-size-drive {
    width: 309px !important;
    margin: 1% auto 3% auto;
    float: none;
  }
}
.drive-selector-export .drive-selector-attributs .ember-power-select-trigger, .page-container .drive-selector-attributs .ember-power-select-trigger {
  width: 200px;
}
@media screen and (max-width: 450px) {
  .drive-selector-export .drive-selector-attributs, .page-container .drive-selector-attributs {
    display: block;
  }
}
.drive-selector-export .button-navy, .page-container .button-navy {
  font-size: 30px;
  width: 45%;
  margin: 5% auto 1% auto;
  display: block;
  height: 50px !important;
  letter-spacing: 1px;
  border-radius: 10px;
}
.drive-selector-export .button-navy.full-size, .page-container .button-navy.full-size {
  width: 100%;
  margin: 1% auto;
  font-size: 17px;
}
@media screen and (max-width: 450px) {
  .drive-selector-export .button-navy, .page-container .button-navy {
    width: 93%;
    font-size: 15px;
  }
}
.drive-selector-export .city-picture, .page-container .city-picture {
  width: 60%;
  margin: 20px auto;
  display: block;
  max-height: 550px;
}
@media screen and (max-width: 450px) {
  .drive-selector-export .city-picture, .page-container .city-picture {
    width: 90%;
  }
}
.drive-selector-export.export-transactions .drive-selector-attributs .flatpickr-input-container, .page-container.export-transactions .drive-selector-attributs .flatpickr-input-container {
  width: 230px;
}
.drive-selector-export.export-transactions .drive-selector-attributs .flatpickr-input-container .flatpickr-input, .page-container.export-transactions .drive-selector-attributs .flatpickr-input-container .flatpickr-input {
  min-width: 230px;
}
.drive-selector-export.export-transactions .drive-selector-attributs .flatpickr-input-container .fa-calendar, .page-container.export-transactions .drive-selector-attributs .flatpickr-input-container .fa-calendar {
  top: 0;
}

.page-container .center-main-hold-button {
  text-align: center;
}
.page-container .center-main-hold-button .warning {
  width: 25%;
  font-size: 20px;
  letter-spacing: 1px;
}
.page-container .attributs .button-navy {
  margin: 2% auto 1% auto;
  background-color: #1F395F;
  color: #FFFFFF;
  border-radius: 10px;
}
.page-container .attributs input {
  min-width: 400px;
  border-radius: 10px;
  margin: 2% auto;
  display: block;
  height: 50px;
}

.exchange-rates-container .button-navy {
  margin: 1% auto;
}
.exchange-rates-container .exchange-rate-list th {
  text-align: center;
  font-family: "Futura";
  border: none;
}
.exchange-rates-container .exchange-rate-list th.big-title {
  font-size: 20px;
  letter-spacing: 2px;
}
.exchange-rates-container .exchange-rate-list td .ember-power-select-trigger {
  width: 70%;
  margin: 0 auto;
}
.exchange-rates-container .exchange-rate-list td .currency-input-container {
  margin: 0 auto;
  width: 30%;
  display: block;
}
.exchange-rates-container .exchange-rate-list td .currency-input-container input {
  text-align: center;
  border-radius: 10px;
  height: 28px;
  font-size: 12px;
}
.exchange-rates-container .exchange-rate-list td .currency-input-container .currency-symbol {
  display: inline-block;
  position: absolute;
  left: 10px;
  font-size: 12px;
  top: auto;
}
.exchange-rates-container .exchange-rate-list td.actions {
  text-align: center;
}
.exchange-rates-container .exchange-rate-list td.actions .btn-save {
  border-radius: 10px;
}
.exchange-rates-container .exchange-rate-list td.actions .btn-remove {
  border-radius: 20px;
  padding: 5px 12px;
  margin-left: 5%;
  background-color: #BB0A1E;
  color: #FFFFFF;
  font-weight: bold;
}
.exchange-rates-container .exchange-rate-list td.actions .btn-remove:hover {
  background-color: #EB1B33;
}

.pricing-rules-container .table-wrapper {
  position: relative;
  width: 75%;
  margin: 0 auto;
}
.pricing-rules-container .table-scroll {
  height: 100px;
  overflow: auto;
  margin-top: 20px;
}
.pricing-rules-container .table-wrapper table {
  width: 100%;
}
.pricing-rules-container .table-wrapper table td {
  text-align: center;
}
.pricing-rules-container .button-navy {
  margin: 1% auto 1% auto;
}
.pricing-rules-container .princing-rules-table .actions {
  text-align: center;
}
.pricing-rules-container .princing-rules-table .actions .btn-save {
  border-radius: 10px;
}
.pricing-rules-container .princing-rules-table .actions .btn-remove {
  border-radius: 20px;
  padding: 5px 12px;
  margin-left: 5%;
  background-color: #BB0A1E;
  color: #FFFFFF;
  font-weight: bold;
}
.pricing-rules-container .princing-rules-table .actions .btn-remove:hover {
  background-color: #EB1B33;
}

.entity-detail .list {
  background-color: #FFFFFF;
  border: none;
}
.entity-detail .header-entity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3em;
}
.entity-detail .header-entity img {
  width: 15%;
}
.entity-detail .header-entity h1 {
  font-size: 35px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #FF0094;
  font-family: "Futura";
}
.entity-detail .header-entity .background {
  border-radius: 10px;
}
.entity-detail h2 {
  margin: 0 0 2% 0;
  border-bottom: 0;
  color: #1F395F;
  font-weight: bold;
  text-align: center;
}
.entity-detail .form-block .form-input input {
  border: none;
  border-bottom: 1px solid #BABABA;
  padding: 0;
  border-radius: 0 !important;
}
.entity-detail .create-proposed-destination .ember-power-select-trigger {
  width: 100%;
}
.entity-detail .create-proposed-destination .button-navy {
  font-size: 15px;
  width: 100%;
  margin: 2% 0;
  height: 35px !important;
}
.entity-detail .proposed-destination-list .proposed-destination-item {
  border: 2px solid #BABABA;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border-radius: 40px;
  margin-bottom: 1em;
  box-shadow: 0px 0px 15px #F1F2F6;
  color: #FF0094;
}
.entity-detail .proposed-destination-list .proposed-destination-item img {
  width: 30px;
  height: 30px;
  border-radius: 30px;
}
.entity-detail .proposed-destination-list .proposed-destination-item span {
  font-size: 15px;
  letter-spacing: 1px;
  font-weight: bold;
  text-transform: capitalize;
}
.entity-detail .proposed-destination-list .proposed-destination-item:hover {
  color: #FF0094 !important;
  border: 2px solid #FF0094;
}
.entity-detail .create-top-destination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1em;
}
.entity-detail .create-top-destination .ember-power-select-trigger {
  width: 60%;
}
.entity-detail .create-top-destination input {
  width: 50px;
  border: none;
  border-bottom: 1px solid #BABABA;
}
.entity-detail .create-top-destination .button-navy {
  font-size: 15px;
  margin: 0;
  display: inline-block;
  width: fit-content;
  height: 35px !important;
}
.entity-detail .top-destination-list .top-destination-item {
  border: none;
}
.entity-detail .top-destination-list .top-destination-item a, .entity-detail .top-destination-list .top-destination-item a:hover {
  color: #1F395F !important;
  font-weight: bold;
  letter-spacing: 1px;
}
.entity-detail .top-destination-list .top-destination-item td {
  border: none;
}
.entity-detail .top-destination-list .top-destination-item td input {
  width: 50px;
  border: none;
  border-bottom: 1px solid #BABABA;
}
.entity-detail .top-destination-list .top-destination-item td .button {
  border-radius: 20px;
}
.entity-detail .top-destination-list .top-destination-item td .button.reset {
  background-color: red;
  color: #FFFFFF;
}

.quote-controls-fixed-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background-color: #FFFFFF;
  box-shadow: 0 -5px 8px -5px #CCC;
  border-left: 1px solid #EEEEEE;
  border-right: 1px solid #EEEEEE;
  padding: 20px;
  max-height: 250px;
  overflow: scroll;
}

.is-option-table {
  margin-left: 30px;
}

.has-differences-planes {
  background-color: rgba(251, 2, 2, 0.4) !important;
}

.quote-prestation {
  position: relative;
}
.quote-prestation.invalid, .quote-prestation.invalid.incoherent-booking {
  border: 3px solid #EB1B33;
}
.quote-prestation.is_option {
  margin-left: 85px !important;
}
.quote-prestation.incoherent-booking {
  border: 1px solid #FF6C00;
}
.quote-prestation.has-differences {
  background-color: rgba(251, 2, 2, 0.4);
}
.quote-prestation .difference {
  font-weight: bold;
  color: red;
}
.quote-prestation .missing-options {
  background-color: purple;
  color: #FFFFFF;
}
.quote-prestation .delete-button {
  position: absolute;
  top: -10px;
  right: -10px;
  border-radius: 50%;
  background-color: #EB1B33;
  color: #FFFFFF;
  height: 20px;
  width: 20px;
  padding: 0;
  margin: 0;
}
.quote-prestation .delete-button:hover {
  background-color: rgb(237.0564516129, 50.4435483871, 71.9758064516);
}

.card .card-content.quote-content {
  padding-bottom: 300px;
}

.price-difference {
  color: orange;
}

.clock-expired {
  color: red;
}

.booking .booking-pricing {
  display: inline-block;
  padding: 20px;
  margin: 10px;
  border: 1px solid #EEEEEE;
}
.booking .booking-pricing .booking-pricing-provider {
  font-size: 13px;
}
.booking .booking-pricing .booking-pricing-price {
  font-size: 22px;
}
.booking .booking-pricing .booking-pricing-price div {
  display: inline-block;
}
.booking .booking-pricing .booking-pricing-price span {
  font-size: 8px;
}

.booking-method .form-input.block {
  width: 45%;
}

.booking-method-2 {
  width: 70%;
  float: left;
  margin: 10px 0;
}
.booking-method-2 .form-input.block {
  width: 45%;
}

.bookings-to-check {
  color: #54C6FF;
}

.card .card-footer.customer-visible {
  background-color: #FFFDCA;
}

.card-footer .increase-invoice-list {
  margin-top: 2%;
}

.booking-provider-involved {
  padding: 8px;
  margin-bottom: 20px;
  border: 1px solid #EEEEEE;
}
.booking-provider-involved .booking-provider-involved-header {
  margin-bottom: 10px;
}
.booking-provider-involved .selected-prestation-booking {
  padding: 8px;
  border: 1px solid #EEEEEE;
  margin: 0 20px;
}

.timeline-booking {
  margin: 20px 10px;
  padding: 10px;
  border: 1px solid #EEEEEE;
}

.selected-booking {
  margin: 20px 0;
  background-color: #3FBE70;
  padding: 10px;
}

.bookings-table tr {
  border: 1px solid transparent;
  border-bottom: 1px solid;
}
.bookings-table tr.selected {
  background-color: rgba(167, 255, 176, 0.3);
}
.bookings-table td {
  padding: 4px;
  border: 0;
}
.bookings-table .rowspan-td {
  border-right: 1px solid;
}
.bookings-table th {
  padding: 0px 4px;
}

tr.need-booker {
  background-color: rgba(80, 227, 194, 0.1);
}

.booking-prestation-row {
  margin-top: 10px;
}

.booking-quote-prestation-row .difference {
  font-weight: bold;
  color: red;
}

.booking-row-item-row td {
  text-align: center;
}

.booking-header th {
  text-align: center;
}
.booking-header .booking-header-name {
  width: 90px;
}
.booking-header .booking-header-increase-name {
  width: 195px;
}
.booking-header .booking-header-departure {
  width: 100px;
}
.booking-header .booking-header-arrival {
  width: 100px;
}
.booking-header .booking-header-date {
  width: 100px;
}
.booking-header .booking-header-order {
  width: 50px;
}
.booking-header .booking-header-provider {
  width: 130px;
}
.booking-header .booking-header-buying-price {
  width: 120px;
}
.booking-header .booking-header-participants {
  width: 50px;
}
.booking-header .booking-header-total-price {
  width: 120px;
}
.booking-header .booking-header-conditions {
  width: 120px;
}
.booking-header .booking-header-state {
  width: 130px;
}
.booking-header .booking-header-updated-at {
  width: 100px;
}

.info-to-do-list {
  display: block;
  overflow: hidden;
}
.info-to-do-list span {
  margin-left: 30px;
}
.info-to-do-list .header-to-do-list {
  margin-bottom: 20px;
}
.info-to-do-list table {
  width: 20%;
  text-align: center;
  float: left;
}
.info-to-do-list table th {
  text-align: center;
  border: 1px solid;
}
.info-to-do-list table td {
  border: 1px solid;
}
.info-to-do-list table td a {
  width: 100%;
  display: block;
  color: #000000;
}

.accepted-bookings-provider .accepted-by-provider {
  float: left;
  padding-left: 2%;
}
.accepted-bookings-provider .accepted-by-provider button {
  margin-top: 5%;
  display: block;
}
.accepted-bookings-provider h3 {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 3%;
}

.accepted-bookings-provider:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}

.message-provider-accepted {
  margin-top: 5%;
  padding-left: 2%;
}

.form-message .subject-message {
  width: 100% !important;
  max-width: 100% !important;
  display: block;
}
.form-message .button.active {
  background: #FF0094;
}

.toggle-roadmap-needed button {
  color: #FFFFFF;
  border: none;
  border-radius: 5px;
  margin-right: 5px;
}
.toggle-roadmap-needed button.needed {
  background: green;
}
.toggle-roadmap-needed button.not-needed {
  background: red;
}

.toggle-booking-section {
  margin: 2% 0;
}
.toggle-booking-section h3 {
  margin: 2% 0;
}

.toggle-confirmation-section button {
  margin-bottom: 5px;
}

.idea {
  background-color: #F6F6F6;
  border-bottom: 1px solid #EEEEEE;
}
.idea .quote-status {
  font-size: 13px;
}
.idea .idea-destination {
  padding: 20px;
  background-color: #666666;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 100;
}
.idea .idea-destination label {
  font-size: 9px;
  color: #CCC;
  display: block;
}
.idea .idea-general {
  padding: 20px;
  font-size: 11px;
  color: #999;
}
.idea .idea-general input {
  font-size: 11px;
}
.idea .idea-selected-item {
  background-color: #FCFCFC;
  padding: 20px;
  color: #333333;
  border-bottom: 1px solid #EEEEEE;
}

.quote-booking, .quote-payment {
  background-color: #F6F6F6;
  border-radius: 2px;
  padding: 8px;
  margin: 4px 4px;
  font-size: 11px;
}
.quote-booking a, .quote-payment a {
  color: #333333;
  text-decoration: none;
}

.voyage-list-item.approaching {
  background-color: rgba(70, 74, 255, 0.1);
}
.voyage-list-item .warning {
  color: red;
}
.voyage-list-item a {
  color: #000000;
}

.voyage-list-item-2 {
  display: block;
  padding: 3%;
  box-shadow: 0px 0px 15px #F6F6F6;
  border-radius: 7px;
  display: flex;
  align-items: center;
  color: #000000;
  margin-top: 6%;
  border: 1px solid #DADADA;
  height: 85px;
}
@media screen and (min-width: 450px) {
  .voyage-list-item-2 {
    margin-right: 2%;
    margin-top: 3%;
  }
}
.voyage-list-item-2 .unread-messages {
  color: #F1F2F6;
}
.voyage-list-item-2 .unread-messages.messages-customer {
  color: #3FBE70;
}
.voyage-list-item-2 .unread-messages.messages-provider {
  color: #FFB3E8;
}
.voyage-list-item-2 .unread-messages.messages-other {
  color: #000000;
}
.voyage-list-item-2 .unread-messages.messages-customer-provider {
  background: -webkit-linear-gradient(0deg, #3FBE70 50%, #FFB3E8 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: none;
}
.voyage-list-item-2 .unread-messages.messages-customer-other {
  background: -webkit-linear-gradient(0deg, #3FBE70 50%, #000000 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: none;
}
.voyage-list-item-2 .unread-messages.messages-provider-other {
  background: -webkit-linear-gradient(0deg, #FFB3E8 50%, #000000 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: none;
}
.voyage-list-item-2 .unread-messages.messages-customer-provider-other {
  background: -webkit-linear-gradient(0deg, #3FBE70 0, #3FBE70 33%, #FFB3E8 33%, #FFB3E8 66%, #000000 66%, #000000 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: none;
}
.voyage-list-item-2 .voyage-list-item-2-state {
  display: flex;
  justify-content: space-between;
  width: 30%;
  margin-right: 4%;
  font-size: 23px;
}
@media screen and (max-width: 450px) {
  .voyage-list-item-2 .voyage-list-item-2-state {
    width: 19%;
    font-size: 16px;
  }
}
@media screen and (max-width: 375px) {
  .voyage-list-item-2 .voyage-list-item-2-state {
    width: 22%;
    font-size: 14px;
  }
}
@media screen and (max-width: 320px) {
  .voyage-list-item-2 .voyage-list-item-2-state {
    width: 17%;
    font-size: 11px;
  }
}
.voyage-list-item-2 .voyage-list-item-2-main-infos {
  font-size: 14px;
}
@media screen and (max-width: 450px) {
  .voyage-list-item-2 .voyage-list-item-2-main-infos {
    font-size: 13px;
  }
}
@media screen and (max-width: 375px) {
  .voyage-list-item-2 .voyage-list-item-2-main-infos {
    font-size: 11px;
  }
}
@media screen and (max-width: 320px) {
  .voyage-list-item-2 .voyage-list-item-2-main-infos {
    font-size: 10px;
  }
}

.roadmap.to-prepare {
  color: #FFB35A;
}
.roadmap.uploaded {
  color: #54C6FF;
}
.roadmap.published {
  color: #6DFF7C;
}
.roadmap.urgent-one-week {
  color: red;
}
.roadmap.urgent-two-weeks {
  color: #FFB35A;
}
.roadmap.urgent-three-weeks {
  color: #F4F602;
}
.roadmap.redacted {
  color: #54C6FF;
}
.roadmap.to-redact {
  color: #FF4DB3;
}
.roadmap.to-fill {
  color: #4F1091;
}
.roadmap.filled {
  color: #008000;
}

.selling.on-sale {
  color: #54C6FF;
}
.selling.on-upsell {
  color: #3FBE70;
}
.selling.is-traveling {
  color: #FF4DB3;
}
.selling.is-finished {
  color: #FF4DB3;
}

.payment.to-pay {
  color: #54C6FF;
}
.payment.deposit-paid {
  color: #3FBE70;
}
.payment.paid {
  color: #FF4DB3;
}

.voyage-interactions {
  background: #F9F9F9;
  margin: 0;
  padding: 10px;
  position: fixed;
  top: 50px;
  bottom: 0px;
  width: inherit;
  overflow-y: scroll;
  z-index: -1;
}

.voyage {
  background-color: #FFFFFF;
  border: 1px solid #EEEEEE;
}
.voyage .voyage-not-assigned {
  color: red;
}
.voyage .voyage-content {
  position: fixed;
  top: 50px;
  bottom: 0;
  left: 0;
  overflow-y: scroll;
  padding-bottom: 85px;
}
.voyage .voyage-outlet {
  margin: 20px;
}
.voyage .voyage-header {
  margin: 20px;
  margin-bottom: 0;
}
.voyage .voyage-customer {
  margin: 20px;
  padding: 10px;
}
.voyage .voyage-participants {
  background: #EEEEEE;
  margin: 20px;
  padding: 10px;
}
.voyage .voyage-ideas {
  background: #EEEEEE;
  margin: 20px;
  padding: 10px;
}
.voyage .voyage-funnel {
  background: #FCFCFC;
  margin: 0;
  padding: 10px;
}
.voyage .voyage-funnel .quotes-container {
  border: 2px dashed #CCC;
  padding: 10px;
  margin: 5px;
}
.voyage .voyage-funnel .quotes-container a.active .list-item-quote {
  background-color: #666666;
  color: #FFFFFF;
}
.voyage .quote-icon.draft {
  color: #666666;
}
.voyage .quote-icon.proposed {
  color: #54C6FF;
}
.voyage .quote-icon.refused, .voyage .quote-icon.declined {
  color: #FFB35A;
}
.voyage .quote-icon.accepted {
  color: #6DFF7C;
}
.voyage .quote-icon.validated {
  color: #FF4DB3;
}
.voyage .quote-icon.Skynet {
  color: #F97100 !important;
}
.voyage .quote-revision {
  color: #666666;
  font-size: 8px;
}
.voyage .quote {
  margin-right: 20px;
  padding: 10px;
  background-color: #FDFDFD;
  border: 1px solid #F6F6F6;
  margin-bottom: 20px;
}
.voyage .quote .idea {
  background-color: #FFFFFF;
}

.quote-voyage.to-assign {
  color: #4F1091;
}
.quote-voyage.to-treat {
  color: #363EB0;
}
.quote-voyage.selling {
  color: #377F99;
}
.quote-voyage.sold {
  color: #008000;
}
.quote-voyage.in-preparation {
  color: #3FBE70;
}

.not-booked {
  color: #FF6C00;
}

.not-booked-with-planes {
  color: red;
}

.reminder-modal {
  max-width: 750px !important;
  margin: 0 auto;
  left: auto !important;
  margin-left: auto !important;
  height: 500px;
  top: 100px !important;
  margin-top: 0 !important;
  bottom: 100px;
  overflow-y: auto;
  position: relative !important;
  transform: none !important;
}
.reminder-modal .bottom-right-button {
  right: 5%;
  position: absolute;
  bottom: 10%;
}
.reminder-modal .bottom-left-button {
  left: 5%;
  position: absolute;
  bottom: 10%;
}
.reminder-modal .bottom-left-2-button {
  left: 20%;
  position: absolute;
  bottom: 10%;
}
.reminder-modal .bottom-left-3-button {
  left: 40%;
  position: absolute;
  bottom: 10%;
  line-height: 21px;
}
.reminder-modal .send-message-button {
  margin-left: auto;
  margin-right: auto;
  width: 170px;
  display: block;
}
.reminder-modal .reminder-box .col-1-4 {
  text-align: center;
}
.reminder-modal .reminder-comment-box {
  max-height: 200px;
  overflow: scroll;
}

.quote-add-prestation-modal {
  max-width: 1300px;
  margin: 0 auto;
  left: auto !important;
  margin-left: auto !important;
  height: 650px;
  top: 100px !important;
  margin-top: 0 !important;
  bottom: 100px;
  overflow-y: auto;
  position: relative !important;
  transform: none !important;
}
.quote-add-prestation-modal .title-pink {
  letter-spacing: 5px;
  font-weight: bold;
  color: #FF0094;
  text-transform: uppercase;
}
.quote-add-prestation-modal .quote-add-prestation .global-info .budget {
  font-weight: 200;
  font-size: 20px;
  text-align: right;
}
.quote-add-prestation-modal .quote-add-prestation .selected-prestation {
  padding: 20px;
  background-color: #FEFEFE;
  border: 1px solid #EEEEEE;
  margin-left: 10px;
}
.quote-add-prestation-modal .quote-add-prestation .selected-prestation .prestation-description {
  font-size: 10px;
  min-height: 2px;
  max-height: 80px;
  overflow-y: scroll;
  border-bottom: 1px solid #F6F6F6;
  margin-bottom: 2px;
}
.quote-add-prestation-modal .quote-add-prestation .selected-prestation .inputs {
  margin-top: 20px;
}
.quote-add-prestation-modal .quote-add-prestation .selected-prestation .selected-prestation-providers-pricings {
  font-size: 6px;
}
.quote-add-prestation-modal .quote-add-prestation .prestations-footer {
  position: absolute;
  bottom: 10px;
  right: 20px;
  text-align: right;
}
.quote-add-prestation-modal .quote-add-prestation .prestations-filters {
  padding: 10px;
  position: absolute;
  top: 100px;
  right: 10px;
  left: 150px;
}
.quote-add-prestation-modal .quote-add-prestation .prestations-list {
  padding: 10px;
  background-color: #F6F6F6;
  overflow-y: scroll;
  position: absolute;
  top: 200px;
  bottom: 50px;
  right: 10px;
  left: 150px;
  border: 1px solid #EEEEEE;
}
.quote-add-prestation-modal .quote-add-prestation .prestations-list .prestation-list-item {
  border: 1px solid #EEEEEE;
  background-color: #FFFFFF;
  margin-bottom: 4px;
  padding: 4px;
  cursor: pointer;
}
.quote-add-prestation-modal .quote-add-prestation .prestations-list .prestation-list-item.selected {
  border: 1px solid #3FBE70;
}
.quote-add-prestation-modal .quote-add-prestation .prestations-list .prestation-list-item.selected:hover {
  background-color: #FFFFFF;
}
.quote-add-prestation-modal .quote-add-prestation .prestations-list .prestation-list-item:hover {
  background-color: #F6F6F6;
}
.quote-add-prestation-modal .quote-add-prestation .prestations-list .prestation-list-item .prestation-name {
  font-size: 11px;
  font-weight: bold;
  color: #333333;
}
.quote-add-prestation-modal .quote-add-prestation .prestations-list .prestation-list-item .prestation-description {
  font-size: 9px;
  color: #666666;
}

.payment-split-modal {
  max-width: 900px;
  margin: 0 auto;
  left: auto !important;
  margin-left: auto !important;
  height: 450px;
  top: 200px !important;
  margin-top: 0 !important;
  bottom: 100px;
  overflow-y: auto;
  position: relative !important;
  transform: none !important;
}
.payment-split-modal .success {
  background-color: #3FBE70;
  color: #FFFFFF;
}
.payment-split-modal .ember-power-select-trigger {
  min-height: 30px;
}

.provider-invoice-increase-modal {
  max-width: 300px;
  margin: 0 auto;
  left: auto !important;
  margin-left: auto !important;
  height: 350px;
  top: 200px !important;
  margin-top: 0 !important;
  bottom: 100px;
  overflow-y: auto;
  position: relative !important;
  transform: none !important;
}
.provider-invoice-increase-modal .block {
  margin: 5px 0;
}

#more-filters {
  background: #FFFFFF;
  width: 25%;
  height: 100vh;
  position: fixed;
  display: none;
  right: -60%;
  top: 50px;
  padding: 2% 5px 2% 2%;
  z-index: 2;
  box-shadow: 0px 0px 15px #F1F2F6;
  overflow-y: scroll;
}
@media screen and (max-width: 800px) {
  #more-filters {
    width: 30%;
  }
}
@media screen and (max-width: 450px) {
  #more-filters {
    width: 80%;
    height: 100%;
    padding: 6%;
    top: 0;
  }
}
#more-filters hr {
  margin: 0;
}
#more-filters .btn-active {
  background: #1F395F;
  color: #FFFFFF;
}
#more-filters .more-filters-container {
  height: 90%;
  overflow-y: scroll;
}
@media screen and (max-width: 450px) {
  #more-filters .more-filters-container {
    height: 95%;
  }
}
#more-filters .more-filters-submit {
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  width: 100%;
  background: #1F395F;
  color: #FFFFFF;
}
@media screen and (max-width: 450px) {
  #more-filters .more-filters-submit {
    bottom: 0;
  }
}
#more-filters .form-group {
  margin-bottom: 2%;
}
#more-filters .form-group .dates {
  display: block;
}
#more-filters .form-group .dates div {
  width: 100%;
}
#more-filters .form-group .dates div input {
  width: 100%;
  max-width: 100%;
}
#more-filters .form-group input {
  border-radius: 4px;
  max-width: initial;
}
#more-filters .form-group .select-2 {
  display: block;
}

#more-filters-toggler {
  min-width: 80px;
}

.voyage-2-actions {
  position: relative;
}
.voyage-2-actions .loader-container {
  position: absolute;
  left: 50%;
}
.voyage-2-actions .loader-container .spinner-border {
  color: #FF0094;
  width: 100px;
  height: 100px;
}

#customer-details.desktop {
  display: flex;
}
#customer-details .navigable {
  padding: 2%;
  color: #1F395F;
  font-weight: 700;
  font-size: 13px;
}
@media screen and (max-width: 450px) {
  #customer-details .navigable {
    padding: 3%;
  }
}
#customer-details .navigable h2 {
  margin: 0 0 4% 0;
  border-bottom: 0;
  color: #1F395F;
  font-weight: bold;
}
#customer-details .navigable .plain-content-button button {
  display: block;
  width: 100%;
  margin-bottom: 1em;
}
#customer-details .navigable .form-group {
  margin-bottom: 1em;
}
#customer-details .navigable .form-group.toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 450px) {
  #customer-details .navigable .form-group.toggle {
    width: 80%;
  }
}
#customer-details .navigable .form-group input {
  padding: 0;
  max-width: 100%;
  border: none;
  border-bottom: 1px solid #BABABA;
}
#customer-details .navigable .form-group input.flatpickr-input {
  border: 1px solid #BABABA;
  padding: 0% 4%;
}
@media screen and (max-width: 450px) {
  #customer-details .navigable .form-group input {
    max-width: 80%;
  }
}
#customer-details .navigable .row {
  margin: 0;
}
#customer-details .navigable .col-12, #customer-details .navigable .col-1, #customer-details .navigable .col-2, #customer-details .navigable .col-6 {
  padding: 0;
}
#customer-details .navigable .row-card {
  border: 1px solid #BABABA;
  padding: 3%;
  border-radius: 7px;
  color: #1F395F;
  margin-bottom: 3%;
}
#customer-details .navigable .row-card i {
  color: #000000;
  font-size: 17px;
}
#customer-details .navigable .row-card button {
  margin: 2% 0 0 0;
}
@media screen and (max-width: 450px) {
  #customer-details .navigable .row-card button {
    margin-bottom: 3%;
  }
}
#customer-details .navigable .list-item-dashboard {
  width: 100%;
}
@media screen and (min-width: 450px) {
  #customer-details .navigable .list-item-dashboard {
    margin: 0 0 4% 0;
  }
}
#customer-details .navigable .list-item-dashboard p {
  margin-bottom: 0;
}
#customer-details .navigable .list-item-dashboard .flex-space-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#customer-details .navigable .send-access-customer {
  background: #B4D3FA;
  color: #1F395F;
}
#customer-details .navigable .customer-service-item {
  padding: 3%;
  color: #000000;
  font-weight: 500;
}
#customer-details .navigable .customer-service-item .comments label, #customer-details .navigable .customer-service-item .status label, #customer-details .navigable .customer-service-item .cs-line label {
  color: #1F395F;
  font-weight: bold;
}
#customer-details .navigable .customer-service-item .comments {
  width: 600px;
  overflow-wrap: break-word;
}
@media screen and (max-width: 450px) {
  #customer-details .navigable .customer-service-item .comments {
    width: 350px;
  }
}
#customer-details .navigable .customer-service-item a {
  color: #FF0090;
  font-weight: bold;
}
#customer-details .navigable .customer-service-item .row {
  align-items: center;
}
#customer-details .navigable .customer-service-item i {
  font-size: 20px;
}
@media screen and (max-width: 450px) {
  #customer-details .navigable .customer-service-item i {
    font-size: 18px;
  }
}
#customer-details .navigable .customer-service-item input {
  border: none;
  border-bottom: 1px solid #BABABA;
  height: 20px;
}
#customer-details .navigable .customer-service-item .cs-line {
  margin-bottom: 6%;
}
@media screen and (max-width: 450px) {
  #customer-details .navigable .customer-service-item .cs-line label {
    font-size: 13px;
  }
}
#customer-details .navigable .customer-service-item .cs-line .block-span {
  color: #000000;
  font-weight: 500;
}
#customer-details .navigable .build-new-voyage {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
#customer-details .navigable .build-new-voyage .ember-power-select-trigger {
  width: 55%;
}
#customer-details .navigable .build-new-voyage .button-navy {
  border-radius: 10px;
  margin-left: 3%;
  width: 42%;
}
#customer-details .nav-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
#customer-details .nav-tabs .nav-item {
  margin: 3% 0;
}
@media screen and (max-width: 450px) {
  #customer-details .nav-tabs li {
    width: 31%;
  }
}
#customer-details .nav-tabs .nav-link {
  cursor: pointer;
  background: #F1F2F6;
  color: #DADADA;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: none;
  padding: 0;
  border-radius: 0 0 0 0;
  width: 100%;
}
#customer-details .nav-tabs .nav-link.active {
  color: #FFFFFF;
  background: #FF0094;
}
#customer-details .nav-tabs .nav-link:hover {
  color: #FF0094 !important;
}
#customer-details .nav-tabs .active:hover {
  color: #FFFFFF !important;
}
#customer-details .gender.male .x-toggle-btn {
  background: #1F395F !important;
}
#customer-details .gender.female .x-toggle-btn {
  background: #FF0090 !important;
}

.online-bookings {
  color: blue;
}

.quote-row-header {
  background-color: #FCFCFC;
  border-bottom: 1px solid #CCC;
  padding: 4px;
}
.quote-row-header div {
  color: #AAA;
  font-size: 9px;
}

button .currency-input-container, a .currency-input-container {
  line-height: 19px;
}
button .currency-input-container .currency-symbol, a .currency-input-container .currency-symbol {
  top: -2px;
}

.currency-input-container {
  position: relative;
  line-height: 30px;
}
.currency-input-container input, .currency-input-container .currency-value {
  display: inline-block;
  padding-left: 10px;
  font-size: 11px;
}
.currency-input-container .currency-symbol {
  display: inline-block;
  position: absolute;
  left: 2px;
  top: -7px;
  font-size: 8px;
}
.currency-input-container .big-currency {
  padding-left: 30px !important;
}

.quote-row {
  background-color: #FFFFFF;
}
.quote-row a {
  color: #333333;
  font-size: 11px;
}
.quote-row input, .quote-row .select2-container {
  width: 100%;
}

.ratio-indicator {
  font-size: 8px;
  line-height: 30px;
}
.ratio-indicator.good {
  color: green;
}
.ratio-indicator.bad {
  color: red;
}

.quote-totals {
  background-color: #FFFFFF;
  padding: 20px 4px;
  font-size: 12px;
}

.block-pricing {
  flex-shrink: 0;
}

.block-program {
  flex-shrink: 4;
}

.dashboard-filters-line {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.dashboard-filters-line .filters-line-separator {
  display: inline-block;
  width: 10px;
}

.in-progress {
  color: #3FBE70;
}

.ended {
  color: red;
}

.balances-to-pay, .balances-not-paid {
  color: orange;
}

.payment-to-prepare {
  color: red;
}

.sales-dashboard {
  padding: 20px;
}
.sales-dashboard .to-treat {
  color: #363EB0;
}
.sales-dashboard .to-assign {
  color: #EB1B33;
}
.sales-dashboard .proposed {
  color: #54C6FF;
}
.sales-dashboard .accepted {
  color: #6DFF7C;
}
.sales-dashboard .validated {
  color: #FF4DB3;
}
.sales-dashboard .pending {
  color: #363EB0;
}
.sales-dashboard .refused {
  color: #EB1B33;
}
.sales-dashboard .conditionally-accepted {
  color: #FF8926;
}
.sales-dashboard .accepted {
  color: #6DFF7C;
}
.sales-dashboard .blocked {
  color: #36FFB4;
}
.sales-dashboard .booked {
  color: #6DFF7C;
}
.sales-dashboard .need-to-be-confirmed {
  color: #FF6C00;
}
.sales-dashboard .need-to-be-confirmed-with-planes {
  color: red;
}
.sales-dashboard .legend {
  color: #666666;
  font-size: 9px;
}
.sales-dashboard .header-part {
  border-bottom: 1px solid #EEEEEE;
  width: 70%;
}
@media screen and (max-width: 450px) {
  .sales-dashboard .header-part {
    width: 100%;
  }
}
.sales-dashboard .header-part form {
  width: 100%;
}
@media screen and (max-width: 450px) {
  .sales-dashboard .header-part .header-part-filters {
    width: 100%;
  }
}
.sales-dashboard .header-part .header-part-filters .form-row {
  display: block;
}
@media screen and (min-width: 450px) {
  .sales-dashboard .header-part .header-part-filters .form-row {
    display: flex;
    align-items: center;
  }
}
.sales-dashboard .header-part .header-part-filters .form-row .form-group {
  margin-right: 2%;
}
@media screen and (max-width: 450px) {
  .sales-dashboard .header-part .header-part-filters .form-row .form-group {
    margin-bottom: 3%;
  }
}
.sales-dashboard .header-part .header-part-filters .ember-power-select-trigger {
  padding: 2% 6%;
}
@media screen and (max-width: 450px) {
  .sales-dashboard .header-part .header-part-filters .ember-power-select-trigger {
    padding: 2% 5%;
  }
}
.sales-dashboard .header-part .header-part-filters input {
  display: block;
}
@media screen and (max-width: 450px) {
  .sales-dashboard .header-part .header-part-filters input {
    width: 100%;
  }
}
.sales-dashboard .header-part .header-part-filters input, .sales-dashboard .header-part .header-part-filters span {
  border-radius: 5px;
  margin-right: 1%;
  max-width: 150px;
  display: block;
}
@media screen and (max-width: 800px) {
  .sales-dashboard .header-part .header-part-filters input, .sales-dashboard .header-part .header-part-filters span {
    max-width: 120px;
  }
}
@media screen and (max-width: 450px) {
  .sales-dashboard .header-part .header-part-filters input, .sales-dashboard .header-part .header-part-filters span {
    max-width: 100%;
  }
}
.sales-dashboard .header-part .header-part-filters .header-part-filters-search {
  min-width: 80px;
  background: #1F395F;
  color: #FFFFFF;
}
.sales-dashboard .header-part .header-part-filters-reset {
  display: block;
  margin-bottom: 1%;
}
@media screen and (max-width: 450px) {
  .sales-dashboard .header-part .header-part-filters-reset {
    margin-bottom: 4%;
  }
}
.sales-dashboard .header-part form {
  display: inline-block;
}
.sales-dashboard .header-part .right {
  float: right;
}
.sales-dashboard .header-part .user-select {
  display: inline-block;
  width: 200px;
  position: relative;
  top: -7px;
}
.sales-dashboard .header-part .select-2, .sales-dashboard .header-part .select-2-container {
  display: inline-block;
}
.sales-dashboard .header-part .dates {
  display: inline-block;
  position: relative;
}
.sales-dashboard .header-part .dates div {
  display: inline-block;
}
.sales-dashboard .left-part {
  width: 70%;
  overflow-y: scroll;
}
@media screen and (max-width: 450px) {
  .sales-dashboard .left-part {
    width: 100%;
    overflow-y: unset;
  }
}
.sales-dashboard .right-part {
  position: absolute;
  left: 70%;
  bottom: 0;
  top: 50px;
  border-left: 1px solid #EEEEEE;
  padding: 30px;
  overflow-y: scroll;
}
.sales-dashboard.drive-selector-export .box-size-drive {
  width: 20%;
  margin-right: 10px;
}
.sales-dashboard.drive-selector-export .button-navy {
  background: #1F395F;
  color: #FFFFFF;
  border: none;
  border-radius: 10px;
  height: 33px;
}
.sales-dashboard.drive-selector-export .button-navy:hover {
  background: #B4D3FA;
  color: #1F395F;
  border: none;
}

.message-provider {
  color: #CCC;
}
.message-provider.on {
  color: #FFB3E8;
}

.message-customer {
  color: #CCC;
}
.message-customer.on {
  color: #34C62C;
}

.message-booker {
  color: #CCC;
}
.message-booker.on {
  color: blue;
}

.message-seller {
  color: #CCC;
}
.message-seller.on {
  color: orange;
}

.message-other {
  color: #CCC;
}
.message-other.on {
  color: black;
}

.program {
  display: inline-block;
  border-radius: 2px;
  border: 1px solid #EEEEEE;
  padding: 8px 12px;
}

.warning {
  color: red;
}

.form-value {
  padding: 5px;
  border: 1px solid #CCC;
  border-radius: 2px;
  display: block;
}

.flight-results {
  height: 400px;
  overflow-y: scroll;
}

.warning-no-outbound, .warning-no-airport {
  color: red;
}

.new-flight .warning a {
  border: 2px solid red !important;
}

.new-message-form {
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(149, 149, 149, 0.3);
  margin-bottom: 10px;
  padding: 10px;
}

.message-attachment {
  display: inline-block;
  background-color: #EEEEEE;
  padding: 3px;
  border: 1px solid #DDDDDD;
  margin: 1px;
}
.message-attachment:hover {
  background-color: #DDDDDD;
  border: 1px solid #CCC;
}

.message-pagination {
  margin: 5px 0;
}

.new-message-recipient {
  display: flex;
}
.new-message-recipient .message-provider-select {
  display: inline-block;
  stretch: 1;
}

.message-container {
  padding-left: 40px;
  padding-right: 0;
  max-height: 400px;
  overflow: scroll;
  margin-bottom: 10px;
}
.message-container.is-log .message {
  padding: 1px;
  background-color: #CCC;
  font-size: 9px;
  border-radius: 0;
}
.message-container .message {
  background-color: #FCFCFC;
  display: inline-block;
  box-shadow: 0 2px 4px 0 rgba(149, 149, 149, 0.3);
  width: 100%;
}
.message-container .message .message-header {
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px solid #DDDDDD;
  padding: 0 10px;
}
.message-container .message .message-header .sender {
  color: #666666;
  font-size: 11px;
}
.message-container .message .message-header .recipient {
  color: #000000;
  font-size: 11px;
}
.message-container .message .message-header .date {
  font-size: 10px;
  color: #666666;
}
.message-container .message .body {
  padding: 0;
  color: #000000;
  padding: 0 10px;
}
.message-container .message.is-read {
  opacity: 0.6;
}
.message-container .message .message-links {
  background-color: rgba(0, 0, 0, 0.05);
}
.message-container .message .message-links a {
  padding: 4px 4px;
  display: inline-block;
}
.message-container.to-customer .message {
  background-color: #EDFFE6;
}
.message-container.customer .sender {
  color: #FFFFFF;
}
.message-container.customer .message {
  background-color: #34C62C;
}
.message-container.to-provider .message {
  background-color: #FFDCF4;
}
.message-container.mine {
  text-align: left;
  padding-right: 40px;
  padding-left: 0;
}
.message-container.provider .sender {
  color: #9E668D;
}
.message-container.provider .message {
  background-color: #FFB3E8;
}

.message-card, .reminder-card {
  border: 1px solid #DADADA;
  border-radius: 10px;
  background: #FFFFFF;
  box-shadow: 0px 0px 15px #F1F2F6;
  position: relative;
  width: 90%;
  margin: 5% auto;
}
.message-card.customer.to-user, .reminder-card.customer.to-user {
  background: #34C62C;
}
.message-card.provider.to-user, .reminder-card.provider.to-user {
  background: #FFB3E8;
}
.message-card.user.to-user, .reminder-card.user.to-user {
  background: #E8F1FD;
}
.message-card.user.to-customer, .reminder-card.user.to-customer {
  background: #EDFFE6;
}
.message-card.user.to-provider, .reminder-card.user.to-provider {
  background: #FFDCF4;
}
.message-card .message-card-header, .reminder-card .message-card-header {
  display: flex;
  justify-content: space-between;
}
.message-card .message-card-header .fa-star, .reminder-card .message-card-header .fa-star {
  font-size: 20px;
}
.message-card .message-card-header .fa-star.fas, .reminder-card .message-card-header .fa-star.fas {
  color: #FFCE00;
}
.message-card .message-card-header .informations-card-message, .reminder-card .message-card-header .informations-card-message {
  display: inline-flex;
  align-items: center;
}
.message-card .message-card-header .whatsapp-logo, .reminder-card .message-card-header .whatsapp-logo {
  height: 25px;
  margin-left: 5px;
}
.message-card .reminder-card-headline, .reminder-card .reminder-card-headline {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.message-card .message-card-headline span, .reminder-card .message-card-headline span {
  display: block;
}
.message-card .message-card-headline span.title-line-navy, .reminder-card .message-card-headline span.title-line-navy {
  max-width: 250px;
}
.message-card .message-card-headline .message-card-headline-sender-type, .reminder-card .message-card-headline .message-card-headline-sender-type {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  position: absolute;
  right: 0;
  top: 0;
  border: 1px solid;
}
.message-card .message-card-headline .message-card-headline-sender-type.user, .reminder-card .message-card-headline .message-card-headline-sender-type.user {
  color: #1F395F;
  background: #B4D3FA;
}
.message-card .message-card-headline .message-card-headline-sender-type.provider, .reminder-card .message-card-headline .message-card-headline-sender-type.provider {
  color: #FF4DB3;
  background: rgba(234, 35, 143, 0.15);
}
.message-card .message-card-headline .message-card-headline-sender-type.customer, .reminder-card .message-card-headline .message-card-headline-sender-type.customer {
  color: #008000;
  background: #EDFFE6;
}
.message-card.open, .reminder-card.open {
  position: fixed;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  min-height: 60%;
  z-index: 3;
}
@media screen and (min-width: 1024px) {
  .message-card.open, .reminder-card.open {
    top: 45%;
    width: 40%;
  }
}
.message-card.open .message-card-body, .reminder-card.open .message-card-body {
  max-height: 33vh;
}
.message-card.open .message-card-body .preview, .reminder-card.open .message-card-body .preview {
  word-break: break-word;
  white-space: initial;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
}
.message-card.open .message-card-actions, .reminder-card.open .message-card-actions {
  position: absolute;
  bottom: 3%;
  left: 0;
}
@media screen and (max-width: 450px) {
  .message-card.open .message-card-actions, .reminder-card.open .message-card-actions {
    width: 90%;
    left: 5%;
  }
}
.message-card .message-card-body, .message-card .reminder-card-body, .reminder-card .message-card-body, .reminder-card .reminder-card-body {
  overflow-x: hidden;
  margin: 0;
}
.message-card .message-card-body .preview, .message-card .reminder-card-body .preview, .reminder-card .message-card-body .preview, .reminder-card .reminder-card-body .preview {
  height: 25px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.message-card .message-card-actions, .message-card .reminder-card-actions, .reminder-card .message-card-actions, .reminder-card .reminder-card-actions {
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .message-card .message-card-actions, .message-card .reminder-card-actions, .reminder-card .message-card-actions, .reminder-card .reminder-card-actions {
    width: 100%;
    padding: 1% 3%;
  }
}
.message-card .message-card-actions .button-message-actions, .message-card .reminder-card-actions .button-message-actions, .reminder-card .message-card-actions .button-message-actions, .reminder-card .reminder-card-actions .button-message-actions {
  background: #1F395F;
  color: #FFFFFF;
  letter-spacing: 1px;
  border: none;
  margin: 0;
  border-left: 1px solid;
}
.message-card .message-card-actions .button-message-actions a, .message-card .message-card-actions .button-message-actions a:hover, .message-card .message-card-actions .button-message-actions a:focus, .message-card .reminder-card-actions .button-message-actions a, .message-card .reminder-card-actions .button-message-actions a:hover, .message-card .reminder-card-actions .button-message-actions a:focus, .reminder-card .message-card-actions .button-message-actions a, .reminder-card .message-card-actions .button-message-actions a:hover, .reminder-card .message-card-actions .button-message-actions a:focus, .reminder-card .reminder-card-actions .button-message-actions a, .reminder-card .reminder-card-actions .button-message-actions a:hover, .reminder-card .reminder-card-actions .button-message-actions a:focus {
  color: #FFFFFF !important;
}
.message-card .message-card-actions .button-message-actions.first, .message-card .reminder-card-actions .button-message-actions.first, .reminder-card .message-card-actions .button-message-actions.first, .reminder-card .reminder-card-actions .button-message-actions.first {
  border: none !important;
}
.message-card div, .reminder-card div {
  margin: 3% 5%;
}
.message-card hr, .reminder-card hr {
  border-color: #000000;
}

.messages-navigation {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.messages-navigation button {
  height: 50px;
  width: 50%;
  text-transform: capitalize;
}
.messages-navigation button.button-navy {
  background: #1F395F;
  color: #FFFFFF;
}
.messages-navigation button.button-navy:hover {
  background: #B4D3FA;
  color: #1F395F;
}

.messages-section-dashboard {
  margin-bottom: 100px;
}
.messages-section-dashboard .button-navy {
  background: #1F395F;
  color: #FFFFFF;
}
.messages-section-dashboard.desktop .message-card {
  margin: 1% 2%;
  width: 45%;
  float: left;
  display: inline-block;
}
.messages-section-dashboard.desktop .message-card div {
  margin: 1% 5%;
}
.messages-section-dashboard.desktop .message-card .message-card-header {
  height: 25px;
}
.messages-section-dashboard.desktop .message-card .message-card-headline .title-line-navy {
  max-width: 500px;
}
.messages-section-dashboard.desktop .message-card .message-card-actions, .messages-section-dashboard.desktop .message-card .preview {
  margin: 0;
}
.messages-section-dashboard.desktop .message-card .preview {
  height: 70px;
}

.messages-chat {
  position: relative;
  height: 80vh;
  overflow-y: scroll;
}
@media screen and (max-width: 450px) {
  .messages-chat {
    padding-bottom: 80px;
  }
}
.messages-chat .message-card {
  width: 80%;
}
.messages-chat .message-card.contact {
  margin: 5%;
}
.messages-chat .message-card.user {
  margin: 5% 15%;
}
.messages-chat .messages-chat-header {
  position: fixed;
  z-index: 2;
  top: 0;
  background: #F1F2F6;
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.messages-chat .messages-chat-header i {
  position: absolute;
  left: 2%;
  top: 2%;
}
.messages-chat .messages-chat-input {
  position: fixed;
  bottom: 2%;
  left: 5%;
  width: 90%;
}
.messages-chat .messages-chat-input input {
  max-width: 100%;
  border-radius: 6px;
  min-height: 50px;
  font-size: 13px;
}
.messages-chat .messages-chat-input .messages-chat-input-actions {
  position: absolute;
  right: 3%;
  top: 50%;
  transform: translate(0, -50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-size: 20px;
  width: 50px;
}

.table-notifications tr {
  display: block;
}
.table-notifications tr td {
  display: block;
  line-height: 17px;
}
.table-notifications .notification {
  border-bottom: 1px solid #DDDDDD;
  background-color: #EEEEEE;
}
.table-notifications .notification a {
  text-decoration: none;
  padding: 4px;
  color: #000000;
  display: block;
}
.table-notifications .notification a span {
  display: inherit;
}
.table-notifications .notification a span.notification-date {
  font-size: 0.9em;
  color: #666666;
}
.table-notifications .notification.read {
  opacity: 0.5;
}
.table-notifications .notification.read a {
  color: #666666;
}
.table-notifications .notification .unmark-notification-button {
  float: right;
  margin-right: 5px;
  margin-top: 5px;
}

.image-container {
  max-width: 100%;
}
.image-container img {
  max-width: 100%;
}
.image-container .img-version {
  border: 1px solid green;
  height: 50px;
}
.image-container.detail {
  border: 2px solid #CCC;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 2% auto;
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0 0 0 1px #F1F2F6;
}
.image-container.detail i {
  font-size: 40px;
  margin-right: 2%;
  color: #BB0A1E;
  cursor: pointer;
}
.image-container.detail a {
  color: #1F395F;
}
.image-container.detail a:hover {
  color: #FF0094 !important;
}

.image-container-main {
  max-width: 100%;
}
.image-container-main img {
  max-width: 100%;
  border-radius: 20px;
  box-shadow: 0 0 0 1px #F1F2F6;
}

.button-orange-image {
  display: block;
  width: 100%;
  color: #FFFFFF;
  background-color: #FF6C00;
  border-radius: 5px;
}

.button-orange-image:hover {
  background-color: #F69E55;
}

.box-image-search {
  display: block;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
}
.box-image-search .box-image-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #666666;
  width: 40%;
  height: 50vh;
  position: relative;
}
@media screen and (max-width: 450px) {
  .box-image-search .box-image-content {
    width: 96%;
    height: 80%;
  }
}
.box-image-search .box-image-content .close-box-image-content {
  color: #aaa;
  font-size: 30px;
  font-weight: bold;
  color: #1F395F;
  cursor: pointer;
  position: absolute;
  z-index: 1;
  right: 5%;
  top: 3%;
}
@media screen and (max-width: 450px) {
  .box-image-search .box-image-content .close-box-image-content {
    font-size: 17px;
  }
}
.box-image-search .box-image-content .search-img-input {
  padding-left: 10px !important;
  border: 1px solid !important;
  margin-top: 10px !important;
}
.box-image-search .box-image-content .list-image-components {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 77%;
}
@media screen and (max-width: 450px) {
  .box-image-search .box-image-content .list-image-components {
    max-height: 75%;
  }
}
.box-image-search .box-image-content .list-image-components button {
  text-align: left;
  width: 100%;
  display: flex;
  align-items: center;
  border-radius: 40px;
  padding: 12px 20px;
  margin: 1% auto;
}
.box-image-search .box-image-content .list-image-components button img {
  border-radius: 5px;
}
.box-image-search .box-image-content .list-image-components .current {
  border: 2px solid;
  color: #FF0094;
}
.box-image-search .box-image-content .list-image-components span {
  margin-left: 3%;
}
.box-image-search .box-image-content .keywords-form {
  position: relative;
}
.box-image-search .box-image-content .keywords-form label {
  color: #1F395F;
}
.box-image-search .box-image-content .keywords-form .search-button-image {
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 22px;
  color: #B4D3FA;
  background: #1F395F;
  margin: 0;
}

.img-list-header {
  margin: 2%;
}
.img-list-header .keywords-box {
  position: relative;
}
.img-list-header .keywords-box .keywords-search-btn {
  border: none;
  position: absolute;
  top: 0px;
  right: 30%;
  background: none;
  box-shadow: none;
  font-size: 18px;
  color: #1F395F;
}
@media screen and (max-width: 450px) {
  .img-list-header .keywords-box .keywords-search-btn {
    right: 12%;
  }
}
.img-list-header .keywords-box .keywords-search {
  width: 40%;
  max-width: 100%;
  margin: 2% auto;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #F1F2F6;
  display: block;
}
@media screen and (max-width: 450px) {
  .img-list-header .keywords-box .keywords-search {
    width: 75%;
  }
}

.image-card {
  display: inline-block;
  width: 15%;
  border: 3px solid #1F395F;
  border-radius: 15px 15px 0 0;
  overflow: hidden;
  margin: 10px;
  box-shadow: 0 0 0 1px #F1F2F6;
}
@media screen and (max-width: 450px) {
  .image-card {
    width: 95%;
  }
}
.image-card .img-bg {
  width: 100%;
  height: 175px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
@media screen and (max-width: 450px) {
  .image-card .img-bg {
    height: 130px;
  }
}
.image-card .keywords-img {
  background: #1F395F;
  color: #FFFFFF;
  letter-spacing: 2px;
  height: 50px;
  padding: 3% 5%;
}

.image-card:hover, .image-card:focus {
  border: 3px solid #B4D3FA;
}
.image-card:hover .keywords-img, .image-card:focus .keywords-img {
  background: #B4D3FA;
  color: #1F395F;
}

.fa.online, .fa.onsale, .is-on-sale {
  color: green;
}

.fa.offline, .fa.offsale, .is-off-sale {
  color: red;
}

.prestations-filters .filters-buttons {
  margin-bottom: 10px;
  height: 100px;
}
.prestations-filters .filters-buttons button {
  display: block;
  padding: 10px;
  width: 100%;
  outline: 0;
  border-radius: 0;
}
.prestations-filters .large-inputs input {
  border: 1px solid #DDDDDD;
  border-radius: 0;
  padding: 8px;
  display: block;
  width: 100%;
  min-width: 100%;
}

.new-prestation-container {
  background-color: #FCFCFC;
  border: 1px solid #F9F9F9;
  padding: 20px;
}

.new-prestation {
  background-color: #FFFFFF;
  border: 1px solid #F9F9F9;
  padding: 20px;
  height: 530px;
  overflow-y: scroll;
}
.new-prestation .selected-prestation-providers-pricings {
  overflow-x: scroll;
}

.prestation-list-item {
  display: block;
  width: 100%;
  text-align: left;
  cursor: pointer;
  padding: 10px 10px;
  color: #1F395F;
  border: 1px solid #EEEEEE;
}
.prestation-list-item.selected {
  background-color: #B4D3FA;
  color: #1F395F;
  border: 1px solid rgb(156.09375, 196.975, 248.40625);
}

.exception-state {
  color: #FF6C00;
  font-weight: bold;
}

.unavailable-state {
  color: #EB1B33;
  font-weight: bold;
}

.search-proposed-prestations {
  width: 100%;
  overflow-x: scroll;
  white-space: nowrap;
}
.search-proposed-prestations table {
  border-spacing: 10px 0;
  border-collapse: separate;
}
.search-proposed-prestations table td {
  font-weight: 600;
}
.search-proposed-prestations table td, .search-proposed-prestations table th {
  background: #FFFFFF;
}

.provider-proposition h3 {
  margin-bottom: 2%;
  font-weight: bold;
}
.provider-proposition .btn-action {
  background: #1F395F !important;
  color: #FFFFFF !important;
  border: none;
}
.provider-proposition .btn-action:hover {
  background: #B4D3FA !important;
  color: #1F395F !important;
}
.provider-proposition .ember-hold-button-container {
  width: 140px;
}
.provider-proposition .plain-content-button .button-navy {
  margin: 2% auto;
  width: 100%;
  font-size: 13px;
  height: 35px !important;
}
.provider-proposition .plain-content-button .warning, .provider-proposition .plain-content-button .btn-save {
  width: 100%;
}

.proposed-prestation h1, .provided-prestation h1, .provider-proposition h1, .svi-category h1, .proposed-destination h1, .entity-detail h1 {
  font-weight: bold;
  margin-bottom: 2%;
  font-family: "FuturaBold", "Futura";
}
.proposed-prestation h1 .btn-pink, .provided-prestation h1 .btn-pink, .provider-proposition h1 .btn-pink, .svi-category h1 .btn-pink, .proposed-destination h1 .btn-pink, .entity-detail h1 .btn-pink {
  right: 0;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 450px) {
  .proposed-prestation h1, .provided-prestation h1, .provider-proposition h1, .svi-category h1, .proposed-destination h1, .entity-detail h1 {
    font-size: 22px;
    margin-bottom: 6%;
  }
}
.proposed-prestation p, .proposed-prestation input, .provided-prestation p, .provided-prestation input, .provider-proposition p, .provider-proposition input, .svi-category p, .svi-category input, .proposed-destination p, .proposed-destination input, .entity-detail p, .entity-detail input {
  font-weight: normal;
  color: #000000;
}
.proposed-prestation button, .provided-prestation button, .provider-proposition button, .svi-category button, .proposed-destination button, .entity-detail button {
  margin: 1% 0;
  margin-right: 1%;
  border-radius: 5px;
}
.proposed-prestation button.select-grid, .provided-prestation button.select-grid, .provider-proposition button.select-grid, .svi-category button.select-grid, .proposed-destination button.select-grid, .entity-detail button.select-grid {
  border-radius: 20px;
}
.proposed-prestation .btn-pink, .provided-prestation .btn-pink, .provider-proposition .btn-pink, .svi-category .btn-pink, .proposed-destination .btn-pink, .entity-detail .btn-pink {
  color: #FFFFFF;
  background-color: #FF0094;
  border-radius: 10px;
}
.proposed-prestation .btn-pink:hover, .provided-prestation .btn-pink:hover, .provider-proposition .btn-pink:hover, .svi-category .btn-pink:hover, .proposed-destination .btn-pink:hover, .entity-detail .btn-pink:hover {
  color: #FFFFFF !important;
}
.proposed-prestation .plain-content-button button, .provided-prestation .plain-content-button button, .provider-proposition .plain-content-button button, .svi-category .plain-content-button button, .proposed-destination .plain-content-button button, .entity-detail .plain-content-button button {
  display: block;
  width: 100%;
}
.proposed-prestation .btn-toggler.active, .provided-prestation .btn-toggler.active, .provider-proposition .btn-toggler.active, .svi-category .btn-toggler.active, .proposed-destination .btn-toggler.active, .entity-detail .btn-toggler.active {
  color: #FFFFFF;
  background: #1F395F;
}
.proposed-prestation .infos-actions .btn-save i, .provided-prestation .infos-actions .btn-save i, .provider-proposition .infos-actions .btn-save i, .svi-category .infos-actions .btn-save i, .proposed-destination .infos-actions .btn-save i, .entity-detail .infos-actions .btn-save i {
  left: 10%;
  top: 50%;
  transform: translate(0%, -50%);
  font-size: 17px;
}
@media screen and (max-width: 450px) {
  .proposed-prestation .infos-actions, .provided-prestation .infos-actions, .provider-proposition .infos-actions, .svi-category .infos-actions, .proposed-destination .infos-actions, .entity-detail .infos-actions {
    position: fixed;
    display: flex;
    height: 50px;
    bottom: 0;
    left: 0;
    background: #FFFFFF;
    width: 100%;
  }
  .proposed-prestation .infos-actions button, .provided-prestation .infos-actions button, .provider-proposition .infos-actions button, .svi-category .infos-actions button, .proposed-destination .infos-actions button, .entity-detail .infos-actions button {
    font-size: 15px;
    width: 100%;
    margin: 0;
    border-radius: inherit;
  }
}
.proposed-prestation .pricing-grid, .provided-prestation .pricing-grid, .provider-proposition .pricing-grid, .svi-category .pricing-grid, .proposed-destination .pricing-grid, .entity-detail .pricing-grid {
  width: 80%;
}
.proposed-prestation .pricing-grid.w-90, .provided-prestation .pricing-grid.w-90, .provider-proposition .pricing-grid.w-90, .svi-category .pricing-grid.w-90, .proposed-destination .pricing-grid.w-90, .entity-detail .pricing-grid.w-90 {
  width: 90%;
}
.proposed-prestation .pricing-grid h4, .provided-prestation .pricing-grid h4, .provider-proposition .pricing-grid h4, .svi-category .pricing-grid h4, .proposed-destination .pricing-grid h4, .entity-detail .pricing-grid h4 {
  font-weight: bold;
  color: #1F395F;
  margin: 3% 0;
}
@media screen and (max-width: 450px) {
  .proposed-prestation .pricing-grid, .provided-prestation .pricing-grid, .provider-proposition .pricing-grid, .svi-category .pricing-grid, .proposed-destination .pricing-grid, .entity-detail .pricing-grid {
    width: 100%;
  }
}
.proposed-prestation .pricing-grid td, .provided-prestation .pricing-grid td, .provider-proposition .pricing-grid td, .svi-category .pricing-grid td, .proposed-destination .pricing-grid td, .entity-detail .pricing-grid td {
  border: none;
}
.proposed-prestation .pricing-grid td input, .provided-prestation .pricing-grid td input, .provider-proposition .pricing-grid td input, .svi-category .pricing-grid td input, .proposed-destination .pricing-grid td input, .entity-detail .pricing-grid td input {
  width: -webkit-fit-content;
}
@media screen and (max-width: 450px) {
  .proposed-prestation .pricing-grid .pricing-grid-actions, .provided-prestation .pricing-grid .pricing-grid-actions, .provider-proposition .pricing-grid .pricing-grid-actions, .svi-category .pricing-grid .pricing-grid-actions, .proposed-destination .pricing-grid .pricing-grid-actions, .entity-detail .pricing-grid .pricing-grid-actions {
    position: fixed;
    display: flex;
    height: 50px;
    bottom: 0;
    left: 0;
    background: #FFFFFF;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .proposed-prestation .provider-propositions-togglers, .provided-prestation .provider-propositions-togglers, .provider-proposition .provider-propositions-togglers, .svi-category .provider-propositions-togglers, .proposed-destination .provider-propositions-togglers, .entity-detail .provider-propositions-togglers {
    display: flex;
    align-items: center;
    overflow-x: scroll;
  }
}
.proposed-prestation .navigable, .provided-prestation .navigable, .provider-proposition .navigable, .svi-category .navigable, .proposed-destination .navigable, .entity-detail .navigable {
  padding: 2%;
  color: #1F395F;
  font-weight: 700;
  font-size: 13px;
}
.proposed-prestation .navigable.desktop, .provided-prestation .navigable.desktop, .provider-proposition .navigable.desktop, .svi-category .navigable.desktop, .proposed-destination .navigable.desktop, .entity-detail .navigable.desktop {
  width: 60%;
}
@media screen and (max-width: 450px) {
  .proposed-prestation .navigable, .provided-prestation .navigable, .provider-proposition .navigable, .svi-category .navigable, .proposed-destination .navigable, .entity-detail .navigable {
    padding: 3%;
  }
}
.proposed-prestation .navigable.fdr-template, .provided-prestation .navigable.fdr-template, .provider-proposition .navigable.fdr-template, .svi-category .navigable.fdr-template, .proposed-destination .navigable.fdr-template, .entity-detail .navigable.fdr-template {
  color: #000000;
}
.proposed-prestation .navigable h2, .provided-prestation .navigable h2, .provider-proposition .navigable h2, .svi-category .navigable h2, .proposed-destination .navigable h2, .entity-detail .navigable h2 {
  margin: 0 0 4% 0;
  border-bottom: 0;
  color: #1F395F;
  font-weight: bold;
}
.proposed-prestation .navigable .provider-proposition-item, .provided-prestation .navigable .provider-proposition-item, .provider-proposition .navigable .provider-proposition-item, .svi-category .navigable .provider-proposition-item, .proposed-destination .navigable .provider-proposition-item, .entity-detail .navigable .provider-proposition-item {
  display: none;
}
.proposed-prestation .navigable .provider-proposition-item.active, .provided-prestation .navigable .provider-proposition-item.active, .provider-proposition .navigable .provider-proposition-item.active, .svi-category .navigable .provider-proposition-item.active, .proposed-destination .navigable .provider-proposition-item.active, .entity-detail .navigable .provider-proposition-item.active {
  display: block;
}
.proposed-prestation .navigable .form-input, .provided-prestation .navigable .form-input, .provider-proposition .navigable .form-input, .svi-category .navigable .form-input, .proposed-destination .navigable .form-input, .entity-detail .navigable .form-input {
  display: block;
  border-radius: 5px;
  margin-bottom: 1rem;
}
.proposed-prestation .navigable .form-input input, .provided-prestation .navigable .form-input input, .provider-proposition .navigable .form-input input, .svi-category .navigable .form-input input, .proposed-destination .navigable .form-input input, .entity-detail .navigable .form-input input {
  border-radius: 5px;
  max-width: 100%;
}
.proposed-prestation .navigable .form-input label, .provided-prestation .navigable .form-input label, .provider-proposition .navigable .form-input label, .svi-category .navigable .form-input label, .proposed-destination .navigable .form-input label, .entity-detail .navigable .form-input label {
  font-size: 13px;
  font-weight: bold;
}
.proposed-prestation .navigable .form-input .editable, .provided-prestation .navigable .form-input .editable, .provider-proposition .navigable .form-input .editable, .svi-category .navigable .form-input .editable, .proposed-destination .navigable .form-input .editable, .entity-detail .navigable .form-input .editable {
  border-radius: 5px;
}
.proposed-prestation .navigable .form-group, .provided-prestation .navigable .form-group, .provider-proposition .navigable .form-group, .svi-category .navigable .form-group, .proposed-destination .navigable .form-group, .entity-detail .navigable .form-group {
  margin-bottom: 1rem;
}
.proposed-prestation .navigable .form-group.toggle, .provided-prestation .navigable .form-group.toggle, .provider-proposition .navigable .form-group.toggle, .svi-category .navigable .form-group.toggle, .proposed-destination .navigable .form-group.toggle, .entity-detail .navigable .form-group.toggle {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
}
.proposed-prestation .navigable .form-group.type-prestations input, .provided-prestation .navigable .form-group.type-prestations input, .provider-proposition .navigable .form-group.type-prestations input, .svi-category .navigable .form-group.type-prestations input, .proposed-destination .navigable .form-group.type-prestations input, .entity-detail .navigable .form-group.type-prestations input {
  border: none !important;
  font-weight: bold;
}
.proposed-prestation .navigable .form-group input, .provided-prestation .navigable .form-group input, .provider-proposition .navigable .form-group input, .svi-category .navigable .form-group input, .proposed-destination .navigable .form-group input, .entity-detail .navigable .form-group input {
  padding: 0;
  max-width: 100%;
  border: none;
  border-bottom: 1px solid #BABABA;
}
.proposed-prestation .navigable .form-group a, .provided-prestation .navigable .form-group a, .provider-proposition .navigable .form-group a, .svi-category .navigable .form-group a, .proposed-destination .navigable .form-group a, .entity-detail .navigable .form-group a {
  color: #FF0094 !important;
}
.proposed-prestation .navigable .form-group label, .provided-prestation .navigable .form-group label, .provider-proposition .navigable .form-group label, .svi-category .navigable .form-group label, .proposed-destination .navigable .form-group label, .entity-detail .navigable .form-group label {
  font-size: 13px;
  font-weight: bold;
}
.proposed-prestation .navigable .row, .provided-prestation .navigable .row, .provider-proposition .navigable .row, .svi-category .navigable .row, .proposed-destination .navigable .row, .entity-detail .navigable .row {
  margin: 0;
}
.proposed-prestation .navigable .col-12, .proposed-prestation .navigable .col-1, .proposed-prestation .navigable .col-2, .proposed-prestation .navigable .col-6, .provided-prestation .navigable .col-12, .provided-prestation .navigable .col-1, .provided-prestation .navigable .col-2, .provided-prestation .navigable .col-6, .provider-proposition .navigable .col-12, .provider-proposition .navigable .col-1, .provider-proposition .navigable .col-2, .provider-proposition .navigable .col-6, .svi-category .navigable .col-12, .svi-category .navigable .col-1, .svi-category .navigable .col-2, .svi-category .navigable .col-6, .proposed-destination .navigable .col-12, .proposed-destination .navigable .col-1, .proposed-destination .navigable .col-2, .proposed-destination .navigable .col-6, .entity-detail .navigable .col-12, .entity-detail .navigable .col-1, .entity-detail .navigable .col-2, .entity-detail .navigable .col-6 {
  padding: 0;
}
.proposed-prestation .navigable .d-flex, .provided-prestation .navigable .d-flex, .provider-proposition .navigable .d-flex, .svi-category .navigable .d-flex, .proposed-destination .navigable .d-flex, .entity-detail .navigable .d-flex {
  display: flex !important;
}
.proposed-prestation .navigable .d-flex .mr-4, .proposed-prestation .navigable .d-flex .mx-4, .provided-prestation .navigable .d-flex .mr-4, .provided-prestation .navigable .d-flex .mx-4, .provider-proposition .navigable .d-flex .mr-4, .provider-proposition .navigable .d-flex .mx-4, .svi-category .navigable .d-flex .mr-4, .svi-category .navigable .d-flex .mx-4, .proposed-destination .navigable .d-flex .mr-4, .proposed-destination .navigable .d-flex .mx-4, .entity-detail .navigable .d-flex .mr-4, .entity-detail .navigable .d-flex .mx-4 {
  margin-right: 1.5rem !important;
}
.proposed-prestation .navigable .d-flex .w-100, .provided-prestation .navigable .d-flex .w-100, .provider-proposition .navigable .d-flex .w-100, .svi-category .navigable .d-flex .w-100, .proposed-destination .navigable .d-flex .w-100, .entity-detail .navigable .d-flex .w-100 {
  width: 100% !important;
}
.proposed-prestation .navigable .align-items-center, .provided-prestation .navigable .align-items-center, .provider-proposition .navigable .align-items-center, .svi-category .navigable .align-items-center, .proposed-destination .navigable .align-items-center, .entity-detail .navigable .align-items-center {
  align-items: center;
}
.proposed-prestation .navigable .align-items-center .ml-2, .provided-prestation .navigable .align-items-center .ml-2, .provider-proposition .navigable .align-items-center .ml-2, .svi-category .navigable .align-items-center .ml-2, .proposed-destination .navigable .align-items-center .ml-2, .entity-detail .navigable .align-items-center .ml-2 {
  margin-left: 2%;
}
.proposed-prestation .top-menu, .provided-prestation .top-menu, .provider-proposition .top-menu, .svi-category .top-menu, .proposed-destination .top-menu, .entity-detail .top-menu {
  padding: 2%;
  padding-bottom: 0;
  background: #FFFFFF;
}
.proposed-prestation .top-menu a, .provided-prestation .top-menu a, .provider-proposition .top-menu a, .svi-category .top-menu a, .proposed-destination .top-menu a, .entity-detail .top-menu a {
  border-radius: 5px;
  color: #FFFFFF;
  background: #1F395F;
}
@media screen and (max-width: 450px) {
  .proposed-prestation .top-menu a, .provided-prestation .top-menu a, .provider-proposition .top-menu a, .svi-category .top-menu a, .proposed-destination .top-menu a, .entity-detail .top-menu a {
    margin-bottom: 2%;
  }
}
.proposed-prestation .top-menu a:hover, .provided-prestation .top-menu a:hover, .provider-proposition .top-menu a:hover, .svi-category .top-menu a:hover, .proposed-destination .top-menu a:hover, .entity-detail .top-menu a:hover {
  background: #B4D3FA;
  color: #1F395F;
}
@media screen and (max-width: 450px) {
  .proposed-prestation .top-menu, .provided-prestation .top-menu, .provider-proposition .top-menu, .svi-category .top-menu, .proposed-destination .top-menu, .entity-detail .top-menu {
    padding: 3%;
  }
}
.proposed-prestation .nav-tabs, .provided-prestation .nav-tabs, .provider-proposition .nav-tabs, .svi-category .nav-tabs, .proposed-destination .nav-tabs, .entity-detail .nav-tabs {
  margin: 0;
  border-bottom: none;
}
.proposed-prestation .nav-tabs.desktop, .provided-prestation .nav-tabs.desktop, .provider-proposition .nav-tabs.desktop, .svi-category .nav-tabs.desktop, .proposed-destination .nav-tabs.desktop, .entity-detail .nav-tabs.desktop {
  padding: 2%;
  padding-bottom: 0;
}
.proposed-prestation .nav-tabs.desktop .nav-item .nav-link, .provided-prestation .nav-tabs.desktop .nav-item .nav-link, .provider-proposition .nav-tabs.desktop .nav-item .nav-link, .svi-category .nav-tabs.desktop .nav-item .nav-link, .proposed-destination .nav-tabs.desktop .nav-item .nav-link, .entity-detail .nav-tabs.desktop .nav-item .nav-link {
  width: 100%;
}
.proposed-prestation .nav-tabs.desktop .nav-item .nav-link.active, .provided-prestation .nav-tabs.desktop .nav-item .nav-link.active, .provider-proposition .nav-tabs.desktop .nav-item .nav-link.active, .svi-category .nav-tabs.desktop .nav-item .nav-link.active, .proposed-destination .nav-tabs.desktop .nav-item .nav-link.active, .entity-detail .nav-tabs.desktop .nav-item .nav-link.active {
  color: #FFFFFF;
  background: #1F395F;
}
.proposed-prestation .nav-tabs.desktop .nav-item .nav-link:hover, .provided-prestation .nav-tabs.desktop .nav-item .nav-link:hover, .provider-proposition .nav-tabs.desktop .nav-item .nav-link:hover, .svi-category .nav-tabs.desktop .nav-item .nav-link:hover, .proposed-destination .nav-tabs.desktop .nav-item .nav-link:hover, .entity-detail .nav-tabs.desktop .nav-item .nav-link:hover {
  background: #B4D3FA;
  color: #1F395F;
}
.proposed-prestation .nav-tabs.mobile, .provided-prestation .nav-tabs.mobile, .provider-proposition .nav-tabs.mobile, .svi-category .nav-tabs.mobile, .proposed-destination .nav-tabs.mobile, .entity-detail .nav-tabs.mobile {
  display: flex;
  align-items: center;
  justify-content: center;
}
.proposed-prestation .nav-tabs.mobile .nav-item, .provided-prestation .nav-tabs.mobile .nav-item, .provider-proposition .nav-tabs.mobile .nav-item, .svi-category .nav-tabs.mobile .nav-item, .proposed-destination .nav-tabs.mobile .nav-item, .entity-detail .nav-tabs.mobile .nav-item {
  margin: 3% 0;
}
@media screen and (max-width: 450px) {
  .proposed-prestation .nav-tabs.mobile li, .provided-prestation .nav-tabs.mobile li, .provider-proposition .nav-tabs.mobile li, .svi-category .nav-tabs.mobile li, .proposed-destination .nav-tabs.mobile li, .entity-detail .nav-tabs.mobile li {
    width: 31%;
  }
}
.proposed-prestation .nav-tabs.mobile .nav-link, .provided-prestation .nav-tabs.mobile .nav-link, .provider-proposition .nav-tabs.mobile .nav-link, .svi-category .nav-tabs.mobile .nav-link, .proposed-destination .nav-tabs.mobile .nav-link, .entity-detail .nav-tabs.mobile .nav-link {
  cursor: pointer;
  background: #F1F2F6;
  color: #DADADA;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: none;
  padding: 0;
  border-radius: 0 0 0 0;
  width: 100%;
}
.proposed-prestation .nav-tabs.mobile .nav-link.active, .provided-prestation .nav-tabs.mobile .nav-link.active, .provider-proposition .nav-tabs.mobile .nav-link.active, .svi-category .nav-tabs.mobile .nav-link.active, .proposed-destination .nav-tabs.mobile .nav-link.active, .entity-detail .nav-tabs.mobile .nav-link.active {
  color: #FFFFFF;
  background: #FF0094;
}
.proposed-prestation .nav-tabs.mobile .nav-link:hover, .provided-prestation .nav-tabs.mobile .nav-link:hover, .provider-proposition .nav-tabs.mobile .nav-link:hover, .svi-category .nav-tabs.mobile .nav-link:hover, .proposed-destination .nav-tabs.mobile .nav-link:hover, .entity-detail .nav-tabs.mobile .nav-link:hover {
  color: #FF0094 !important;
}
.proposed-prestation .nav-tabs.mobile .active:hover, .provided-prestation .nav-tabs.mobile .active:hover, .provider-proposition .nav-tabs.mobile .active:hover, .svi-category .nav-tabs.mobile .active:hover, .proposed-destination .nav-tabs.mobile .active:hover, .entity-detail .nav-tabs.mobile .active:hover {
  color: #FFFFFF !important;
}
.proposed-prestation .proposed-prestations-list, .provided-prestation .proposed-prestations-list, .provider-proposition .proposed-prestations-list, .svi-category .proposed-prestations-list, .proposed-destination .proposed-prestations-list, .entity-detail .proposed-prestations-list {
  padding: 0 6%;
}
.proposed-prestation .proposed-prestations-list .button-action, .provided-prestation .proposed-prestations-list .button-action, .provider-proposition .proposed-prestations-list .button-action, .svi-category .proposed-prestations-list .button-action, .proposed-destination .proposed-prestations-list .button-action, .entity-detail .proposed-prestations-list .button-action {
  background: #1F395F;
  color: #FFFFFF;
  border: none;
}
.proposed-prestation .proposed-prestations-list .prestation-card, .provided-prestation .proposed-prestations-list .prestation-card, .provider-proposition .proposed-prestations-list .prestation-card, .svi-category .proposed-prestations-list .prestation-card, .proposed-destination .proposed-prestations-list .prestation-card, .entity-detail .proposed-prestations-list .prestation-card {
  max-width: 100%;
  margin-bottom: 10%;
}
.proposed-prestation .proposed-prestations-list .prestation-card img, .provided-prestation .proposed-prestations-list .prestation-card img, .provider-proposition .proposed-prestations-list .prestation-card img, .svi-category .proposed-prestations-list .prestation-card img, .proposed-destination .proposed-prestations-list .prestation-card img, .entity-detail .proposed-prestations-list .prestation-card img {
  height: 100px;
  width: 150px;
  display: inline-block;
}
.proposed-prestation .proposed-prestations-list .prestation-card span, .provided-prestation .proposed-prestations-list .prestation-card span, .provider-proposition .proposed-prestations-list .prestation-card span, .svi-category .proposed-prestations-list .prestation-card span, .proposed-destination .proposed-prestations-list .prestation-card span, .entity-detail .proposed-prestations-list .prestation-card span {
  margin: 0;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100px;
  overflow: hidden;
}

.login-method-provider-proposition .form-group {
  width: 30%;
  margin-right: 4%;
}

.provider-documents-list .item-provider-document {
  display: flex;
  width: 100%;
  margin-top: 2%;
  align-items: center;
}
.provider-documents-list .item-provider-document .name-provider-document {
  width: 180px;
}
.provider-documents-list .item-provider-document .name-provider-document input {
  width: 100%;
  max-width: 100%;
  border: none;
  border-bottom: 1px solid #000000;
}
.provider-documents-list .item-provider-document .id-provider-document, .provider-documents-list .item-provider-document .name-provider-document, .provider-documents-list .item-provider-document .url-provider-document {
  margin-right: 2%;
}
.provider-documents-list .item-provider-document .btn-action, .provider-documents-list .item-provider-document .warning {
  border-radius: 5px;
}

.api-flight-ticket, .api-flight-ticket-no-cursor {
  border: 2px solid #FFFFFF;
  border-radius: 10px;
  padding: 1% 2%;
  box-shadow: 0px 0px 15px #F1F2F6;
  margin: 2% 0;
}
.api-flight-ticket .header-api-flight-ticket, .api-flight-ticket-no-cursor .header-api-flight-ticket {
  position: relative;
  height: 50px;
}
.api-flight-ticket .header-api-flight-ticket .left-side, .api-flight-ticket .header-api-flight-ticket .right-side, .api-flight-ticket-no-cursor .header-api-flight-ticket .left-side, .api-flight-ticket-no-cursor .header-api-flight-ticket .right-side {
  position: absolute;
  height: 30px;
  color: #1F395F;
}
.api-flight-ticket .header-api-flight-ticket .left-side, .api-flight-ticket-no-cursor .header-api-flight-ticket .left-side {
  left: 0;
}
.api-flight-ticket .header-api-flight-ticket .left-side img, .api-flight-ticket-no-cursor .header-api-flight-ticket .left-side img {
  height: 100%;
}
.api-flight-ticket .header-api-flight-ticket .right-side, .api-flight-ticket-no-cursor .header-api-flight-ticket .right-side {
  right: 0;
}
.api-flight-ticket .header-api-flight-ticket .right-side span, .api-flight-ticket-no-cursor .header-api-flight-ticket .right-side span {
  line-height: 30px;
}
.api-flight-ticket .header-api-flight-ticket .center-side, .api-flight-ticket-no-cursor .header-api-flight-ticket .center-side {
  width: 50%;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0% auto;
}
.api-flight-ticket .header-api-flight-ticket .center-side span, .api-flight-ticket-no-cursor .header-api-flight-ticket .center-side span {
  font-size: 25px;
  letter-spacing: 1px;
  font-weight: bold;
  color: #FF0094;
}
.api-flight-ticket .body-api-flight-ticket .image-flight img, .api-flight-ticket-no-cursor .body-api-flight-ticket .image-flight img {
  width: 70%;
  margin: 10px auto;
  display: block;
}
.api-flight-ticket .body-api-flight-ticket .airport-code, .api-flight-ticket .body-api-flight-ticket .day-flight, .api-flight-ticket-no-cursor .body-api-flight-ticket .airport-code, .api-flight-ticket-no-cursor .body-api-flight-ticket .day-flight {
  display: block;
  text-align: center;
  letter-spacing: 1px;
  color: #9A9DA4;
}
.api-flight-ticket .body-api-flight-ticket .time-flight, .api-flight-ticket-no-cursor .body-api-flight-ticket .time-flight {
  display: block;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #1F395F;
}
.api-flight-ticket .footer-api-flight-ticket, .api-flight-ticket-no-cursor .footer-api-flight-ticket {
  text-align: center;
  letter-spacing: 1px;
  color: #9A9DA4;
}
.api-flight-ticket.selected, .api-flight-ticket-no-cursor.selected {
  border: 2px solid #FF0094;
  background: rgba(234, 35, 143, 0.15);
}

.api-flight-ticket {
  cursor: pointer;
}

.api-flight-ticket-no-cursor {
  opacity: 0.5;
}

.api-flight-ticket:hover {
  border: 2px solid #FF0094;
}

.pricing-grid-customer .pricing-item-value {
  min-width: 70px;
}

.pricing-grid:before, .pricing-grid:after {
  content: " ";
  display: table;
}
.pricing-grid:after {
  clear: both;
}

.margin-ratio input {
  max-width: 65px;
  width: 65px;
  text-align: center;
}

.pricing-line {
  margin-top: 3%;
  margin-right: 3%;
  width: 30%;
  display: inline-block;
}
@media screen and (max-width: 450px) {
  .pricing-line {
    width: 100%;
  }
}
.pricing-line th {
  text-align: center;
}
.pricing-line td {
  padding-left: 10px;
}
.pricing-line td input[type=number] {
  width: 75%;
}
.pricing-line.original-prices th, .pricing-line.original-prices td {
  background: #DADADA;
}

.pricing-form-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 2%;
  box-shadow: 0px 0px 15px #F1F2F6;
  background: #FFFFFF;
  width: 25%;
}
.pricing-form-popup .close {
  position: absolute;
  right: 6%;
  top: 6%;
  cursor: pointer;
}
.pricing-form-popup button, .pricing-form-popup input {
  display: block;
  margin-bottom: 6%;
  margin-right: 2%;
}
.pricing-form-popup .pricing-form-input {
  display: flex;
  align-items: center;
}
.pricing-form-popup .pricing-form-input div {
  width: 100%;
}
.pricing-form-popup .btn-actions-pricing {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing-form-popup .btn-actions-pricing button {
  width: 50%;
}

.demand-idea-light {
  color: #FFDD24;
  font-size: 13px;
}

.demand-idea-treated {
  color: #3FBE70;
  font-size: 13px;
}

.many-providers {
  background-color: rgba(70, 74, 255, 0.1);
}

.suggestion {
  background-color: rgba(234, 35, 143, 0.15) !important;
}

.info-will-send-to-provider {
  color: blue;
}

.booking-quote-prestation-row .w-30 input {
  width: 30% !important;
}
.booking-quote-prestation-row .text-align {
  text-align: center;
}
.booking-quote-prestation-row span.text-align {
  text-align: center;
  display: block;
}

.memo {
  padding: 5px;
  background-color: #FFFFFF;
  border-radius: 3px;
  margin-bottom: 5px;
}
.memo.is-treated {
  opacity: 0.5;
}

.container-login {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.auth-login {
  margin: auto;
  padding: 5%;
  background-color: #EEEEEE;
  border: 1px solid #CCC;
  width: 35%;
}
@media screen and (max-width: 450px) {
  .auth-login {
    width: 85%;
  }
}
.auth-login input {
  display: block;
  max-width: 100%;
  width: 100%;
  border: 2px solid #CCC;
  height: 50px;
  border-radius: 10px;
  margin-bottom: 5%;
}
.auth-login button {
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 2px;
  border-radius: 20px;
  background-color: #1F395F;
  color: #FFFFFF;
  height: 50px;
  font-family: "Futura";
}
.auth-login button:hover {
  background-color: #B4D3FA;
  color: #1F395F;
}
.auth-login img {
  height: 100px;
  display: block;
  margin: 0 auto 13% auto;
}
.auth-login .problem-link {
  display: block;
  text-align: center;
  color: #1F395F;
  font-style: italic;
  font-size: 11px;
  margin-top: 2em;
}
.auth-login .problem-link:hover {
  color: #FF0094 !important;
}

.payments-numbers {
  font-size: 18px;
}
.payments-numbers .currency-input-container input, .payments-numbers .currency-input-container .currency-value {
  font-size: 18px;
}
.payments-numbers .balance .currency-input-container input, .payments-numbers .balance .currency-input-container .currency-value {
  color: red;
}
.payments-numbers .balance.balance-correct .currency-input-container input, .payments-numbers .balance.balance-correct .currency-input-container .currency-value {
  color: green;
}

.transaction-error {
  background-color: #EB1B33;
  color: #FFFFFF;
}

.transaction-paid {
  background-color: #3FBE70;
  color: #FFFFFF;
}

.missing-participants {
  color: red;
}

.add-late-payment-button {
  color: #FFFFFF;
  background-color: #F69E55;
}

.show-late-payment-button {
  color: #F69E55;
}

.payment-informations .payment-online .ember-view {
  display: inline-block;
}
.payment-informations .payment-online .x-toggle-component {
  display: inline-flex;
}
.payment-informations .payment-online .x-toggle-component .x-toggle-btn::after {
  width: 45%;
  box-shadow: 0 0 0 1px #DADADA;
}
.payment-informations .payment-status {
  min-height: 30px;
}
.payment-informations .payment-status span {
  line-height: 30px;
}
.payment-informations .payment-status a {
  color: #1F395F;
}
.payment-informations .form-input {
  width: 100%;
  margin-top: 2%;
}
.payment-informations .form-input.payment-amount {
  width: 100%;
}
.payment-informations .form-input.payment-amount input {
  max-width: 230px;
  border-radius: 5px;
}
.payment-informations .form-input.payment-transaction input {
  max-width: 100%;
  border-radius: 5px;
}
.payment-informations .section-parts {
  padding: 0 4%;
}
.payment-informations .section-parts h3 {
  color: #1F395F;
  font-size: 17px;
  font-family: "Futura";
  font-weight: 500;
  letter-spacing: 1px;
}
.payment-informations .section-parts .empty-pocket {
  width: 100%;
  margin-top: 3%;
}
.payment-informations .section-parts .empty-pocket img {
  width: 75%;
  margin: 0 auto;
  border-radius: 10px;
  display: block;
}
.payment-informations .section-parts .empty-pocket span {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 2%;
  font-size: 20px;
}
.payment-informations .section-parts .part-item {
  line-height: 40px;
}
.payment-informations .section-parts .part-item button {
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
  margin-left: 1%;
  line-height: 40px;
  font-size: 15px;
}
.payment-informations .section-parts .select-part {
  display: flex;
  margin-top: 2%;
}
.payment-informations .section-parts .select-part .select-part-list {
  width: 65%;
  min-height: 31px;
}
.payment-informations .section-parts .select-part button {
  margin-left: 2%;
  border: none;
  box-shadow: none;
  background: #1F395F;
  color: #FFFFFF;
  border-radius: 5px;
}
.payment-informations .section-parts .select-part button:focus, .payment-informations .section-parts .select-part button:hover {
  color: #1F395F;
  background: #B4D3FA;
}
.payment-informations .controls button {
  width: 100%;
  border-radius: 5px;
  margin-bottom: 3%;
}
.payment-informations .control .x-toggle-component {
  display: flex;
  align-items: center;
  justify-content: flex-start !important;
}

.button-navy-link {
  background: #1F395F;
  color: #FFFFFF;
  border: none;
  border-radius: 10px;
  padding: 12px;
  line-height: 20px;
  font-weight: bold;
  margin-right: 2px;
  box-shadow: 0 1px 3px 0 rgba(149, 149, 149, 0.3);
}

.button-navy-link:hover {
  background: #B4D3FA;
  color: #1F395F;
  border: none;
}

.pay-provider-container .center-main-hold-button .warning, .refund-customer-container .center-main-hold-button .warning {
  width: 45%;
  font-size: 25px;
  letter-spacing: 1px;
  height: 50px;
}

.page-container {
  margin: 20px;
}

.input-block {
  margin: 4px;
}
.input-block.seo-optimized label, .input-block.seo-optimized span {
  color: green !important;
  font-weight: bold;
}
.input-block.seo-optimized input, .input-block.seo-optimized .editable {
  border: 2px solid green;
}
.input-block.seo-almost-optimized label, .input-block.seo-almost-optimized span {
  color: orange !important;
  font-weight: bold;
}
.input-block.seo-almost-optimized input, .input-block.seo-almost-optimized .editable {
  border: 2px solid orange;
}
.input-block.seo-not-optimized label, .input-block.seo-not-optimized span {
  color: red !important;
  font-weight: bold;
}
.input-block.seo-not-optimized input, .input-block.seo-not-optimized .editable {
  border: 2px solid red;
}

.form-block input[type=text] {
  display: block;
  width: 100%;
  max-width: 100%;
}
.form-block label {
  margin-top: 4px;
}

i.green {
  color: #44EC29;
}
i.red {
  color: #EC2929;
}

.insurance.paid {
  color: #EB1B33;
}
.insurance.paid.taken {
  color: #34C62C;
}
.insurance.refunded {
  color: #B4D3FA;
  background-color: #1F395F;
  padding: 0 2px;
}
.insurance.renounce {
  color: #f1c232;
  background-color: #000000;
  padding: 0 2px;
}

.actions-accounting {
  margin-bottom: 10px;
}

.new-invoice .d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.new-invoice .align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}
.new-invoice .justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.new-invoice .justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
@media screen and (min-width: 450px) {
  .new-invoice {
    height: 75vh;
    overflow: hidden;
  }
}
.new-invoice .flatpickr-input-container .ember-flatpickr-input {
  max-width: 150px;
  border-radius: 0;
}
.new-invoice .flatpickr-input-container .fa-calendar {
  top: 0;
}
.new-invoice .row .col-1, .new-invoice .row .col-2, .new-invoice .row .col-6, .new-invoice .row .col-3, .new-invoice .row .col-4, .new-invoice .row .col-8, .new-invoice .row .col-12 {
  padding: 0;
}
.new-invoice .row .ember-power-select-trigger {
  width: fit-content;
}
.new-invoice .ml-3, .new-invoice .mx-3 {
  margin-left: 1rem !important;
}
.new-invoice .new-invoice-headline-infos {
  width: 70%;
}
@media screen and (max-width: 450px) {
  .new-invoice .new-invoice-headline-infos {
    width: 100%;
  }
  .new-invoice .new-invoice-headline-infos .form-group {
    margin-bottom: 2%;
  }
}
.new-invoice .new-invoice-headline-infos .check-toggle {
  width: 40%;
  align-items: center;
}
.new-invoice .dashboard-filters-line .departure-date input {
  width: 150px !important;
}
.new-invoice .new-invoice-headline {
  display: flex;
  align-items: flex-start;
  margin: 0;
  margin-bottom: 2%;
}
@media screen and (max-width: 450px) {
  .new-invoice .new-invoice-headline {
    margin-bottom: 6%;
    width: 100%;
  }
}
.new-invoice .new-invoice-headline .provider-detail {
  font-weight: bold;
  font-size: 10px;
}
@media screen and (max-width: 450px) {
  .new-invoice .new-invoice-headline .provider-detail {
    display: block;
  }
}
.new-invoice .new-invoice-headline .informations-provider table td {
  border: none;
  color: #1F395F;
  font-size: 13px;
  font-weight: 600;
  padding-right: 5px;
}
.new-invoice .new-invoice-headline .informations-provider table td.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: fit-content;
  overflow: hidden;
}
.new-invoice .new-invoice-headline .exception-provider {
  text-align: center;
  position: relative;
}
.new-invoice .new-invoice-headline .exception-provider .ibanfirst-link {
  margin: 0 auto;
}
.new-invoice .new-invoice-headline .exception-provider .change-currency {
  height: 150px;
  margin: 10px auto 0 auto;
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.new-invoice .new-invoice-headline .ibanfirst-link {
  background: #FFFFFF;
}
.new-invoice .new-invoice-headline .ibanfirst-link .ibanfirst-logo {
  width: 100px;
}
.new-invoice .new-invoice-headline .new-invoice-headline-actions {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 450px) {
  .new-invoice .new-invoice-headline .new-invoice-headline-actions {
    margin-top: 6%;
    margin-bottom: 1%;
  }
}
.new-invoice .new-invoice-headline .new-invoice-headline-actions a, .new-invoice .new-invoice-headline .new-invoice-headline-actions button {
  border-radius: 5px;
}
@media screen and (max-width: 450px) {
  .new-invoice .new-invoice-headline .new-invoice-headline-actions a, .new-invoice .new-invoice-headline .new-invoice-headline-actions button {
    width: fit-content;
    margin: 0 1% !important;
    height: auto;
  }
}
.new-invoice .new-invoice-headline .new-invoice-headline-actions a:hover {
  background: #B4D3FA;
}
.new-invoice .navy {
  background: #1F395F;
  color: #FFFFFF;
}
.new-invoice .bg-warning {
  margin-left: 5px;
  margin-right: 5px;
  background-color: #FFCE00 !important;
}
.new-invoice label {
  color: #1F395F;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
}
.new-invoice .currency-symbol {
  font-size: 13px;
}
@media screen and (min-width: 450px) {
  .new-invoice #prestations, .new-invoice #search {
    height: 43vh;
    overflow-y: scroll;
  }
}
.new-invoice .new-invoice-bottom-bar-mobile {
  margin-top: 6%;
}
.new-invoice .new-invoice-bottom-bar-mobile .currency-value {
  padding-left: 15px;
}
.new-invoice .new-invoice-bottom-bar-mobile .new-invoice-bottom-bar-mobile-line {
  border: 1px solid #BABABA;
  border-radius: 5px;
  padding: 3%;
  width: 100%;
}
.new-invoice .new-invoice-bottom-bar-mobile .new-invoice-bottom-bar-mobile-line .ember-power-select-trigger {
  width: 100%;
}
.new-invoice .currency-input-container input {
  text-align: center;
}
.new-invoice .list-invoice-prestations a {
  font-weight: bold;
  color: #1F395F;
}
.new-invoice .list-invoice-prestations .list-item-in-invoice {
  padding: 0;
  margin: 0;
}
.new-invoice .list-invoice-prestations .currency-value {
  padding-left: 20px;
}
.new-invoice .list-invoice-prestations table th {
  border-bottom: 1px solid #F1F2F6;
}
.new-invoice .list-invoice-prestations table td, .new-invoice .list-invoice-prestations table th {
  text-align: left;
  padding: 5px;
}
.new-invoice .list-invoice-prestations table .prestation-table-actions button {
  height: 35px;
}
@media screen and (max-width: 450px) {
  .new-invoice .list-invoice-prestations table .prestation-table-actions button {
    height: 30px;
  }
}
.new-invoice .list-invoice-prestations table td .form-group input {
  text-align: center;
  width: 70px;
}
.new-invoice .new-invoice-header {
  background-color: #FFFFFF;
  border-bottom: 1px solid #EEEEEE;
  padding: 1%;
}
@media screen and (max-width: 450px) {
  .new-invoice .new-invoice-header {
    padding: 3%;
  }
}
.new-invoice .new-invoice-header a {
  display: block;
  width: fit-content;
}
.new-invoice .new-invoice-header a {
  padding: 6px 12px;
  background: #1F395F;
  color: #FFFFFF;
  border-radius: 5px;
}
.new-invoice .new-invoice-header a:hover {
  color: #1F395F;
  background: #B4D3FA;
}
.new-invoice .new-invoice-header .ember-power-select-clear-btn {
  right: 20%;
}
.new-invoice .new-invoice-bottom-bar {
  width: 100%;
  max-height: 35%;
  height: auto;
  padding: 1%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #FFFFFF;
  border-top: 1px solid #EEEEEE;
}
.new-invoice .new-invoice-bottom-bar .new-invoice-bottom-bar-actions {
  display: flex;
}
.new-invoice .new-invoice-bottom-bar .new-invoice-bottom-bar-actions button {
  display: flex;
  align-items: center;
  font-size: 13px;
}
.new-invoice .new-invoice-bottom-bar .new-invoice-bottom-bar-actions button i {
  margin-right: 7px;
}
.new-invoice .new-invoice-bottom-bar .new-invoice-bottom-bar-actions .bg-warning {
  margin-left: 1em;
  margin-right: 0;
  background-color: #FFCE00 !important;
}
.new-invoice .new-invoice-bottom-bar .new-invoice-bottom-bar-lines {
  max-height: 160px;
  overflow-y: scroll;
  border: 1px solid #BABABA;
  border-radius: 5px;
  padding: 0 2%;
}
.new-invoice .new-invoice-bottom-bar .new-invoice-bottom-bar-lines .ember-power-select-trigger {
  width: 100%;
}
.new-invoice .new-invoice-bottom-bar .new-invoice-bottom-bar-lines .payment, .new-invoice .new-invoice-bottom-bar .new-invoice-bottom-bar-lines .refund {
  margin: 1% auto;
}
.new-invoice .new-invoice-bottom-bar .new-invoice-bottom-bar-bottom-line {
  margin-top: 1%;
  width: auto;
}
.new-invoice .new-invoice-bottom-bar .new-invoice-bottom-bar-bottom-line .currency-input-container .currency-value {
  color: #1F395F;
  font-weight: bold;
  padding-left: 16px;
}
@media screen and (max-width: 450px) {
  .new-invoice .new-invoice-bottom-bar {
    padding: 3%;
  }
}
.new-invoice .new-invoice-bottom-bar button {
  min-height: 35px;
}
.new-invoice .new-invoice-bottom-bar .form-group {
  margin-bottom: 5px;
  margin-top: 5px;
}
.new-invoice .provider-select .ember-power-select-trigger .ember-power-select-selected-item {
  margin-right: 20px;
}
.new-invoice .provider-select .ember-power-select-trigger .ember-power-select-clear-btn {
  right: 20px;
}
@media screen and (min-width: 450px) {
  .new-invoice .provider-select .ember-power-select-trigger {
    min-width: 100px;
    width: fit-content;
  }
}
.new-invoice h1 {
  font-weight: bold;
  margin-bottom: 2%;
}
@media screen and (max-width: 450px) {
  .new-invoice h1 {
    font-size: 22px;
    margin-bottom: 6%;
  }
}
.new-invoice p, .new-invoice input {
  font-weight: normal;
  color: #000000;
}
.new-invoice button {
  margin: 1% 0;
  margin-right: 1%;
  border-radius: 5px;
}
.new-invoice .btn-toggler.active {
  color: #FFFFFF;
  background: #1F395F;
}
.new-invoice .infos-actions .btn-save i {
  left: 10%;
  top: 50%;
  transform: translate(0%, -50%);
  font-size: 17px;
}
@media screen and (max-width: 450px) {
  .new-invoice .infos-actions {
    position: fixed;
    display: flex;
    height: 50px;
    bottom: 0;
    left: 0;
    background: #FFFFFF;
    width: 100%;
  }
  .new-invoice .infos-actions button {
    font-size: 15px;
    width: 100%;
    margin: 0;
    border-radius: inherit;
  }
}
.new-invoice .form-group.toggle {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
}
.new-invoice .form-group input {
  padding: 0;
  border: none;
  border-bottom: 1px solid #BABABA;
}
.new-invoice .navigable {
  padding: 1%;
}
.new-invoice .navigable h3 {
  font-weight: bold;
  color: #1F395F;
  margin: 1% 0;
}
@media screen and (max-width: 450px) {
  .new-invoice .navigable {
    padding: 3%;
  }
}
.new-invoice .navigable .form-input {
  display: block;
  border-radius: 5px;
  width: 30%;
}
.new-invoice .navigable .form-input input {
  border-radius: 5px;
  max-width: 100%;
}
.new-invoice .top-menu {
  padding: 2%;
  padding-bottom: 0;
  background: #FFFFFF;
}
.new-invoice .top-menu a {
  border-radius: 5px;
  color: #FFFFFF;
  background: #1F395F;
}
@media screen and (max-width: 450px) {
  .new-invoice .top-menu a {
    margin-bottom: 2%;
  }
}
.new-invoice .top-menu a:hover {
  background: #B4D3FA;
  color: #1F395F;
}
@media screen and (max-width: 450px) {
  .new-invoice .top-menu {
    padding: 3%;
  }
}
.new-invoice .nav-tabs {
  margin: 0;
  border-bottom: none;
}
.new-invoice .nav-tabs .col-4 {
  padding: 0;
}
.new-invoice .nav-tabs.desktop {
  padding: 2%;
  padding-bottom: 0;
}
.new-invoice .nav-tabs.desktop .nav-item .nav-link.active {
  color: #FFFFFF;
  background: #1F395F;
}
.new-invoice .nav-tabs.desktop .nav-item .nav-link:hover {
  background: #B4D3FA;
  color: #1F395F;
}
.new-invoice .nav-tabs.mobile {
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-invoice .nav-tabs.mobile .nav-item {
  margin: 3% 0;
}
@media screen and (max-width: 450px) {
  .new-invoice .nav-tabs.mobile li {
    width: 31%;
  }
}
.new-invoice .nav-tabs.mobile .nav-link {
  cursor: pointer;
  background: #F1F2F6;
  color: #DADADA;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: none;
  padding: 0;
  border-radius: 0 0 0 0;
  width: 100%;
}
.new-invoice .nav-tabs.mobile .nav-link.active {
  color: #FFFFFF;
  background: #FF0094;
}
.new-invoice .nav-tabs.mobile .nav-link:hover {
  color: #FF0094 !important;
}
.new-invoice .nav-tabs.mobile .active:hover {
  color: #FFFFFF !important;
}

.search-prestations .list-voyages .consolidation {
  color: #1F395F;
  font-weight: bold;
  margin-bottom: 1em;
  display: block;
}
.search-prestations .list-voyages .consolidation:hover {
  color: #B4D3FA !important;
}
.search-prestations .list-voyages .voyage-prestations .button, .search-prestations .list-voyages .voyage-prestations button {
  display: block;
  width: 90%;
  text-align: left;
  border-radius: 5px;
  padding: 2%;
}
@media screen and (max-width: 450px) {
  .search-prestations .list-voyages .voyage-prestations .button, .search-prestations .list-voyages .voyage-prestations button {
    width: 100%;
  }
}
.search-prestations .list-voyages .voyage-prestations .button p, .search-prestations .list-voyages .voyage-prestations button p {
  margin: 0;
}
.search-prestations .list-voyages .voyage-prestations .button .currency-value, .search-prestations .list-voyages .voyage-prestations button .currency-value {
  padding-left: 15px;
}
.search-prestations .list-voyages .voyage-prestations .button i, .search-prestations .list-voyages .voyage-prestations button i {
  margin-right: 3px;
}
.search-prestations .list-voyages .voyage-prestations .button.selected, .search-prestations .list-voyages .voyage-prestations button.selected {
  background: #1F395F;
  color: #FFFFFF;
}
.search-prestations .prestation-actions button {
  margin: 10px;
}

.list-item-in-invoice {
  padding-bottom: 200px;
  padding: 10px;
  overflow-y: scroll;
}
.list-item-in-invoice div .refund {
  background: #54C6FF;
}
.list-item-in-invoice div .payment {
  background: rgba(234, 35, 143, 0.15);
}

.main-dashboard {
  padding: 0 3%;
}
.main-dashboard h1 {
  color: green;
  font-size: 15px;
}
.main-dashboard .task .task-name {
  border: none;
  font-weight: 600;
  font-size: 12px;
  margin: 2px 0;
}
.main-dashboard .task .to-do-list td a {
  width: 100%;
  display: block;
}
.main-dashboard .task .to-do-list th {
  font-weight: 100;
  font-size: 10px;
}
.main-dashboard .task .to-do-list th.user-selected {
  color: #FF4DB3;
}
.main-dashboard .dashboard-padding {
  padding-right: 10px;
}
.main-dashboard .reminder-click a {
  cursor: pointer;
}

.reports-dashboard-view {
  padding: 0 3%;
}

.as-calendar .as-calendar-timetable .as-calendar-occurrence__title {
  background: #FF4DB3;
  opacity: 0.6;
  text-align: center;
}

.customer-service-item {
  border-radius: 10px;
  border: 1px solid;
  padding: 2%;
  margin: 1% 0;
  box-shadow: 0px 0px 15px #F1F2F6;
}
.customer-service-item .cs-line label {
  display: block;
  font-size: 16px;
  color: #FF0094;
}
.customer-service-item .cs-line label a {
  color: #30BCED;
}
.customer-service-item .cs-line label a:hover {
  color: #30BCED !important;
}
.customer-service-item .cs-line .block-span {
  display: block;
  min-height: 30px;
}
.customer-service-item .cs-line .block-span .currency-input-container {
  font-weight: bold;
}
.customer-service-item .cs-line .link-list a {
  margin: 0 1%;
  color: #1F395F;
}
.customer-service-item .cs-line .link-list a:hover {
  color: #30BCED !important;
}
.customer-service-item .cs-line .external-link {
  position: relative;
}
.customer-service-item .cs-line .external-link a {
  position: absolute;
  right: 15px;
  color: #1F395F;
}
.customer-service-item .cs-line .external-link a:hover {
  color: #30BCED !important;
}
.customer-service-item .actions {
  margin: 1% 0;
}
.customer-service-item .actions label {
  display: block;
  font-size: 16px;
  color: #FF0094;
  margin-bottom: 1%;
}
.customer-service-item .actions .actions-buttons {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 1%;
}
.customer-service-item .actions .actions-buttons .ember-hold-button-container {
  width: 45%;
}
.customer-service-item .actions .actions-buttons .ember-hold-button-container button {
  width: 100%;
  height: 50px;
  border-radius: 10px;
  border: none;
}
.customer-service-item .actions .status .captitalize {
  text-transform: capitalize;
}
.customer-service-item .actions .status span {
  display: block;
}
.customer-service-item .actions .validated {
  background: #008000;
  color: #FFFFFF;
}
.customer-service-item .actions .primary {
  background: #447BF5;
  color: #FFFFFF;
}
.customer-service-item .actions .comments {
  overflow: scroll;
}

.valasba {
  width: 100%;
}
.valasba img {
  width: 70%;
  margin: 5% auto;
  display: block;
}

.dashboard-2-container.desktop {
  display: flex;
  justify-content: space-between;
}

.dashboard-2 {
  padding: 0 2%;
}
@media screen and (min-width: 450px) {
  .dashboard-2 .dashboard-2-main {
    width: 60%;
  }
}
.dashboard-2 .dashboard-2-header .dashboard-2-todo-card .loader-container-dashboard-todo {
  margin-left: 10px;
}
.dashboard-2 .dashboard-2-header .dashboard-2-todo-card .loader-container-dashboard-todo .spinner-border {
  height: 40px;
  width: 40px;
  border: 5px solid #CCC; /* Couleur de fond */
  border-top: 5px solid #1F395F; /* Couleur de la partie tournante */
  border-radius: 50%;
  animation: spin 1.5s linear infinite;
}
.dashboard-2 .dahsboard-filters-button-navy {
  display: inline-block;
}
.dashboard-2 .loader-container {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dashboard-2 .loader-container .spinner-border {
  height: 100px;
  width: 100px;
  border: 5px solid #CCC; /* Couleur de fond */
  border-top: 5px solid #FF0094; /* Couleur de la partie tournante */
  border-radius: 50%;
  animation: spin 1.5s linear infinite;
}
.dashboard-2 .dashboard-2-messaging .dashboard-2-filters, .dashboard-2 .dashboard-2-main .dashboard-2-filters {
  margin-top: 2%;
}
.dashboard-2 .dashboard-2-messaging .dashboard-2-filters .ember-view, .dashboard-2 .dashboard-2-main .dashboard-2-filters .ember-view {
  display: inline-block;
}
.dashboard-2 .dashboard-2-messaging .dashboard-2-filters .dashboard-filters .ember-view, .dashboard-2 .dashboard-2-main .dashboard-2-filters .dashboard-filters .ember-view {
  display: block;
}
.dashboard-2 .dashboard-2-messaging .dashboard-2-filters .button-navy, .dashboard-2 .dashboard-2-main .dashboard-2-filters .button-navy {
  background: #1F395F !important;
  color: #FFFFFF !important;
  border: none;
}
.dashboard-2 .dashboard-2-messaging .dashboard-2-filters .button-navy:hover, .dashboard-2 .dashboard-2-main .dashboard-2-filters .button-navy:hover {
  background: #B4D3FA !important;
  color: #1F395F !important;
}
.dashboard-2 .dashboard-2-messaging .navigable::-webkit-scrollbar, .dashboard-2 .dashboard-2-messaging .messages-chat::-webkit-scrollbar {
  display: none;
}
.dashboard-2 .dashboard-2-messaging {
  position: relative;
  width: 35%;
  height: 70vh;
  box-shadow: 0 0 0 1px #F1F2F6;
  overflow: hidden;
  margin-top: -34px;
}
@media screen and (max-width: 450px) {
  .dashboard-2 .dashboard-2-messaging {
    margin-top: 0;
  }
}
.dashboard-2 .dashboard-2-messaging .dashboard-2-filters {
  position: relative;
}
.dashboard-2 .dashboard-2-messaging .dashboard-2-filters .dashboard-filters .ember-flatpickr-input::placeholder {
  font-size: 11px;
}
.dashboard-2 .dashboard-2-messaging .navigable {
  padding: 3%;
  height: 90%;
  overflow-y: scroll;
}
.dashboard-2 .dashboard-2-messaging .navigation {
  display: flex;
}
.dashboard-2 .dashboard-2-messaging .navigation button {
  height: 50px;
  width: 100%;
  text-transform: capitalize;
}
.dashboard-2 .dashboard-2-messaging .navigation button.button-navy {
  background: #1F395F;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.dashboard-2 .dashboard-2-messaging .messages-chat {
  height: 100%;
}
.dashboard-2 .dashboard-2-messaging .messages-chat .messages-chat-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: -webkit-sticky;
  position: sticky;
  padding: 2%;
  top: 0;
  left: 0;
  z-index: 2;
  font-size: 12px;
  background: #F1F2F6;
}
.dashboard-2 .dashboard-2-messaging .messages-chat .messages-chat-header .fa-arrow-left {
  position: absolute;
  left: 6%;
}
.dashboard-2 .dashboard-2-messaging .messages-chat .messages-chat-input {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  width: 100%;
}
.dashboard-2 .dashboard-2-messaging .loader-container {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dashboard-2 .dashboard-2-messaging .loader-container .spinner-border {
  height: 100px;
  width: 100px;
  border: 5px solid #CCC; /* Couleur de fond */
  border-top: 5px solid #FF0094; /* Couleur de la partie tournante */
  border-radius: 50%;
  animation: spin 1.5s linear infinite;
}
.dashboard-2 .dashboard-2-messaging .see-more-messages {
  background: #FFCE00;
  position: absolute;
  right: 0%;
  border-radius: 4px;
  min-width: 150px;
  height: 30px;
  line-height: 15px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  padding: 6px 12px;
  top: 0;
}
.dashboard-2 .dashboard-2-messaging .see-more-messages:hover {
  background: #FFD86C;
}
.dashboard-2 .dashboard-2-index {
  height: 100vh;
}
.dashboard-2 .dashboard-2-index .row {
  width: 100%;
  display: flex;
  height: 20%;
  margin: 0;
}
.dashboard-2 .dashboard-2-index .row .column {
  height: 100%;
  width: 50%;
  border: 1px solid #000000;
  color: #000000;
  font-size: 35px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.dashboard-2 .dashboard-2-index .row .column .record-indicator {
  margin-top: 11%;
  font-size: 17px;
}
.dashboard-2 .dashboard-2-index .dashboard-2-index-search {
  margin-top: 3%;
}
.dashboard-2 .dashboard-2-index .dashboard-2-index-search-input {
  position: relative;
  margin-bottom: 1%;
}
.dashboard-2 .dashboard-2-index .dashboard-2-index-search-input input {
  max-width: 100%;
}
.dashboard-2 .dashboard-2-index .dashboard-2-index-search-input .dashboard-2-index-search-input-icon {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  right: 0;
}

.list-item-dashboard {
  position: relative;
  display: block;
  border: 1px solid #DADADA;
  box-shadow: 0px 0px 5px #D5D5D5;
  color: #000000;
  border-radius: 12px;
  padding: 3%;
  width: 45%;
  float: left;
  margin: 2%;
  height: 130px;
}
.list-item-dashboard.chrono {
  height: 160px;
}
.list-item-dashboard.skynet-desktop {
  width: 100%;
  margin: 2% 0;
  float: none;
  height: 180px;
}
.list-item-dashboard.skynet-desktop .align-center {
  text-align: center;
}
.list-item-dashboard.skynet-desktop .align-right {
  text-align: right;
}
.list-item-dashboard.skynet-desktop .voyage-status {
  font-size: 20px;
}
.list-item-dashboard.skynet-desktop .voyage-status .to-treat {
  color: #363EB0;
}
.list-item-dashboard.skynet-desktop .voyage-status .proposed {
  color: #54C6FF;
}
.list-item-dashboard.skynet-desktop .list-quotes, .list-item-dashboard.skynet-desktop .detail-quote {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  display: flex;
  margin-left: 10px;
}
.list-item-dashboard.skynet-desktop .list-quotes .quote-title, .list-item-dashboard.skynet-desktop .detail-quote .quote-title {
  border: 1px solid #DADADA;
  border-radius: 20px;
  min-width: 130px;
  margin-right: 10px;
  background: #FFFFFF;
  font-size: 11px;
}
.list-item-dashboard.skynet-desktop .list-quotes .quote-title.active, .list-item-dashboard.skynet-desktop .detail-quote .quote-title.active {
  border: 1px solid #FF0094;
  box-shadow: 0px 0px 15px #F1F2F6;
}
.list-item-dashboard.skynet-desktop .list-quotes .column-detail-quote, .list-item-dashboard.skynet-desktop .detail-quote .column-detail-quote {
  width: 200px;
  padding: 10px;
  display: inline-block;
  min-width: 170px;
}
.list-item-dashboard.skynet-desktop .list-quotes .column-detail-quote h3, .list-item-dashboard.skynet-desktop .detail-quote .column-detail-quote h3 {
  font-weight: 600;
  color: #FF0094;
  font-style: italic;
}
.list-item-dashboard.skynet-desktop .list-quotes .column-detail-quote span, .list-item-dashboard.skynet-desktop .detail-quote .column-detail-quote span {
  display: block;
  font-size: 14px;
}
.list-item-dashboard.skynet-desktop .list-quotes .column-detail-quote span.currency-input-container, .list-item-dashboard.skynet-desktop .list-quotes .column-detail-quote span.currency-value, .list-item-dashboard.skynet-desktop .detail-quote .column-detail-quote span.currency-input-container, .list-item-dashboard.skynet-desktop .detail-quote .column-detail-quote span.currency-value {
  display: inline-block;
}
.list-item-dashboard.skynet-desktop .list-quotes .column-detail-quote span.currency-value, .list-item-dashboard.skynet-desktop .detail-quote .column-detail-quote span.currency-value {
  padding-left: 15px;
}
.list-item-dashboard.skynet-desktop .list-quotes .column-detail-quote .currency-symbol, .list-item-dashboard.skynet-desktop .detail-quote .column-detail-quote .currency-symbol {
  top: 0;
}
.list-item-dashboard.skynet-desktop .skynet-actions .button-navy {
  background: #1F395F !important;
  color: #FFFFFF !important;
  border: none;
}
.list-item-dashboard.skynet-desktop .skynet-actions .button-navy:hover {
  background: #B4D3FA !important;
  color: #1F395F !important;
}
.list-item-dashboard.skynet-desktop .skynet-actions .results-actions-text {
  display: block;
  margin-top: 5px;
  color: #3FBE70;
}
@media screen and (max-width: 450px) {
  .list-item-dashboard {
    width: 100%;
    float: none;
    margin: 0 0 3% 0;
    height: 80px;
  }
}
.list-item-dashboard .headline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4%;
}
.list-item-dashboard .headline .headline-customer {
  font-weight: 650;
  font-size: 15px;
}
.list-item-dashboard .headline .headline-customer.cursor-pointer {
  cursor: pointer !important;
}
.list-item-dashboard .headline i {
  font-size: 21px;
  margin-right: 6px;
}
.list-item-dashboard .headline i.fa-lightbulb-o {
  color: #FFCE00;
}
.list-item-dashboard .headline i.fa-lightbulb-o.blue {
  color: #54C6FF;
}
.list-item-dashboard .headline i.published {
  color: #FF4DB3;
}
.list-item-dashboard .headline img {
  height: 21px;
}
.list-item-dashboard .headline img.icon-refuse-cs {
  filter: invert(37%) sepia(44%) saturate(3771%) hue-rotate(340deg) brightness(110%) contrast(84%);
}
.list-item-dashboard .headline img.icon-refuse-bs {
  filter: invert(22%) sepia(84%) saturate(5830%) hue-rotate(347deg) brightness(85%) contrast(110%);
}
.list-item-dashboard .headline img.icon-no-response-cs {
  filter: invert(98%) sepia(73%) saturate(6399%) hue-rotate(167deg) brightness(91%) contrast(91%);
}
.list-item-dashboard .headline img.icon-no-response-bs {
  filter: invert(17%) sepia(35%) saturate(1158%) hue-rotate(178deg) brightness(97%) contrast(91%);
}
.list-item-dashboard .headline img.icon-wt-response-bs {
  filter: brightness(0) saturate(100%) invert(59%) sepia(27%) saturate(360%) hue-rotate(170deg) brightness(95%) contrast(95%);
}
.list-item-dashboard .headline img.icon-to-book-cs {
  filter: invert(99%) sepia(2%) saturate(4056%) hue-rotate(37deg) brightness(91%) contrast(78%);
}
.list-item-dashboard .headline img.icon-to-book-bs {
  filter: invert(35%) sepia(63%) saturate(548%) hue-rotate(57deg) brightness(94%) contrast(90%);
}
.list-item-dashboard .headline .voyage-2-states-header {
  display: inherit;
}
.list-item-dashboard .headline .voyage-2-states-header.unread-messages.messages-customer {
  color: #3FBE70;
}
.list-item-dashboard .headline .voyage-2-states-header.unread-messages.messages-provider {
  color: #FFB3E8;
}
.list-item-dashboard .headline .voyage-2-states-header.unread-messages.messages-other {
  color: #000000;
}
.list-item-dashboard .headline .voyage-2-states-header.unread-messages.messages-customer-provider {
  background: -webkit-linear-gradient(0deg, #3FBE70 50%, #FFB3E8 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: none;
}
.list-item-dashboard .headline .voyage-2-states-header.unread-messages.messages-customer-other {
  background: -webkit-linear-gradient(0deg, #3FBE70 50%, #000000 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: none;
}
.list-item-dashboard .headline .voyage-2-states-header.unread-messages.messages-provider-other {
  background: -webkit-linear-gradient(0deg, #FFB3E8 50%, #000000 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: none;
}
.list-item-dashboard .headline .voyage-2-states-header.unread-messages.messages-customer-provider-other {
  background: -webkit-linear-gradient(0deg, #3FBE70 0, #3FBE70 33%, #FFB3E8 33%, #FFB3E8 66%, #000000 66%, #000000 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: none;
}
.list-item-dashboard .light {
  color: #CCC;
}
.list-item-dashboard .urgent {
  color: #F00;
}
.list-item-dashboard .yellow {
  color: #FFCE00;
}
.list-item-dashboard .orange {
  color: #FF7F00;
}
.list-item-dashboard .green {
  color: #008000;
}
.list-item-dashboard .hide {
  display: none;
}
.list-item-dashboard .reminder-actions {
  margin-top: 3%;
  width: 100%;
}
.list-item-dashboard .reminder-actions .button-navy {
  background: #1F395F !important;
  color: #FFFFFF !important;
  border: none;
}
.list-item-dashboard .reminder-actions .button-navy:hover {
  background: #B4D3FA !important;
  color: #1F395F !important;
}
.list-item-dashboard .reminder-action-top {
  position: absolute;
  top: -17px;
  right: -20px;
}
.list-item-dashboard .reminder-action-top button {
  background: red;
  color: #FFFFFF;
  width: 40px;
  height: 35px;
  border-radius: 10px;
}
.list-item-dashboard .reminder-action-top button i {
  font-size: 13px;
}
.list-item-dashboard .counter {
  display: flex;
  height: 11px;
  width: 11px;
  border-radius: 50%;
  border: 1px solid #000000;
  padding: 1%;
  background: #87CEFA;
  border: 1px solid #1E90FF;
  justify-content: center;
  align-items: center;
  font-size: 9px;
  position: absolute;
  top: 10%;
  left: 4%;
}
@media screen and (max-width: 450px) {
  .list-item-dashboard .counter {
    padding: 2%;
    top: 3%;
    left: 23px;
  }
}
.list-item-dashboard .chrono {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #87CEFA;
  border: 1px solid #1E90FF;
  padding: 3% 5%;
  border-bottom-right-radius: 12px;
}
.list-item-dashboard .chrono span, .list-item-dashboard .chrono i {
  font-size: 13px;
  font-weight: 600;
}
.list-item-dashboard .chrono.clean-timer {
  right: 22%;
  border-radius: initial;
  background: #EB1B33;
  border: #BB0A1E;
  color: #FFFFFF;
}
.list-item-dashboard .voyage-states {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 60%;
  font-size: 20px;
}
.list-item-dashboard .voyage-states img {
  height: 23px;
  vertical-align: sub;
}

.list-item-dashboard:hover {
  border: 1px solid #FF0094;
  box-shadow: 0px 0px 5px #FFCCE9;
}

.dashboard-2-search-input {
  position: relative;
  width: 60%;
}
@media screen and (max-width: 450px) {
  .dashboard-2-search-input {
    width: 100%;
  }
}
.dashboard-2-search-input .fa.fa-search {
  left: 20px;
}
.dashboard-2-search-input .fas.fa-times {
  right: 5px;
}
.dashboard-2-search-input input {
  min-width: 100%;
  padding-left: 30px;
}
.dashboard-2-search-input i {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  font-size: 18px;
}

@media screen and (max-width: 450px) {
  .dashboard-2-filters {
    margin-bottom: 4%;
  }
}
.dashboard-2-filters .dashboard-2-filters-row {
  display: flex;
  align-items: center;
}
.dashboard-2-filters .paginator-dropdown {
  width: 50px;
  height: 30px;
}
.dashboard-2-filters .paginator-dropdown .ember-power-select-trigger {
  height: 100%;
}
.dashboard-2-filters button {
  border-radius: 4px;
  min-width: 100px;
  height: 30px;
  line-height: 15px;
}
@media screen and (max-width: 450px) {
  .dashboard-2-filters button {
    min-width: 85px;
  }
}
.dashboard-2-filters p {
  margin: 2% 0;
}

.dashboard-filters {
  position: fixed;
  display: none;
  width: 33%;
  height: 100%;
  background: #FFFFFF;
  top: 0;
  right: -60%;
  padding: 2% 5px 2% 2%;
  z-index: 2;
  box-shadow: 0px 0px 15px #F1F2F6;
}
@media screen and (max-width: 800px) {
  .dashboard-filters {
    width: 30%;
  }
}
@media screen and (max-width: 450px) {
  .dashboard-filters {
    width: 80%;
    height: 100%;
    padding: 6%;
    top: 0;
  }
}
.dashboard-filters hr {
  margin: 0;
}
.dashboard-filters .btn-active {
  background: #1F395F;
  color: #FFFFFF;
}
.dashboard-filters .filters-submit {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  background: #1F395F;
  color: #FFFFFF;
  bottom: 0;
  height: 50px;
  border-radius: 0;
}
.dashboard-filters .form-group {
  margin-bottom: 2%;
}
.dashboard-filters .form-group .dates {
  display: block;
}
.dashboard-filters .form-group .dates div {
  width: 100%;
}
.dashboard-filters .form-group .dates div input {
  width: 100%;
  max-width: 100%;
  padding: 0 6%;
}
.dashboard-filters .form-group input {
  border-radius: 4px;
  width: 150px;
  padding: 0 3%;
}
.dashboard-filters .form-group .select-2 {
  display: block;
}
.dashboard-filters .form-group .select-2 .ember-power-select-selected-item {
  margin-left: 0px;
}
.dashboard-filters .form-group .select-2 .ember-power-select-selected-item .select-2-item {
  padding-left: 5px;
}
.dashboard-filters .ember-power-select-clear-btn {
  top: 0;
}

.dashboard-filters-toggler {
  min-width: 80px;
}

.ember-power-select-trigger-dashboard {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.select-2-item img {
  width: 15px;
  vertical-align: sub;
}
.select-2-item img.icon-refuse-cs {
  filter: invert(37%) sepia(44%) saturate(3771%) hue-rotate(340deg) brightness(110%) contrast(84%);
}
.select-2-item img.icon-refuse-bs {
  filter: invert(22%) sepia(84%) saturate(5830%) hue-rotate(347deg) brightness(85%) contrast(110%);
}
.select-2-item img.icon-no-response-cs {
  filter: invert(98%) sepia(73%) saturate(6399%) hue-rotate(167deg) brightness(91%) contrast(91%);
}
.select-2-item img.icon-no-response-bs {
  filter: invert(17%) sepia(35%) saturate(1158%) hue-rotate(178deg) brightness(97%) contrast(91%);
}
.select-2-item img.icon-to-book-cs {
  filter: invert(99%) sepia(2%) saturate(4056%) hue-rotate(37deg) brightness(91%) contrast(78%);
}
.select-2-item img.icon-to-book-bs {
  filter: invert(35%) sepia(63%) saturate(548%) hue-rotate(57deg) brightness(94%) contrast(90%);
}

.sales-dashboard .search-quotes div {
  float: left;
}
.sales-dashboard .search-quotes input {
  max-width: none !important;
}
.sales-dashboard .search-quotes .select2-container {
  width: 92%;
}
.sales-dashboard .result-quotes div {
  font-size: 25px;
  padding: 5px;
  margin-bottom: 8.3px;
}
.sales-dashboard .result-quotes .top-stats-title {
  text-align: center;
  text-decoration: underline;
}
.sales-dashboard .header-part .select-2-container.big-input {
  width: 150px;
}
.sales-dashboard .header-part.assign-quote-header .date-selector {
  width: 150px;
}
.sales-dashboard .header-part.assign-quote-header .date-selector .ember-view {
  border-radius: 3px;
}
.sales-dashboard .header-part.assign-quote-header .date-selector .ember-view input[type=text] {
  max-width: 100%;
}
@media screen and (max-width: 450px) {
  .sales-dashboard .header-part.assign-quote-header .dashboard-filters-line {
    display: block;
  }
  .sales-dashboard .header-part.assign-quote-header .select-2-container, .sales-dashboard .header-part.assign-quote-header .date-selector {
    display: block;
    width: 100%;
    margin: 10px 0;
  }
  .sales-dashboard .header-part.assign-quote-header .xl {
    max-width: 100%;
    width: 100%;
  }
  .sales-dashboard .header-part.assign-quote-header .button-navy {
    width: 100%;
  }
}
.sales-dashboard .header-part.assign-quote-header .button-navy, .sales-dashboard .header-part.assign-quote-header .button-action {
  background: #1F395F !important;
  color: #FFFFFF !important;
  border: none;
  border-radius: 3px;
}
.sales-dashboard .header-part.assign-quote-header .button-navy:hover {
  background: #B4D3FA !important;
  color: #1F395F !important;
}
.sales-dashboard .assign-table tbody tr:nth-child(even) {
  background-color: #EEEEEE;
}
.sales-dashboard .assign-table tbody tr:hover {
  background-color: #DDDDDD;
}
.sales-dashboard .assign-table tr.highlight {
  background-color: #FFCCE9 !important;
}
@media screen and (max-width: 450px) {
  .sales-dashboard .assign-table td {
    padding: 0 10px;
  }
}
.sales-dashboard .assign-table .approaching {
  font-weight: bold;
  color: #FF0094;
  letter-spacing: 1px;
}
.sales-dashboard .assignation-table {
  max-width: fit-content;
  overflow: scroll;
}
.sales-dashboard .assignation-table th, .sales-dashboard .assignation-table td {
  text-align: center;
}
.sales-dashboard .assignation-table th.small, .sales-dashboard .assignation-table td.small {
  font-size: 10px;
  min-width: 100px;
  border-left: 1px solid #F1F2F6;
}
.sales-dashboard .assignation-table th.first, .sales-dashboard .assignation-table td.first {
  border-left: 2px solid #DADADA;
}
.sales-dashboard .assignation-table th.large-column, .sales-dashboard .assignation-table td.large-column {
  border-left: 2px solid #DADADA;
}
.sales-dashboard .assignation-table th.no-border-bottom, .sales-dashboard .assignation-table td.no-border-bottom {
  border-bottom: none;
}
.sales-dashboard .assignation-table th.no-border-top, .sales-dashboard .assignation-table td.no-border-top {
  border-top: none;
}
.sales-dashboard .search-seller-stats .drive-selector-attributs .attributs {
  margin-right: 1%;
}
.sales-dashboard .search-seller-stats .drive-selector-attributs .attributs .ember-power-select-trigger {
  display: block;
  margin: 3% auto;
}
.sales-dashboard .search-seller-stats .drive-selector-attributs .attributs input {
  height: 33px;
}
.sales-dashboard .search-seller-stats .drive-selector-attributs .attributs .flatpickr-input-container .fa-calendar {
  top: 0;
}
.sales-dashboard .search-seller-stats .drive-selector-attributs .attributs label {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 2Px;
  font-family: "Futura";
}
.sales-dashboard .search-seller-stats .seller-list {
  text-align: center;
}
.sales-dashboard .search-seller-stats .seller-list .button-navy, .sales-dashboard .search-seller-stats .seller-list .blank-button {
  display: inline-block;
  margin: 10px;
  width: auto;
  font-size: 10px;
  min-width: 8%;
}
.sales-dashboard .search-seller-stats .seller-list .blank-button {
  background-color: #F1F2F6;
  color: #333333;
  height: 50px;
  letter-spacing: 1px;
  border-radius: 10px;
}
.sales-dashboard .search-seller-stats .search-button {
  width: 25%;
  font-size: 20px;
  height: 50px;
  border-radius: 30px;
  color: #FFFFFF;
  letter-spacing: 2px;
  background-color: #FF0094;
  margin: 1% auto;
  display: block;
}
.sales-dashboard .search-seller-stats .search-button:hover {
  background-color: #FFCCE9;
  color: #FF0094;
}
.sales-dashboard .global-stats-container .datepicker-container-global-stats {
  float: none;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}
.sales-dashboard .global-stats-container .button-navy {
  width: 80%;
}

.top-destinations-stats .list-navigation {
  height: 700px;
  overflow: scroll;
}
.top-destinations-stats .list-navigation .download-file-top-desti {
  padding: 2%;
  margin-top: 1%;
  display: block;
  border: 1px solid #CCC;
  font-size: 12px;
  border-radius: 40px;
  color: #EEEEEE;
  box-shadow: 0px 0px 15px #F1F2F6;
  background-color: #008000;
}
.top-destinations-stats .list-navigation .download-file-top-desti i {
  padding-right: 10px;
}
.top-destinations-stats .list-navigation .download-file-top-desti:hover {
  background-color: #B2D8B2;
  color: #008000 !important;
  border: 1px solid #008000;
}
.top-destinations-stats .list-navigation .navigation-aws {
  border: 1px solid #CCC;
  width: 50%;
  text-align: left;
  padding: 3%;
  font-size: 25px;
  font-family: "Futura";
  margin: 0 auto 1% auto;
  display: block;
  cursor: pointer;
  background: #CCC;
  border-radius: 50px;
  color: #666666;
  letter-spacing: 2px;
  box-shadow: 0px 0px 15px #F1F2F6;
}
.top-destinations-stats .list-navigation .navigation-aws:hover {
  background: #EEEEEE;
}
.top-destinations-stats .download-text {
  font-size: 15px;
  text-align: center;
  display: block;
  font-family: "Verdana";
  font-weight: 100;
}
.top-destinations-stats .button-navy {
  width: 60%;
  margin: 1% auto;
}
.top-destinations-stats .image-habillage {
  width: 70%;
  margin: 0 auto;
  display: block;
  border-radius: 100px;
}
.top-destinations-stats .col-1-1 .navigation-aws {
  width: 90%;
}
.top-destinations-stats .col-1-1 .download-file-top-desti {
  padding: 2%;
  text-align: center;
}

.option-view {
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.option-view .w-90 {
  width: 90%;
  margin: 0 auto;
  display: block;
}
.option-view .option-view-form {
  margin-bottom: 2%;
  padding: 15px;
  width: 100%;
  min-height: 500px;
  max-height: 500px;
  overflow: scroll;
}
.option-view .option-view-form .option-view-input-url {
  margin-bottom: 2%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.option-view .option-view-form .option-view-input-url .form-input {
  width: 90%;
}
.option-view .option-view-form .option-view-input-url .form-input .ember-text-field {
  max-width: none;
}
.option-view .option-view-form label {
  text-align: center;
}
.option-view .option-view-form h2 {
  font-size: 25px;
  text-align: center;
  font-family: "Futura";
  letter-spacing: 1px;
  margin: 15px;
  padding-bottom: 2%;
  border-bottom: 1px solid #CCC;
}
.option-view .option-view-form .button-navy, .option-view .option-view-form input {
  max-width: 100%;
  width: 100%;
  margin: 1% auto;
  display: block;
  border-radius: 10px;
}
.option-view .option-view-form .list-activities-found {
  width: 90%;
  display: block;
  margin: 2% auto 0 auto;
}
.option-view .option-view-form .list-activities-found a {
  font-family: "Verdana";
  color: #666666;
  padding: 6px 12px;
  width: 100%;
  display: block;
  text-align: center;
  background-color: #FFCCE9;
  font-weight: bold;
}
.option-view .option-view-form .list-activities-found a:hover {
  background-color: #EEEEEE;
  color: #FF0094 !important;
}
.option-view .option-actions {
  text-align: center;
}
.option-view .option-actions .blue-btn {
  color: #FFFFFF;
  background-color: #363EB0;
}
.option-view .option-actions .blue-btn:hover {
  background-color: #30379E;
}
.option-view .option-actions .green-btn {
  color: #FFFFFF;
  background-color: #008000;
}
.option-view .option-actions .green-btn:hover {
  background-color: #42A479;
}
.option-view .option-actions button {
  width: 20%;
  height: 40px;
  font-size: 20px;
  border-radius: 10px;
  margin-right: 2%;
}

.title-page-list-faq h1 {
  display: inline-block;
}
.title-page-list-faq .black-button-faq {
  margin-left: 5%;
  background: #000000;
  color: #FFFFFF;
}

.list-faqs {
  margin-top: 5%;
}
.list-faqs .update-faq {
  margin-left: 2%;
}
.list-faqs .delete-faq {
  background: #EB1B33;
  color: #FFFFFF;
}
.list-faqs .item-faq {
  font-weight: 600;
}
.list-faqs .item-faq.online {
  color: #3FBE70;
}

.faq-selected {
  margin-top: 5%;
}
.faq-selected .line-label-faq {
  margin: 2% 0;
  display: block;
}
.faq-selected input {
  max-width: none;
}
.faq-selected textarea {
  padding: 10px;
}
.faq-selected button {
  float: right;
  margin: 4px;
}

.accounting-2 {
  padding: 0 2%;
}
.accounting-2 .accounting-2-index .row {
  height: 80vh;
}
.accounting-2 .accounting-2-index .row .column {
  border: 1px solid #000000;
  color: #000000;
  text-decoration: none;
  padding: 7%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 16px;
}
.accounting-2 .accounting-2-index .row .column div {
  display: flex;
  align-items: center;
}
.accounting-2 .accounting-2-index .row .column div i {
  margin-right: 25px;
  font-size: 32px;
}
.accounting-2 .accounting-2-index .row .column .record-indicator {
  margin-top: 11%;
  font-size: 17px;
}
.accounting-2 .verifications {
  overflow-x: hidden;
}
.accounting-2 .verifications .paginator {
  padding: 1% 5% 0.5% 5%;
}
.accounting-2 .verifications table {
  width: 100%;
}
@media screen and (max-width: 450px) {
  .accounting-2 .verifications table {
    display: block;
    overflow-x: scroll;
  }
}
.accounting-2 .invoices form {
  width: 15%;
}
@media screen and (max-width: 450px) {
  .accounting-2 .invoices form {
    width: 100%;
    text-align: center;
    margin: 6% 0;
  }
}
.accounting-2 .invoices form .form-group {
  display: flex;
  justify-content: space-between;
}
.accounting-2 .invoices form .form-group span {
  margin: 0;
  width: 49%;
}
.accounting-2 .invoices form .form-group span .flatpickr-input-container .fa-calendar {
  top: 0;
}
.accounting-2 .invoices form .form-group span input {
  max-width: initial;
  width: 100%;
}
.accounting-2 .invoices .table {
  overflow-y: scroll;
}
.accounting-2 .invoices .table td {
  padding: 10px 0;
}
@media screen and (max-width: 450px) {
  .accounting-2 .invoices .table {
    height: 65vh;
  }
}
.accounting-2 .invoices .btn {
  font-size: 13px;
  padding: 10px;
  width: 100%;
  margin: 5px 0 1% 0;
  border-radius: 7px;
  border: none;
}
@media screen and (max-width: 450px) {
  .accounting-2 .invoices .btn {
    padding: 3% 10%;
  }
}
.accounting-2 .invoices .btn.submit {
  background: #FF0094;
  color: #FFFFFF;
}
.accounting-2 .invoices .btn.small {
  width: 15% !important;
}
.accounting-2 .invoices .btn.action {
  background: #1F395F;
  color: #FFFFFF;
}
.accounting-2 .invoices .btn.sticky {
  position: -webkit-sticky;
  position: sticky;
}
@media screen and (max-width: 450px) {
  .accounting-2 .invoices .btn.sticky {
    bottom: 20px;
  }
}
.accounting-2 .invoices .btn.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  border-radius: 0;
  width: 100%;
  height: 50px;
}
.accounting-2 .invoices .btn.square {
  border-radius: 0;
}
.accounting-2 .loader-container {
  left: 50%;
}

.accounting-card {
  border: 1px solid #DADADA;
  border-radius: 10px;
  background: #FFFFFF;
  box-shadow: 0px 0px 15px #F1F2F6;
  position: relative;
  padding: 3%;
  width: 100%;
  margin-bottom: 3%;
}
@media screen and (max-width: 450px) {
  .accounting-card {
    width: 90%;
    margin: 3% auto;
  }
}
.accounting-card span {
  display: block;
  margin-top: 1%;
}
@media screen and (max-width: 450px) {
  .accounting-card span {
    margin-top: 3%;
  }
}
.accounting-card .accounting-card-headline {
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 3%;
}
.accounting-card .accounting-card-headline .customer {
  margin: 0;
  font-size: 15px;
  font-weight: 800;
}
.accounting-card .accounting-card-headline .icon {
  position: absolute;
  left: 3%;
  top: 12%;
  font-size: 21px;
}
@media screen and (max-width: 450px) {
  .accounting-card .accounting-card-headline .icon {
    top: 0;
  }
}
.accounting-card .accounting-card-headline .icon .warning {
  color: #BB0A1E;
}

@media screen and (max-width: 450px) {
  .accounting-2-filters {
    margin-bottom: 4%;
  }
}
.accounting-2-filters .accounting-2-filters-row {
  display: flex;
  align-items: center;
}
.accounting-2-filters button {
  border-radius: 4px;
  min-width: 100px;
  height: 30px;
  line-height: 15px;
}
.accounting-2-filters .paginator-dropdown {
  width: 50px;
  height: 30px;
}
.accounting-2-filters .paginator-dropdown .ember-power-select-trigger {
  height: 100%;
}
.accounting-2-filters p {
  margin: 2% 0;
}
.accounting-2-filters .input-amount {
  max-width: 100%;
  width: 100% !important;
}

.accounting-filters {
  position: fixed;
  display: none;
  width: 33%;
  height: 100%;
  background: #FFFFFF;
  top: 0;
  right: -60%;
  padding: 2% 5px 2% 2%;
  z-index: 2;
  box-shadow: 0px 0px 15px #F1F2F6;
}
@media screen and (max-width: 800px) {
  .accounting-filters {
    width: 30%;
  }
}
@media screen and (max-width: 450px) {
  .accounting-filters {
    width: 80%;
    height: 100%;
    padding: 6%;
    top: 0;
  }
}
.accounting-filters hr {
  margin: 0;
}
.accounting-filters .btn-active {
  background: #1F395F;
  color: #FFFFFF;
}
.accounting-filters .filters-submit {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  background: #1F395F;
  color: #FFFFFF;
  bottom: 0;
  height: 50px;
  border-radius: 0;
}
.accounting-filters .form-group {
  margin-bottom: 2%;
}
.accounting-filters .form-group .dates {
  display: block;
}
.accounting-filters .form-group .dates div {
  width: 100%;
}
.accounting-filters .form-group .dates div input {
  width: 100%;
  max-width: 100%;
  padding: 0 6%;
}
.accounting-filters .form-group input {
  border-radius: 4px;
  width: 150px;
  padding: 0 3%;
}
.accounting-filters .form-group .select-2 {
  display: block;
}
.accounting-filters .form-group .select-2 .ember-power-select-selected-item {
  margin-left: 0px;
}
.accounting-filters .ember-power-select-clear-btn {
  top: 0;
}

.accounting-new-filters input {
  width: 120px;
  max-width: 500px;
}
.accounting-new-filters .start-time input {
  width: 180px;
  max-width: 500px;
}
.accounting-new-filters .currency-list {
  height: 45px;
  width: 75px;
}
.accounting-new-filters .currency-list .ember-view {
  height: 35px;
}

.accounting-dashboard .right-part {
  position: fixed !important;
  width: 30%;
}
.accounting-dashboard .right-part .actions-accounting button {
  width: 100%;
  border: 1px solid #CCC;
  text-align: left;
  font-size: 13px;
  padding: 0;
  font-family: "Futura";
  margin: 0 auto 1% auto;
  display: block;
  background: #CCC;
  border-radius: 50px;
  color: #333333;
  letter-spacing: 2px;
  white-space: nowrap;
  box-shadow: 0px 0px 15px #F1F2F6;
}
.accounting-dashboard .right-part .actions-accounting button.no-link {
  padding: 3%;
}
.accounting-dashboard .right-part .actions-accounting button a, .accounting-dashboard .right-part .actions-accounting button a:hover {
  color: #333333 !important;
  letter-spacing: 2px;
  font-family: "Futura";
  width: 100%;
  display: block;
  padding: 3%;
}
.accounting-dashboard .right-part .actions-accounting button:hover {
  background-color: #EEEEEE;
}
.accounting-dashboard .paginator {
  padding: 1% 5% 2% 5%;
}
.accounting-dashboard h2 {
  font-family: "FuturaBold", "Futura";
  letter-spacing: 2px;
  color: #FF0094;
  text-transform: uppercase;
  font-weight: bold;
}
.accounting-dashboard h2.title-with-actions {
  position: relative;
  padding-bottom: 5px;
}
.accounting-dashboard h2.title-with-actions .button-navy {
  border-radius: 5px;
  right: 0;
  position: absolute;
}

@media screen and (max-width: 450px) {
  .button-search-voyage-action {
    width: 49%;
  }
}

.search-voyages .header-part {
  width: 85%;
}
@media screen and (max-width: 450px) {
  .search-voyages .header-part {
    width: 100%;
  }
}
.search-voyages .header-part .actions-buttons {
  display: inline-flex;
  justify-content: space-around;
  width: 400px;
  align-items: center;
}
@media screen and (max-width: 450px) {
  .search-voyages .header-part .actions-buttons {
    width: 100%;
    display: block;
  }
  .search-voyages .header-part .actions-buttons button {
    width: 100%;
    margin: 1% auto;
  }
}
.search-voyages .header-part .actions-buttons button {
  border-radius: 5px;
  letter-spacing: 1px;
}
.search-voyages .header-part .flatpickr-input-container .fa-calendar {
  top: 0;
}
.search-voyages .header-part .more-filters-submit {
  cursor: pointer;
  letter-spacing: 2px;
}
.search-voyages .header-part .more-filters-container .toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 2%;
  margin-top: 1em;
}
.search-voyages .header-part .more-filters-container .toggle label {
  display: inline-block;
}
.search-voyages .header-part .more-filters-container .text-filter {
  font-family: "Futura";
  letter-spacing: 1px;
}
.search-voyages .header-part-filters {
  padding-bottom: 1em;
}
.search-voyages .header-part-filters .select-2 {
  max-width: 200px !important;
}
.search-voyages .header-part-filters .select-2 .ember-power-select-multiple-trigger {
  width: 200px;
}
.search-voyages .header-part-filters .select-2 .ember-power-select-multiple-remove-btn {
  display: inline;
  margin: 0;
}
.search-voyages .header-part-filters .select-2.select-2-mobile {
  max-width: 100% !important;
}
.search-voyages .header-part-filters .select-2.select-2-mobile .ember-power-select-multiple-trigger {
  width: 100%;
}
.search-voyages .empty-list-voyages {
  width: 100%;
  text-align: center;
}
.search-voyages .empty-list-voyages img {
  margin-top: 3%;
}
@media screen and (max-width: 450px) {
  .search-voyages .empty-list-voyages img {
    width: 100%;
  }
}
.search-voyages .empty-list-voyages span {
  display: block;
  font-size: 3em;
  margin-top: 3%;
  font-family: "Futura";
  text-transform: uppercase;
  letter-spacing: 2px;
}
.search-voyages .empty-list-voyages .btn-pink {
  background-color: #FF0094;
  color: #FFFFFF;
  width: 300px;
  line-height: 30px;
  font-size: 15px;
  border-radius: 10px;
  margin-top: 1em;
  font-family: "Futura";
  text-transform: uppercase;
}
.search-voyages .empty-list-voyages .btn-pink:hover {
  color: #FF0094 !important;
  background-color: #FFDCF4;
}

#search-customer .section {
  height: 85vh;
  margin-top: 2%;
  padding: 0 3%;
  color: #1F395F;
  font-weight: 700;
  font-size: 13px;
}
@media screen and (max-width: 450px) {
  #search-customer .section {
    height: 100%;
    margin: 0;
    padding: 3%;
  }
}
#search-customer .section h2 {
  margin: 0 0 4% 0;
  border-bottom: 0;
  color: #1F395F;
  font-weight: bold;
}
#search-customer .section.mobile .form-group .search-input {
  margin-bottom: 2%;
}
#search-customer .section.mobile .form-group .btn-action, #search-customer .section.mobile .form-group .warning {
  width: 49%;
}
#search-customer .section .form-group {
  margin: 0;
}
#search-customer .section .form-group .btn-action {
  width: 50px;
}
#search-customer .section .form-group input {
  margin-right: 1%;
  max-width: initial;
  padding: 0 10px;
  border: 1px solid #BABABA;
  border-radius: 5px;
}
@media screen and (max-width: 450px) {
  #search-customer .section .form-group input {
    margin-right: 2%;
  }
}
#search-customer .section .ember-hold-button.rectangle {
  max-width: fit-content;
  min-width: fit-content;
}
#search-customer .section button {
  border-radius: 5px;
}
#search-customer .section button.btn-action {
  background: #1F395F;
  color: #FFFFFF;
}
#search-customer .section .search-pagination p {
  margin: 2% 0;
  font-weight: 400;
}
#search-customer .section .row-card {
  border: 1px solid #BABABA;
  padding: 3%;
  border-radius: 7px;
  color: #1F395F;
  margin-bottom: 3%;
  cursor: pointer;
}
#search-customer .section .row-card i {
  font-size: 17px;
  margin-right: 3%;
}
#search-customer .section .row-card button {
  margin: 2% 0 0 0;
}
@media screen and (max-width: 450px) {
  #search-customer .section .row-card button {
    margin-bottom: 3%;
  }
}
#search-customer .section .row-card .col-12, #search-customer .section .row-card .col-1, #search-customer .section .row-card .col-6 {
  padding: 0;
}
#search-customer .nav-tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
  margin: 0;
}
#search-customer .nav-tabs .nav-item {
  margin: 3% 0;
  padding: 0;
  width: 49%;
}
#search-customer .nav-tabs .nav-link {
  cursor: pointer;
  background: #F1F2F6;
  color: #DADADA;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: none;
  padding: 0;
  border-radius: 0 0 0 0;
  width: 100%;
}
#search-customer .nav-tabs .nav-link.active {
  color: #FFFFFF;
  background: #FF0094;
}
#search-customer .nav-tabs .nav-link:hover {
  color: #FF0094 !important;
}
#search-customer .nav-tabs .active:hover {
  color: #FFFFFF !important;
}

.reports {
  padding: 0 2%;
  overflow-y: scroll;
}
@media screen and (max-width: 450px) {
  .reports {
    height: 78vh;
  }
}
.reports #sellers .stats .stats-block {
  background: #F1F2F6;
  padding: 3%;
  margin: 0 3%;
  font-size: 13px;
  border-radius: 7px;
}
@media screen and (max-width: 450px) {
  .reports #sellers .stats .stats-block {
    margin: 3%;
  }
}
.reports #sellers .stats .stats-block .title {
  text-align: center;
  font-size: 15px;
}
@media screen and (min-width: 450px) {
  .reports #sellers .stats .stats-block .title {
    font-size: 18px;
    margin-bottom: 5%;
  }
}
.reports #sellers .stats .stats-block .title span {
  font-weight: bold;
}
.reports #sellers .stats .stats-block span {
  display: block;
}
.reports #sellers .stats .stats-block table {
  margin-top: 2%;
  background: #FFFFFF;
}
@media screen and (max-width: 450px) {
  .reports #sellers .stats .stats-block table {
    margin-top: 6%;
  }
}
.reports #sellers .stats .stats-block table th, .reports #sellers .stats .stats-block table td {
  text-align: center;
  user-select: all;
}
.reports #details .chart {
  margin: 3%;
}
.reports #details .chart canvas {
  width: 400px !important;
  height: 400px !important;
}
@media screen and (max-width: 450px) {
  .reports #details .chart canvas {
    margin: 0 auto;
    width: 300px !important;
    height: 300px !important;
  }
}
.reports #details .global {
  margin-bottom: 6%;
}
.reports #details .global .header {
  padding: 3%;
  font-weight: bold;
  background: #CCC;
  text-align: center;
}
.reports #details .infos .header {
  padding: 3%;
  font-weight: bold;
  text-align: center;
}
.reports #details .infos span {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 3%;
  display: block;
}
.reports #details table th, .reports #details table td {
  text-align: center;
  user-select: all;
}
.reports #details table .highlight {
  background: #F1F2F6;
}
.reports .reports-action {
  font-size: 13px;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: bold;
  color: #000000;
}
.reports .reports-navigation {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.reports .reports-navigation button {
  height: 50px;
  width: 50%;
  text-transform: capitalize;
}
.reports #sellers.desktop {
  width: 100%;
}
.reports .navigable.desktop {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6%;
}
.reports .navigable.desktop progress {
  width: 50%;
  height: 28px;
  -webkit-appearance: none;
}
.reports .navigable.desktop progress[value]::-webkit-progress-value {
  background: #1F395F;
}
.reports .navigable.desktop progress.good-job[value]::-webkit-progress-value {
  background: #3FBE70;
}
.reports .navigable.desktop progress.not-enough[value]::-webkit-progress-value {
  background: #EB1B33;
}
.reports .navigable.desktop progress.almost-there[value]::-webkit-progress-value {
  background: #FFB35A;
}
.reports .navigable.desktop progress::-webkit-progress-bar {
  background: #CCC;
  border-radius: 7px;
}
.reports .navigable.desktop .stats {
  width: 100%;
}
.reports .navigable.desktop .stats .stats-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.reports .navigable.desktop .stats .infos .refund-line {
  display: block;
}
.reports .navigable.desktop .stats .infos .refund-line .ember-view {
  display: inline-block;
}
.reports .navigable .daily-stats progress {
  width: 100%;
}
.reports .navigable .daily-stats .col-6 {
  margin-top: 2%;
}
.reports .loader-container {
  left: 50%;
}

.main-reports-list {
  padding: 1% 2%;
  max-height: 700px;
  overflow: scroll;
}
@media screen and (max-width: 450px) {
  .main-reports-list {
    max-height: 400px;
  }
}
.main-reports-list .col-2-5 {
  text-align: center;
}
.main-reports-list .col-2-5 .report-item {
  width: 47%;
  display: inline-block;
}
.main-reports-list .col-1-1 {
  text-align: center;
}
.main-reports-list .col-1-5 {
  text-align: center;
}
.main-reports-list .col-1-5 .report-item {
  width: 98%;
  display: inline-block;
  margin: 1.5% auto;
}
.main-reports-list .report-item {
  border: 1px solid #000000;
  border-radius: 15px;
  overflow: hidden;
  margin: 1% auto;
}
.main-reports-list .report-item .attribut {
  display: inline-block;
  width: 45%;
  margin: 2%;
}
.main-reports-list .report-item .attribut.left-section {
  text-align: left;
}
.main-reports-list .report-item .attribut.right-section {
  text-align: right;
}
.main-reports-list .report-item .attribut label {
  display: block;
  font-size: 12px;
  letter-spacing: 1px;
}
.main-reports-list .report-item .attribut span, .main-reports-list .report-item .attribut .ember-view {
  display: block;
  font-size: 15px;
  font-weight: bold;
}
.main-reports-list .report-item .report-item-header {
  padding: 1% 2%;
  color: #FFFFFF;
  background: #FF0094;
  position: relative;
  text-align: left;
}
.main-reports-list .report-item .report-item-header a {
  position: absolute;
  top: 12%;
  right: 4%;
  font-size: 25px;
  color: #FFFFFF;
}
.main-reports-list .report-item .report-item-header h3 {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2px;
}
.main-reports-list .report-item .report-item-header h4 {
  font-size: 15px;
  letter-spacing: 1px;
  font-weight: 100;
  margin: 0;
}

.reports-list .reports-filters-line {
  margin: 1% auto;
}
.reports-list .reports-filters-line .select-2-container {
  margin-left: 1%;
  width: 15%;
}
.reports-list .paginator {
  padding: 0.5% 3%;
}
.reports-list .results-report {
  text-align: center;
}
.reports-list .report-item-small {
  border: 2px solid #EEEEEE;
  width: 17%;
  display: inline-block;
  margin: 1%;
  border-radius: 15px;
  color: #1F395F;
  box-shadow: 0px 0px 15px #F1F2F6;
  height: 100px;
  padding: 1%;
}
.reports-list .report-item-small a {
  color: #1F395F;
  font-weight: 700;
  letter-spacing: 1px;
}
.reports-list .report-item-small a:hover {
  color: #FF0094 !important;
}
.reports-list .report-item-small .left-section {
  position: absolute;
  left: 0;
}
.reports-list .report-item-small .right-section {
  position: absolute;
  right: 0;
  top: 0;
}
.reports-list .report-item-small .right-section .logo {
  font-size: 30px;
  margin-top: -20%;
}
.reports-list .report-item-small .right-section .logo img {
  height: 40px;
  width: 40px;
  border-radius: 20px;
}
.reports-list .report-item-small .header-report-item-small, .reports-list .report-item-small .body-report-item-small {
  position: relative;
  height: 50px;
}

.report-detail h1 {
  text-align: center;
  letter-spacing: 2px;
  font-family: "FuturaBold", "Futura";
  font-size: 3em;
  font-weight: bold;
  color: #000000;
}
.report-detail h2 {
  font-family: "Futura";
  font-size: 2em;
  font-weight: 400;
  letter-spacing: 2px;
  text-align: center;
  color: #9A9DA4;
  text-transform: uppercase;
  border: none;
}
.report-detail h3 {
  font-size: 2em;
  letter-spacing: 1px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 10px;
  color: #1F395F;
}
.report-detail .row-old .col-1-3, .report-detail .row-old .col-1-2 {
  padding: 10px;
}
.report-detail .row-old .table-design-pink thead {
  letter-spacing: 2px;
}
.report-detail .row-old .table-design-pink td {
  font-size: 15px;
  letter-spacing: 1px;
}
.report-detail .row-old .table-design-pink td .currency-input-container .currency-value {
  font-size: 15px;
}
.report-detail .row-old .table-design-pink td .currency-input-container .currency-symbol {
  left: -2px;
  top: -4px;
  font-size: 12px;
}
.report-detail .row-old .table-design-pink.sub-table thead {
  background-color: #4F1091;
}
.report-detail .row-old .table-design-pink.sub-table td {
  font-size: 11px;
  letter-spacing: 1px;
}
.report-detail .row-old .table-design-pink.sub-table td .currency-input-container .currency-value {
  font-size: 11px;
}
.report-detail .row-old .table-design-pink.sub-table td .currency-input-container .currency-symbol {
  left: 2px;
  top: -7px;
  font-size: 8px;
}
.report-detail .row-old .table-design-pink.green thead {
  background-color: #008000;
}

.z-voyage-header {
  padding: 2% 2% 0 2%;
}
.z-voyage-header h1 {
  letter-spacing: 1px;
  color: #1F395F;
}
.z-voyage-header .subline-header-top {
  margin-bottom: 1em;
}
.z-voyage-header .subline-header-top .entity-voyage-header {
  margin-right: 3%;
}
.z-voyage-header .attribut {
  display: inline-block;
  margin-left: 0%;
  width: 80%;
  margin-bottom: 1em;
}
.z-voyage-header .attribut.near-by-modifications-toggle {
  width: 30%;
  margin-left: 5%;
}
.z-voyage-header .attribut label {
  display: block;
  margin-bottom: 5px;
  color: #1F395F;
  font-weight: bold;
  font-style: italic;
}
.z-voyage-header .attribut input {
  border: none;
  border-bottom: 1px solid #BABABA;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
.z-voyage-header .attribut input:focus, .z-voyage-header .attribut input:focus-visible {
  border: none;
  border-bottom: 1px solid #B4D3FA;
  outline: none;
}
.z-voyage-header .reminder-tags .button-reminder-tag {
  border-radius: 10px;
  width: 15%;
  margin-right: 1%;
  margin-bottom: 1%;
}
.z-voyage-header .reminder-tags .button-reminder-tag span {
  display: block;
}
.z-voyage-header .reminder-define-tag {
  background: #FF6C00;
  padding: 2%;
  width: 80%;
  display: block;
  text-align: center;
  font-size: 15px;
  color: #FFFFFF;
  font-weight: 600;
}
.z-voyage-header .voyage-2-states-container, .z-voyage-header .voyage-2-states-header-mobile {
  padding: 4% 0 0 0;
}
.z-voyage-header .voyage-2-states-container .voyage-2-states-header, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header {
  width: 22%;
  display: inline-block;
  float: left;
  font-size: 30px;
  text-align: center;
}
.z-voyage-header .voyage-2-states-container .voyage-2-states-header.payment-state .payment.none, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.payment-state .payment.none {
  color: #DADADA;
  opacity: 0.2;
}
.z-voyage-header .voyage-2-states-container .voyage-2-states-header.consolidation-state .consolidation.none, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.consolidation-state .consolidation.none {
  color: #DADADA;
  opacity: 0.2;
}
.z-voyage-header .voyage-2-states-container .voyage-2-states-header.consolidation-state .consolidation.to-treat, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.consolidation-state .consolidation.to-treat {
  color: #54C6FF;
}
.z-voyage-header .voyage-2-states-container .voyage-2-states-header.consolidation-state .consolidation.consolidated, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.consolidation-state .consolidation.consolidated {
  color: #FF4DB3;
}
.z-voyage-header .voyage-2-states-container .voyage-2-states-header.roadmap-state .roadmap.to-prepare, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.roadmap-state .roadmap.to-prepare {
  color: #54C6FF;
}
.z-voyage-header .voyage-2-states-container .voyage-2-states-header.roadmap-state .roadmap.uploaded, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.roadmap-state .roadmap.uploaded {
  color: #3FBE70;
}
.z-voyage-header .voyage-2-states-container .voyage-2-states-header.roadmap-state .roadmap.published, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.roadmap-state .roadmap.published {
  color: #FF4DB3;
}
.z-voyage-header .voyage-2-states-container .voyage-2-states-header.roadmap-state .roadmap.none, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.roadmap-state .roadmap.none {
  color: #DADADA;
  opacity: 0.2;
}
.z-voyage-header .voyage-2-states-container .voyage-2-states-header.roadmap-redaction.complete, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.roadmap-redaction.complete {
  color: #3FBE70;
}
.z-voyage-header .voyage-2-states-container .voyage-2-states-header.roadmap-redaction.to-fill, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.roadmap-redaction.to-fill {
  color: #54C6FF;
}
.z-voyage-header .voyage-2-states-container .voyage-2-states-header.roadmap-redaction.to-redact, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.roadmap-redaction.to-redact {
  color: #000000;
}
.z-voyage-header .voyage-2-states-container .voyage-2-states-header.need-to-buy-transport-red, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.need-to-buy-transport-red {
  color: red;
}
.z-voyage-header .voyage-2-states-container .voyage-2-states-header.need-to-buy-transport, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.need-to-buy-transport {
  color: #FFCE00;
}
.z-voyage-header .voyage-2-states-container .voyage-2-states-header.unread-messages.messages-customer, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.unread-messages.messages-customer {
  color: #3FBE70;
}
.z-voyage-header .voyage-2-states-container .voyage-2-states-header.unread-messages.messages-provider, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.unread-messages.messages-provider {
  color: #FFB3E8;
}
.z-voyage-header .voyage-2-states-container .voyage-2-states-header.unread-messages.messages-other, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.unread-messages.messages-other {
  color: #000000;
}
.z-voyage-header .voyage-2-states-container .voyage-2-states-header.unread-messages.messages-customer-provider, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.unread-messages.messages-customer-provider {
  background: -webkit-linear-gradient(0deg, #3FBE70 50%, #FFB3E8 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: none;
}
.z-voyage-header .voyage-2-states-container .voyage-2-states-header.unread-messages.messages-customer-other, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.unread-messages.messages-customer-other {
  background: -webkit-linear-gradient(0deg, #3FBE70 50%, #000000 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: none;
}
.z-voyage-header .voyage-2-states-container .voyage-2-states-header.unread-messages.messages-provider-other, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.unread-messages.messages-provider-other {
  background: -webkit-linear-gradient(0deg, #FFB3E8 50%, #000000 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: none;
}
.z-voyage-header .voyage-2-states-container .voyage-2-states-header.unread-messages.messages-customer-provider-other, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.unread-messages.messages-customer-provider-other {
  background: -webkit-linear-gradient(0deg, #3FBE70 0, #3FBE70 33%, #FFB3E8 33%, #FFB3E8 66%, #000000 66%, #000000 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: none;
}
.z-voyage-header .voyage-2-states-container .voyage-2-states-header.reminder-callback-urgent, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.reminder-callback-urgent {
  color: red;
}
.z-voyage-header .voyage-2-states-container .voyage-2-states-header.reminder-callback-urgent, .z-voyage-header .voyage-2-states-container .voyage-2-states-header.reminder-callback, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.reminder-callback-urgent, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.reminder-callback {
  position: relative;
}
.z-voyage-header .voyage-2-states-container .voyage-2-states-header.reminder-callback-urgent .nb-attemps, .z-voyage-header .voyage-2-states-container .voyage-2-states-header.reminder-callback .nb-attemps, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.reminder-callback-urgent .nb-attemps, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.reminder-callback .nb-attemps {
  font-size: 13px;
  position: absolute;
  background: #CFEBF7;
  padding: 2% 13%;
  border-radius: 20px;
  margin-left: -10%;
  display: inline-block;
  color: #000000;
}
.z-voyage-header .voyage-2-states-container .voyage-2-states-header.booking-state img, .z-voyage-header .voyage-2-states-container .voyage-2-states-header.checking-state img, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.booking-state img, .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header.checking-state img {
  height: 40px;
}
.z-voyage-header .informations-client {
  position: relative;
}
.z-voyage-header .informations-client h2 {
  padding-bottom: 10px;
}
.z-voyage-header .informations-client .plus-dinformations-icone {
  padding-left: 2%;
  display: inline-block;
  right: 0;
  position: absolute;
}
.z-voyage-header .informations-client .rating-section {
  position: absolute;
  right: 5%;
  display: inline-block;
  padding-top: 5px;
}
.z-voyage-header .informations-client .informations-communication-client {
  font-size: 18px;
  margin: 1% 0;
}
.z-voyage-header .informations-client .informations-communication-client a {
  color: #000000;
}
.z-voyage-header .informations-client .informations-communication-client a:hover, .z-voyage-header .informations-client .informations-communication-client a:focus {
  color: #FF4DB3 !important;
}
.z-voyage-header .informations-client .actions-clients {
  margin-top: 2%;
  position: relative;
  height: 55px;
}
.z-voyage-header .informations-client .actions-clients .button {
  width: 48%;
  height: 100%;
  position: absolute;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  background: #1F395F;
  color: #FFFFFF;
  border: none;
  border-radius: 10px;
}
.z-voyage-header .informations-client .actions-clients .button.right-button {
  margin-left: 50%;
}
.z-voyage-header .informations-client .actions-clients .button.right-button .nom-client {
  text-transform: capitalize;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100px;
  white-space: pre;
}
.z-voyage-header .informations-client .actions-clients .button:hover, .z-voyage-header .informations-client .actions-clients .button:focus {
  background: #B4D3FA;
  color: #1F395F;
}
.z-voyage-header .header-mobile-voyage h1 {
  text-align: center;
  position: relative;
}
.z-voyage-header .header-mobile-voyage h1 .plus-dinformations-icone {
  position: absolute;
  padding-left: 8%;
  display: inline-block;
  right: 0;
  top: 0;
}
.z-voyage-header .header-mobile-voyage .subline-header-top {
  text-align: center;
}
.z-voyage-header .header-mobile-voyage .subline-header-top .entity-voyage-header {
  margin-right: 0%;
}
.z-voyage-header .voyage-2-states-header-mobile {
  overflow-x: scroll;
  height: 67px;
  width: 100%;
  margin: 0 auto;
  white-space: nowrap;
  padding: 3% 0 0 0;
}
.z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header {
  width: 10%;
  float: none;
}
@media screen and (max-width: 450px) {
  .z-voyage-header .voyage-2-states-header-mobile .voyage-2-states-header {
    margin-right: 10px;
  }
}
.z-voyage-header .nav-voyage {
  border: none;
  margin: 0;
  height: 80px;
}
@media screen and (max-width: 450px) {
  .z-voyage-header .nav-voyage {
    width: 100%;
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
  }
}
.z-voyage-header .nav-voyage .nav-item {
  margin: 3% 0;
}
.z-voyage-header .nav-voyage .nav-link {
  background: #F1F2F6;
  color: #DADADA;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: none;
  padding: 0;
  border-radius: 0 0 0 0;
}
@media screen and (max-width: 450px) {
  .z-voyage-header .nav-voyage .nav-link {
    padding: 0 20px;
  }
}
.z-voyage-header .nav-voyage .nav-link.active {
  color: #FFFFFF;
  background: #FF0094;
}
.z-voyage-header .nav-voyage .nav-link:hover {
  color: #FF0094 !important;
}
.z-voyage-header .nav-voyage .active:hover {
  color: #FFFFFF !important;
}

.select-seller-options li {
  padding: 5%;
  border-bottom: 1px solid #BCD5FD;
}
.select-seller-options li img {
  height: 20px;
  float: left;
  margin-right: 6%;
}

.select-gi-form-options li {
  padding: 2% 5%;
  border-bottom: 1px solid #BCD5FD;
}

.select-seller {
  width: 180px;
  transform: translateY(10px);
}
@media screen and (max-width: 450px) {
  .select-seller {
    width: auto;
  }
}
.select-seller img {
  height: 20px;
  float: left;
  margin-left: 2%;
  margin-top: 2%;
}

.select-reminder-options li {
  padding: 2%;
  border-bottom: 1px solid #BCD5FD;
}

.select-reminder {
  padding: 1% 16px 1% 0 !important;
}

.select-destination {
  line-height: 40px !important;
}
.select-destination img {
  height: 20px;
  float: left;
  margin-left: 2%;
  margin-top: 2%;
  border-radius: 10px;
  width: 20px;
}
.select-destination img.airline-logo {
  margin-top: 6%;
}

.select-destination-options li {
  padding: 2%;
  border-bottom: 1px solid #BCD5FD;
}
.select-destination-options li img {
  height: 20px;
  float: left;
  margin-right: 4%;
  border-radius: 10px;
  width: 20px;
}

.actions-modal {
  max-width: 500px !important;
  margin: 0 auto;
  left: auto !important;
  margin-left: auto !important;
  height: 550px;
  top: 100px !important;
  margin-top: 0 !important;
  bottom: 100px;
  overflow-y: auto;
  position: relative !important;
  transform: none !important;
}
.actions-modal.templates {
  height: 80vh;
}
@media screen and (max-width: 450px) {
  .actions-modal.templates {
    height: 100vh;
    width: 100%;
    padding: 0 3%;
  }
  .actions-modal.templates .voyage-2-actions {
    margin-top: 50px;
  }
  .actions-modal.templates .voyage-2-actions .header-actions-close {
    position: fixed;
    height: initial;
    top: 0;
    right: 0;
  }
  .actions-modal.templates .voyage-2-actions .header-actions-close i {
    font-size: 35px;
  }
}
.actions-modal.opening-hours {
  height: 40vh;
  left: 0 !important;
  top: 50% !important;
  transform: translate(0, -50%) !important;
  font-size: 13px;
}
@media screen and (max-width: 450px) {
  .actions-modal.opening-hours {
    height: 30vh;
  }
}
.actions-modal.opening-hours .btn-action {
  background: #1F395F !important;
  color: #FFFFFF !important;
  border: none;
}
.actions-modal.opening-hours .btn-action:hover {
  background: #B4D3FA !important;
  color: #1F395F !important;
}
.actions-modal.opening-hours label {
  font-weight: bold;
  color: #1F395F;
}
.actions-modal.full-weekends {
  margin: 0 !important;
  height: initial !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-size: 13px;
}
.actions-modal.full-weekends .informations {
  display: flex;
  align-items: flex-end;
  margin-bottom: 3%;
}
.actions-modal.full-weekends .informations input {
  max-width: 100%;
  border-radius: 4px;
}
.actions-modal.full-weekends h2 {
  border-bottom: none;
  margin: 0;
  color: #1F395F;
  font-weight: bold;
  margin-bottom: 5%;
}
.actions-modal.full-weekends label {
  font-weight: bold;
  color: #1F395F;
}
.actions-modal.full-weekends .form-group.toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 25%;
}
.actions-modal.full-weekends .button-action {
  background: #1F395F !important;
  color: #FFFFFF !important;
  border-radius: 5px;
}
.actions-modal.full-weekends .button-action:hover {
  background: #B4D3FA !important;
  color: #1F395F !important;
}
@media screen and (max-width: 450px) {
  .actions-modal {
    height: 100%;
    width: 100%;
    top: 0px !important;
  }
}
.actions-modal .header-actions {
  position: relative;
}
.actions-modal .header-actions .header-actions-close {
  position: absolute;
  right: -20px;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}
.actions-modal .header-actions .header-actions-close i {
  font-size: 20px;
  cursor: pointer;
}
.actions-modal .header-actions .like-nav {
  border-radius: 10px;
  border: 1px solid #1F395F;
  overflow: hidden;
}
.actions-modal .header-actions .like-nav .nav-tab {
  text-align: center;
  font-size: 20px;
  padding: 1% 0;
  color: #FFFFFF;
  cursor: pointer;
  background: #B4D3FA;
}
.actions-modal .header-actions .like-nav .nav-tab.customer-tab {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: 1px solid #1F395F;
}
.actions-modal .header-actions .like-nav .nav-tab.voyage-tab {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.actions-modal .header-actions .like-nav .nav-tab.active {
  background: #1F395F;
}
.actions-modal .body-actions .tab-body {
  display: none;
  margin-top: 5%;
}
.actions-modal .body-actions .tab-body .title-navy {
  color: #1F395F;
  margin: 2% 0;
  font-size: 15px;
  display: block;
}
.actions-modal .body-actions .tab-body.active {
  display: block;
}
.actions-modal .body-actions .tab-body .item-action {
  padding: 2.75% 0;
  border-bottom: 1px solid #1F395F;
}
@media screen and (max-width: 450px) {
  .actions-modal .body-actions .tab-body .item-action {
    padding: 7% 0;
  }
}
.actions-modal .body-actions .tab-body .item-action.seller-choice .item-link {
  float: left;
  width: 50%;
  line-height: 28px;
}
.actions-modal .body-actions .tab-body .item-action.seller-choice .select-seller {
  transform: translateY(-3px);
}
.actions-modal .body-actions .tab-body .item-action .item-link {
  color: #1F395F;
  font-size: 15px;
  width: 100%;
  display: block;
  cursor: pointer;
}
.actions-modal .body-actions .tab-body .item-action .item-link.rectangle {
  background: #FFFFFF;
  border: none;
  box-shadow: none;
  text-align: left;
  padding: 0;
  font-weight: normal;
  line-height: 25px;
}
.actions-modal .body-actions .tab-body .item-action .item-link.rectangle span {
  margin-top: 1%;
  background-color: #FF4DB3;
}
.actions-modal .body-actions .tab-body.reminder-tab h2 {
  color: #1F395F;
  font-weight: normal;
}
.actions-modal .body-actions .tab-body.reminder-tab .date-of-reminder .flatpickr-input {
  max-width: 100%;
  width: 100%;
  margin-top: 2%;
}
.actions-modal .body-actions .tab-body.reminder-tab .date-of-reminder .fa-calendar {
  top: 3px;
}
.actions-modal .body-actions .tab-body.reminder-tab .date-of-reminder .defined-date {
  background: #1F395F;
  color: #FFFFFF;
  border: none;
  border-radius: 10px;
  width: 48%;
}
.actions-modal .body-actions .tab-body.reminder-tab .date-of-reminder .defined-date:hover {
  color: #B4D3FA;
}
.actions-modal .body-actions .tab-body.reminder-tab .reminder-attemps span {
  display: block;
  font-size: 15px;
  font-weight: normal;
  margin: 2% 0;
  color: #1F395F;
}
.actions-modal .body-actions .tab-body.reminder-tab .reminder-attemps span i {
  cursor: pointer;
}
.actions-modal .body-actions .tab-body.reminder-tab .reminder-actions button {
  width: 48%;
}
.actions-modal .body-actions .tab-body.reminder-tab .reminder-actions button.delete-reminder {
  margin-right: 2%;
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick, .actions-modal .body-actions .tab-body.demand-tab .item-idea, .actions-modal .body-actions .tab-body.demand-tab .demand-quick {
  background-color: #FFFFFF;
  padding: 2%;
  border-radius: 15px;
  box-shadow: 0px 0px 15px #F1F2F6;
  cursor: pointer;
  margin: 2% 0;
  color: #1F395F;
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea .col-1-2, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .col-1-2, .actions-modal .body-actions .tab-body.demand-tab .item-idea .col-1-2, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .col-1-2 {
  margin: 1% 0;
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea .col-1-2.destination-name, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .col-1-2.destination-name, .actions-modal .body-actions .tab-body.demand-tab .item-idea .col-1-2.destination-name, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .col-1-2.destination-name {
  font-size: 15px;
  line-height: 37px;
  padding: 0px 12px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea .col-1-2.geopicker-item .geoloc-picker-predictions, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .col-1-2.geopicker-item .geoloc-picker-predictions, .actions-modal .body-actions .tab-body.demand-tab .item-idea .col-1-2.geopicker-item .geoloc-picker-predictions, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .col-1-2.geopicker-item .geoloc-picker-predictions {
  display: inline-block;
  width: 80%;
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea .col-1-2.geopicker-item input, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .col-1-2.geopicker-item input, .actions-modal .body-actions .tab-body.demand-tab .item-idea .col-1-2.geopicker-item input, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .col-1-2.geopicker-item input {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin-left: 5%;
  border: none;
  border-bottom: 1px solid #1F395F;
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea .col-1-2.geopicker-item input:focus, .actions-modal .body-actions .tab-body.ideas-tab .item-idea .col-1-2.geopicker-item input:hover, .actions-modal .body-actions .tab-body.ideas-tab .item-idea .col-1-2.geopicker-item input:focus-visible, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .col-1-2.geopicker-item input:focus, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .col-1-2.geopicker-item input:hover, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .col-1-2.geopicker-item input:focus-visible, .actions-modal .body-actions .tab-body.demand-tab .item-idea .col-1-2.geopicker-item input:focus, .actions-modal .body-actions .tab-body.demand-tab .item-idea .col-1-2.geopicker-item input:hover, .actions-modal .body-actions .tab-body.demand-tab .item-idea .col-1-2.geopicker-item input:focus-visible, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .col-1-2.geopicker-item input:focus, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .col-1-2.geopicker-item input:hover, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .col-1-2.geopicker-item input:focus-visible {
  border: none;
  border-bottom: 1px solid #B4D3FA;
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea .col-1-2.geopicker-item .map-container, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .col-1-2.geopicker-item .map-container, .actions-modal .body-actions .tab-body.demand-tab .item-idea .col-1-2.geopicker-item .map-container, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .col-1-2.geopicker-item .map-container {
  display: none !important;
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea .col-1-2.datepicker-item, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .col-1-2.datepicker-item, .actions-modal .body-actions .tab-body.demand-tab .item-idea .col-1-2.datepicker-item, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .col-1-2.datepicker-item {
  padding: 0 12px;
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea .col-1-2.datepicker-item .flatpickr-input-container, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .col-1-2.datepicker-item .flatpickr-input-container, .actions-modal .body-actions .tab-body.demand-tab .item-idea .col-1-2.datepicker-item .flatpickr-input-container, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .col-1-2.datepicker-item .flatpickr-input-container {
  display: inline-block;
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea .col-1-2.datepicker-item .flatpickr-input-container .fa-calendar, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .col-1-2.datepicker-item .flatpickr-input-container .fa-calendar, .actions-modal .body-actions .tab-body.demand-tab .item-idea .col-1-2.datepicker-item .flatpickr-input-container .fa-calendar, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .col-1-2.datepicker-item .flatpickr-input-container .fa-calendar {
  display: none;
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea .col-1-2.datepicker-item .flatpickr-input-container .flatpickr-input, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .col-1-2.datepicker-item .flatpickr-input-container .flatpickr-input, .actions-modal .body-actions .tab-body.demand-tab .item-idea .col-1-2.datepicker-item .flatpickr-input-container .flatpickr-input, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .col-1-2.datepicker-item .flatpickr-input-container .flatpickr-input {
  border-radius: 0;
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea .col-1-2.datepicker-item input, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .col-1-2.datepicker-item input, .actions-modal .body-actions .tab-body.demand-tab .item-idea .col-1-2.datepicker-item input, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .col-1-2.datepicker-item input {
  border: none;
  border-bottom: 1px solid #1F395F;
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea .col-1-2.datepicker-item input:focus, .actions-modal .body-actions .tab-body.ideas-tab .item-idea .col-1-2.datepicker-item input:hover, .actions-modal .body-actions .tab-body.ideas-tab .item-idea .col-1-2.datepicker-item input:focus-visible, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .col-1-2.datepicker-item input:focus, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .col-1-2.datepicker-item input:hover, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .col-1-2.datepicker-item input:focus-visible, .actions-modal .body-actions .tab-body.demand-tab .item-idea .col-1-2.datepicker-item input:focus, .actions-modal .body-actions .tab-body.demand-tab .item-idea .col-1-2.datepicker-item input:hover, .actions-modal .body-actions .tab-body.demand-tab .item-idea .col-1-2.datepicker-item input:focus-visible, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .col-1-2.datepicker-item input:focus, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .col-1-2.datepicker-item input:hover, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .col-1-2.datepicker-item input:focus-visible {
  border: none;
  border-bottom: 1px solid #B4D3FA;
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea .col-1-2.participantscount-item, .actions-modal .body-actions .tab-body.ideas-tab .item-idea .col-1-2.budget-item, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .col-1-2.participantscount-item, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .col-1-2.budget-item, .actions-modal .body-actions .tab-body.demand-tab .item-idea .col-1-2.participantscount-item, .actions-modal .body-actions .tab-body.demand-tab .item-idea .col-1-2.budget-item, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .col-1-2.participantscount-item, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .col-1-2.budget-item {
  height: 34px !important;
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea .col-1-2.participantscount-item .ember-view, .actions-modal .body-actions .tab-body.ideas-tab .item-idea .col-1-2.budget-item .ember-view, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .col-1-2.participantscount-item .ember-view, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .col-1-2.budget-item .ember-view, .actions-modal .body-actions .tab-body.demand-tab .item-idea .col-1-2.participantscount-item .ember-view, .actions-modal .body-actions .tab-body.demand-tab .item-idea .col-1-2.budget-item .ember-view, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .col-1-2.participantscount-item .ember-view, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .col-1-2.budget-item .ember-view {
  display: inline-block;
  width: 85%;
  margin-left: 5%;
  vertical-align: middle;
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea .idea-creation-date, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .idea-creation-date, .actions-modal .body-actions .tab-body.demand-tab .item-idea .idea-creation-date, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .idea-creation-date {
  position: relative;
  height: 37px;
  display: flex;
  align-items: center;
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea .idea-creation-date i, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .idea-creation-date i, .actions-modal .body-actions .tab-body.demand-tab .item-idea .idea-creation-date i, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .idea-creation-date i {
  right: 0;
  position: absolute;
  font-size: 18px;
}
@media screen and (max-width: 450px) {
  .actions-modal .body-actions .tab-body.ideas-tab .item-idea .idea-creation-date i, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .idea-creation-date i, .actions-modal .body-actions .tab-body.demand-tab .item-idea .idea-creation-date i, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .idea-creation-date i {
    font-size: 13px;
  }
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea.full-weekend .full-weekend-banner, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick.full-weekend .full-weekend-banner, .actions-modal .body-actions .tab-body.demand-tab .item-idea.full-weekend .full-weekend-banner, .actions-modal .body-actions .tab-body.demand-tab .demand-quick.full-weekend .full-weekend-banner {
  padding: 3%;
  margin-bottom: 2%;
  margin-top: -3%;
  margin-left: -2%;
  margin-right: -2%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #000000;
  color: #FFFFFF;
  font-size: 14px;
}
@media screen and (max-width: 450px) {
  .actions-modal .body-actions .tab-body.ideas-tab .item-idea.full-weekend .full-weekend-banner, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick.full-weekend .full-weekend-banner, .actions-modal .body-actions .tab-body.demand-tab .item-idea.full-weekend .full-weekend-banner, .actions-modal .body-actions .tab-body.demand-tab .demand-quick.full-weekend .full-weekend-banner {
    padding: 3% 6%;
  }
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea.full-weekend .full-weekend-banner i, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick.full-weekend .full-weekend-banner i, .actions-modal .body-actions .tab-body.demand-tab .item-idea.full-weekend .full-weekend-banner i, .actions-modal .body-actions .tab-body.demand-tab .demand-quick.full-weekend .full-weekend-banner i {
  color: #EB1B33;
  font-size: 20px;
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea.full-weekend .button-action, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick.full-weekend .button-action, .actions-modal .body-actions .tab-body.demand-tab .item-idea.full-weekend .button-action, .actions-modal .body-actions .tab-body.demand-tab .demand-quick.full-weekend .button-action {
  background: #FF6C00;
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea .indifferent, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .indifferent, .actions-modal .body-actions .tab-body.demand-tab .item-idea .indifferent, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .indifferent {
  color: #FF0094;
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea .indifferent a, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .indifferent a, .actions-modal .body-actions .tab-body.demand-tab .item-idea .indifferent a, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .indifferent a {
  color: #FF0094 !important;
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea .indifferent a:hover, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .indifferent a:hover, .actions-modal .body-actions .tab-body.demand-tab .item-idea .indifferent a:hover, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .indifferent a:hover {
  color: #4F1091 !important;
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea a, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick a, .actions-modal .body-actions .tab-body.demand-tab .item-idea a, .actions-modal .body-actions .tab-body.demand-tab .demand-quick a {
  color: #FF0094 !important;
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea a:hover, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick a:hover, .actions-modal .body-actions .tab-body.demand-tab .item-idea a:hover, .actions-modal .body-actions .tab-body.demand-tab .demand-quick a:hover {
  color: #4F1091 !important;
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea .day-span, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick .day-span, .actions-modal .body-actions .tab-body.demand-tab .item-idea .day-span, .actions-modal .body-actions .tab-body.demand-tab .demand-quick .day-span {
  color: #1F395F;
}
.actions-modal .body-actions .tab-body.ideas-tab .item-idea h2, .actions-modal .body-actions .tab-body.ideas-tab .demand-quick h2, .actions-modal .body-actions .tab-body.demand-tab .item-idea h2, .actions-modal .body-actions .tab-body.demand-tab .demand-quick h2 {
  letter-spacing: 1px;
  font-weight: bold;
  color: #1F395F;
}
.actions-modal .body-actions .tab-body.demand-tab i {
  font-size: 20px;
}
.actions-modal .body-actions .tab-body.demand-tab .col-1-2, .actions-modal .body-actions .tab-body.demand-tab .col-1-1 {
  margin: 2% 0;
}
.actions-modal .body-actions .tab-body.demand-tab .idea-creation-date {
  position: relative;
  line-height: 34px !important;
  height: 34px;
}
.actions-modal .body-actions .tab-body.demand-tab .idea-creation-date i {
  right: 0;
  position: absolute;
}
.actions-modal .body-actions .tab-body.demand-tab .departure-geolocation i {
  float: left;
  margin-right: 4%;
}
.actions-modal .body-actions .tab-body.demand-tab .departure-geolocation div {
  display: flex;
  width: 85%;
}
.actions-modal .body-actions .tab-body.demand-tab .departure-geolocation div input {
  min-width: 0px;
  width: 100%;
  border-radius: 5px;
}
.actions-modal .body-actions .tab-body.demand-tab .participants-count i, .actions-modal .body-actions .tab-body.demand-tab .budget i {
  float: left;
  margin-right: 3%;
}
.actions-modal .body-actions .tab-body.demand-tab .participants-count i.fa-euro-sign, .actions-modal .body-actions .tab-body.demand-tab .budget i.fa-euro-sign {
  margin-right: 6%;
}
.actions-modal .body-actions .tab-body.demand-tab .participants-count .ember-power-select-trigger, .actions-modal .body-actions .tab-body.demand-tab .budget .ember-power-select-trigger {
  line-height: 34px !important;
  height: 34px;
}
.actions-modal .body-actions .tab-body.demand-tab .budget .ember-power-select-trigger {
  width: 72%;
}
.actions-modal .body-actions .tab-body.demand-tab .departure-date i {
  float: left;
  margin-right: 4%;
}
.actions-modal .body-actions .tab-body.demand-tab .departure-date div {
  display: flex;
  float: left;
}
.actions-modal .body-actions .tab-body.demand-tab .actions button {
  width: 48%;
}
.actions-modal .body-actions .tab-body.demand-tab .actions button.treat-demand {
  margin-right: 2%;
}
.actions-modal .body-actions .tab-body.demand-tab .demand-quick.full-weekend .full-weekend-banner {
  padding: 3%;
  margin-bottom: 2%;
  margin-top: -3%;
  margin-left: -2%;
  margin-right: -2%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #000000;
  color: #FFFFFF;
  font-size: 14px;
}
@media screen and (max-width: 450px) {
  .actions-modal .body-actions .tab-body.demand-tab .demand-quick.full-weekend .full-weekend-banner {
    padding: 3% 6%;
  }
}
.actions-modal .body-actions .tab-body.demand-tab .demand-quick.full-weekend .full-weekend-banner i {
  color: #EB1B33;
  font-size: 20px;
}
.actions-modal .body-actions .tab-body.demand-tab .demand-quick.full-weekend .button-action {
  background: #FF6C00;
}
.actions-modal .body-actions .tab-body.declined-tab .item-quote {
  background-color: #FFFFFF;
  padding: 3%;
  border-radius: 15px;
  box-shadow: 0px 0px 15px #F1F2F6;
  cursor: pointer;
  margin: 2% 0;
  color: #EB1B33;
}
.actions-modal .body-actions .tab-body.declined-tab .item-quote .col-1-2 {
  margin: 2% 0;
}
.actions-modal .body-actions .tab-body.new-quote-tab .quote-informations {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 3%;
}
.actions-modal .body-actions .tab-body.new-quote-tab .quote-informations input {
  max-width: 100%;
  width: 100px;
  border-radius: 5px;
}
.actions-modal .body-actions .tab-body.new-quote-tab .quote-informations .flatpickr-input {
  width: 150px;
}
.actions-modal .body-actions .tab-body.new-quote-tab .quote-informations .btn-danger {
  background-color: #EB1B33;
  color: #FFFFFF;
  border-radius: 5px;
  border-color: #EB1B33;
}
.actions-modal .body-actions .tab-body.new-quote-tab .new-quote-action {
  display: block;
  width: 75%;
  margin: 4% auto;
  border: none;
  background: #1F395F;
  color: #FFFFFF;
  padding: 3% 0;
  border-radius: 5px;
}
.actions-modal .body-actions .tab-body.new-quote-tab .new-quote-action:hover {
  background: #B4D3FA;
  color: #1F395F;
}
.actions-modal .body-actions .tab-body.testimonials-tab {
  color: #1F395F;
}
.actions-modal .body-actions .tab-body.testimonials-tab .send-email-trustpilot {
  background: #04DA8D !important;
  color: #FFFFFF !important;
  font-weight: bold;
}
.actions-modal .body-actions .tab-body.testimonials-tab table .table-row {
  color: #1F395F;
}
.actions-modal .body-actions .tab-body.testimonials-tab table th {
  font-weight: bold;
}
.actions-modal .body-actions .tab-body.testimonials-tab table .testimonial-actions .ember-power-select-trigger {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: fill-available;
}
.actions-modal .body-actions .tab-body.testimonials-tab table .testimonial-actions .ember-power-select-trigger.rating {
  width: 45px;
}
.actions-modal .body-actions .tab-body.testimonials-tab table .testimonial-actions .ember-power-select-trigger.publishing-state {
  width: 70px;
}
.actions-modal .body-actions .tab-body.gi-form-tab .form-gi {
  margin: 3% 0;
}
.actions-modal .body-actions .tab-body.gi-form-tab .form-gi label {
  font-weight: bold;
  display: block;
  margin-bottom: 0;
}
.actions-modal .body-actions .tab-body.gi-form-tab .form-gi .select-seller {
  margin-bottom: 30px;
  width: 100%;
}
.actions-modal .body-actions .tab-body.gi-form-tab .form-gi .select-seller-options li {
  padding: 2% 5%;
}
.actions-modal .body-actions .tab-body.gi-form-tab .form-gi .xxl {
  max-width: 100%;
  margin-top: 2%;
}
.actions-modal .body-actions .tab-body.gi-form-tab .form-gi .slider {
  width: 100%;
  margin-top: 2%;
}
.actions-modal .body-actions .tab-body.gi-form-tab .button-navy {
  background: #1F395F;
  color: #FFFFFF;
  border: none;
  border-radius: 10px;
  padding: 12px;
  line-height: 20px;
  font-weight: bold;
  margin-right: 2px;
  box-shadow: 0 1px 3px 0 rgba(149, 149, 149, 0.3);
  margin-bottom: 5%;
  width: 100%;
  display: block;
  text-align: center;
}
.actions-modal .body-actions .tab-body.gi-form-tab .button-navy:hover {
  color: #B4D3FA !important;
}

.actions-modal.full {
  max-width: 95% !important;
  width: 95% !important;
  height: 75vh !important;
}

.roadmap-container .header-roadmap, .payment-container .header-roadmap {
  color: #1F395F;
}
.roadmap-container .header-roadmap h2, .payment-container .header-roadmap h2 {
  font-weight: 700;
  border-bottom: 1px solid #B4D3FA;
  color: #1F395F;
  position: relative;
}
.roadmap-container .header-roadmap h2 .actions-header, .payment-container .header-roadmap h2 .actions-header {
  position: absolute;
  right: 0;
  bottom: 3px;
}
.roadmap-container .header-roadmap .item-header-roadmap, .payment-container .header-roadmap .item-header-roadmap {
  margin-top: 1%;
  color: #1F395F;
  text-transform: capitalize;
}
.roadmap-container .header-roadmap .item-header-roadmap i, .payment-container .header-roadmap .item-header-roadmap i {
  font-size: 17px;
}
.roadmap-container .header-roadmap .item-header-roadmap span, .payment-container .header-roadmap .item-header-roadmap span {
  margin-left: 3%;
  font-size: 17px;
}
.roadmap-container .header-roadmap .header-roadmap-flight-infos .form-group input, .payment-container .header-roadmap .header-roadmap-flight-infos .form-group input {
  border: none;
  border-bottom: 1px solid #B4D3FA;
  color: #1F395F;
  border-radius: 5px;
  max-width: unset;
  margin-bottom: 1em;
}
.roadmap-container .header-roadmap .header-roadmap-flight-infos .hours-flex, .payment-container .header-roadmap .header-roadmap-flight-infos .hours-flex {
  display: flex;
  justify-content: space-between;
  width: 50%;
}
.roadmap-container .header-roadmap .header-roadmap-flight-infos .hours-flex .block-hours, .payment-container .header-roadmap .header-roadmap-flight-infos .hours-flex .block-hours {
  text-align: center;
}
.roadmap-container .header-roadmap .header-roadmap-flight-infos .hours-flex .block-hours b, .payment-container .header-roadmap .header-roadmap-flight-infos .hours-flex .block-hours b {
  margin-bottom: 1em;
  display: block;
}
.roadmap-container .header-roadmap .header-roadmap-flight-infos .hours-flex .block-hours i, .payment-container .header-roadmap .header-roadmap-flight-infos .hours-flex .block-hours i {
  font-size: 15px;
  cursor: pointer;
}
.roadmap-container .header-roadmap .header-roadmap-flight-infos .hours-flex .block-hours select, .payment-container .header-roadmap .header-roadmap-flight-infos .hours-flex .block-hours select {
  text-align: center;
}

.roadmap-container .body-roadmap h2 {
  font-weight: 700;
  border-bottom: 1px solid #B4D3FA;
  color: #1F395F;
}
.roadmap-container .body-roadmap .custom-file-input {
  opacity: 1;
}
.roadmap-container .body-roadmap .custom-file-input #fileInput {
  width: 250px;
}
.roadmap-container .body-roadmap .custom-file-input input::before {
  content: "Choisir fichier";
  background: #FFE599;
  color: #783F04;
  border-radius: 10px;
  border: 1px solid;
  padding: 5px 8px;
  height: 40px;
  line-height: 30px;
  width: -webkit-fit-content;
  text-align: center;
  cursor: pointer;
}
@media screen and (max-width: 450px) {
  .roadmap-container .body-roadmap .custom-file-input input::before {
    width: 100%;
  }
}
.roadmap-container .body-roadmap .custom-file-input input::-webkit-file-upload-button {
  visibility: hidden;
}
.roadmap-container .body-roadmap .custom-file-input input:hover::before {
  opacity: 0.8;
}
.roadmap-container .body-roadmap .item-template-roadmap {
  border: 1px solid #EAEAEA;
  padding: 2%;
  border-radius: 10px;
  box-shadow: 0px 0px 15px #F1F2F6;
  margin: 2% 0;
  color: #1F395F;
}
.roadmap-container .body-roadmap .item-template-roadmap.warning {
  box-shadow: 0px 0px 15px #EB1B33;
}
.roadmap-container .body-roadmap .item-template-roadmap.has-differences {
  background-color: rgba(251, 2, 2, 0.4);
  border: 2px solid #EB1B33;
}
.roadmap-container .body-roadmap .item-template-roadmap .header-item-template-roadmap {
  position: relative;
  height: 45px;
  border-bottom: 1px solid;
}
.roadmap-container .body-roadmap .item-template-roadmap .header-item-template-roadmap .modal-actions-roadmap {
  border: 1px solid #EAEAEA;
  box-shadow: 0px 0px 15px #DADADA;
  padding: 2%;
  background: #FFFFFF;
  min-height: 200px;
  position: absolute;
  width: 75%;
  right: 0;
  border-radius: 10px;
  display: none;
  z-index: 1;
}
.roadmap-container .body-roadmap .item-template-roadmap .header-item-template-roadmap .modal-actions-roadmap.active {
  display: block;
}
.roadmap-container .body-roadmap .item-template-roadmap .header-item-template-roadmap .modal-actions-roadmap .header-actions {
  position: relative;
}
.roadmap-container .body-roadmap .item-template-roadmap .header-item-template-roadmap .modal-actions-roadmap .header-actions .close-modal {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.roadmap-container .body-roadmap .item-template-roadmap .header-item-template-roadmap .modal-actions-roadmap .header-actions .close-modal i {
  margin-left: 8px;
}
.roadmap-container .body-roadmap .item-template-roadmap .header-item-template-roadmap .modal-actions-roadmap .actions-button {
  margin: 3% auto;
  text-align: center;
}
.roadmap-container .body-roadmap .item-template-roadmap .header-item-template-roadmap .modal-actions-roadmap .actions-button a {
  padding: 6px 12px;
  line-height: 30px;
  font-size: 11px;
  font-weight: bold;
  display: inline-block;
}
.roadmap-container .body-roadmap .item-template-roadmap .header-item-template-roadmap .modal-actions-roadmap .actions-button .button-navy {
  margin: 0 3px;
}
@media screen and (max-width: 450px) {
  .roadmap-container .body-roadmap .item-template-roadmap .header-item-template-roadmap .modal-actions-roadmap .actions-button .button-navy {
    margin: 3px;
  }
}
.roadmap-container .body-roadmap .item-template-roadmap .header-item-template-roadmap .modal-actions-roadmap .actions-button .custom-file-input-2 {
  margin-top: 4%;
}
.roadmap-container .body-roadmap .item-template-roadmap .header-item-template-roadmap .title-prestation {
  position: absolute;
  font-size: 16px;
  line-height: 30px;
}
.roadmap-container .body-roadmap .item-template-roadmap .header-item-template-roadmap .title-prestation span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  max-width: 500px;
  font-family: "Futura";
}
@media screen and (max-width: 450px) {
  .roadmap-container .body-roadmap .item-template-roadmap .header-item-template-roadmap .title-prestation {
    font-size: 10px;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .roadmap-container .body-roadmap .item-template-roadmap .header-item-template-roadmap .title-prestation span {
    max-width: 180px;
  }
}
.roadmap-container .body-roadmap .item-template-roadmap .header-item-template-roadmap .title-prestation i {
  color: #B4D3FA;
  font-family: "Futura";
}
.roadmap-container .body-roadmap .item-template-roadmap .header-item-template-roadmap .actions-icon {
  position: absolute;
  right: 0;
  text-align: center;
}
.roadmap-container .body-roadmap .item-template-roadmap .header-item-template-roadmap .actions-icon .icon-download {
  color: #1F395F;
}
.roadmap-container .body-roadmap .item-template-roadmap .header-item-template-roadmap .actions-icon i {
  font-size: 20px;
  display: inline-block;
  line-height: 30px;
  vertical-align: top;
  cursor: pointer;
}
.roadmap-container .body-roadmap .item-template-roadmap .header-item-template-roadmap .actions-icon img {
  height: 30px;
  cursor: pointer;
}
.roadmap-container .body-roadmap .item-template-roadmap .header-item-template-roadmap .actions-icon .ember-view {
  display: inline-block;
  margin-right: 10px;
  vertical-align: super;
}
.roadmap-container .body-roadmap .item-template-roadmap .date-item-template-roadmap {
  margin: 2% 0;
  font-size: 13px;
}
@media screen and (max-width: 450px) {
  .roadmap-container .body-roadmap .item-template-roadmap .date-item-template-roadmap {
    font-size: 10px;
  }
}
.roadmap-container .body-roadmap .item-template-roadmap .date-item-template-roadmap b {
  color: #FF0094;
}
.roadmap-container .body-roadmap .item-template-roadmap .date-item-template-roadmap .prestation-basic-info {
  position: relative;
  height: 30px;
}
.roadmap-container .body-roadmap .item-template-roadmap .date-item-template-roadmap .prestation-basic-info .prestation-sub-basic-info {
  position: absolute;
  left: 0;
}
.roadmap-container .body-roadmap .item-template-roadmap .date-item-template-roadmap .prestation-basic-info .prestation-sub-basic-info b {
  text-transform: capitalize;
}
.roadmap-container .body-roadmap .item-template-roadmap .date-item-template-roadmap .prestation-basic-info .prestation-status-booking {
  position: absolute;
  right: 0;
}
.roadmap-container .body-roadmap .item-template-roadmap .date-item-template-roadmap .program-list {
  margin-top: 1%;
}
.roadmap-container .body-roadmap .item-template-roadmap .date-item-template-roadmap .program-list span {
  padding: 0 20px;
  border-right: 1px solid;
}
@media screen and (max-width: 450px) {
  .roadmap-container .body-roadmap .item-template-roadmap .date-item-template-roadmap .program-list span {
    padding: 0 10px;
  }
}
.roadmap-container .body-roadmap .item-template-roadmap .date-item-template-roadmap .program-list span.last-program {
  border: none;
}
.roadmap-container .body-roadmap .item-template-roadmap .footer-item-template-roadmap {
  margin: 2% 0;
}
.roadmap-container .body-roadmap .item-template-roadmap .footer-item-template-roadmap .form-input {
  margin-right: 0;
}
.roadmap-container .body-roadmap .item-template-roadmap .footer-item-template-roadmap .form-input.col-1-2 {
  margin-top: 20px;
}
.roadmap-container .body-roadmap .item-template-roadmap .footer-item-template-roadmap .form-input.high-top {
  margin-top: 20px;
}
.roadmap-container .body-roadmap .item-template-roadmap .footer-item-template-roadmap .form-input label {
  color: #1F395F;
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: 600;
}
.roadmap-container .body-roadmap .item-template-roadmap .footer-item-template-roadmap .form-input input {
  max-width: 90%;
  min-width: 150px;
  border: 1px solid #B4D3FA;
  color: #1F395F;
  border-radius: 5px;
}
.roadmap-container .body-roadmap .item-template-roadmap .footer-item-template-roadmap .form-input input::placeholder {
  color: #1F395F;
}
.roadmap-container .body-roadmap .item-template-roadmap .footer-item-template-roadmap .geoloc-picker .is-non-geoloc {
  display: block !important;
}
.roadmap-container .footer-roadmap .controls .btn-save {
  border-radius: 5px;
}
.roadmap-container .footer-roadmap .controls .actions-pdf {
  margin-left: 10%;
  display: inline-block;
}
@media screen and (max-width: 450px) {
  .roadmap-container .footer-roadmap .controls .actions-pdf {
    margin: 4% 0;
    display: block;
  }
}
.roadmap-container .footer-roadmap .controls .erase-button {
  border: none;
  background: #EB1B33;
  color: #FFFFFF;
  border-radius: 5px;
}
.roadmap-container .footer-roadmap .controls .download-button {
  padding: 6px 12px;
  font-weight: bold;
  font-size: 11px;
  line-height: 20px;
  background: #1F395F;
  color: #FFFFFF;
  border-radius: 5px;
  display: inline-block;
}

.voyage-section-container {
  padding: 2%;
}
.voyage-section-container .button-navy {
  background: #1F395F;
  color: #FFFFFF;
  border: none;
  border-radius: 10px;
  height: 40px;
}
.voyage-section-container .button-navy:hover {
  background: #B4D3FA;
  color: #1F395F;
  border: none;
}

.ticket-inbound {
  width: 50%;
  float: left;
  margin: 1% 0;
  color: #1F395F;
}
.ticket-inbound p {
  font-size: 13px;
}
.ticket-inbound p span {
  color: #FF0094;
}
.ticket-inbound .ticket-card {
  padding: 10px;
}
.ticket-inbound .ticket-card .ticket-header {
  position: relative;
  height: 40px;
  border-bottom: 1px solid #F1F2F6;
  width: 80%;
  margin: 0 auto;
  font-size: 14px;
}
.ticket-inbound .ticket-card .ticket-header .title-left {
  text-align: left;
  position: absolute;
  left: 0;
  font-style: italic;
}
.ticket-inbound .ticket-card .ticket-header .title-left a, .ticket-inbound .ticket-card .ticket-header .title-left a:hover {
  color: #FF0094 !important;
}
.ticket-inbound .ticket-card .ticket-header .title-right {
  text-align: right;
  position: absolute;
  right: 0;
}
.ticket-inbound .ticket-card .ticket-header .title-left, .ticket-inbound .ticket-card .ticket-header .title-right {
  top: 50%;
  transform: translateY(-50%);
}
.ticket-inbound .ticket-card .ticket-detail .col-1-4, .ticket-inbound .ticket-card .ticket-detail .col-2-4 {
  margin: 1% 0;
  text-align: center;
}
.ticket-inbound .ticket-card .ticket-detail .col-1-4 span, .ticket-inbound .ticket-card .ticket-detail .col-2-4 span {
  display: block;
  font-size: 10px;
}
.ticket-inbound .ticket-card .ticket-detail .col-1-4 .airport-name, .ticket-inbound .ticket-card .ticket-detail .col-2-4 .airport-name {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  font-family: "FuturaBold", "Futura";
  letter-spacing: 1px;
}
.ticket-inbound .ticket-card .ticket-detail .col-1-4 .flight-hour, .ticket-inbound .ticket-card .ticket-detail .col-2-4 .flight-hour {
  text-align: center;
}
.ticket-inbound .ticket-card .ticket-detail .col-1-4 img, .ticket-inbound .ticket-card .ticket-detail .col-2-4 img {
  height: 45px;
  vertical-align: middle;
}
@media screen and (max-width: 450px) {
  .ticket-inbound .ticket-card .ticket-detail .col-1-4 img, .ticket-inbound .ticket-card .ticket-detail .col-2-4 img {
    height: 13px;
    margin: 26% 0% 0 7%;
  }
}
.ticket-inbound .ticket-quote .ticket-detail .col-1-4 {
  margin: 1% 4%;
  text-align: center;
}
.ticket-inbound .ticket-quote .ticket-detail .col-1-4 img {
  height: 40px;
  margin-top: 3%;
}
.ticket-inbound .ticket-quote .title-center {
  display: inline-block;
  margin-left: 50%;
  transform: translateX(-50%);
  margin-top: -12px;
}
@media screen and (max-width: 450px) {
  .ticket-inbound .ticket-quote .title-center {
    margin-top: -10%;
  }
}
.ticket-inbound .ticket-quote .title-center.inside-quote-page .currency-symbol {
  top: 2px;
}
.ticket-inbound .ticket-quote .title-center .currency-symbol {
  top: -4px;
}
.ticket-inbound .ticket-quote .title-center .buying-price {
  color: #1F395F;
  font-weight: bold;
}
.ticket-inbound .ticket-quote .title-center .selling-price {
  color: #FF0094;
  font-weight: bold;
}

.ticket-ar .ticket-inbound.has-differences {
  background-color: rgba(251, 2, 2, 0.4);
}
.ticket-ar .ticket-inbound .ticket-card-left {
  border-top: 2px solid #F1F2F6;
  border-left: 2px solid #F1F2F6;
  border-bottom: 2px solid #F1F2F6;
  border-right: 2px dashed #F1F2F6;
  border-radius: 20px 0 0 20px;
}
.ticket-ar .ticket-inbound .ticket-card-right {
  border-top: 2px solid #F1F2F6;
  border-bottom: 2px solid #F1F2F6;
  border-right: 2px solid #F1F2F6;
  border-radius: 0 20px 20px 0;
}

.ticket-a .ticket-inbound .ticket-card {
  border-radius: 20px;
  border: 2px solid #F1F2F6;
}
.ticket-a .ticket-inbound .ticket-card-right {
  margin: 20px 0 20px 1%;
}
.ticket-a .ticket-inbound .ticket-card-left {
  margin: 20px 1% 20px 0;
}

.icone-circle.red-circle {
  color: red !important;
}
.icone-circle.green-circle {
  color: #34C62C !important;
}
.icone-circle.yellow-circle {
  color: #FFCE00 !important;
}
.icone-circle.black-cirlce {
  color: #000000 !important;
}

.icone-invoice.paid {
  color: #34C62C !important;
}
.icone-invoice.deposit-paid {
  color: #FF6C00 !important;
}
.icone-invoice.not-paid {
  color: #CCC !important;
}
.icone-invoice.error {
  color: red !important;
}
.icone-invoice.prepaid-slot {
  color: #B4D3FA !important;
}

.templates-search {
  align-items: center;
  justify-content: center;
}
.templates-search input {
  max-width: initial;
  padding: 0 10px;
  border: 1px solid #BABABA;
  border-radius: 5px;
}

.templates .template-card {
  border: 1px solid #DADADA;
  border-radius: 10px;
  background: #FFFFFF;
  box-shadow: 0px 0px 15px #F1F2F6;
  position: relative;
  width: 90%;
  margin: 5% auto;
}
.templates .template-card .template-card-headline {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.templates .template-card .template-card-headline i {
  cursor: pointer;
}
.templates .template-card i {
  font-size: 20px;
}
.templates .template-card .template-card-body {
  overflow-x: hidden;
}
.templates .template-card .template-card-body label {
  display: block;
  margin-bottom: 5px;
  color: #1F395F;
  font-weight: bold;
  font-style: italic;
}
.templates .template-card .template-card-actions {
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
}
.templates .template-card .template-card-actions button {
  width: 50%;
  border-radius: 0;
  height: 40px;
}
@media screen and (max-width: 450px) {
  .templates .template-card .template-card-actions button {
    font-size: 13px;
  }
}
.templates .template-card div {
  margin: 3% 5%;
}
.templates .template-card hr {
  border-color: #000000;
}
.templates .button-action {
  background: #1F395F;
  color: #FFFFFF;
  margin: 0;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
}
.templates .button-action i {
  font-size: 18px;
}
.templates .button-action.reset {
  background: red;
  color: #FFFFFF;
}
.templates .button-action.pink {
  background: #FF0094;
  color: #FFFFFF;
}
.templates .button-action.selected {
  background: #FFFFFF;
  color: #FF0094;
}
.templates .button-action.selected i {
  margin-left: 1%;
}
.templates .button-action:hover {
  color: #1F395F;
  background: #B4D3FA;
}
.templates .button-action:hover.reset {
  color: #FFFFFF;
  background: red;
}
.templates .button-action:hover.pink {
  color: #FF0094;
  background: #FFFFFF;
}
.templates .form-group.actions {
  display: flex;
  justify-content: space-between;
}
.templates .form-group.actions button {
  width: 100%;
  height: 40px;
}
@media screen and (max-width: 450px) {
  .templates .form-group.actions button {
    font-size: 13px;
  }
}
.templates .detail-template-tab .actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.templates .detail-template-tab .actions button, .templates .detail-template-tab .actions .ember-hold-button-container {
  width: 100%;
}
.templates .detail-template-tab .actions button .warning, .templates .detail-template-tab .actions .ember-hold-button-container .warning {
  border-radius: 7px;
}
@media screen and (max-width: 450px) {
  .templates .detail-template-tab .actions button, .templates .detail-template-tab .actions .ember-hold-button-container {
    height: 45px;
    font-size: 13px;
  }
}
.templates .detail-template-tab .form-group, .templates .new-template-tab .form-group {
  margin-bottom: 1em;
}
.templates .detail-template-tab .editable, .templates .new-template-tab .editable {
  min-height: 100px;
  border-radius: 7px;
  border: 1px solid #BABABA;
}
.templates .detail-template-tab label, .templates .new-template-tab label {
  display: block;
  margin-bottom: 5px;
  color: #1F395F;
  font-weight: bold;
  font-style: italic;
}
.templates .detail-template-tab input, .templates .new-template-tab input {
  border: none;
  border-bottom: 1px solid #BABABA;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
.templates .detail-template-tab input:focus, .templates .detail-template-tab input:focus-visible, .templates .new-template-tab input:focus, .templates .new-template-tab input:focus-visible {
  border: none;
  border-bottom: 1px solid #B4D3FA;
  outline: none;
}
.templates .attachments-tab .attachments-tab-line {
  display: flex;
  margin-top: 2%;
  align-items: center;
  justify-content: space-between;
  color: #1F395F;
  font-weight: bold;
  font-size: 15px;
}
.templates .attachments-tab .attachments-tab-line .title {
  display: inline-block;
  overflow: hidden;
  width: 80%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.templates .attachments-tab .attachments-tab-line a {
  color: #1F395F;
}
.templates .attachments-tab .attachments-tab-line i {
  margin-right: 2%;
  font-size: 20px;
}
@media screen and (max-width: 450px) {
  .templates .attachments-tab .attachments-tab-line i {
    font-size: 25px;
  }
}

.pac-container {
  width: 300px !important;
}

.attachment-infos {
  font-size: 13px;
}

.rating-with-star .fa-star {
  color: #DDDDDD;
  cursor: pointer;
  font-size: 27px;
}
.rating-with-star .selected {
  color: #FFCE00;
}

.create-voyage button {
  border-radius: 5px;
}
.create-voyage h1 {
  font-family: "Futura";
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #FF0094;
  text-align: center;
}
.create-voyage .build-new-voyage {
  display: flex;
  justify-content: space-around;
}
.create-voyage .section {
  width: 40%;
}
.create-voyage .section .form-input {
  margin-bottom: 1em;
}
.create-voyage .section .search-customers {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1em;
}
.create-voyage .section .search-customers input {
  width: 80%;
  border-radius: 5px;
}
.create-voyage .section .search-customers button {
  width: 18%;
}
.create-voyage .section .full-size {
  height: 50px;
  width: 100%;
  font-size: 15px;
  letter-spacing: 1px;
}
.create-voyage .section .new-voyage-quarter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.create-voyage .section .new-voyage-quarter .ember-flatpickr-input, .create-voyage .section .new-voyage-quarter .ember-power-select-trigger {
  width: 150px;
  line-height: 34px !important;
  height: 34px;
}
.create-voyage .section .new-voyage-quarter .night-count {
  border-radius: 5px;
}
.create-voyage .geoloc-picker .input-geoloc {
  width: 100%;
}
.create-voyage .geoloc-picker .map-container {
  width: 100%;
  height: 150px;
}
.create-voyage .geoloc-picker .coordinates {
  display: none;
}
.create-voyage .geoloc-picker .autocomplete-suggestions {
  border: 1px solid;
  margin: 0;
  margin-top: -2%;
}
.create-voyage .geoloc-picker .autocomplete-suggestions .suggestion-item:hover {
  background-color: #EEEEEE;
}
.create-voyage .geoloc-picker .autocomplete-suggestions .suggestion-item .fa-location-dot {
  color: #EB1B33;
}

.menu-messages {
  padding-right: 2%;
}
.menu-messages .mm-filter-voyage-2 {
  text-align: center;
  padding: 3% 0;
  font-size: 12px;
  background: #1F395F;
  color: #FFFFFF;
  cursor: pointer;
  font-weight: bold;
  padding: 4% 0;
  height: 50px;
}
.menu-messages .mm-filter-voyage-2.active {
  color: #1F395F;
  background: #B4D3FA;
}
.menu-messages .mm-filter-voyage-2.messages-favorites {
  padding: 2.8% 0;
  padding: 3.8% 0;
}
.menu-messages .mm-filter-voyage-2:hover {
  color: #1F395F;
  background: #B4D3FA;
}
.menu-messages .messages-favorites {
  position: relative;
}
.menu-messages .messages-favorites span {
  position: absolute;
  padding: 1px 5px;
  background: red;
  color: #FFFFFF;
  border-radius: 20px;
  font-size: 8px;
  top: 52%;
  left: 60%;
}
.menu-messages .choose-recipient {
  display: none;
}
.menu-messages .choose-recipient.active {
  display: block;
}
.menu-messages .new-message {
  margin: 2% 0;
}
.menu-messages .new-message .subject {
  max-width: 100%;
  border: 1px solid #F1F2F6;
  margin-bottom: 2%;
  font-size: 13px;
}
.menu-messages .new-message .subject::placeholder {
  color: #DADADA;
  font-size: 13px;
  font-style: italic;
}
.menu-messages .new-message .new-message-actions {
  margin: 2% 0;
}
.menu-messages .new-message .new-message-actions button {
  color: #FFFFFF;
  background: #1F395F;
  border-radius: 10px;
  height: 40px;
  padding: 0;
}
.menu-messages .new-message .new-message-actions button:hover {
  color: #1F395F;
  background: #B4D3FA;
}
.menu-messages .new-message .new-message-actions .send-by-whatsapp {
  position: relative;
  height: 40px;
}
.menu-messages .new-message .new-message-actions .send-by-whatsapp .whatsapp-logo {
  height: 25px;
}
.menu-messages .new-message .new-message-actions .send-by-whatsapp span {
  line-height: 25px;
  display: inline-flex;
}
.menu-messages .new-message .new-message-actions .send-by-whatsapp .ember-view {
  display: inline-block;
  right: 2%;
  position: absolute;
}

.messages-section-container {
  position: fixed;
  overflow: scroll;
  height: 100%;
  padding-bottom: 5%;
  width: inherit;
  top: 0;
  background: white;
}
@media screen and (max-width: 450px) {
  .messages-section-container {
    position: initial;
  }
}

.messages-list .message-pagination .navy {
  color: #FFFFFF;
  background: #1F395F;
}
.messages-list .message-pagination button {
  background: #B4D3FA;
  color: #1F395F;
  border: none;
  border-radius: 5px;
}
.messages-list .message-pagination button:hover {
  color: #FFFFFF;
  background: #1F395F;
}
.messages-list .message-item {
  border: 1px solid #F1F2F6;
  box-shadow: 0px 0px 15px #F1F2F6;
  width: 80%;
  border-radius: 10px;
  margin: 2% 0 2% 2%;
  max-height: 400px;
  overflow: scroll;
}
.messages-list .message-item.customer.to-user {
  background: #34C62C;
}
.messages-list .message-item.provider.to-user {
  background: #FFB3E8;
}
.messages-list .message-item.user.to-user {
  background: #E8F1FD;
}
.messages-list .message-item.user.to-customer {
  background: #EDFFE6;
}
.messages-list .message-item.user.to-provider {
  background: #FFDCF4;
}
.messages-list .message-item.is-mine {
  margin-left: 16%;
}
.messages-list .message-item.is-log {
  background: #DADADA;
}
.messages-list .message-item.is-read {
  opacity: 0.55;
}
.messages-list .message-item .message-header {
  border-bottom: 1px solid #F1F2F6;
  padding: 2% 4%;
  cursor: pointer;
}
.messages-list .message-item .message-header .zone-icone {
  position: relative;
}
.messages-list .message-item .message-header span {
  display: block;
}
.messages-list .message-item .message-header span.sender-recipient {
  margin-bottom: 1%;
}
.messages-list .message-item .message-header span.icone-type-sender {
  font-size: 0;
  right: 0;
  width: 30px;
  text-align: center;
  height: 30px;
  border: 1px solid;
  border-radius: 15px;
  text-transform: uppercase;
  line-height: 30px;
  position: absolute;
}
.messages-list .message-item .message-header span.icone-type-sender.user {
  color: #1F395F;
  background: #B4D3FA;
}
.messages-list .message-item .message-header span.icone-type-sender.customer {
  color: #008000;
  background: #EDFFE6;
}
.messages-list .message-item .message-header span.icone-type-sender.provider {
  color: #FF4DB3;
  background: rgba(234, 35, 143, 0.15);
}
.messages-list .message-item .message-header span.icone-type-sender:first-letter {
  font-size: 18px;
}
.messages-list .message-item .message-header span.timeago {
  position: absolute;
  right: 0;
  display: inline-block;
}
.messages-list .message-item .message-header .whatsapp-status {
  display: inline-block;
}
.messages-list .message-item .message-header .whatsapp-status .sent-status, .messages-list .message-item .message-header .whatsapp-status .delivered-status {
  filter: invert(67%) sepia(24%) saturate(172%) hue-rotate(155deg) brightness(88%) contrast(88%);
}
.messages-list .message-item .message-header .whatsapp-status .read-status {
  filter: invert(63%) sepia(96%) saturate(525%) hue-rotate(167deg) brightness(99%) contrast(85%);
}
.messages-list .message-item .message-body {
  padding: 0% 4%;
}
.messages-list .message-item .message-footer {
  position: relative;
  border-top: 1px solid #F1F2F6;
  min-height: 30px;
}
.messages-list .message-item .message-footer .message-links {
  padding: 2% 0 0 4%;
}
.messages-list .message-item .message-footer .message-links .link {
  color: #1F395F;
  font-style: italic;
}
.messages-list .message-item .message-footer .message-links .link:hover {
  color: #FF4DB3;
}
.messages-list .message-item .message-footer .message-footer-actions {
  text-align: right;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 2% 3% 0 0%;
}
.messages-list .message-item .message-footer .message-footer-actions .whatsapp-logo {
  height: 25px;
  margin: 0 10px;
}
.messages-list .message-item .message-footer .message-footer-actions .whatsapp-logo.aircall-logo {
  background-color: #FFFFFF;
  border-radius: 15px;
  height: 18px;
}
.messages-list .message-item .message-footer .message-footer-actions span {
  font-size: 11px;
  font-style: italic;
}
.messages-list .message-item .message-footer .message-footer-actions i {
  cursor: pointer;
}
.messages-list .message-item .message-footer .message-footer-actions .fa-star {
  color: #000000;
}
.messages-list .message-item .message-footer .message-footer-actions .fa-star.fas {
  color: #FFCE00;
}

.participants-container .count-participants span {
  font-size: 18px;
  color: #1F395F;
  font-weight: bold;
}
.participants-container .add-participant {
  background: #1F395F;
  color: #FFFFFF;
  border-radius: 10px;
  text-align: center;
  padding: 5% 10%;
  display: block;
  width: 100%;
}
.participants-container .add-participant:hover {
  color: #1F395F;
  background: #B4D3FA;
}
.participants-container .list-participants .participant-item {
  border: 1px solid #BABABA;
  padding: 4% 2%;
  margin: 1% auto;
  box-shadow: 0px 0px 15px #F1F2F6;
  border-radius: 10px;
}
@media screen and (max-width: 450px) {
  .participants-container .list-participants .participant-item {
    margin: 7% 3%;
  }
}
.participants-container .list-participants .participant-item .attribut {
  display: inline-block;
  float: left;
  margin-right: 2%;
}
@media screen and (max-width: 450px) {
  .participants-container .list-participants .participant-item .attribut {
    float: none;
    width: 45%;
    margin-bottom: 5%;
    margin-right: 3%;
  }
  .participants-container .list-participants .participant-item .attribut.long {
    width: 100%;
  }
}
.participants-container .list-participants .participant-item .attribut label {
  display: block;
  margin-bottom: 5px;
  color: #1F395F;
  font-weight: bold;
  font-style: italic;
}
.participants-container .list-participants .participant-item .attribut label.type-participant {
  position: relative;
  width: 125px;
}
.participants-container .list-participants .participant-item .attribut label.type-participant .to-right {
  font-style: normal;
  right: 0;
  position: absolute;
}
.participants-container .list-participants .participant-item .attribut input {
  border: none;
  border-bottom: 1px solid #BABABA;
  padding: 0;
  max-width: 70px;
}
.participants-container .list-participants .participant-item .attribut input.email-size {
  max-width: 200px;
}
.participants-container .list-participants .participant-item .attribut input.order-size {
  max-width: 35px;
}
.participants-container .list-participants .participant-item .attribut input:focus, .participants-container .list-participants .participant-item .attribut input:focus-visible {
  border: none;
  border-bottom: 1px solid #B4D3FA;
  outline: none;
}
.participants-container .list-participants .participant-item button {
  border-radius: 10px;
  margin: 1% 0;
}
@media screen and (max-width: 450px) {
  .participants-container .list-participants .participant-item button {
    width: 47%;
  }
}
.participants-container .list-participants .participant-item button.more-actions {
  color: #1F395F;
  background: #B4D3FA;
  border: 1px solid #1F395F;
  margin-left: 5px;
}
.participants-container .list-participants .participant-item button.more-actions:hover {
  background: #a2bde1;
}
.participants-container .list-participants .more-actions-participants-modal {
  display: none;
  border: 1px solid #000000;
  position: fixed;
  background: #FFFFFF;
  z-index: 1;
  top: 25%;
  left: 10%;
  border-radius: 15px 15px 0px 0px;
  box-shadow: 0px 0px 70px grey;
  width: 350px;
}
@media screen and (max-width: 450px) {
  .participants-container .list-participants .more-actions-participants-modal {
    left: 8%;
    width: 270px;
  }
}
.participants-container .list-participants .more-actions-participants-modal.active {
  display: block;
}
.participants-container .list-participants .more-actions-participants-modal .close-modal {
  display: block;
  padding: 5%;
  text-align: right;
  font-size: 15px;
  cursor: pointer;
}
.participants-container .list-participants .more-actions-participants-modal .close-modal i {
  margin-left: 2%;
}
.participants-container .list-participants .more-actions-participants-modal .amount-left {
  display: block;
  margin-top: 2%;
  padding: 0% 2%;
  color: #FF0094;
  font-weight: bold;
}
.participants-container .list-participants .more-actions-participants-modal .amount-left .currency-value {
  padding: 0;
}
.participants-container .list-participants .more-actions-participants-modal .link-more-actions {
  display: block;
  padding: 5% 2%;
  font-size: 13px;
  color: #1F395F;
  border: none;
  border-bottom: 1px solid;
  width: 100%;
  background: #FFFFFF;
  text-align: left;
  font-weight: normal;
  box-shadow: none;
}
.participants-container .list-participants .more-actions-participants-modal .link-more-actions.last-item {
  border: none;
}
.participants-container .list-participants .more-actions-participants-modal .loader-container {
  position: absolute;
  left: 50%;
}
.participants-container .list-participants .more-actions-participants-modal .loader-container .spinner-border {
  color: #FF0094;
  width: 100px;
  height: 100px;
}
.participants-container .list-participants .more-actions-participants-modal .ember-hold-button-container .link-more-actions {
  margin-bottom: 5px;
}

.payment-container .header-payment {
  margin-top: 2%;
}
.payment-container .header-payment .chart-section .no-chart-available {
  display: block;
  text-align: center;
  font-size: 50px;
  margin: 2% 0;
}
.payment-container .header-payment .chart-section .no-chart-text {
  display: block;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.payment-container .header-payment .timer-section .timer-informations {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.payment-container .header-payment .timer-section .timer-informations .dtp {
  float: left;
  height: 40px;
  margin-right: 2%;
}
.payment-container .header-payment .timer-section .timer-informations .dtp input {
  height: 40px;
}
.payment-container .header-payment .timer-section .timer-informations .dtp .dtp-date {
  width: 100px;
}
.payment-container .header-payment .timer-section .timer-informations .btn-save {
  height: 40px;
  border-radius: 10px;
}
.payment-container .header-payment .timer-section .timer-informations .btn-save i {
  top: 15px;
}
.payment-container .header-payment .timer-section .timer-informations .flatpickr-input {
  width: 100%;
  max-width: 100%;
}
.payment-container .header-payment .timer-section .no-timer {
  margin-right: 2%;
}
.payment-container .header-payment .timer-section .send-payment-links {
  margin: 2% 0;
}
@media screen and (max-width: 450px) {
  .payment-container .header-payment .timer-section {
    text-align: center;
  }
  .payment-container .header-payment .timer-section .button-navy {
    display: block;
    margin: 8% auto;
  }
}
.payment-container .header-payment .resume-section .resume-payment-section {
  color: #1F395F;
}
.payment-container .header-payment .resume-section .resume-payment-section .line-resume {
  display: block;
}
.payment-container .header-payment .resume-section .resume-payment-section .line-resume.error-edited-balances {
  color: red;
}
.payment-container .header-payment .resume-section .resume-payment-section h3 {
  font-weight: bold;
  text-decoration: underline;
  text-underline-position: under;
  margin-bottom: 1%;
}
.payment-container .payment-modalities {
  margin-top: 2%;
}
.payment-container .payment-modalities.flex {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 450px) {
  .payment-container .payment-modalities {
    margin: 8% 0;
  }
}
.payment-container .payment-modalities .inline {
  margin: 0 1%;
  width: 100px;
}
.payment-container .payment-modalities .inline.right-side {
  min-width: 100px;
  width: 60%;
  margin-left: 6%;
}
.payment-container .payment-modalities .one-payer-line {
  display: flex;
  align-items: center;
}
.payment-container .payment-modalities .radio-choose.middle {
  margin-right: 2%;
}
.payment-container .payment-modalities .radio-choose input[type=radio]:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -1px;
  left: -2px;
  position: relative;
  background-color: #FFFFFF;
  content: "";
  display: inline-block;
  border: 2px solid #DADADA;
  cursor: pointer;
}
.payment-container .payment-modalities .radio-choose input[type=radio]:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -1px;
  left: -2px;
  position: relative;
  background-color: #FF0094;
  content: "";
  display: inline-block;
  border: 2px solid #FF0094;
  cursor: pointer;
}
.payment-container .payment-modalities .radio-choose span {
  vertical-align: super;
  margin-left: 5px;
}
.payment-container .payment-modalities .mb-1 {
  margin-bottom: 1em;
}
.payment-container .payments-section {
  margin: 3% 0;
}
@media screen and (max-width: 450px) {
  .payment-container .payments-section .button-navy-link, .payment-container .payments-section .button-navy {
    display: block;
    text-align: center;
    margin: 2%;
    width: 96%;
  }
}
.payment-container .payments-section .button-navy-link {
  background: #1F395F;
  color: #FFFFFF;
  border: none;
  border-radius: 10px;
  padding: 12px;
  line-height: 20px;
  font-weight: bold;
  margin-right: 2px;
  box-shadow: 0 1px 3px 0 rgba(149, 149, 149, 0.3);
}
.payment-container .payments-section .button-navy-link:hover {
  background: #B4D3FA;
  color: #1F395F;
  border: none;
}
.payment-container .payments-section .desktop-table-payment {
  margin: 2% 0;
}
.payment-container .payments-section .desktop-table-payment th {
  color: #1F395F;
  vertical-align: middle;
  border: none;
}
@media screen and (max-width: 450px) {
  .payment-container .payments-section .desktop-table-payment th {
    font-size: 8px;
  }
}
.payment-container .payments-section .desktop-table-payment .participant-name a {
  color: #1F395F;
  font-weight: 600;
  text-transform: capitalize;
}
.payment-container .payments-section .desktop-table-payment .message-send {
  display: block;
}
.payment-container .payments-section .desktop-table-payment .link-more-actions {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: fit-content;
  overflow: hidden;
}
.payment-container .payments-section .desktop-table-payment .rowspan-td.odd, .payment-container .payments-section .desktop-table-payment .table-row.odd {
  background: rgba(111, 137, 162, 0.2) !important;
}
.payment-container .payments-section .desktop-table-payment .table-row.odd:hover {
  background: rgba(111, 137, 162, 0.3) !important;
}
.payment-container .payments-section .mobile-table-payment .show-parts {
  cursor: pointer;
  color: #FF0094;
}
.payment-container .payments-section .mobile-table-payment .parts-mobile {
  display: none;
}
.payment-container .payments-section .mobile-table-payment .parts-mobile.active {
  display: table-row;
}
.payment-container .payments-section .mobile-table-payment .parts-mobile.active .row {
  border: 1px solid #F1F2F6;
  border-radius: 10px;
  padding: 2%;
  margin: 2% 0;
}
.payment-container .payments-section .mobile-table-payment .parts-mobile.active .row label {
  display: block;
  color: #1F395F;
  font-style: italic;
}
.payment-container .payments-section .resume-payment-section {
  color: #1F395F;
}
.payment-container .payments-section .resume-payment-section .line-resume {
  display: block;
}
.payment-container .payments-section .resume-payment-section .line-resume.error-edited-balances {
  color: red;
}
.payment-container .payments-section .resume-payment-section h3 {
  font-weight: bold;
  text-decoration: underline;
  text-underline-position: under;
  margin-bottom: 1%;
}
.payment-container .transactions .transaction-item {
  border: 1px solid #F1F2F6;
  border-radius: 10px;
  padding: 2%;
  margin: 1% 0;
  box-shadow: 0px 0px 15px #F1F2F6;
  color: #1F395F;
}
.payment-container .transactions .transaction-item.col-1-2 {
  width: 48%;
  margin: 1%;
}
.payment-container .transactions .transaction-item div {
  margin-bottom: 1%;
}
.payment-container .transactions .transaction-item .col-4-5 {
  font-size: 16px;
}
.payment-container .transactions .transaction-item .col-1-5 {
  font-size: 20px;
}
.payment-container .transactions .transaction-item a {
  color: #1F395F;
}
.payment-container .transactions .transaction-item .see-more {
  cursor: pointer;
  text-decoration: underline;
}
.payment-container .transactions .transaction-item .align-right {
  text-align: right;
}
.payment-container .transactions .transaction-item.draft .col-1-5 {
  font-size: 16px;
}
.payment-container .transactions .transaction-item.error {
  background: rgba(251, 2, 2, 0.4);
}
.payment-container .transactions .transaction-item.blocked {
  background: rgba(255, 217, 102, 0.4);
}
.payment-container .transactions h2 {
  font-weight: 700;
  border-bottom: 1px solid #B4D3FA;
  color: #1F395F;
  position: relative;
}
.payment-container .transactions h3 {
  margin-bottom: 10px;
}
.payment-container .transactions .ember-power-select-trigger {
  width: 70%;
  display: inline-block;
}
@media screen and (max-width: 450px) {
  .payment-container .transactions .ember-power-select-trigger {
    width: 50%;
  }
}
.payment-container .transactions .create-payment {
  display: inline-block;
  vertical-align: bottom;
}
.payment-container .toggle-button-draft-transactions {
  color: #FFFFFF;
  background: #1F395F;
  border-radius: 10px;
  height: 40px;
}
.payment-container .toggle-button-draft-transactions:hover {
  background: #B4D3FA;
  color: #1F395F;
}
.payment-container .container-no-sell {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.payment-container .container-no-sell .no-sell span {
  display: block;
  text-align: center;
  font-size: 15px;
  font-family: "Futura";
  color: #1F395F;
  margin-top: 2%;
}

.part-modal {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
}
.part-modal .item-part {
  margin: 3% 0;
}
.part-modal .item-part label {
  color: #1F395F;
  font-weight: bold;
  margin-bottom: 5px;
  display: block;
}
.part-modal .item-part input[type=radio]:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -3px;
  left: -5px;
  position: relative;
  background-color: #FFFFFF;
  content: "";
  display: inline-block;
  border: 2px solid #DADADA;
  cursor: pointer;
}
.part-modal .item-part input[type=radio]:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -3px;
  left: -5px;
  position: relative;
  background-color: #FF0094;
  content: "";
  display: inline-block;
  border: 2px solid #F1F2F6;
  cursor: pointer;
}
.part-modal .item-part input {
  border: none;
  border-bottom: 1px solid #BABABA;
}
.part-modal .item-part.select-list .ember-power-select-trigger {
  width: 90%;
}
.part-modal .refund-part input[type=radio]:after {
  top: 0px;
  left: -1px;
}
.part-modal .refund-part input[type=radio]:checked:after {
  top: 0px;
  left: -1px;
}
.part-modal .align-right {
  text-align: right;
  cursor: pointer;
}
.part-modal .control button, .part-modal .control a {
  display: block;
  margin: 10px 0;
  width: 100%;
  border-radius: 3px;
}

.insurance-modal {
  max-width: 1000px;
  height: 400px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
}

.koala-box-insurance {
  padding: 2%;
  background: #FFFFFF;
  border-radius: 16px;
  margin: 2% auto;
  width: 900px;
}
.koala-box-insurance.selected {
  border: 2px solid #FF0094;
}
.koala-box-insurance .update-insurance-btn, .koala-box-insurance .update-insurance-btn:hover {
  background-color: #B4D3FA;
  background: #B4D3FA;
  color: #1F395F;
  border: 1px solid #B4D3FA;
  margin-right: 10px;
}
.koala-box-insurance .add-insurance-btn, .koala-box-insurance .add-insurance-btn:hover {
  background-color: #3FBE70;
  background: #3FBE70;
  color: #FFFFFF;
  border: 1px solid #3FBE70;
  margin-right: 10px;
}
.koala-box-insurance .center-box {
  position: relative;
  display: block;
  overflow: auto;
  margin-top: 5%;
}
.koala-box-insurance .center-box .insurance-more-information {
  color: #FF0094;
  text-decoration: underline;
  cursor: pointer;
}
.koala-box-insurance .center-box .insurance-cgv .item-insurance-protection {
  width: 33%;
  display: inline-block;
}
.koala-box-insurance .center-box .insurance-cgv .item-insurance-protection i {
  color: #FF0094;
}
.koala-box-insurance .top-box, .koala-box-insurance .bottom-box {
  display: block;
  position: relative;
  height: 50px;
}
.koala-box-insurance .top-box .left-section, .koala-box-insurance .bottom-box .left-section {
  position: absolute;
  left: 0;
  width: 70%;
}
.koala-box-insurance .top-box .left-section .insurance-title, .koala-box-insurance .bottom-box .left-section .insurance-title {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-right: 2%;
}
.koala-box-insurance .top-box .left-section .insurance-recommended, .koala-box-insurance .bottom-box .left-section .insurance-recommended {
  background: #FF0094;
  color: #FFFFFF;
  padding: 4px 8px;
  border-radius: 3px;
  font-weight: bold;
  display: inline-block;
  vertical-align: super;
  margin-right: 2%;
}
.koala-box-insurance .top-box .left-section .cgv-link, .koala-box-insurance .bottom-box .left-section .cgv-link {
  line-height: 50px;
  color: #FF0094;
  text-decoration: none;
}
.koala-box-insurance .top-box .right-section, .koala-box-insurance .bottom-box .right-section {
  right: 0;
  position: absolute;
  height: 50px;
  display: flex;
  justify-content: center;
}
.koala-box-insurance .top-box .right-section .button_to, .koala-box-insurance .bottom-box .right-section .button_to {
  display: inline-block;
}
.koala-box-insurance .top-box .right-section .button_to .button-select-insurance, .koala-box-insurance .bottom-box .right-section .button_to .button-select-insurance {
  border: none;
  background: none;
  display: inline-block;
}
.koala-box-insurance .top-box .right-section button, .koala-box-insurance .bottom-box .right-section button {
  font-size: 10px;
  padding: 6px;
}
.koala-box-insurance .top-box .right-section .fa-plus, .koala-box-insurance .top-box .right-section .fa-minus, .koala-box-insurance .bottom-box .right-section .fa-plus, .koala-box-insurance .bottom-box .right-section .fa-minus {
  padding: 9px 10px;
  border-radius: 20px;
  color: #FFFFFF;
  background: #FF0094;
  cursor: pointer;
  display: inline-block;
  height: 32px;
}
.koala-box-insurance .top-box .right-section .fa-plus, .koala-box-insurance .bottom-box .right-section .fa-plus {
  background: #BABABA;
}
.koala-box-insurance .top-box .right-section img, .koala-box-insurance .bottom-box .right-section img {
  height: 30px;
  margin: auto;
  display: block;
}
.koala-box-insurance .top-box .right-section span, .koala-box-insurance .bottom-box .right-section span {
  display: inline-block;
  font-weight: bold;
}

.payment-informations .controls .ember-hold-button-container {
  display: inline-block;
  width: 100%;
}
.payment-informations .controls .ember-hold-button-container .warning {
  margin-bottom: 0 !important;
}
.payment-informations .controls .ember-hold-button-container .ember-hold-button-progression {
  top: 75%;
}

.quote-container h2 {
  padding-bottom: 10px;
  color: #1F395F;
  font-weight: bold;
  border-bottom: 1px solid #B4D3FA;
}
.quote-container .menu-quotes .nav-tabs {
  width: 100%;
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  padding-bottom: 10px;
  margin: 0;
}
.quote-container .menu-quotes .nav-tabs .nav-item {
  min-width: 250px;
  margin-right: 10px;
  cursor: pointer;
}
@media screen and (max-width: 450px) {
  .quote-container .menu-quotes .nav-tabs .nav-item {
    min-width: 150px;
  }
}
.quote-container .menu-quotes .nav-tabs .nav-item.full-weekend .nav-link {
  background: #FF6C00;
}
.quote-container .menu-quotes .nav-tabs .nav-item a {
  border: 1px solid #DADADA;
  border-radius: 20px;
}
.quote-container .menu-quotes .nav-tabs .nav-item a.full-weekend {
  background: #FF6C00;
}
.quote-container .menu-quotes .nav-tabs .nav-item a.active {
  border: 1px solid #FF0094;
  box-shadow: 0px 0px 15px #F1F2F6;
}
.quote-container .menu-quotes .nav-tabs .nav-item a .quote-icon.draft {
  color: #666666;
}
.quote-container .menu-quotes .nav-tabs .nav-item a .quote-icon.proposed {
  color: #54C6FF;
}
.quote-container .menu-quotes .nav-tabs .nav-item a .quote-icon.refused, .quote-container .menu-quotes .nav-tabs .nav-item a .quote-icon.declined {
  color: #FFB35A;
}
.quote-container .menu-quotes .nav-tabs .nav-item a .quote-icon.accepted {
  color: #6DFF7C;
}
.quote-container .menu-quotes .nav-tabs .nav-item a .quote-icon.validated {
  color: #FF4DB3;
}
.quote-container .menu-quotes .nav-tabs .nav-item a .quote-icon.Skynet {
  color: #FF6C00 !important;
}
.quote-container .menu-quotes .nav-tabs .new-quote {
  display: flex;
  align-items: center;
  color: #FF0094;
  cursor: pointer;
}
.quote-container .general-informations {
  padding: 2%;
  border: 1px solid #DADADA;
  border-radius: 10px;
  margin-top: 2%;
  position: relative;
  color: #1F395F;
  box-shadow: 0px 0px 15px #F1F2F6;
}
.quote-container .general-informations .clearfix::after {
  display: block;
  content: "";
  clear: both;
}
.quote-container .general-informations .full-weekend-banner {
  padding: 1% 2%;
  margin-bottom: 2%;
  margin-top: -3%;
  margin-left: -2%;
  margin-right: -2%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #000000;
  color: #FFFFFF;
  font-size: 14px;
}
@media screen and (max-width: 450px) {
  .quote-container .general-informations .full-weekend-banner {
    padding: 3% 6%;
  }
}
.quote-container .general-informations .full-weekend-banner i {
  color: #EB1B33;
  font-size: 20px;
}
.quote-container .general-informations .general-informations-item {
  margin: 1% 0;
  height: 20px;
  display: inline-flex;
  align-items: center;
}
.quote-container .general-informations .general-informations-item i {
  font-size: 15px;
  margin-right: 5px;
}
.quote-container .general-informations .general-informations-item div.ember-view {
  display: inline-block;
}
.quote-container .general-informations .general-informations-item .datepick-input, .quote-container .general-informations .general-informations-item .geo-picker-item {
  width: 50%;
}
.quote-container .general-informations .general-informations-item .datepick-input input, .quote-container .general-informations .general-informations-item .geo-picker-item input {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
.quote-container .general-informations .general-informations-item .map-container.active {
  display: none !important;
}
.quote-container .general-informations .general-informations-item .input-geoloc input {
  width: 100%;
  max-width: 100%;
}
.quote-container .general-informations .general-informations-item input {
  border: none;
  border-bottom: 1px solid #BABABA;
  padding: 0;
  width: 50%;
  max-width: 50%;
}
.quote-container .general-informations .general-informations-item input.flatpickr-input {
  width: 100%;
  max-width: 100%;
  border-radius: 0;
}
.quote-container .general-informations .general-informations-item input:focus, .quote-container .general-informations .general-informations-item input:focus-visible {
  border: none;
  border-bottom: 1px solid #B4D3FA;
  outline: none;
}
.quote-container .general-informations .compare-section .button-navy {
  display: inline-flex;
  align-items: center;
}
.quote-container .general-informations .memo-section, .quote-container .general-informations .compare-section {
  margin-top: 1%;
}
.quote-container .quote-program-list {
  color: #1F395F;
  width: 100%;
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  padding-bottom: 10px;
  margin: 0;
  align-items: center;
}
.quote-container .quote-program-list a {
  color: #1F395F;
}
.quote-container .quote-program-list a:hover, .quote-container .quote-program-list a:focus {
  color: #B4D3FA !important;
}
.quote-container .quote-program-list .program-item {
  border: 1px solid #DADADA;
  border-radius: 20px;
  padding: 5px 20px;
  min-width: 100px;
  box-shadow: 0px 0px 15px #F1F2F6;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  margin-right: 5px;
}
@media screen and (max-width: 450px) {
  .quote-container .quote-program-list .program-item {
    width: max-content;
  }
}
.quote-container .quote-program-list .program-item .title, .quote-container .quote-program-list .program-item .nb-participants {
  margin-right: 10px;
}
.quote-container .quote-program-list .program-item .price .currency-value {
  padding-left: 15px;
}
.quote-container .quote-program-list .program-item .price .currency-symbol {
  font-size: 15px;
  font-weight: 700;
}
.quote-container .quote-program-list .program-item .price .ember-view {
  display: inline-block;
}
.quote-container .quote-program-list .program-item:hover, .quote-container .quote-program-list .program-item:focus {
  background-color: #1F395F;
}
.quote-container .quote-program-list .new-program {
  cursor: pointer;
}
.quote-container .quote-prestation-list .day-span {
  display: block;
  font-weight: 600;
  font-size: 22px;
  margin: 1% 0;
  color: #1F395F;
}
.quote-container .quote-prestation-list .day-span i {
  color: #FF0094;
  margin-right: 10px;
}
.quote-container .prestation-item {
  border: 1px solid #DADADA;
  box-shadow: 0px 0px 15px #F1F2F6;
  padding: 1% 0;
  border-radius: 10px;
  margin-bottom: 15px;
}
.quote-container .prestation-item.has-differences {
  background-color: #FFA0A0;
  border: 2px solid #C62F2F;
}
.quote-container .prestation-item.has-differences .difference .checkin, .quote-container .prestation-item.has-differences .difference .checkout, .quote-container .prestation-item.has-differences .difference .timing-informations, .quote-container .prestation-item.has-differences .difference .attribut {
  color: #EB1B33;
}
.quote-container .prestation-item.has-no-price {
  background-color: #DADADA;
}
.quote-container .prestation-item.is-option {
  width: 70%;
  margin-left: 30%;
}
@media screen and (max-width: 450px) {
  .quote-container .prestation-item.is-option {
    width: 90%;
    margin-left: 10%;
  }
}
.quote-container .prestation-item.is-option .prestation-header .prestation-name {
  max-width: 300px;
}
@media screen and (max-width: 450px) {
  .quote-container .prestation-item.is-option .prestation-header .prestation-name {
    max-width: 160px;
  }
}
@media screen and (max-width: 350px) {
  .quote-container .prestation-item.is-option .prestation-header .prestation-name {
    max-width: 100px;
  }
}
.quote-container .prestation-item .prestation-header {
  border-bottom: 2px solid #F1F2F6;
  padding: 0px 2% 10px 2%;
  color: #1F395F;
  position: relative;
  font-size: 17px;
}
.quote-container .prestation-item .prestation-header.hidden-bar {
  border-bottom: none;
}
@media screen and (max-width: 450px) {
  .quote-container .prestation-item .prestation-header {
    font-size: 14px;
  }
}
.quote-container .prestation-item .prestation-header .prestation-name {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  max-width: 500px;
  margin-right: 2%;
}
@media screen and (max-width: 450px) {
  .quote-container .prestation-item .prestation-header .prestation-name {
    max-width: 160px;
  }
}
@media screen and (max-width: 350px) {
  .quote-container .prestation-item .prestation-header .prestation-name {
    max-width: 100px;
  }
}
.quote-container .prestation-item .prestation-header .prestation-name i {
  color: #B4D3FA;
  font-style: normal;
}
.quote-container .prestation-item .prestation-header .prestation-participants, .quote-container .prestation-item .prestation-header .prestation-nb-nights, .quote-container .prestation-item .prestation-header .prestation-icon-slot {
  vertical-align: 4px;
}
.quote-container .prestation-item .prestation-header .prestation-participants.difference, .quote-container .prestation-item .prestation-header .prestation-nb-nights.difference, .quote-container .prestation-item .prestation-header .prestation-icon-slot.difference {
  color: #EB1B33;
}
.quote-container .prestation-item .prestation-header .more-actions-icon {
  position: absolute;
  right: 2%;
  cursor: pointer;
  bottom: 5px;
}
.quote-container .prestation-item .prestation-header .more-actions-icon-informations {
  position: absolute;
  right: 10%;
  cursor: pointer;
  bottom: 5px;
  font-size: 25px;
}
.quote-container .prestation-item .prestation-header .is-suggestion-toggler {
  display: inline-block;
  right: 5%;
  position: absolute;
  top: 5px;
}
.quote-container .prestation-item .prestation-header .is-suggestion-toggler .ember-view {
  display: inline-block;
}
.quote-container .prestation-item .prestation-header .missing-options {
  background-color: purple;
  color: #FFFFFF;
  border-radius: 5px;
  border: none;
}
.quote-container .prestation-item .prestation-header .accepted-suggestion {
  color: green;
}
.quote-container .prestation-item .prestation-header .error-price {
  font-size: 10px;
  display: block;
  text-align: right;
  padding-right: 20px;
  color: #EB1B33;
  font-family: "Futura";
}
.quote-container .prestation-item .prestation-body {
  border-bottom: 2px solid #F1F2F6;
}
.quote-container .prestation-item .prestation-body.hidden {
  display: none;
}
.quote-container .prestation-item .prestation-body .checkin, .quote-container .prestation-item .prestation-body .checkout, .quote-container .prestation-item .prestation-body .timing-informations {
  display: block;
  color: #1F395F;
  font-size: 15px;
  text-align: center;
  margin-top: 5%;
}
.quote-container .prestation-item .prestation-body .pricing {
  text-align: center;
  margin-top: 5%;
}
.quote-container .prestation-item .prestation-body .pricing .buying-price .currency-value, .quote-container .prestation-item .prestation-body .pricing .selling-price .currency-value {
  font-size: 17px;
  font-weight: bold;
}
.quote-container .prestation-item .prestation-body .pricing .buying-price .currency-symbol, .quote-container .prestation-item .prestation-body .pricing .selling-price .currency-symbol {
  font-size: 17px;
  font-weight: bold;
  left: -3px;
  top: -10px;
}
.quote-container .prestation-item .prestation-body .pricing .buying-price {
  margin-right: 5%;
  color: #1F395F;
}
.quote-container .prestation-item .prestation-body .pricing .buying-price.difference {
  color: red;
}
.quote-container .prestation-item .prestation-body .pricing .selling-price {
  color: #FF0094;
}
.quote-container .prestation-item .prestation-body .pricing .selling-price .ember-view {
  display: inline-block;
}
.quote-container .prestation-item .prestation-body .reservation-status {
  text-align: center;
  margin-top: 2%;
}
.quote-container .prestation-item .prestation-body .reservation-status img {
  height: 40px;
  margin-right: 30px;
}
@media screen and (max-width: 450px) {
  .quote-container .prestation-item .prestation-body .reservation-status img {
    margin-right: 10px;
  }
}
.quote-container .prestation-item .prestation-body .reservation-status img.confirmed-cs {
  filter: invert(99%) sepia(2%) saturate(4056%) hue-rotate(37deg) brightness(91%) contrast(78%);
}
.quote-container .prestation-item .prestation-body .reservation-status img.pending-cs {
  filter: invert(98%) sepia(73%) saturate(6399%) hue-rotate(167deg) brightness(91%) contrast(91%);
}
.quote-container .prestation-item .prestation-body .reservation-status img.refused-cs {
  filter: invert(37%) sepia(44%) saturate(3771%) hue-rotate(340deg) brightness(110%) contrast(84%);
}
.quote-container .prestation-item .prestation-body .reservation-status img.empty-cs {
  filter: invert(98%) sepia(83%) saturate(0%) hue-rotate(298deg) brightness(81%) contrast(110%);
}
.quote-container .prestation-item .prestation-body .reservation-status img.confirmed-bs {
  filter: invert(35%) sepia(63%) saturate(548%) hue-rotate(57deg) brightness(94%) contrast(90%);
}
.quote-container .prestation-item .prestation-body .reservation-status img.pending-bs {
  filter: invert(18%) sepia(7%) saturate(6852%) hue-rotate(181deg) brightness(94%) contrast(89%);
}
.quote-container .prestation-item .prestation-body .reservation-status img.refused-bs {
  filter: invert(22%) sepia(84%) saturate(5830%) hue-rotate(347deg) brightness(85%) contrast(110%);
}
.quote-container .prestation-item .prestation-body .reservation-status img.empty-bs {
  filter: invert(45%) sepia(13%) saturate(5%) hue-rotate(348deg) brightness(87%) contrast(85%);
}
.quote-container .prestation-item .prestation-body-desktop-short {
  border-bottom: 2px solid #F1F2F6;
  display: flex;
  align-items: center;
}
.quote-container .prestation-item .prestation-body-desktop-short .col-1-2 {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quote-container .prestation-item .prestation-body-desktop-short .checkin, .quote-container .prestation-item .prestation-body-desktop-short .checkout, .quote-container .prestation-item .prestation-body-desktop-short .timing-informations {
  display: inline-block;
  color: #1F395F;
  font-size: 13px;
  text-align: center;
  margin-top: 1%;
  margin-left: 2%;
}
.quote-container .prestation-item .prestation-body-desktop-short .checkin input, .quote-container .prestation-item .prestation-body-desktop-short .checkout input, .quote-container .prestation-item .prestation-body-desktop-short .timing-informations input {
  border: none;
  border-bottom: 1px solid #BABABA;
  padding: 0;
}
.quote-container .prestation-item .prestation-body-desktop-short .checkin input:focus, .quote-container .prestation-item .prestation-body-desktop-short .checkin input:hover, .quote-container .prestation-item .prestation-body-desktop-short .checkout input:focus, .quote-container .prestation-item .prestation-body-desktop-short .checkout input:hover, .quote-container .prestation-item .prestation-body-desktop-short .timing-informations input:focus, .quote-container .prestation-item .prestation-body-desktop-short .timing-informations input:hover {
  border-top: none;
  border-right: none;
  border-left: none;
  border-image: initial;
  border-bottom: 1px solid #B4D3FA;
  outline: none;
}
.quote-container .prestation-item .prestation-body-desktop-short .buying-price .currency-value, .quote-container .prestation-item .prestation-body-desktop-short .selling-price .currency-value {
  font-size: 13px;
  font-weight: bold;
}
.quote-container .prestation-item .prestation-body-desktop-short .buying-price .currency-symbol, .quote-container .prestation-item .prestation-body-desktop-short .selling-price .currency-symbol {
  font-size: 13px;
  font-weight: bold;
  left: -3px;
  top: -8px;
}
.quote-container .prestation-item .prestation-body-desktop-short .buying-price .can-update-price, .quote-container .prestation-item .prestation-body-desktop-short .selling-price .can-update-price {
  display: inline-block;
}
.quote-container .prestation-item .prestation-body-desktop-short .buying-price .can-update-price input, .quote-container .prestation-item .prestation-body-desktop-short .selling-price .can-update-price input {
  padding-left: 15px;
}
.quote-container .prestation-item .prestation-body-desktop-short .buying-price .can-update-price .currency-symbol, .quote-container .prestation-item .prestation-body-desktop-short .selling-price .can-update-price .currency-symbol {
  left: 3px;
  top: -7px;
}
.quote-container .prestation-item .prestation-body-desktop-short .buying-price {
  color: #1F395F;
  margin-right: 1%;
}
.quote-container .prestation-item .prestation-body-desktop-short .buying-price.difference {
  color: red;
}
.quote-container .prestation-item .prestation-body-desktop-short .buying-price.difference .can-update-price .currency-symbol {
  top: -8px;
}
.quote-container .prestation-item .prestation-body-desktop-short .selling-price {
  color: #FF0094;
}
.quote-container .prestation-item .prestation-body-desktop-short .selling-price .ember-view {
  display: inline-block;
}
.quote-container .prestation-item .prestation-body-desktop-short .selling-price .ratio-indicator {
  font-size: 13px;
}
.quote-container .prestation-item .prestation-body-desktop-short .selling-price .can-update-price .currency-symbol {
  left: 3px;
  top: 2px;
}
.quote-container .prestation-item .prestation-body-desktop-short .reservation-status {
  text-align: center;
  margin: 1% 0% 1% 2%;
  display: inline-block;
}
.quote-container .prestation-item .prestation-body-desktop-short .reservation-status img {
  height: 30px;
  margin-right: 10px;
}
.quote-container .prestation-item .prestation-body-desktop-short .reservation-status img.confirmed-cs {
  filter: invert(99%) sepia(2%) saturate(4056%) hue-rotate(37deg) brightness(91%) contrast(78%);
}
.quote-container .prestation-item .prestation-body-desktop-short .reservation-status img.pending-cs {
  filter: invert(98%) sepia(73%) saturate(6399%) hue-rotate(167deg) brightness(91%) contrast(91%);
}
.quote-container .prestation-item .prestation-body-desktop-short .reservation-status img.refused-cs {
  filter: invert(37%) sepia(44%) saturate(3771%) hue-rotate(340deg) brightness(110%) contrast(84%);
}
.quote-container .prestation-item .prestation-body-desktop-short .reservation-status img.empty-cs {
  filter: invert(98%) sepia(83%) saturate(0%) hue-rotate(298deg) brightness(81%) contrast(110%);
}
.quote-container .prestation-item .prestation-body-desktop-short .reservation-status img.confirmed-bs {
  filter: invert(35%) sepia(63%) saturate(548%) hue-rotate(57deg) brightness(94%) contrast(90%);
}
.quote-container .prestation-item .prestation-body-desktop-short .reservation-status img.pending-bs {
  filter: invert(18%) sepia(7%) saturate(6852%) hue-rotate(181deg) brightness(94%) contrast(89%);
}
.quote-container .prestation-item .prestation-body-desktop-short .reservation-status img.refused-bs {
  filter: invert(22%) sepia(84%) saturate(5830%) hue-rotate(347deg) brightness(85%) contrast(110%);
}
.quote-container .prestation-item .prestation-body-desktop-short .reservation-status img.empty-bs {
  filter: invert(45%) sepia(13%) saturate(5%) hue-rotate(348deg) brightness(87%) contrast(85%);
}
.quote-container .prestation-item .prestation-body-desktop-short .flatpickr-input-container input {
  border-radius: 0;
}
.quote-container .prestation-item .prestation-body-desktop-short .flatpickr-input-container .fa-calendar {
  top: 0;
}
.quote-container .prestation-item .prestation-footer {
  position: relative;
  height: 40px;
}
.quote-container .prestation-item .prestation-footer.hidden {
  display: none;
}
.quote-container .prestation-item .prestation-footer .rectangle {
  min-width: 0;
  position: absolute;
  right: 5px;
  top: 10px;
}
@media screen and (max-width: 450px) {
  .quote-container .prestation-item .prestation-footer .rectangle {
    top: 5px;
  }
}
.quote-container .prestation-item .prestation-footer .selected-booking-link {
  border: none;
  padding: 6px 12px;
  background: #1F395F;
  color: #FFFFFF;
  border-radius: 15px;
  min-width: 100px;
}
.quote-container .prestation-item .prestation-footer .selected-booking-link:hover {
  color: #1F395F;
  background: #B4D3FA;
}
.quote-container .prestation-item .prestation-footer .programs-prestation {
  max-width: 70%;
  overflow-x: scroll;
  margin-left: 2%;
}
.quote-container .prestation-item .prestation-footer .programs-prestation .program-item {
  min-width: 100px;
  display: inline-block;
  text-align: center;
  padding: 6px 12px;
  border: 1px solid;
  border-radius: 15px;
  color: #1F395F;
  margin-top: 1%;
  margin-right: 1%;
}
.quote-container .prestation-item .prestation-footer .bookings-list {
  text-align: right;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 500px;
  white-space: nowrap;
  overflow: scroll;
}
@media screen and (max-width: 450px) {
  .quote-container .prestation-item .prestation-footer .bookings-list {
    width: 210px;
    height: 40px;
    right: 0;
    top: 0;
    margin-top: 0px;
  }
  .quote-container .prestation-item .prestation-footer .bookings-list .rectangle {
    position: relative;
    margin-left: 5px;
    top: 2px;
    padding: 6px 12px;
  }
}
.quote-container .prestation-item .prestation-footer .bookings-list .selected-booking-link {
  margin-right: 5px;
  display: inline-flex;
}
@media screen and (max-width: 450px) {
  .quote-container .prestation-item .prestation-footer .bookings-list .selected-booking-link {
    display: inline-block;
  }
}
.quote-container .prestation-item .day-order-prestation {
  margin: 2%;
}
.quote-container .prestation-item .day-order-prestation .attribut {
  width: 70%;
  margin: 0 auto;
  color: #1F395F;
}
.quote-container .prestation-item .day-order-prestation .attribut input {
  border: none;
  border-bottom: 1px solid #BABABA;
  padding: 0;
}
.quote-container .prestation-item .day-order-prestation .attribut input:focus, .quote-container .prestation-item .day-order-prestation .attribut input:hover {
  border-top: none;
  border-right: none;
  border-left: none;
  border-image: initial;
  border-bottom: 1px solid #B4D3FA;
  outline: none;
}
@media screen and (max-width: 450px) {
  .quote-container .prestation-item .day-order-prestation .attribut {
    width: 50%;
  }
}
@media screen and (min-width: 700px) {
  .quote-container .quote-pricing-section {
    position: fixed;
    max-height: 350px;
    bottom: 0;
    z-index: 3;
    background: #FFFFFF;
    overflow: scroll;
    width: 72%;
    padding: 1%;
    border: 1px solid #BABABA;
    border-radius: 10px 10px 0 0;
    box-shadow: 0px 0px 15px #F1F2F6;
  }
}
.quote-container .quote-pricing-section .actions-quote {
  padding: 0 10px;
}
.quote-container .quote-pricing-section .actions-quote .actions-quote-bookings .button-navy {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48%;
  float: left;
  margin: 1%;
  text-align: center;
}
.quote-container .quote-pricing-section .actions-quote .actions-quote-bookings .button-navy i {
  margin-right: 5px;
}
.quote-container .quote-pricing-section .actions-quote .actions-quote-bookings .button-navy.button-publish {
  background: #447BF5 !important;
}
.quote-container .quote-pricing-section .actions-quote .actions-quote-bookings .btn-save {
  width: 48%;
  height: 40px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  float: left;
  margin: 1%;
  border-radius: 10px;
}
.quote-container .quote-pricing-section .actions-quote .actions-quote-bookings .btn-save i {
  top: initial;
}
.quote-container .quote-pricing-section .actions-quote .actions-quote-bookings .rectangle {
  height: 40px;
  border-radius: 10px;
  margin: 1%;
  overflow: hidden;
  width: 48%;
}
.quote-container .quote-pricing-section .actions-quote .actions-quote-bookings .rectangle.worst {
  background-color: #BB0A1E;
}
.quote-container .quote-pricing-section .table-box-size.mobile {
  width: 400px;
  white-space: nowrap;
  overflow: auto;
  overflow-y: hidden;
}
.quote-container .quote-pricing-section .table-box-size.mobile .program-pricing-list {
  width: 700px;
  max-width: 700px;
}
.quote-container .quote-pricing-section .table-box-size.mobile .pricing-general {
  width: 550px;
  max-width: 550px;
}
@media screen and (min-width: 700px) {
  .quote-container .quote-activities-section, .quote-container .no-activity-section {
    margin-bottom: 350px;
  }
}
.quote-container .quote-transport-section {
  overflow: hidden;
}
.quote-container .quote-transport-section .ticket-card {
  box-shadow: 0px 0px 15px #F1F2F6;
}
.quote-container .quote-transport-section .card-ticket, .quote-container .quote-transport-section .card-ticket:hover {
  color: #1F395F !important;
}
.quote-container .quote-transport-section .card-ticket .ticket-ar .ticket-inbound, .quote-container .quote-transport-section .card-ticket:hover .ticket-ar .ticket-inbound {
  margin: 0;
  margin-top: 1%;
}
@media screen and (max-width: 450px) {
  .quote-container .quote-transport-section .card-ticket .ticket-ar .ticket-inbound .ticket-header, .quote-container .quote-transport-section .card-ticket:hover .ticket-ar .ticket-inbound .ticket-header {
    font-size: 8px;
  }
  .quote-container .quote-transport-section .card-ticket .ticket-ar .ticket-inbound .ticket-header .currency-symbol, .quote-container .quote-transport-section .card-ticket:hover .ticket-ar .ticket-inbound .ticket-header .currency-symbol {
    top: -5px;
  }
}
@media screen and (max-width: 450px) {
  .quote-container .quote-transport-section .card-ticket .ticket-ar .ticket-inbound .ticket-detail img, .quote-container .quote-transport-section .card-ticket:hover .ticket-ar .ticket-inbound .ticket-detail img {
    height: 13px;
    margin-top: 15%;
  }
}
@media screen and (max-width: 450px) {
  .quote-container .quote-transport-section .card-ticket .ticket-ar .ticket-inbound .ticket-detail .airport-name, .quote-container .quote-transport-section .card-ticket:hover .ticket-ar .ticket-inbound .ticket-detail .airport-name {
    font-size: 15px;
  }
}
.quote-container .quote-transport-section .card-ticket .ticket-ar .ticket-inbound.ticket-card-left-border, .quote-container .quote-transport-section .card-ticket:hover .ticket-ar .ticket-inbound.ticket-card-left-border {
  border-radius: 20px 0 0 20px;
}
.quote-container .quote-transport-section .card-ticket .ticket-ar .ticket-inbound.ticket-card-right-border, .quote-container .quote-transport-section .card-ticket:hover .ticket-ar .ticket-inbound.ticket-card-right-border {
  border-radius: 0 20px 20px 0;
}
.quote-container .quote-transport-section .card-ticket .ticket-ar .ticket-inbound .ticket-card-left, .quote-container .quote-transport-section .card-ticket:hover .ticket-ar .ticket-inbound .ticket-card-left {
  border-top: 2px solid #DADADA;
  border-left: 2px solid #DADADA;
  border-bottom: 2px solid #DADADA;
  border-right: 2px dashed #DADADA;
  border-radius: 20px 0 0 20px;
}
.quote-container .quote-transport-section .card-ticket .ticket-ar .ticket-inbound .ticket-card-right, .quote-container .quote-transport-section .card-ticket:hover .ticket-ar .ticket-inbound .ticket-card-right {
  border-top: 2px solid #DADADA;
  border-bottom: 2px solid #DADADA;
  border-right: 2px solid #DADADA;
  border-radius: 0 20px 20px 0;
}
.quote-container .quote-transport-section .card-ticket .ticket-a .ticket-inbound, .quote-container .quote-transport-section .card-ticket:hover .ticket-a .ticket-inbound {
  width: 100%;
  margin: 1% 0 0 0;
}
.quote-container .quote-transport-section .card-ticket .ticket-a .ticket-inbound .ticket-card-left, .quote-container .quote-transport-section .card-ticket:hover .ticket-a .ticket-inbound .ticket-card-left {
  margin: 20px 1% 0 0;
}
.quote-container .quote-transport-section .card-ticket .buying-price-difference .currency-input-container .currency-value, .quote-container .quote-transport-section .card-ticket .buying-price-difference .currency-input-container .currency-symbol, .quote-container .quote-transport-section .card-ticket:hover .buying-price-difference .currency-input-container .currency-value, .quote-container .quote-transport-section .card-ticket:hover .buying-price-difference .currency-input-container .currency-symbol {
  display: unset;
  font-weight: bold;
}
.quote-container .quote-transport-section .ticket-programs-list {
  width: 90%;
  display: inline-block;
  padding: 13px 1%;
  border-radius: 0 0 10px 10px;
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  background: #FFFFFF;
  box-shadow: 0px 0px 15px #F1F2F6;
  color: #DADADA;
  margin-left: 5%;
  position: relative;
}
.quote-container .quote-transport-section .ticket-programs-list .program-item {
  padding: 5px 20px;
  border: 1px solid;
  color: #1F395F;
  border-radius: 15px;
  margin-right: 2%;
}
.quote-container .quote-transport-section .ticket-programs-list .is-suggestion-toggler {
  display: inline-block;
  position: absolute;
  right: 2%;
  top: 35%;
}
.quote-container .quote-transport-section .ticket-programs-list .accepted-suggestion {
  color: green;
}
.quote-container .quote-transport-section .increase-card {
  margin-top: 1%;
  color: #1F395F;
  width: fit-content;
  padding: 5px 10px;
  border: 1px solid #DADADA;
  border-radius: 10px;
  cursor: pointer;
  box-shadow: 0px 0px 15px #F1F2F6;
}
.quote-container .quote-transport-section .increase-card .buying-price {
  font-weight: bold;
  color: #1F395F;
}
.quote-container .quote-transport-section .increase-card .selling-price {
  font-weight: bold;
  color: #FF0094;
}
.quote-container .quote-transport-section .reservation-status {
  display: inline-block;
  text-align: center;
}
.quote-container .quote-transport-section .reservation-status img {
  height: 25px;
}
.quote-container .quote-transport-section .reservation-status img.confirmed-cs {
  filter: invert(99%) sepia(2%) saturate(4056%) hue-rotate(37deg) brightness(91%) contrast(78%);
}
.quote-container .quote-transport-section .reservation-status img.pending-cs {
  filter: invert(98%) sepia(73%) saturate(6399%) hue-rotate(167deg) brightness(91%) contrast(91%);
}
.quote-container .quote-transport-section .reservation-status img.refused-cs {
  filter: invert(37%) sepia(44%) saturate(3771%) hue-rotate(340deg) brightness(110%) contrast(84%);
}
.quote-container .quote-transport-section .reservation-status img.empty-cs {
  filter: invert(98%) sepia(83%) saturate(0%) hue-rotate(298deg) brightness(81%) contrast(110%);
}
.quote-container .quote-transport-section .reservation-status img.confirmed-bs {
  filter: invert(35%) sepia(63%) saturate(548%) hue-rotate(57deg) brightness(94%) contrast(90%);
}
.quote-container .quote-transport-section .reservation-status img.pending-bs {
  filter: invert(18%) sepia(7%) saturate(6852%) hue-rotate(181deg) brightness(94%) contrast(89%);
}
.quote-container .quote-transport-section .reservation-status img.refused-bs {
  filter: invert(22%) sepia(84%) saturate(5830%) hue-rotate(347deg) brightness(85%) contrast(110%);
}
.quote-container .quote-transport-section .reservation-status img.empty-bs {
  filter: invert(45%) sepia(13%) saturate(5%) hue-rotate(348deg) brightness(87%) contrast(85%);
}

.program-modal, .prestation-modal {
  max-width: 500px !important;
  margin: 0 auto;
  left: auto !important;
  margin-left: auto !important;
  height: 600px;
  top: 100px !important;
  margin-top: 0 !important;
  bottom: 100px;
  overflow-y: auto;
  position: relative !important;
  transform: none !important;
}
@media screen and (max-width: 450px) {
  .program-modal, .prestation-modal {
    height: 90%;
    max-width: 400px !important;
    top: 50px !important;
  }
  .program-modal input.xxl, .prestation-modal input.xxl {
    min-width: 200px;
  }
}
.program-modal .header-program, .prestation-modal .header-program {
  width: 100%;
}
.program-modal .header-program .program-header-upper, .prestation-modal .header-program .program-header-upper {
  position: relative;
  font-size: 20px;
}
.program-modal .header-program .program-header-upper .program-title, .prestation-modal .header-program .program-header-upper .program-title {
  width: 100%;
  display: block;
  height: 40px;
  text-align: center;
  font-family: "FuturaBold", "Futura";
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
  color: #1F395F;
}
.program-modal .header-program .program-header-upper i, .prestation-modal .header-program .program-header-upper i {
  position: absolute;
  right: 0;
  top: 0;
}
.program-modal .header-program .like-nav, .prestation-modal .header-program .like-nav {
  margin-bottom: 2%;
}
.program-modal .header-program .like-nav .nav-tab, .prestation-modal .header-program .like-nav .nav-tab {
  background-color: #1F395F;
  color: #FFFFFF;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
}
.program-modal .header-program .like-nav .nav-tab.active, .prestation-modal .header-program .like-nav .nav-tab.active {
  background-color: #FF0094;
}
.program-modal .header-program .like-nav .nav-tab span, .prestation-modal .header-program .like-nav .nav-tab span {
  font-size: 11px;
}
.program-modal .body-program .tab-body, .prestation-modal .body-program .tab-body {
  display: none;
}
.program-modal .body-program .tab-body.active, .prestation-modal .body-program .tab-body.active {
  display: block;
}
.program-modal .body-program .tab-body .side-input, .prestation-modal .body-program .tab-body .side-input {
  margin: 2%;
}
.program-modal .body-program .tab-body .side-input .left-input, .prestation-modal .body-program .tab-body .side-input .left-input {
  padding-right: 10px;
}
.program-modal .body-program .tab-body .side-input .right-input, .prestation-modal .body-program .tab-body .side-input .right-input {
  padding-left: 10px;
}
.program-modal .body-program .tab-body .attribut, .prestation-modal .body-program .tab-body .attribut {
  display: inline-block;
  margin: 2%;
  width: 100%;
}
.program-modal .body-program .tab-body .attribut .dtp input, .prestation-modal .body-program .tab-body .attribut .dtp input {
  width: auto;
}
.program-modal .body-program .tab-body .attribut label, .prestation-modal .body-program .tab-body .attribut label {
  display: block;
  margin-bottom: 5px;
  color: #1F395F;
  font-weight: bold;
  font-style: italic;
}
.program-modal .body-program .tab-body .attribut label.type-participant, .prestation-modal .body-program .tab-body .attribut label.type-participant {
  position: relative;
  width: 125px;
}
.program-modal .body-program .tab-body .attribut label.type-participant .to-right, .prestation-modal .body-program .tab-body .attribut label.type-participant .to-right {
  font-style: normal;
  right: 0;
  position: absolute;
}
.program-modal .body-program .tab-body .attribut input, .prestation-modal .body-program .tab-body .attribut input {
  border: none;
  border-bottom: 1px solid #BABABA;
  padding: 0;
  width: 100%;
  max-width: 100%;
  border-radius: 0;
}
.program-modal .body-program .tab-body .attribut input:focus, .program-modal .body-program .tab-body .attribut input:focus-visible, .prestation-modal .body-program .tab-body .attribut input:focus, .prestation-modal .body-program .tab-body .attribut input:focus-visible {
  border: none;
  border-bottom: 1px solid #B4D3FA;
  outline: none;
}
.program-modal .body-program .tab-body .attribut .currency-input-container input, .prestation-modal .body-program .tab-body .attribut .currency-input-container input {
  padding-left: 10px !important;
}
.program-modal .body-program .tab-body .attribut .airline img, .prestation-modal .body-program .tab-body .attribut .airline img {
  height: 20px;
}
.program-modal .body-program .tab-body .attribut .map-container, .prestation-modal .body-program .tab-body .attribut .map-container {
  height: 250px;
}
.program-modal .body-program .tab-body .nearest-airport-list span, .prestation-modal .body-program .tab-body .nearest-airport-list span {
  color: #1F395F;
  font-style: italic;
  display: block;
  font-weight: bold;
  margin: 2%;
}
.program-modal .body-program .tab-body .nearest-airport-list .scroll-container-airports, .prestation-modal .body-program .tab-body .nearest-airport-list .scroll-container-airports {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: scroll;
  vertical-align: middle;
}
.program-modal .body-program .tab-body .nearest-airport-list .scroll-container-airports button, .prestation-modal .body-program .tab-body .nearest-airport-list .scroll-container-airports button {
  text-align: center;
  padding: 6px 12px;
  border: 1px solid;
  border-radius: 15px;
  color: #1F395F;
  margin: 2% 1%;
  background-color: #FFFFFF;
  font-weight: 500;
}
.program-modal .body-program .tab-body .nearest-airport-list .scroll-container-airports button:hover, .prestation-modal .body-program .tab-body .nearest-airport-list .scroll-container-airports button:hover {
  background-color: #F1F2F6;
}
.program-modal .body-program .tab-body .flights-result .flights-result-item, .prestation-modal .body-program .tab-body .flights-result .flights-result-item {
  border: 1px solid #1F395F;
  border-radius: 10px;
  padding: 2%;
  margin: 2% 0;
  box-shadow: 0px 0px 15px #F1F2F6;
}
.program-modal .body-program .tab-body .flights-result .flights-result-item .row-old, .prestation-modal .body-program .tab-body .flights-result .flights-result-item .row-old {
  margin: 2% 0;
}
.program-modal .body-program .tab-body .actions-program, .program-modal .body-program .tab-body .actions-prestation, .prestation-modal .body-program .tab-body .actions-program, .prestation-modal .body-program .tab-body .actions-prestation {
  margin: 2%;
  text-align: center;
}
.program-modal .body-program .tab-body .actions-program .button-navy, .program-modal .body-program .tab-body .actions-prestation .button-navy, .prestation-modal .body-program .tab-body .actions-program .button-navy, .prestation-modal .body-program .tab-body .actions-prestation .button-navy {
  background: #1F395F;
  color: #FFFFFF;
}
.program-modal .body-program .tab-body .actions-program .button-navy:hover, .program-modal .body-program .tab-body .actions-prestation .button-navy:hover, .prestation-modal .body-program .tab-body .actions-program .button-navy:hover, .prestation-modal .body-program .tab-body .actions-prestation .button-navy:hover {
  background: #B4D3FA;
  color: #1F395F;
  border: none;
}
.program-modal .body-program .tab-body .actions-program .warning, .program-modal .body-program .tab-body .actions-prestation .warning, .prestation-modal .body-program .tab-body .actions-program .warning, .prestation-modal .body-program .tab-body .actions-prestation .warning {
  overflow: hidden;
}
.program-modal .body-program .tab-body .actions-program .warning, .program-modal .body-program .tab-body .actions-program .button-navy, .program-modal .body-program .tab-body .actions-prestation .warning, .program-modal .body-program .tab-body .actions-prestation .button-navy, .prestation-modal .body-program .tab-body .actions-program .warning, .prestation-modal .body-program .tab-body .actions-program .button-navy, .prestation-modal .body-program .tab-body .actions-prestation .warning, .prestation-modal .body-program .tab-body .actions-prestation .button-navy {
  border: none;
  border-radius: 10px;
  height: 40px;
  width: 45%;
  margin: 1%;
}
.program-modal .body-program .activities-tab .nature-prestation-quote, .prestation-modal .body-program .activities-tab .nature-prestation-quote {
  color: #1F395F;
}
.program-modal .body-program .activities-tab .nature-prestation-quote h2, .prestation-modal .body-program .activities-tab .nature-prestation-quote h2 {
  padding-bottom: 10px;
  color: #1F395F;
  font-weight: bold;
  border-bottom: 1px solid #B4D3FA;
}
.program-modal .body-program .activities-tab .nature-prestation-quote .day-span, .prestation-modal .body-program .activities-tab .nature-prestation-quote .day-span {
  display: block;
  font-weight: 600;
  font-size: 15px;
  margin: 4% 0;
}
.program-modal .body-program .activities-tab .nature-prestation-quote .day-span i, .prestation-modal .body-program .activities-tab .nature-prestation-quote .day-span i {
  color: #FF0094;
  margin-right: 10px;
}
.program-modal .body-program .activities-tab .nature-prestation-quote .item-prestation-program, .prestation-modal .body-program .activities-tab .nature-prestation-quote .item-prestation-program {
  position: relative;
  margin: 3% 0 5% 0;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.program-modal .body-program .activities-tab .nature-prestation-quote .item-prestation-program .prestation-name, .prestation-modal .body-program .activities-tab .nature-prestation-quote .item-prestation-program .prestation-name {
  max-width: 80%;
}
.program-modal .body-program .activities-tab .nature-prestation-quote .item-prestation-program.option, .prestation-modal .body-program .activities-tab .nature-prestation-quote .item-prestation-program.option {
  padding-left: 20px;
}
.program-modal .body-program .activities-tab .nature-prestation-quote .item-prestation-program i, .prestation-modal .body-program .activities-tab .nature-prestation-quote .item-prestation-program i {
  color: #B4D3FA;
  margin-left: 5px;
  margin-right: 5px;
}
.program-modal .body-program .activities-tab .nature-prestation-quote .item-prestation-program .ember-view, .prestation-modal .body-program .activities-tab .nature-prestation-quote .item-prestation-program .ember-view {
  display: inline-block;
  position: absolute;
  right: 0;
}

.prestation-modal .booking-tab .booking-card {
  border: 1px solid #DADADA;
  color: #1F395F;
  padding: 2% 2% 0 2%;
  border-radius: 10px;
  margin: 4% 0;
}
.prestation-modal .booking-tab .booking-card .breakline {
  height: 20px;
  width: 100%;
  display: block;
}
.prestation-modal .booking-tab .booking-card .provider-name {
  font-size: 16px;
  position: relative;
}
.prestation-modal .booking-tab .booking-card .provider-name span {
  width: 90%;
}
.prestation-modal .booking-tab .booking-card .provider-name .fa-lock, .prestation-modal .booking-tab .booking-card .provider-name .fa-lock-open {
  position: absolute;
  right: 0;
  top: 0;
}
.prestation-modal .booking-tab .booking-card .booking-action {
  margin-top: 3%;
}
.prestation-modal .booking-tab .booking-card .booking-action .row {
  margin: -1px -9.5px !important;
}
.prestation-modal .booking-tab .booking-card .booking-action .button-action {
  height: 40px;
  align-items: center;
  justify-content: center;
  display: flex;
  background: #1F395F;
  color: #FFFFFF;
  cursor: pointer;
  font-weight: bold;
}
.prestation-modal .booking-tab .booking-card .booking-action .button-action .ember-hold-button-container {
  width: 100%;
  padding: 0;
  height: -webkit-fill-available;
}
.prestation-modal .booking-tab .booking-card .booking-action .button-action .warning {
  width: 100%;
  border: none;
  border-radius: 0px;
  height: 100%;
}
.prestation-modal .booking-tab .booking-card .booking-action .button-action .go-to-booking {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
}
.prestation-modal .booking-tab .booking-card .booking-action .button-action .go-to-booking:hover {
  color: #1F395F;
}
.prestation-modal .booking-tab .booking-card .booking-action .button-action:hover {
  color: #1F395F;
  background-color: #B4D3FA;
}
.prestation-modal .booking-tab .booking-card .icon-booking img {
  height: 2em;
}
.prestation-modal .booking-tab .booking-card .icon-booking img.confirmed-cs {
  filter: invert(99%) sepia(2%) saturate(4056%) hue-rotate(37deg) brightness(91%) contrast(78%);
}
.prestation-modal .booking-tab .booking-card .icon-booking img.pending-cs {
  filter: invert(98%) sepia(73%) saturate(6399%) hue-rotate(167deg) brightness(91%) contrast(91%);
}
.prestation-modal .booking-tab .booking-card .icon-booking img.refused-cs {
  filter: invert(37%) sepia(44%) saturate(3771%) hue-rotate(340deg) brightness(110%) contrast(84%);
}
.prestation-modal .booking-tab .booking-card .icon-booking img.empty-cs {
  filter: invert(98%) sepia(83%) saturate(0%) hue-rotate(298deg) brightness(81%) contrast(110%);
}
.prestation-modal .booking-tab .booking-card .icon-booking img.confirmed-bs {
  filter: invert(35%) sepia(63%) saturate(548%) hue-rotate(57deg) brightness(94%) contrast(90%);
}
.prestation-modal .booking-tab .booking-card .icon-booking img.pending-bs {
  filter: invert(18%) sepia(7%) saturate(6852%) hue-rotate(181deg) brightness(94%) contrast(89%);
}
.prestation-modal .booking-tab .booking-card .icon-booking img.refused-bs {
  filter: invert(22%) sepia(84%) saturate(5830%) hue-rotate(347deg) brightness(85%) contrast(110%);
}
.prestation-modal .booking-tab .booking-card .icon-booking img.empty-bs {
  filter: invert(45%) sepia(13%) saturate(5%) hue-rotate(348deg) brightness(87%) contrast(85%);
}
.prestation-modal .booking-tab .booking-card .icon-booking .fa-file-invoice-dollar.paid {
  color: #3FBE70;
}
.prestation-modal .booking-tab .booking-card .icon-booking .fa-file-invoice-dollar.error {
  color: #EB1B33;
}
.prestation-modal .booking-tab .booking-card .icon-booking .fa-file-invoice-dollar.not-paid {
  color: #000000;
}
.prestation-modal .booking-tab .booking-card .icon-booking .fa-file-invoice-dollar.prepaid-slot {
  color: rgba(70, 74, 255, 0.1);
}
.prestation-modal .booking-tab .booking-card .icon-booking .fa-file-invoice-dollar.increase-not-paid {
  color: rgba(70, 74, 255, 0.1);
}
.prestation-modal .booking-tab .booking-card .icon-booking .fa-file-invoice-dollar.deposit-paid {
  color: #FF6C00;
}
.prestation-modal .booking-tab .booking-card .icon-booking .fa-file-invoice-dollar.to-upload {
  color: #DADADA;
}
.prestation-modal .booking-tab .no-bookings img {
  height: 400px;
}
@media screen and (max-width: 450px) {
  .prestation-modal .booking-tab .no-bookings img {
    height: 310px;
  }
}
.prestation-modal .booking-tab .no-bookings span {
  display: block;
  margin: 2% auto;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #1F395F;
}
.prestation-modal .informations-tab .prestation-general-informations {
  font-size: 16px;
  margin: 5% 0 2% 0;
}
.prestation-modal .informations-tab .prestation-general-informations .prestation-provider-name {
  color: #B4D3FA;
  font-weight: 600;
}
.prestation-modal .informations-tab .prestation-general-informations .participants-count {
  color: #1F395F;
}
.prestation-modal .informations-tab .suggestion-boolean {
  margin: 2%;
}
.prestation-modal .informations-tab .suggestion-boolean .suggestion-text {
  font-weight: bold;
  color: #1F395F;
  font-style: italic;
  display: block;
  line-height: 25px;
  margin-right: 3%;
}
.prestation-modal .informations-tab .programs-list .program-list-name {
  font-size: 14px;
  color: #1F395F;
  display: block;
  margin-bottom: 3%;
}
.prestation-modal .informations-tab .programs-list .program-item {
  padding: 5px 20px;
  border: 1px solid;
  color: #1F395F;
  border-radius: 15px;
  margin-right: 2%;
}
.prestation-modal .actions-prestation .button, .prestation-modal .actions-prestation button {
  border-radius: 10px !important;
  height: 40px !important;
  width: 100% !important;
  margin: 2% 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.prestation-modal .actions-prestation .button i, .prestation-modal .actions-prestation button i {
  position: absolute;
  top: 15px;
  left: 15px;
}
.prestation-modal .actions-prestation .button.missing-options, .prestation-modal .actions-prestation button.missing-options {
  background-color: purple;
  color: #FFFFFF;
  border: none;
}
.prestation-modal .actions-prestation .button.missing-options-optional, .prestation-modal .actions-prestation button.missing-options-optional {
  background-color: #C69CF4;
  color: #FFFFFF;
  border: none;
}
.prestation-modal .actions-prestation.ticket-editor .processus-item {
  width: 98px;
}
.prestation-modal .invoice-ticket h3, .prestation-modal .file-ticket h3 {
  margin: 10px 0;
  font-weight: bold;
  color: #1F395F;
}
.prestation-modal .invoice-ticket .inline, .prestation-modal .file-ticket .inline {
  display: inline-block;
}
.prestation-modal .invoice-ticket .flatpickr-input-container, .prestation-modal .file-ticket .flatpickr-input-container {
  display: inline-block;
  margin-right: 0%;
}
.prestation-modal .invoice-ticket .flatpickr-input-container .flatpickr-input, .prestation-modal .file-ticket .flatpickr-input-container .flatpickr-input {
  max-width: 110px;
}
.prestation-modal .invoice-ticket .button, .prestation-modal .invoice-ticket .btn-save, .prestation-modal .invoice-ticket .ember-hold-button, .prestation-modal .file-ticket .button, .prestation-modal .file-ticket .btn-save, .prestation-modal .file-ticket .ember-hold-button {
  border-radius: 10px;
}
.prestation-modal .cannot-update-invoice img {
  width: 85%;
  margin: 3% auto;
  display: block;
}
.prestation-modal .cannot-update-invoice p {
  color: #1F395F;
  font-weight: 600;
  font-size: 13px;
  text-align: center;
}

.add-prestation-modal {
  max-width: 1300px !important;
  margin: 0 auto;
  left: auto !important;
  margin-left: auto !important;
  height: 700px;
  top: 100px !important;
  margin-top: 0 !important;
  bottom: 100px;
  overflow-y: auto;
  position: relative !important;
  transform: none !important;
}
@media screen and (max-width: 450px) {
  .add-prestation-modal {
    height: 90%;
    top: 50px !important;
  }
}
.add-prestation-modal .type-prestations button {
  width: 100%;
  border: none;
  background-color: #1F395F;
  color: #FFFFFF;
  height: 100%;
}
@media screen and (max-width: 450px) {
  .add-prestation-modal .type-prestations button {
    font-size: 9px;
  }
}
.add-prestation-modal .type-prestations button.primary {
  background-color: #FF0094 !important;
}
.add-prestation-modal .large-inputs input {
  max-width: 100%;
  margin: 2% 0;
  border-radius: 10px;
}
.add-prestation-modal .filter-details label {
  display: block;
  margin-bottom: 5px;
  color: #1F395F;
  font-weight: bold;
  font-style: italic;
}
.add-prestation-modal .filter-details input {
  border: none;
  border-bottom: 1px solid #BABABA;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
.add-prestation-modal .filter-details input:focus, .add-prestation-modal .filter-details input:focus-visible {
  border: none;
  border-bottom: 1px solid #B4D3FA;
  outline: none;
}
.add-prestation-modal .filter-details .currency-input-container input {
  padding-left: 10px !important;
}
.add-prestation-modal .prestations-list {
  margin: 2% 0;
  height: 440px;
  overflow: scroll;
}
@media screen and (max-width: 450px) {
  .add-prestation-modal .prestations-list {
    height: 200px;
  }
}
.add-prestation-modal .prestations-list .prestation-list-item .prestation-name span {
  display: block;
}
.add-prestation-modal .prestations-list .prestation-list-item .prestation-name span.currency-input-container {
  display: inline-block;
}
.add-prestation-modal .prestations-list .prestation-list-item .prestation-name span.currency-input-container .currency-symbol {
  top: 0px;
}
.add-prestation-modal .prestations-list::-webkit-scrollbar {
  display: none;
}
.add-prestation-modal .new-prestation-container {
  margin-left: 2%;
}
@media screen and (max-width: 450px) {
  .add-prestation-modal .new-prestation-container {
    margin: 0;
    padding: 0;
    border: none;
  }
}
@media screen and (max-width: 450px) {
  .add-prestation-modal .new-prestation-container .prestations-footer .form-input {
    width: 45%;
    margin-right: 2%;
  }
}
.add-prestation-modal .new-prestation-container .button-navy {
  background: #1F395F;
  color: #FFFFFF;
  border-radius: 10px;
  border: none;
  width: 100px;
  text-align: center;
  vertical-align: text-bottom;
}
@media screen and (max-width: 450px) {
  .add-prestation-modal .new-prestation-container .button-navy {
    display: block;
    width: 100%;
    margin: 4% 0;
  }
}
.add-prestation-modal .new-prestation-container .button-navy:hover {
  background: #B4D3FA;
  color: #1F395F;
}
.add-prestation-modal .new-prestation-container .prestations-footer {
  margin-top: 2%;
}
.add-prestation-modal .new-prestation-container .package-informations .package-title span {
  display: block;
  margin: 2% 0;
}
.add-prestation-modal .new-prestation-container .package-informations .pricing-list {
  width: 100%;
  overflow: scroll;
  background: #FFFFFF;
  padding: 2%;
  border: 1px solid #F1F2F6;
  border-radius: 10px;
  margin: 2% 0;
}
.add-prestation-modal .new-prestation-container .package-prestations-list {
  margin-bottom: 2%;
}
.add-prestation-modal .new-prestation-container .package-prestations-list h2 {
  border: none;
  font-weight: 400;
}
.add-prestation-modal .new-prestation-container .package-prestations-list h2 i {
  color: #FF0094;
  margin-right: 10px;
}
.add-prestation-modal .new-prestation-container .package-prestations-list span {
  display: block;
  font-size: 13px;
}
.add-prestation-modal .new-prestation-container .package-prestations-list span.currency-input-container {
  display: inline-block;
}
.add-prestation-modal .new-prestation-container .package-prestations-list span.currency-input-container .currency-symbol {
  top: -1px;
}
.add-prestation-modal .new-prestation-container .package-prestations-list span.option {
  margin-left: 20px;
}
.add-prestation-modal .topic-list {
  margin-top: 2%;
  display: flex;
  height: 55px;
  width: 100%;
  overflow-y: scroll;
}
.add-prestation-modal .topic-list .topic-item {
  background: #FFFFFF;
  border-radius: 10px;
  padding: 8px 10px;
  margin-right: 1%;
  height: 40px;
  min-width: 150px;
}
.add-prestation-modal .topic-list .topic-item.selected-topic {
  background: #FFECF6;
}
.add-prestation-modal .topic-list .topic-item .flex-icon-topic {
  display: flex;
  align-items: center;
  justify-content: center;
}
.add-prestation-modal .topic-list .topic-item .flex-icon-topic img {
  margin-right: 5%;
}
.add-prestation-modal .topic-list .topic-item:hover {
  background: #FFECF6;
}

.add-prestation-modal::-webkit-scrollbar {
  display: none;
}

.quote-add-prestation-modal-2 {
  max-width: 1400px;
}
@media screen and (max-width: 450px) {
  .quote-add-prestation-modal-2 {
    height: 90%;
    top: 50px !important;
  }
}
.quote-add-prestation-modal-2 h2 {
  color: #1F395F;
  border: none;
  font-weight: 600;
}
.quote-add-prestation-modal-2 table {
  color: #1F395F;
}
.quote-add-prestation-modal-2 table .booking-quote-prestation-row td {
  padding: 10px 0;
}
.quote-add-prestation-modal-2 table .booking-quote-prestation-row input[type=checkbox] {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  vertical-align: middle;
}
.quote-add-prestation-modal-2 table .booking-quote-prestation-row input[type=checkbox]:checked {
  color: #FFFFFF;
  border-color: #1F395F;
  background: #1F395F;
}
.quote-add-prestation-modal-2 table .booking-quote-prestation-row .info-will-send-to-provider {
  color: #FD962B;
}
.quote-add-prestation-modal-2 table .toggle-roadmap-needed button {
  width: 45%;
  font-size: 8px;
}
.quote-add-prestation-modal-2 .button-navy {
  background: #1F395F;
  color: #FFFFFF;
  border: none;
  border-radius: 10px;
  margin-left: 5px;
}
.quote-add-prestation-modal-2 .button-navy:hover {
  background: #B4D3FA;
  color: #1F395F;
}
.quote-add-prestation-modal-2 .button-green {
  background: #3FBE70;
  color: #FFFFFF;
  border: none;
  border-radius: 10px;
  position: absolute;
  right: 10px;
}
@media screen and (max-width: 450px) {
  .quote-add-prestation-modal-2 .button-green {
    position: relative;
    right: none;
  }
}
.quote-add-prestation-modal-2 .button-green:hover {
  background: rgba(167, 255, 176, 0.3);
  color: #3FBE70;
}
.quote-add-prestation-modal-2 .table-box-size {
  width: 400px;
  white-space: nowrap;
  overflow: scroll;
  overflow-y: hidden;
}

.difference {
  font-weight: bold;
  color: red !important;
}

.form-message-controls {
  margin: 2% 0;
}
.form-message-controls .btn-active {
  background: #FF0094 !important;
}

.form-message {
  width: 50%;
}

.loader-container-quote {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 40%;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.5);
}
.loader-container-quote .spinner-border {
  height: 60px;
  width: 60px;
  width: 10rem;
  height: 10rem;
  color: #FF0094;
}

.koala-insurance-flights-box {
  position: relative;
  height: 210px;
}
.koala-insurance-flights-box .koala-insurance-flights-included {
  border: 1px solid #BABABA;
  box-shadow: 0px 0px 15px #F1F2F6;
  padding: 1% 2%;
  border-radius: 10px;
  margin: 15px 0 15px 15px;
  width: 70%;
  position: absolute;
  right: 0;
  color: #1F395F;
}
.koala-insurance-flights-box .koala-insurance-flights-included .koala-insurance-flights-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.koala-insurance-flights-box .koala-insurance-flights-included .koala-insurance-flights-header .participants-count {
  font-size: 18px;
  width: 20%;
}
.koala-insurance-flights-box .koala-insurance-flights-included .koala-insurance-flights-header img {
  height: 30px;
}
.koala-insurance-flights-box .koala-insurance-flights-included .koala-insurance-flights-header .insurance-name {
  font-weight: bold;
  width: 50%;
  text-align: center;
}
.koala-insurance-flights-box .koala-insurance-flights-included .koala-insurance-flights-body .block-insurance-advantage {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.koala-insurance-flights-box .koala-insurance-flights-included .koala-insurance-flights-body .item-insurance-protection {
  width: 35%;
}
.koala-insurance-flights-box .koala-insurance-flights-included .koala-insurance-flights-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.koala-insurance-flights-box .koala-insurance-flights-included .koala-insurance-flights-footer .buying-price, .koala-insurance-flights-box .koala-insurance-flights-included .koala-insurance-flights-footer .selling-price {
  font-size: 17px;
  font-weight: bold;
}
.koala-insurance-flights-box .koala-insurance-flights-included .koala-insurance-flights-footer .buying-price {
  color: #1F395F;
  width: 15%;
}
.koala-insurance-flights-box .koala-insurance-flights-included .koala-insurance-flights-footer .selling-price {
  width: 30%;
  text-align: center;
}
.koala-insurance-flights-box .koala-insurance-flights-included .koala-insurance-flights-footer .selling-price, .koala-insurance-flights-box .koala-insurance-flights-included .koala-insurance-flights-footer .cgv-link {
  color: #FF0094;
}

.booking-modal {
  max-width: 1400px;
  margin: 0 auto;
  left: auto !important;
  margin-left: auto !important;
  height: 750px;
  top: 100px !important;
  margin-top: 0 !important;
  bottom: 100px;
  overflow-y: auto;
  position: relative !important;
  transform: none !important;
}
.booking-modal .like-nav {
  margin-bottom: 2%;
}
.booking-modal .like-nav .nav-tab {
  background-color: #1F395F;
  color: #FFFFFF;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
}
.booking-modal .like-nav .nav-tab.active {
  background-color: #FF0094;
}
.booking-modal .like-nav .nav-tab span {
  font-size: 11px;
}
@media screen and (max-width: 450px) {
  .booking-modal .like-nav .nav-tab span {
    font-size: 10px;
  }
}
@media screen and (max-width: 400px) {
  .booking-modal .like-nav .nav-tab span {
    font-size: 8px;
    font-weight: 500;
  }
}
.booking-modal .custom-file-input-2 {
  margin: 1%;
}
@media screen and (max-width: 450px) {
  .booking-modal .custom-file-input-2 {
    width: 100%;
  }
  .booking-modal .custom-file-input-2 .ember-view {
    width: 100%;
  }
}
.booking-modal .custom-file-input-2 .s3-file-uploader {
  width: 200px;
}
.booking-modal .custom-file-input-2 input::-webkit-file-upload-button {
  visibility: hidden;
}
.booking-modal .custom-file-input-2 input::before {
  content: "Choisir un fichier";
  display: inline-block;
  background: #FFE599;
  color: #783F04;
  border-radius: 10px;
  border: 1px solid;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-weight: 700;
  height: 30px;
  line-height: 30px;
  width: 80%;
  text-align: center;
}
@media screen and (max-width: 450px) {
  .booking-modal .custom-file-input-2 input::before {
    width: 100%;
  }
}
.booking-modal .custom-file-input-2 input:hover::before {
  opacity: 0.8;
}
@media screen and (max-width: 450px) {
  .booking-modal .body-booking {
    margin-bottom: 30%;
  }
}
@media screen and (max-width: 400px) {
  .booking-modal .body-booking {
    margin-bottom: 40%;
  }
}
.booking-modal .body-booking .tab-body {
  display: none;
}
.booking-modal .body-booking .tab-body.active {
  display: block;
}
.booking-modal .body-booking .tab-body .side-input {
  margin: 2%;
}
.booking-modal .body-booking .tab-body .side-input .left-input {
  padding-right: 10px;
}
.booking-modal .body-booking .tab-body .side-input .right-input {
  padding-left: 10px;
}
.booking-modal .body-booking .tab-body .side-input .right-input .button-navy {
  background: #1F395F;
  color: #FFFFFF;
  border: none;
  width: 100%;
  border-radius: 10px;
  height: 40px;
  margin: 1%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  padding: 6px 12px;
  text-align: center;
}
.booking-modal .body-booking .tab-body .side-input .right-input .item-provider-document .url-provider-document .btn-action {
  background: #FFB3E8;
  color: #FFFFFF;
  border: none;
  width: 100%;
  border-radius: 10px;
  height: 40px;
  margin: 1%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  padding: 6px 12px;
  text-align: center;
}
.booking-modal .body-booking .tab-body .side-input .right-input .item-provider-document .url-provider-document .btn-action:hover {
  background: #FFCE00;
  color: #1F395F;
  border: none;
}
.booking-modal .body-booking .tab-body .side-input .right-input .button-navy:hover {
  background: #B4D3FA;
  color: #1F395F;
  border: none;
}
.booking-modal .body-booking .tab-body h2, .booking-modal .body-booking .tab-body h3 {
  color: #1F395F;
  border-bottom: 1px solid #B4D3FA;
  padding-bottom: 10px;
  font-weight: bold;
}
.booking-modal .body-booking .tab-body h2 .provider-name, .booking-modal .body-booking .tab-body h3 .provider-name {
  font-size: 13px;
  color: #B4D3FA;
}
@media screen and (max-width: 450px) {
  .booking-modal .body-booking .tab-body h2 {
    font-size: 17px;
  }
  .booking-modal .body-booking .tab-body h2 .provider-name {
    font-size: 10px;
  }
}
.booking-modal .body-booking .tab-body .fdr-proprity .attribut .ember-view {
  display: inline-block;
}
.booking-modal .body-booking .tab-body .fdr-proprity .attribut input {
  min-width: 200px;
  max-width: 200px;
  width: 200px;
}
@media screen and (max-width: 400px) {
  .booking-modal .body-booking .tab-body .fdr-proprity .attribut input {
    min-width: 175px;
    max-width: 175px;
    width: 175px;
  }
}
.booking-modal .body-booking .tab-body .fdr-proprity .attribut .geoloc-toggle {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.booking-modal .body-booking .tab-body .fdr-proprity .attribut .geoloc-toggle .map-container.active {
  display: none;
}
.booking-modal .body-booking .tab-body .attribut {
  display: inline-block;
  margin: 2%;
  width: 100%;
}
.booking-modal .body-booking .tab-body .attribut .dtp input {
  width: auto;
}
.booking-modal .body-booking .tab-body .attribut .email-provider {
  white-space: nowrap;
  display: inline-block;
  width: 100%;
  overflow: auto;
}
.booking-modal .body-booking .tab-body .attribut .email-provider::-webkit-scrollbar {
  display: none;
}
.booking-modal .body-booking .tab-body .attribut label {
  display: block;
  margin-bottom: 5px;
  color: #1F395F;
  font-weight: bold;
  font-style: italic;
}
.booking-modal .body-booking .tab-body .attribut label.type-participant {
  position: relative;
  width: 125px;
}
.booking-modal .body-booking .tab-body .attribut label.type-participant .to-right {
  font-style: normal;
  right: 0;
  position: absolute;
}
.booking-modal .body-booking .tab-body .attribut label .ibanfirst-logo {
  height: 20px;
  margin-left: 10px;
}
.booking-modal .body-booking .tab-body .attribut input {
  border: none;
  border-bottom: 1px solid #BABABA;
  padding: 0;
  width: 100%;
  max-width: 100%;
  border-radius: 0;
}
.booking-modal .body-booking .tab-body .attribut input:focus, .booking-modal .body-booking .tab-body .attribut input:focus-visible {
  border: none;
  border-bottom: 1px solid #B4D3FA;
  outline: none;
}
.booking-modal .body-booking .tab-body .attribut .currency-input-container input {
  padding-left: 10px !important;
}
.booking-modal .body-booking .tab-body .attribut .currency-input-container input.big-currency {
  padding-left: 25px !important;
}
.booking-modal .body-booking .tab-body .attribut .processus-line {
  width: 100%;
}
.booking-modal .body-booking .tab-body .attribut .processus-line .processus-item {
  width: 24%;
  border-radius: 10px;
  overflow: hidden;
}
.booking-modal .body-booking .tab-body .attribut .processus-line .processus-item label {
  color: #000000;
  font-style: normal;
  padding: 3% 6%;
}
.booking-modal .body-booking .tab-body .attribut.x-toggle-book-later {
  position: relative;
}
.booking-modal .body-booking .tab-body .attribut.x-toggle-book-later label {
  display: inline-block;
}
.booking-modal .body-booking .tab-body .attribut.x-toggle-book-later .ember-view {
  display: inline-block;
  position: absolute;
  right: 2%;
}
.booking-modal .body-booking .tab-body .controls button, .booking-modal .body-booking .tab-body .controls a {
  border-radius: 10px;
  min-width: 100px;
}
@media screen and (max-width: 450px) {
  .booking-modal .body-booking .tab-body .controls button, .booking-modal .body-booking .tab-body .controls a {
    margin: 3% 0;
  }
}
.booking-modal .body-booking .tab-body .controls button.button-navy, .booking-modal .body-booking .tab-body .controls a.button-navy {
  background: #1F395F;
  color: #FFFFFF;
  border: none;
}
.booking-modal .body-booking .tab-body .controls button.button-navy:hover, .booking-modal .body-booking .tab-body .controls a.button-navy:hover {
  background: #B4D3FA;
  color: #1F395F;
}
.booking-modal .body-booking .tab-body .controls.actions-provider a {
  padding: 6px 12px;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
}
.booking-modal .body-booking .tab-body .actions {
  margin: 2%;
  display: flex;
}
.booking-modal .body-booking .tab-body .actions .button-navy {
  background: #1F395F;
  color: #FFFFFF;
}
.booking-modal .body-booking .tab-body .actions .button-navy:hover {
  background: #B4D3FA;
  color: #1F395F;
  border: none;
}
.booking-modal .body-booking .tab-body .actions .button-yellow {
  background: #FFCE00;
  color: #1F395F;
}
.booking-modal .body-booking .tab-body .actions .btn-save {
  margin: 0 auto;
  border-radius: 10px;
  width: 33%;
}
.booking-modal .body-booking .tab-body .actions .warning, .booking-modal .body-booking .tab-body .actions .bg-warning, .booking-modal .body-booking .tab-body .actions .button-yellow {
  overflow: hidden;
}
.booking-modal .body-booking .tab-body .actions .warning i, .booking-modal .body-booking .tab-body .actions .bg-warning i, .booking-modal .body-booking .tab-body .actions .button-yellow i {
  margin-left: 5px;
}
.booking-modal .body-booking .tab-body .actions .warning, .booking-modal .body-booking .tab-body .actions .button-navy, .booking-modal .body-booking .tab-body .actions .bg-warning, .booking-modal .body-booking .tab-body .actions .button-yellow {
  border: none;
  border-radius: 10px;
  height: 40px;
  width: 33%;
  margin: 0 0 0 1%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  padding: 6px 12px;
  text-align: center;
}
.booking-modal .body-booking .tab-body .actions .warning.xxl, .booking-modal .body-booking .tab-body .actions .button-navy.xxl, .booking-modal .body-booking .tab-body .actions .bg-warning.xxl, .booking-modal .body-booking .tab-body .actions .button-yellow.xxl {
  width: 100%;
}
@media screen and (max-width: 450px) {
  .booking-modal .body-booking .tab-body .actions .btn-save, .booking-modal .body-booking .tab-body .actions .warning, .booking-modal .body-booking .tab-body .actions .button-navy {
    width: 100%;
  }
}
.booking-modal .body-booking .tab-body .actions.provider-actions {
  align-items: center;
  justify-content: space-between;
}
.booking-modal .body-booking .tab-body .actions.provider-actions .warning {
  width: 100%;
}
.booking-modal .body-booking .tab-body .actions.file-reference-actions .warning, .booking-modal .body-booking .tab-body .actions.file-reference-actions .bg-warning {
  width: 100%;
}
.booking-modal .body-booking .tab-body .actions.file-reference-actions .bg-warning {
  color: #EEEEEE;
}
.booking-modal .body-booking .tab-body .invoice-card {
  border: 1px solid #DADADA;
  border-radius: 10px;
  box-shadow: 0px 0px 15px #F1F2F6;
  overflow: hidden;
}
.booking-modal .body-booking .tab-body .invoice-card .header-invoice-card a {
  display: block;
  width: 100%;
  padding: 1% 3%;
  font-size: 15px;
  background: #B4D3FA;
  color: #1F395F;
}
.booking-modal .body-booking .tab-body .invoice-card .header-invoice-card a:hover, .booking-modal .body-booking .tab-body .invoice-card .header-invoice-card a:focus {
  color: #FF0094 !important;
}
.booking-modal .body-booking .tab-body .invoice-card .body-invoice-card .currency-input-container input {
  padding-left: 20px !important;
}
.booking-modal .body-booking .tab-body .invoice-card .footer-invoice-card {
  display: flex;
}
.booking-modal .body-booking .tab-body .invoice-card .footer-invoice-card button, .booking-modal .body-booking .tab-body .invoice-card .footer-invoice-card .button {
  flex: 1;
}
.booking-modal .body-booking .tab-body .invoice-card .footer-invoice-card button.button-navy, .booking-modal .body-booking .tab-body .invoice-card .footer-invoice-card .button.button-navy {
  background: #1F395F;
  color: #FFFFFF;
  border: none;
  text-align: center;
}
.booking-modal .body-booking .tab-body .invoice-card .footer-invoice-card button.button-navy:hover, .booking-modal .body-booking .tab-body .invoice-card .footer-invoice-card .button.button-navy:hover {
  background: #B4D3FA;
  color: #1F395F;
}
.booking-modal .body-booking .tab-body .invoice-card .footer-invoice-card .ember-hold-button-container {
  flex: 1;
  padding: 0;
}
.booking-modal .body-booking .tab-body .invoice-card .footer-invoice-card .ember-hold-button-container .warning {
  width: 100%;
}
.booking-modal .body-booking .tab-body .invoice-card .footer-invoice-card .ember-hold-button-container .ember-hold-button-progression {
  top: 91%;
}
.booking-modal .message-section .button-navy {
  background: #1F395F;
  color: #FFFFFF;
  border: none;
  text-align: center;
  border-radius: 10px;
}
.booking-modal .message-section .button-navy:hover {
  background: #B4D3FA;
  color: #1F395F;
}
.booking-modal .message-section .message-loader {
  margin-left: 2%;
}
.booking-modal .message-section .message-loader .ember-power-select-trigger {
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
}
.booking-modal .message-section .message-loader .template-selector .ember-power-select-trigger {
  width: 25%;
}
@media screen and (max-width: 450px) {
  .booking-modal .message-section .message-loader .ember-power-select-trigger {
    width: 100%;
    margin: 2% 0;
  }
  .booking-modal .message-section .message-loader button {
    width: 100%;
    margin: 2% 0;
  }
}
.booking-modal .message-section .message-body {
  margin-top: 3%;
  margin-left: 2%;
  position: relative;
}
.booking-modal .message-section .message-body .subject-message {
  max-width: 100%;
  border: 1px solid #DADADA;
}
.booking-modal .message-section .message-body .medium-editor-element {
  margin-bottom: 3%;
  min-height: 100px;
  border: 1px solid #DADADA;
}
.booking-modal .message-section .message-body .editor-custom-by-andrew .editable-textarea {
  border-radius: 0;
  border: 1px solid #DADADA;
}
.booking-modal .message-section .message-body .attachments-tab {
  margin-top: 2%;
  position: relative;
}
.booking-modal .message-section .message-body .attachments-tab .attachments-tab-line {
  display: flex;
  margin-top: 2%;
  align-items: center;
  justify-content: space-between;
  color: #1F395F;
  font-weight: bold;
  font-size: 15px;
}
.booking-modal .message-section .message-body .attachments-tab .attachments-tab-line .title {
  display: inline-block;
  overflow: hidden;
  width: 80%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.booking-modal .message-section .message-body .attachments-tab .attachments-tab-line a {
  color: #1F395F;
}
.booking-modal .message-section .message-body .attachments-tab .attachments-tab-line i {
  margin-right: 2%;
  font-size: 20px;
  cursor: pointer;
}
@media screen and (max-width: 450px) {
  .booking-modal .message-section .message-body .attachments-tab .attachments-tab-line i {
    font-size: 25px;
  }
}
.booking-modal .message-section .message-body .attachments-tab .button-navy {
  position: absolute;
  right: 0;
  top: 0;
  min-width: 150px;
}
.booking-modal .message-section .messages-list {
  margin-top: 9%;
  max-height: 500px;
  overflow: scroll;
}
@media screen and (max-width: 450px) {
  .booking-modal .message-section .messages-list {
    margin-top: 25%;
  }
}

.exceptional-provider-row h1 {
  margin: 1% 0;
}
.exceptional-provider-row .ember-basic-dropdown-trigger {
  width: 70%;
  float: left;
  margin-right: 20px;
}
.exceptional-provider-row .button-navy {
  background: #1F395F;
  color: #FFFFFF;
  border: none;
  text-align: center;
  border-radius: 10px;
}
.exceptional-provider-row .button-navy:hover {
  background: #B4D3FA;
  color: #1F395F;
}

.testimonials {
  padding: 2%;
}
.testimonials .d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.testimonials .align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}
.testimonials .justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.testimonials .justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.testimonials .form-group {
  margin-bottom: 10px;
}
.testimonials .toogle-filter button {
  margin-right: 5px;
  border-radius: 5px;
  width: 130px;
}
.testimonials .toogle-filter button.primary {
  background-color: #FF0094;
  border: 1px solid #FF0094;
}
.testimonials .button-search {
  font-size: 20px;
  letter-spacing: 1px;
  padding: 5px 10px;
  width: 300px;
}
.testimonials h1 {
  margin-bottom: 1%;
  margin-top: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #DDDDDD;
  color: #1F395F;
  font-weight: bold;
  font-size: 35px;
  text-align: center;
  font-family: "FuturaBold", "Futura";
  letter-spacing: 1px;
}
@media screen and (max-width: 450px) {
  .testimonials h1 {
    font-size: 20px;
  }
}
.testimonials .ml-2 {
  margin-left: 20px;
}
.testimonials .ember-power-select-multiple-trigger {
  padding: 0 16px 0 5px;
}
.testimonials .send-email {
  background: #447BF5 !important;
  color: #FFFFFF !important;
  font-weight: bold;
  border-radius: 5px;
}
.testimonials .send-email-trustpilot {
  background: #04DA8D !important;
  color: #FFFFFF !important;
  font-weight: bold;
  border-radius: 5px;
}
.testimonials .dates .flatpickr-input-container {
  margin-right: 0;
}
.testimonials .dates input {
  max-width: 100%;
  border-radius: 5px;
}
.testimonials .button {
  border-radius: 7px;
}
.testimonials .button-navy {
  background: #1F395F;
  color: #FFFFFF;
}
.testimonials .loader-container {
  position: fixed;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.testimonials .loader-container .loader {
  width: 70px;
  height: 70px;
}
.testimonials .table-design-pink .table-row:hover {
  background-color: #F9F9F9;
}
.testimonials .table-design-pink .editor-custom-by-andrew {
  padding: 5px;
  margin-bottom: 10px;
  width: 600px;
  margin: 0 auto;
  text-align: left;
}
.testimonials .table-design-pink .table-row {
  border-bottom: none;
}
.testimonials .table-design-pink .table-row a, .testimonials .table-design-pink .table-row a:hover {
  color: #FF0094 !important;
}
.testimonials .table-design-pink .border-bottom {
  border-bottom: 3px solid #1F395F;
}
.testimonials .table-design-pink .actions {
  width: 350px;
}
.testimonials .table-design-pink .actions button {
  border-radius: 5px;
}
.testimonials .table-design-pink .see-voyage {
  text-align: left;
  padding: 10px;
}
.testimonials .table-design-pink .rating-treatment .ember-power-select-trigger {
  width: 100px;
  text-align: left;
  margin-left: 20px;
}

.destination {
  color: #1F395F;
  font-weight: 700;
  font-size: 13px;
  padding: 2%;
}
.destination .list-item-proposed-destination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1% 0;
}
.destination .list-item-proposed-destination.online a {
  color: green !important;
}
.destination .list-item-proposed-destination.offline a {
  color: red !important;
}
.destination .list-item-proposed-destination img {
  height: 35px;
  width: 35px;
}
.destination .list-item-provided-prestation {
  color: #1F395F !important;
}
.destination .list-item-provided-prestation span {
  margin: 0;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: fit-content;
  overflow: hidden;
  letter-spacing: 1px;
}
.destination .list-item-provided-prestation .prestation-price {
  position: absolute;
  top: 0;
  right: 15px;
  background: #FF0094;
  border-radius: 5px;
  padding: 3%;
  color: #FFFFFF;
  font-weight: bold;
}
.destination .list-item-provided-prestation .prestation-price .currency-value {
  font-size: 20px;
}
.destination .list-item-provided-prestation .prestation-price .currency-symbol {
  font-size: 13px;
}
.destination .list-item-provided-prestation .prestation-image img {
  width: 100%;
  height: 20vh;
  border-radius: 7px;
}
.destination .list-item-provided-prestation .prestation-title {
  display: flex;
  align-items: center;
  color: #1F395F !important;
}
.destination button {
  border-radius: 5px;
}
.destination .row {
  margin: 0;
}
.destination .button-navy, .destination .button-action {
  background: #1F395F !important;
  color: #FFFFFF !important;
  border: none;
}
.destination .button-action.reset {
  background: red !important;
  color: #FFFFFF !important;
}
.destination .button-navy:hover {
  background: #B4D3FA !important;
  color: #1F395F !important;
}
.destination h1, .destination h2 {
  margin: 0 0 2% 0;
  border-bottom: 0;
  color: #1F395F;
  font-weight: bold;
}
.destination .form-input {
  display: block;
  border-radius: 5px;
}
.destination .form-input input {
  border-radius: 5px;
  max-width: 100%;
}
.destination .form-group input {
  padding: 0;
  max-width: 100%;
  border: none;
  border-bottom: 1px solid #BABABA;
}
.destination .form-group a {
  color: #FF0094;
}
.destination #prestations .col-6, .destination #prestations .col-4 {
  margin-top: 3%;
}
.destination #prestations .col-3 {
  padding-bottom: 1%;
}
.destination #prestations .d-flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.destination #prestations .d-flex.w-30 {
  width: 30%;
}
.destination #prestations .d-flex .mr-2 {
  margin-right: 2%;
}
.destination #prestations .d-flex.space-between {
  justify-content: space-between;
}
.destination #prestations .d-flex.align-items-end {
  justify-content: end;
  align-items: end;
}
.destination #prestations .d-flex .filters-nature, .destination #prestations .d-flex .filters-slot {
  width: 35%;
  border-radius: 0;
}
.destination #prestations .d-flex .filters-nature.button-action, .destination #prestations .d-flex .filters-slot.button-action {
  border: 1px solid #1F395F;
}
.destination #prestations .d-flex .filters-nature.activity, .destination #prestations .d-flex .filters-slot.activity {
  width: 42%;
}
.destination #prestations .d-flex .filters-slot {
  width: 50%;
}
.destination #prestations .d-flex .filters-option.option.button-action {
  background-color: #4F1091 !important;
}
.destination #prestations .d-flex.filters-prestations {
  align-items: flex-start;
  justify-content: flex-start;
}
.destination #prestations .d-flex.filters-prestations .button-action {
  line-height: 22px;
}
.destination #prestations .d-flex.filters-prestations .select-2 .ember-power-select-trigger {
  padding: 0px 16px 0px 5px;
}
.destination .full-weekends-list {
  margin-top: 6%;
  border-radius: 6px;
  padding: 3%;
  border: 1px solid #F1F2F6;
}
.destination .full-weekends-list p {
  margin: 0;
}
.destination .full-weekends-list .actions {
  margin-top: 3%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.destination .full-weekends-list .actions .button-action, .destination .full-weekends-list .actions .ember-hold-button-container {
  width: 48%;
}
.destination .full-weekends-list .actions .warning {
  width: 100%;
}
.destination .tab {
  width: 100%;
}
.destination .nav-tabs {
  width: 100%;
  margin: 0;
  margin-bottom: 2%;
}
.destination .nav-tabs .nav-item {
  margin: 3% 0;
}
@media screen and (max-width: 450px) {
  .destination .nav-tabs li {
    width: 31%;
  }
}
.destination .nav-tabs .nav-link {
  cursor: pointer;
  background: #F1F2F6;
  color: #DADADA;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: none;
  padding: 0;
  border-radius: 0 0 0 0;
  width: 100%;
}
.destination .nav-tabs .nav-link.active {
  color: #FFFFFF;
  background: #FF0094;
}
.destination .nav-tabs .nav-link:hover {
  color: #FF0094 !important;
}
.destination .nav-tabs .active:hover {
  color: #FFFFFF !important;
}
.destination .loader-container {
  left: 50%;
  position: absolute;
}
.destination .loader.spinner-border {
  width: 100px;
  height: 100px;
}
.destination #destination .form-group {
  margin-bottom: 1em;
}
.destination #destination .w-100 {
  width: 100%;
}
.destination #destination .map-container.smaller {
  width: 100%;
  height: 200px;
}
.destination #destination .d-flex {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.destination #destination .d-flex button {
  width: 49%;
}
.destination #destination .create-proposed-destination .button-navy {
  width: 100%;
  margin-top: 1em;
}

.actions-modal.full-weekends {
  max-width: 700px !important;
}
.actions-modal.full-weekends .form-group {
  margin-bottom: 1em;
}
.actions-modal.full-weekends .button-action, .actions-modal.full-weekends .ember-hold-button-container {
  width: 100%;
  margin-bottom: 1em;
}
.actions-modal.full-weekends .button-action .warning, .actions-modal.full-weekends .ember-hold-button-container .warning {
  width: 100%;
  border-radius: 5px;
}
.actions-modal.full-weekends .toggle {
  width: 99% !important;
}
.actions-modal.full-weekends .d-flex-selector {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.actions-modal.full-weekends .d-flex-selector .form-group {
  width: 23%;
}
.actions-modal.full-weekends .d-flex-selector .currency-input-container .ember-text-field {
  max-width: 100%;
  border-radius: 5px;
  padding-left: 15px;
}
.actions-modal.full-weekends .d-flex-selector .currency-input-container .currency-symbol {
  left: 5px;
  top: -5px;
}

.destinations-list {
  border-bottom: none;
  background-color: initial;
}
.destinations-list .destinations-list-header-menu .actions-button-destinations {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2%;
}
.destinations-list .destinations-list-header-menu .actions-button-destinations button {
  margin: 0;
  font-size: 20px;
  height: 40px !important;
  width: 30%;
}
.destinations-list .destinations-list-header-menu .actions-button-destinations .btn-pink {
  color: #FFFFFF;
  background-color: #FF0094;
  border-radius: 5px;
  margin-left: 15%;
}
.destinations-list .loader-container {
  left: 50%;
}
.destinations-list .loader-container .loader {
  width: 150px;
  height: 150px;
}
.destinations-list .destination-search-box {
  width: 75%;
  min-width: 20%;
  max-width: 100%;
  display: block;
  margin: 2% auto;
  line-height: 40px;
  height: 40px;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0px 0px 15px #F1F2F6;
}
.destinations-list .destination-card {
  min-height: 170px;
  border-radius: 10px;
  border: 1px solid #BABABA;
  background: #1F395F;
  margin: 1%;
  overflow: hidden;
  padding-top: 10px;
}
.destinations-list .destination-card img {
  height: 120px;
  width: 90%;
  margin: 0 auto;
  display: block;
  border-radius: 10px;
}
.destinations-list .destination-card .destination-name {
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 2% 7%;
  font-family: "Helvetica";
  font-weight: 600;
  color: #FFFFFF;
  text-transform: capitalize;
}
.destinations-list .destination-card:focus, .destinations-list .destination-card:hover {
  background: #FF0094;
}

.list-destinations-rounded {
  padding-top: 30px;
}
.list-destinations-rounded .destination-item {
  width: 100%;
  margin: 1% auto;
  border: 2px solid #DADADA;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 30px;
  box-shadow: 0px 0px 15px #F1F2F6;
}
.list-destinations-rounded .destination-item .img-destination {
  width: 80px;
}
.list-destinations-rounded .destination-item .destination-name {
  font-size: 17px;
  letter-spacing: 1px;
  font-weight: bold;
  font-family: "Verdana";
}
.list-destinations-rounded .destination-item .destination-name a {
  color: #000000;
}
.list-destinations-rounded .destination-item .destination-name a:hover {
  color: #FF0094;
}
.list-destinations-rounded .destination-item i {
  margin-right: 1%;
  font-size: 50px;
  cursor: pointer;
  color: #BB0A1E;
}
.list-destinations-rounded .destination-item:hover {
  border: 2px solid #FF0094;
}
.list-destinations-rounded .destination-item:hover a, .list-destinations-rounded .destination-item:hover a:hover {
  color: #FF0094 !important;
}

.destination-create .btn-pink {
  color: #FFFFFF;
  background-color: #FF0094;
  width: 90%;
  margin: 0 auto;
  display: block;
  border-radius: 10px;
  height: 40px;
  font-size: 20px;
  letter-spacing: 2px;
}

.geoloc-picker .input-geoloc {
  width: 90%;
  margin: 2% auto;
}
.geoloc-picker .input-geoloc input {
  max-width: 100%;
}
.geoloc-picker .is-non-geoloc {
  position: absolute;
  right: 13%;
  top: -30px;
  display: none !important;
}
.geoloc-picker .coordinates {
  width: 90%;
  margin: 2% auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.geoloc-picker .coordinates p {
  font-size: 15px;
  letter-spacing: 2px;
}
.geoloc-picker .map-container {
  width: 90%;
  height: 400px;
  margin: 0 auto;
}
.geoloc-picker.geoloc-picker-predictions {
  position: relative;
}
.geoloc-picker.geoloc-picker-predictions .map-container {
  height: 150px;
  margin: 0;
  display: none;
}
.geoloc-picker.geoloc-picker-predictions .map-container.active {
  display: block;
}
.geoloc-picker.geoloc-picker-predictions .input-geoloc {
  width: 100%;
  margin: 0 auto 2% auto;
}
.geoloc-picker.geoloc-picker-predictions .autocomplete-suggestions {
  position: absolute;
  top: 25px; /* Ajuster en fonction de la hauteur de l'input */
  left: 0;
  right: 0;
  background-color: white;
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 0 0 4px 4px;
  z-index: 10;
  max-height: 200px;
  overflow-y: auto;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  padding-inline-start: 0px;
  list-style-type: none;
}
.geoloc-picker.geoloc-picker-predictions .suggestion-item {
  padding: 5px 15px;
  cursor: pointer;
}
.geoloc-picker.geoloc-picker-predictions .suggestion-item .main-title {
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}
.geoloc-picker.geoloc-picker-predictions .suggestion-item .subtitle {
  font-size: 10px;
  color: #BABABA;
}
.geoloc-picker.geoloc-picker-predictions .suggestion-item i {
  color: #EB1B33;
}
.geoloc-picker.geoloc-picker-predictions .suggestion-item:hover {
  background-color: #f0f0f0;
}

.package-modal {
  width: 100%;
}
.package-modal .form-group label {
  color: #1F395F;
}
.package-modal .form-group.toggle {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.package-modal .package-prestation-item {
  position: relative;
  margin-bottom: 1em;
  min-height: 35px;
  line-height: 35px;
}
.package-modal .package-prestation-item.editable {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.package-modal .package-prestation-item.editable .form-input {
  margin: 10px auto;
}
.package-modal .package-prestation-item.editable .actions-flex-button-editable {
  display: inline-flex;
}
.package-modal .package-prestation-item.editable .actions-flex-button-editable .btn {
  width: 100px !important;
  height: 30px;
  margin-right: 2%;
  border-radius: 20px;
  padding: 0;
}
.package-modal .package-prestation-item.editable .actions-flex-button-editable .btn.reset {
  color: #FFFFFF;
  background: #EB1B33;
}
.package-modal .package-prestation-item.editable .actions-flex-button-editable .btn.reset:hover {
  background: #BB0A1E;
}
.package-modal .package-prestation-item .actions-flex-button {
  position: absolute;
  right: 0;
  display: inline-flex;
  width: 130px;
}
.package-modal .package-prestation-item .actions-flex-button .btn {
  width: 30px !important;
  height: 30px;
  border-radius: 20px;
  padding: 0;
}
.package-modal .package-prestation-item .actions-flex-button .btn.reset {
  color: #FFFFFF;
  background: #EB1B33;
}
.package-modal .package-prestation-item .actions-flex-button .btn.reset:hover {
  background: #BB0A1E;
}
.package-modal .actions-flex-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.package-modal .actions-flex-button .btn-save, .package-modal .actions-flex-button .button-navy, .package-modal .actions-flex-button .ember-hold-button-container {
  width: 35% !important;
}
.package-modal .actions-flex-button .warning {
  width: 100%;
}
.package-modal .actions-flex-button .button-navy {
  border-radius: 0;
}

.proposed-destination .destination-main-title {
  letter-spacing: 2px;
  text-align: center;
  margin: 0;
  color: #FF0094;
  text-transform: uppercase;
  font-size: 3em;
}
.proposed-destination .package-list-title {
  margin-bottom: 10%;
}
.proposed-destination .create-package {
  width: 100%;
  margin-bottom: 1em;
}
.proposed-destination .package-row {
  margin-bottom: 1em;
  border: 1px solid;
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0px 0px 15px #F1F2F6;
}
.proposed-destination .package-row .package-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 4% 5px 3%;
}
.proposed-destination .package-row .package-item span {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 200px;
  overflow: hidden;
  text-align: center;
}
@media screen and (max-width: 450px) {
  .proposed-destination .package-row .package-item span {
    width: 100px;
  }
}
.proposed-destination .package-row .package-item img {
  width: 40px;
  height: 40px;
  border-radius: 20px;
}
.proposed-destination .package-row .package-item .fa-star {
  color: #FFCE00;
}
.proposed-destination .package-row .package-item .icone-circle {
  font-size: 20px;
}
.proposed-destination hr {
  margin-bottom: 1em;
}
.proposed-destination .button {
  border-radius: 5px;
}
.proposed-destination .form-input label {
  color: #1F395F;
}
.proposed-destination .form-group.toggle {
  max-width: 97% !important;
}
.proposed-destination .form-block .btn-save {
  width: 100%;
}
.proposed-destination .reset {
  background: red !important;
  color: #FFFFFF !important;
  width: 100%;
}
.proposed-destination .good-plan-attr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.proposed-destination .good-plan-attr .button, .proposed-destination .good-plan-attr .ember-hold-button-container {
  width: 48%;
  text-align: center;
}
.proposed-destination .good-plan-attr .button .warning, .proposed-destination .good-plan-attr .ember-hold-button-container .warning {
  width: 100%;
}
.proposed-destination .link-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.proposed-destination .link-section .input-block label {
  display: block;
}
.proposed-destination .link-section .input-block .intern-link {
  color: #FF0094;
}
.proposed-destination .link-section .input-block .intern-link:hover {
  color: #FF0094;
}
.proposed-destination .proposed-prestations-list .filters-nature, .proposed-destination .proposed-prestations-list .filters-slot {
  width: 35%;
  border-radius: 0;
  margin: 0;
}
.proposed-destination .proposed-prestations-list .filters-nature.button-action, .proposed-destination .proposed-prestations-list .filters-slot.button-action {
  border: 1px solid #1F395F;
}
.proposed-destination .proposed-prestations-list .d-flex.justify-content-end {
  justify-content: end;
}
.proposed-destination .proposed-prestations-list .d-flex.justify-content-end .w-30 {
  width: 33%;
  align-items: center;
}
.proposed-destination .proposed-prestations-list .filters-slot {
  width: 50%;
}
.proposed-destination .proposed-prestations-list .row {
  justify-content: center;
}
.proposed-destination .proposed-prestations-list .prestation-card {
  max-width: 100%;
  margin-bottom: 10%;
}
.proposed-destination .proposed-prestations-list .prestation-card img {
  height: 150px;
  width: 200px;
  display: inline-block;
  border-radius: 10px;
  box-shadow: 0px 0px 15px #F1F2F6;
}
.proposed-destination .proposed-prestations-list .prestation-card span {
  margin: 0;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  overflow: hidden;
  color: #1F395F;
}

.provider-detail {
  color: #1F395F;
  font-weight: 700;
  font-size: 13px;
  padding: 2%;
}
.provider-detail .list-item-proposed-destination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1% 0;
}
.provider-detail .list-item-proposed-destination.online a {
  color: green !important;
}
.provider-detail .list-item-proposed-destination.offline a {
  color: red !important;
}
.provider-detail .list-item-proposed-destination img {
  height: 35px;
  width: 35px;
}
.provider-detail .list-item-provided-prestation {
  color: #1F395F !important;
}
.provider-detail .list-item-provided-prestation span {
  margin: 0;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: fit-content;
  overflow: hidden;
}
.provider-detail .list-item-provided-prestation .prestation-image img {
  width: 100%;
  height: 20vh;
  border-radius: 7px;
}
.provider-detail .list-item-provided-prestation .prestation-title {
  display: flex;
  align-items: center;
  color: #1F395F !important;
}
.provider-detail .list-item-provided-prestation .prestation-price {
  position: absolute;
  top: 0;
  right: 15px;
  background: #FF0094;
  border-radius: 5px;
  padding: 3%;
  color: #FFFFFF;
  font-weight: bold;
}
.provider-detail .list-item-provided-prestation .prestation-price .currency-value {
  font-size: 20px;
}
.provider-detail .list-item-provided-prestation .prestation-price .currency-symbol {
  font-size: 13px;
}
.provider-detail .plain-content-button button {
  width: 100%;
  display: block;
  margin-bottom: 1em;
}
.provider-detail button {
  border-radius: 5px;
}
.provider-detail .button-navy, .provider-detail .button-action {
  background: #1F395F !important;
  color: #FFFFFF !important;
  border: none;
}
.provider-detail .button-action {
  border-radius: 5px;
}
.provider-detail .button-action.reset {
  background: red !important;
  color: #FFFFFF !important;
}
.provider-detail .button-navy:hover {
  background: #B4D3FA !important;
  color: #1F395F !important;
}
.provider-detail h1, .provider-detail h2 {
  margin: 0 0 2% 0;
  border-bottom: 0;
  color: #1F395F;
  font-weight: bold;
}
.provider-detail h1 .btn-pink, .provider-detail h2 .btn-pink {
  right: 0;
  position: absolute;
  top: 0;
  background: #FF0094;
  color: #FFFFFF;
  border-radius: 5px;
}
.provider-detail h1 .btn-pink:hover, .provider-detail h2 .btn-pink:hover {
  color: #FFFFFF !important;
}
.provider-detail .d-flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.provider-detail .d-flex.space-between {
  justify-content: space-between;
}
.provider-detail .filter-search-prestation {
  justify-content: left;
}
.provider-detail .filter-search-prestation .form-input {
  width: 33%;
}
.provider-detail .form-input {
  margin-bottom: 1em;
  display: block;
  border-radius: 5px;
}
.provider-detail .form-input input {
  border-radius: 5px;
  max-width: 100%;
}
.provider-detail .form-group {
  margin-bottom: 1em;
}
.provider-detail .form-group input {
  padding: 0;
  max-width: 100%;
  border: none;
  border-bottom: 1px solid #BABABA;
}
.provider-detail .form-group.toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.provider-detail .form-group.booking-method label {
  color: #1F395F;
}
.provider-detail .form-group.booking-method .form-input {
  width: 50%;
}
.provider-detail .form-group .filters-nature, .provider-detail .form-group .filters-slot {
  width: 35%;
  border-radius: 0;
}
.provider-detail .form-group .filters-nature.button-action, .provider-detail .form-group .filters-slot.button-action {
  border: 1px solid #1F395F;
}
.provider-detail .form-group .filters-slot {
  width: 50%;
}
.provider-detail .form-group a {
  color: #FF0094;
}
.provider-detail .row {
  margin: 0;
}
.provider-detail .col-6 {
  padding-top: 3%;
}
.provider-detail .col-3 {
  padding-bottom: 1%;
}
.provider-detail .tab {
  width: 100%;
}
.provider-detail .nav-tabs {
  width: 100%;
  margin: 0;
  margin-bottom: 2%;
}
.provider-detail .nav-tabs .nav-item {
  margin: 3% 0;
}
@media screen and (max-width: 450px) {
  .provider-detail .nav-tabs li {
    width: 31%;
  }
}
.provider-detail .nav-tabs .nav-link {
  cursor: pointer;
  background: #F1F2F6;
  color: #DADADA;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: none;
  padding: 0;
  border-radius: 0 0 0 0;
  width: 100%;
}
.provider-detail .nav-tabs .nav-link.active {
  color: #FFFFFF;
  background: #FF0094;
}
.provider-detail .nav-tabs .nav-link:hover {
  color: #FF0094 !important;
}
.provider-detail .nav-tabs .active:hover {
  color: #FFFFFF !important;
}
.provider-detail .loader-container {
  left: 50%;
  position: absolute;
}
.provider-detail .loader.spinner-border {
  width: 100px;
  height: 100px;
}

.toggle-variable-provider-proposition .form-group {
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid;
}
.toggle-variable-provider-proposition .form-group .ember-view {
  display: inline-block;
  position: absolute;
  right: 0;
}

.ember-modal-overlay.translucent {
  background-color: rgba(255, 255, 255, 0.5);
}

.ember-modal-dialog {
  -moz-box-shadow: 0px 0px 10px 0px #DDDDDD;
  -webkit-box-shadow: 0px 0px 10px 0px #DDDDDD;
  -o-box-shadow: 0px 0px 10px 0px #DDDDDD;
  box-shadow: 0px 0px 10px 0px #DDDDDD;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=variables.$gainsboro, Direction=NaN, Strength=10);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 40px;
  background-color: #FFFFFF;
}
.ember-modal-dialog .form-input {
  margin: 2% auto;
}
.ember-modal-dialog .form-input .label-l {
  color: #1F395F;
  padding-bottom: 5px;
}
.ember-modal-dialog .form-input .value input {
  border-radius: 5px;
}
.ember-modal-dialog .form-input.content-medium {
  margin: 1%;
}
.ember-modal-dialog .form-input.content-medium .editor-custom-by-andrew .editable-textarea {
  min-height: 90px;
}
.ember-modal-dialog .form-input.toggle {
  position: relative;
  min-height: 30px;
}
.ember-modal-dialog .form-input.toggle .label-toggle-user {
  font-size: 17px;
  color: #1F395F;
}
.ember-modal-dialog .form-input.toggle .x-toggle-component {
  position: absolute;
  top: 0;
  right: 0;
}
.ember-modal-dialog .flex-child .col-1-4, .ember-modal-dialog .flex-child .col-1-2 {
  padding: 6px 12px;
}
.ember-modal-dialog .flex-child h1 {
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 5px;
  color: #FF0094;
}
.ember-modal-dialog.blog-block-modal {
  max-width: 1300px;
  margin: 0 auto;
  left: auto !important;
  margin-left: auto !important;
  height: 800px;
  top: 50px !important;
  margin-top: 0 !important;
  bottom: 50px;
  overflow-y: auto;
  position: relative !important;
  transform: none !important;
}
.ember-modal-dialog.blog-block-modal .reset-cta {
  width: 100%;
  border-radius: 10px;
}
.ember-modal-dialog.blog-block-modal .actions-blog {
  position: absolute;
  right: 2%;
  bottom: 1%;
}

#modal-overlays {
  height: 0;
}
#modal-overlays .ember-modal-overlay {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
}

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  left: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  right: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0 ;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ember-power-select-dropdown * {
  box-sizing: border-box;
}

.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 1.75;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 1.75em;
  user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */
}
.ember-power-select-trigger:after {
  content: "";
  display: table;
  clear: both;
}
.ember-power-select-trigger .ember-power-select-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #aaaaaa transparent transparent transparent;
}
.ember-basic-dropdown-trigger[aria-expanded=true] .ember-power-select-status-icon {
  transform: rotate(180deg);
}

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer;
}

.ember-power-select-multiple-options {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
}
.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container {
  flex-grow: 1;
  display: flex;
}
.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container input {
  flex-grow: 1;
}

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
.ember-power-select-trigger-multiple-input:disabled {
  background-color: #eeeeee;
}
.ember-power-select-trigger-multiple-input::placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
  opacity: 1;
  color: #999999;
}

.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  line-height: 1.45;
  margin: 2px 0 2px 3px;
}

.ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}

.ember-power-select-search {
  padding: 4px;
}

.ember-power-select-search-input {
  border: 1px solid #aaaaaa;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px;
}
.ember-power-select-search-input:focus {
  border: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-power-select-search-input-field {
  width: 100%;
  height: 100%;
  padding: 0 8px;
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  background-color: transparent;
}

.ember-power-select-dropdown {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  line-height: 1.75;
  border-radius: 4px;
  box-shadow: none;
  overflow: hidden;
  color: inherit;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #aaaaaa;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--below,
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #aaaaaa;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%;
}

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}
.ember-power-select-options[role=listbox] {
  overflow-y: auto; /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
  -webkit-overflow-scrolling: touch;
  max-height: 12.25em;
}

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px;
}

.ember-power-select-group[aria-disabled=true] {
  color: #999999;
  cursor: not-allowed;
}

.ember-power-select-group[aria-disabled=true] .ember-power-select-option,
.ember-power-select-option[aria-disabled=true] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed;
}

.ember-power-select-option[aria-selected=true] {
  background-color: #dddddd;
}

.ember-power-select-option[aria-current=true] {
  background-color: #5897fb;
  color: #ffffff;
}

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold;
}

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee;
}

.ember-power-select-trigger {
  padding: 0 16px 0 0;
}

.ember-power-select-selected-item,
.ember-power-select-placeholder {
  margin-left: 8px;
}

.ember-power-select-status-icon {
  right: 5px;
}

.ember-power-select-clear-btn {
  right: 25px;
}

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px;
}
.ember-power-select-group .ember-power-select-option {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px;
}

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item,
.ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
  margin-right: 8px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
  left: 5px;
  right: initial;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
  left: 25px;
  right: initial;
}

.ember-power-select-visually-hidden {
  height: 1px;
  left: -9999px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px;
}

* {
  box-sizing: border-box;
  font-family: "Open Sans", sans-serif;
}

@font-face {
  font-family: "Futura";
  src: url("/webfonts/Futura.ttc") format("ttc"), url("/webfonts/Futura.woff2") format("woff2"), url("/webfonts/Futura.woff") format("woff"), url("/webfonts/Futura.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FuturaBold";
  src: url("/webfonts/FuturaCyrillicBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
html, body {
  padding: 0;
  margin: 0;
  background-color: #FFFFFF;
  font-size: 11px;
}

body::-webkit-scrollbar {
  display: none;
}

h2 {
  font-size: 22px;
  font-weight: 300;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  margin-top: 20px;
  border-bottom: 1px solid #EEEEEE;
}

h3 {
  font-size: 14px;
  font-weight: 200;
  padding: 0;
  margin: 0;
}

.master-detail-view {
  display: flex;
}
.master-detail-view .detail {
  padding: 20px;
  width: 100%;
}

.top-menu {
  background-color: #F6F6F6;
  padding: 10px 0 0 20px;
  width: 100%;
}
.top-menu a {
  background-color: transparent;
  display: inline-block;
  color: #333333;
  font-weight: bold;
  line-height: 50px;
  height: 50px;
  margin-right: 2px;
  padding: 0 12px;
  border-radius: 50px;
}
.top-menu a:hover {
  background-color: #DDDDDD;
}
.top-menu a.active {
  background-color: #FFFFFF;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.resource {
  width: 100%;
}
.resource h1 {
  font-size: 18px;
  font-weight: bold;
  padding: 10px 0;
  margin: 0;
}
.resource .row {
  margin: 5px 0;
}
.resource .row > div, .resource .row > div input {
  width: 100%;
  font-size: 13px;
}
.resource .row .label {
  color: #666666;
  text-align: left;
  padding-left: 6px;
  font-size: 11px;
  width: 100%;
  margin-bottom: 4px;
}
.resource .row .value input {
  width: 100%;
  flex: 1;
  padding: 5px;
  margin-bottom: 10px;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.row .mb-4 {
  margin-bottom: 1.5rem !important;
}
.row .mb-2 {
  margin-bottom: 0.5rem !important;
}
.row .col, .row .col-1, .row .col-10, .row .col-11, .row .col-12, .row .col-2, .row .col-3, .row .col-4, .row .col-5, .row .col-6, .row .col-7, .row .col-8, .row .col-9, .row .col-auto, .row .col-lg, .row .col-lg-1, .row .col-lg-10, .row .col-lg-11, .row .col-lg-12, .row .col-lg-2, .row .col-lg-3, .row .col-lg-4, .row .col-lg-5, .row .col-lg-6, .row .col-lg-7, .row .col-lg-8, .row .col-lg-9, .row .col-lg-auto, .row .col-md, .row .col-md-1, .row .col-md-10, .row .col-md-11, .row .col-md-12, .row .col-md-2, .row .col-md-3, .row .col-md-4, .row .col-md-5, .row .col-md-6, .row .col-md-7, .row .col-md-8, .row .col-md-9, .row .col-md-auto, .row .col-sm, .row .col-sm-1, .row .col-sm-10, .row .col-sm-11, .row .col-sm-12, .row .col-sm-2, .row .col-sm-3, .row .col-sm-4, .row .col-sm-5, .row .col-sm-6, .row .col-sm-7, .row .col-sm-8, .row .col-sm-9, .row .col-sm-auto, .row .col-xl, .row .col-xl-1, .row .col-xl-10, .row .col-xl-11, .row .col-xl-12, .row .col-xl-2, .row .col-xl-3, .row .col-xl-4, .row .col-xl-5, .row .col-xl-6, .row .col-xl-7, .row .col-xl-8, .row .col-xl-9, .row .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.row .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.row .row-cols-1 > * {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.row .row-cols-2 > * {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.row .row-cols-3 > * {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.row .row-cols-4 > * {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.row .row-cols-5 > * {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
.row .row-cols-6 > * {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.row .col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.row .col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.row .col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.row .col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.row .col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.row .col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.row .col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.row .col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.row .col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.row .col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.row .col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.row .col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.row .col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.rel-form {
  display: inline-block;
}
.rel-form .rel-form-btn {
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 2px;
  background-color: #F6F6F6;
  border: 1px solid #EEEEEE;
  color: #333333;
}
.rel-form .rel-form-btn:hover {
  background-color: #F6F6F6;
}
.rel-form .rel-form-btn:active {
  background-color: #EEEEEE;
}

.drop-content {
  min-width: 100px;
  padding: 5px 10px;
  border-radius: 2px;
  background-color: #F6F6F6;
  border: 1px solid #EEEEEE;
  color: #333333;
}
.drop-content .list-item {
  background-color: #F9F9F9;
}
.drop-content .list-item:hover {
  background-color: #F6F6F6;
}
.drop-content .list-item:active {
  background-color: #EEEEEE;
}

.popup-dialog {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.popup-dialog .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.4);
}
.popup-dialog .wrapper {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.popup-dialog .wrapper .content {
  display: inline-block;
  background-color: #FFFFFF;
  padding: 60px;
  border: 1px solid #F6F6F6;
  width: inherit;
  height: inherit;
}

/** GMaps **/
.ember-cli-g-map {
  height: 300px;
}

.g-map-canvas {
  width: 600px;
  height: 400px;
}

/** Medium editor **/
.editable {
  border: 1px solid #EEEEEE;
  padding: 10px;
}

.medium-editor-toolbar li button {
  background-color: #000000;
  padding: 8px;
}

.overlay-loading {
  display: none;
}
.overlay-loading.is-loading {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 9999999999999;
  text-align: center;
  padding-top: 300px;
  font-size: 30px;
}
.overlay-loading .loader-container {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
.overlay-loading .loader-container.modale {
  top: 35%;
  transform: translate(-50%, 0%);
}
.overlay-loading .spinner-border {
  width: 100px;
  height: 100px;
  border: 5px solid #CCC; /* Couleur de fond */
  border-top: 5px solid #FF0094; /* Couleur de la partie tournante */
  border-radius: 50%;
  animation: spin 1.5s linear infinite; /* Animation de rotation */
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.textarea {
  width: 100%;
}

.error-date-picker {
  color: red;
  font-size: 13px;
}

#header-mobile #header-mobile-headline {
  padding: 5%;
  border-bottom: 1px solid #000000;
  margin: 2% 0;
}
#header-mobile #header-mobile-headline i {
  position: absolute;
  font-size: 20px;
  padding: 0px 10px;
}
#header-mobile #header-mobile-headline h2 {
  margin: 0;
  text-align: center;
  font-size: 11px;
  font-weight: 550;
  border: none;
}

#header-mobile-nav {
  display: flex;
  align-items: center;
  margin: 1% 0;
}
@media screen and (max-width: 450px) {
  #header-mobile-nav {
    margin: 5% 3%;
    overflow: scroll;
  }
}
#header-mobile-nav .btn-navigation {
  width: 100%;
  padding: 2%;
  margin-right: 2%;
  border-radius: 8px;
  background: #FFFFFF;
  font-weight: 400;
  font-size: 13px;
  text-decoration: none;
  border: 1px solid #1F395F;
  color: #1F395F;
}
@media screen and (min-width: 450px) {
  #header-mobile-nav .btn-navigation {
    height: 50px;
    line-height: 0;
  }
}
#header-mobile-nav .btn-navigation.active, #header-mobile-nav .btn-navigation.active:hover {
  background: #1F395F;
  color: #FFFFFF !important;
}
#header-mobile-nav .btn-navigation .informations .title-card {
  text-align: center;
  display: block;
  text-transform: uppercase;
  font-family: "FuturaBold", "Futura";
  letter-spacing: 2px;
  font-weight: bold;
}

.loader-container {
  position: fixed;
  text-align: center;
  top: 50%;
  left: 30%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 450px) {
  .loader-container {
    top: 50%;
    left: 50%;
  }
}
.loader-container .loader {
  color: #1F395F;
  width: 50px;
  height: 50px;
}

.paginator {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3% 5%;
}
.paginator span, .paginator i {
  font-size: 23px;
}
.paginator i {
  cursor: pointer;
}
.paginator.fixed {
  position: fixed;
  background: #FFFFFF;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #000000;
}
.paginator .disabled {
  opacity: 0.3;
  cursor: initial;
}
.paginator .paginator-dropdown {
  display: inline-block;
}

@media screen and (max-width: 450px) {
  #title {
    display: block;
    margin: 0;
    text-align: center;
    font-size: 20px;
  }
}

#menu-mobile-toggler {
  position: absolute;
  left: 3%;
  top: 2px;
}
#menu-mobile-toggler .fa-bars {
  font-size: 25px;
  color: #1F395F;
}

#menu-mobile {
  position: fixed;
  background: #FFFFFF;
  width: 20%;
  height: 100vh;
  z-index: 2;
  box-shadow: 0px 0px 15px #F1F2F6;
}
@media screen and (max-width: 450px) {
  #menu-mobile {
    display: none;
    position: fixed;
    top: 0;
    left: -60%;
    width: 80%;
    height: 100%;
  }
}
#menu-mobile hr {
  display: block;
  margin: 0;
}
#menu-mobile ol {
  padding: 6%;
}
#menu-mobile ol li {
  list-style: decimal;
  list-style-position: inside;
  text-transform: capitalize;
  margin-bottom: 6%;
}
#menu-mobile ol li a {
  color: #000000;
}
#menu-mobile ol li.disabled {
  opacity: 0.4;
}
#menu-mobile .menu-mobile-header {
  display: block;
  text-align: center;
}
#menu-mobile .menu-mobile-header .menu-mobile-header-user {
  display: block;
}
#menu-mobile #menu-mobile-navigation {
  width: 100%;
  padding: 10% 0;
}
#menu-mobile #menu-mobile-navigation i {
  color: #FF0094;
  margin-right: 6%;
  font-size: 18px;
}
#menu-mobile #menu-mobile-navigation a {
  width: 100%;
  line-height: 15px;
  height: auto;
}
#menu-mobile #menu-mobile-navigation .btn {
  display: block;
  text-align: left;
  padding: 6% 12%;
  font-size: 13px;
  font-weight: 900;
  color: #1F395F;
  outline: 0;
}
#menu-mobile #menu-mobile-navigation .btn.active {
  color: #FFFFFF;
  background: #1F395F;
  border-radius: 0;
}
#menu-mobile #menu-mobile-navigation .btn.active img {
  color: #FFFFFF;
}
#menu-mobile #menu-mobile-navigation .btn img {
  height: 18px;
  margin-right: 6%;
}
#menu-mobile #menu-mobile-navigation #menu-mobile-actions {
  position: absolute;
  bottom: 6%;
  width: 100%;
}

.blur-background {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(5px);
}
@media screen and (min-width: 450px) {
  .blur-background {
    top: 50px;
  }
}

.paginator .ember-view {
  display: inline-block;
}
.paginator .ember-power-select-trigger {
  min-height: 10px;
  line-height: 30px !important;
  display: inline-block;
}

.a-link {
  display: block;
  text-align: right;
  letter-spacing: 1px;
  color: #FF0094;
  margin-bottom: 5px;
  font-weight: 700;
}

.a-link:hover {
  color: #FF0094 !important;
}