.vol-en-cours {
  /* padding-top: 137.6px; */
}
.vol-en-cours .label-date{
  font-size: 40px;
  letter-spacing: -0.09375rem;
  text-align: center;
  line-height: 1.18;
  color: #000;
  font-weight: bold;
  margin-bottom: 72px;
}
.vol-en-cours .subtitle {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.42px;
  text-align: center;
  color: #333;
}
.vol-en-cours .desc {
  font-family: "Roboto",sans-serif !important;
  font-size: 1.25rem;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  width: 70%;
  margin: 0 auto;
  margin-bottom: 48px;
}
.vol-en-cours .title {
  font-size: 46px;
  line-height: 1.4;
  text-align: center;
  color: #000;
  margin-bottom: 24px;
}
.vol-en-cours .txt {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.56;
  text-align: center;
  color: #000;
  margin-bottom: 22px;
}
.vol-en-cours .custom-table thead tr th {
  background-color: #005eb8;
  border: none;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #fff;
}
.vol-en-cours .custom-table tbody tr th {
  background-color: inherit;
  font-size: 16px;
  text-align: center;
  color: #022744;
  border: none;
  border-bottom: 1px solid #9ccaeb;
  padding: 16px 0;
}
.vol-en-cours .custom-table tbody tr:last-child th {
  border-bottom: 1px solid #9ccaeb;
}
.vol-en-cours .custom-table table tbody tr td {
  border: none;
  border-bottom: 1px solid #9ccaeb;
}
.vol-en-cours .custom-table table tbody tr:nth-child(odd) {
  background-color: #fff;
}
.vol-en-cours .custom-table table tbody tr:nth-child(even) {
  background-color: #f0f7fc;
}
.path-vols-en-cours .layout-main-wrapper.bg-blue-ciel {
  background-color: #f0f7fc;
}
.flights-list{
  margin-bottom: 20px;
}
.flight-card {
  border-bottom: 1px solid #e3f0f9;
  background: #fff;
  /* box-shadow: 0 0.25rem 0.875rem 0 rgb(0 0 0 / 10%); */
  /* border-radius: 0.3125rem; */
  /* margin-bottom: 32px; */
}
.flight-card:nth-child(even) {

  background-color: #9ccaeb26;

}

.flight-card .bordred{
  border-left: 1px solid #e3f0f9;
}
.flight-card .num-vol{
  font-size: 22px;
  text-align: center;
  color: #022744;
  font-weight: 600;
}
.flight-card .wrappers{
  padding: 32px 18px ;
}
.flight-card  .etat-vol{
  font-size: 20px;
  text-align: center;
  color: #022744;
  font-weight: 500;
  margin-top: 34px;
}
.flight-card  .etat-vol:before{
  font-family: "Font Awesome 6 Free";
  display: block;
  font-size: 22px;
  text-align: center;
  font-weight: 600;
}
.flight-card .vol-program{
  color: #005eb8;
}
.flight-card .vol-program:before{
  content: "\f072";
  color: #005eb8; /* #60a511*/
}
.flight-card  .flight-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flight-card  .dates {
  display: flex;
  flex-direction: column;
  font-size: 22px;
  color: #022744;
  font-weight: 600;
}
.flight-card .dates .date-prog{
  color: #022744;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.flight-card .dates .date-prog span,
.flight-card .dates .date-estime span{
  font-size: 0.8125rem;
  line-height: 1.5;
  text-align: left;
  color: #a6a6a8;
}
.flight-card .dates .date-estime em{
  font-size: 14px;
}
.flight-card .dates .date-estime{
  color: #e57a2b;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.flight-card .flight-places{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flight-card .flight-places .estimation{
  font-size: 14px;
  color: #e57a2b;
  font-weight: 500;
  margin-top: 32px;
}
.flight-card .flight-places .place{
  font-size: 24px;
  color: #022744;
  font-weight: 500;
  margin-top: 32px;
}
.flight-card .flight-places:after,
.flight-card  .flight-info:after{
  display: none;
}
.flight-card  .plane-guide{
  position: relative;
  width: 34%;
}
.flight-card  .plane-guide:before{
  content: "";
  position: absolute;
  right: 12px;
  left: 7px;
  top: 50%;
  height: 2px;
  background: #c7c7c7;
}
.flight-card.vol-atterri .plane-guide .plane i,
.flight-card.vol-atterri .vol-program:before,
.flight-card.vol-atterri .vol-program{
  color: #60a511;
}
.flight-card.en-vol .plane-guide .plane i,
.flight-card.en-vol .vol-program:before,
.flight-card.en-vol .vol-program{
  color: #a6a6a8;
}
.flight-card  .plane-guide .plane i{
  position: absolute;
  left: -10px;
  top: 50%;
  height: 100%;
  margin: -12px 0 0;
  font-size: 26px;
  color: #005eb8;
}
.flight-card  .plane-guide:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin: -6px 0 0;
  width: 12px;
  height: 12px;
  background: #fff;
  border: 2px solid #c7c7c7;
  border-radius: 100%;
}
.flight-card.en-vol .vol-program:before {
  content: "\f5b0";
}
.flight-card.vol-atterri .vol-program:before {
  content: "\f5af";
}
.flight-card.vol-annuler .vol-program:before {
  content: "\e069";
}
.flight-card.vol-annuler .vol-program:before,
.flight-card.vol-annuler .vol-program,
.flight-card.vol-annuler .plane-guide .plane i{
  color: #e57a2b;
}

.flight-card.vol-retard .vol-program:before,
.flight-card.vol-retard .vol-program,
.flight-card.vol-retard .plane-guide .plane i{
  color: #e2001a;
}

.flight-card.vol-retard .vol-program:before {
  content: "\e556";
}
.flight-card.vol-atterri .plane-guide .plane i{
  left: inherit;
  right: -10px;
}
.flight-card.vol-atterri .plane-guide .plane i{
  left: inherit;
  right: -10px;
}
.flight-card.vol-atterri .plane-guide:before {
  background: #60a511;
}
.flight-card.vol-atterri .plane-guide:after{
  display: none;
}

.flight-card.vol-atterri .plane-guide .plane:before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin: -6px 0 0;;
  color: #60a511;
  height: 12px;
  border-radius: 100%;
  width: 12px;
  background-color: #60a511;
  border: 0;
}

.flight-card.en-vol .plane-guide .plane:before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin: -6px 0 0;;
  color: #a6a6a8;
  height: 12px;
  border-radius: 100%;
  width: 12px;
  background-color: #a6a6a8;
  border: 0;
}
.flight-card.en-vol .plane-guide .plane i{
  left: 43%;
}

.flight-card.en-vol .plane-guide .plane .plane-after{
  content: "";
  position: absolute;
  right: 45%;
  left: 7px;
  top: 50%;
  height: 2px;
  background: #a6a6a8;
}

.vol-en-cours .wrappers-form-filter form{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.vol-en-cours .wrappers-form-filter fieldset input{
  font-size: 16px;
  text-align: left;
  color: #666;
  border-radius: 3px;
  border: solid 1px #9ccaeb;
  height: 56px;
  padding: 22px 16px 6px 20px;
}
.vol-en-cours .wrappers-form-filter fieldset label{
  position: absolute;
  top: 0;
  margin: 16px 16px 16px 20px;
  -webkit-transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out;
  transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out;
  font-size: 1rem;
  text-align: left;
  color: #666;
}
.vol-en-cours .wrappers-form-filter button#edit-submit::before {
  display: none;
}
.vol-en-cours .wrappers-form-filter form fieldset label.active {
  top: -10px;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  z-index: 9;
  color: #a6a6a8;
  margin: 16px 16px 16px 44px;
}
.vol-en-cours .wrappers-form-filter form fieldset.form-item-status-vol label.active,
.vol-en-cours .wrappers-form-filter form fieldset.form-item-order-by label.active
{
  margin-left: 20px;
}
.vol-en-cours .wrappers-form-filter form .form-item-num-vol label.active{
  margin: 16px 16px 16px 20px;
}
#vols-en-cours-vols-filter .select2-container .select2-selection--single .select2-selection__rendered{
  padding-left: 0;
  text-transform: uppercase;
}
.vol-en-cours .wrappers-form-filter .form-actions{
  margin-bottom: 0;
  display: flex;
}
.vol-en-cours .wrappers-form-filter button#edit-submit {
  display: inline-block;
  width: 100%;
  border-radius: 3px;
  background-color: #005eb8;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  padding: 15px;
}
.wrappers-form-filter {
  background: #022744;
  padding: 32px 16px;
  margin-bottom: 72px;
  border-radius: 8px;
  box-shadow: 0 0.25rem 0.875rem 0 rgb(0 0 0 / 10%);
}
.vol-en-cours .wrappers-form-filter .wrapper-fields{
  width: 66%;
  position: relative;
}
.vol-en-cours .wrappers-form-filter .wrapper-fields fieldset{
  width: calc(50% - 15px);
}
.vol-en-cours .wrappers-form-filter fieldset {
  position: relative;
  width: calc(33.33% - 15px);
  margin-right: 15px;
  float: left;
  margin-bottom: 0;

}
body.path-vols-en-cours .dialog-off-canvas-main-canvas .main-content-interne {
  padding-top: 0;
  padding-bottom: 0;
}
body.path-vols-en-cours .dialog-off-canvas-main-canvas {
  overflow-x: hidden;
}
.vol-en-cours .header{
  background-color: #9ccaeb26;
  padding-top: 72px;
  padding-bottom: 48px;
  margin-bottom: 48px;
  position: relative;
}
.vol-en-cours .header::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  right: 100%;
  background-color: #9ccaeb26;
  z-index: -1;
}
.vol-en-cours .header::after{
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 100%;
  background-color: #9ccaeb26;
  z-index: -1;
}
.vol-en-cours .wrappers-form-filter fieldset .select2-container {

  width: 100% !important

}
.select2-container--default .select2-selection--single{
  background-color: #fff;
}
#vols-en-cours-vols-filter .select2-container--default .select2-selection--single{
  font-size: 16px;
  text-align: left;
  color: #666;
  border-radius: 3px;
  border: solid 1px #9ccaeb;
  height: 56px;
  background-color: #fff;
  padding: 22px 16px 6px 44px;
}
#vols-en-cours-vols-filter  .status_vol{
  font-size: 16px;
  text-align: left;
  color: #666;
  border-radius: 3px;
  border: solid 1px #9ccaeb;
  height: 56px;
  background: #fff;
}
#vols-en-cours-vols-filter .nice-select .current{
  position: absolute;
  top: 0;
  margin: 16px 16px 16px 20px;
  -webkit-transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out;
  transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out;
  font-size: 1rem;
  text-align: left;
  color: #666;
}
#vols-en-cours-vols-filter .nice-select:after{
  height: 8px;
  width: 8px;
  border-color: #444;
}

.select2-results__options .box-pays {
  padding: 16px 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
  border-bottom: 1px solid #e5e5e5;
}
.select2-results__options .box-pays .pay-name {
  position: relative;
  flex: 1;
  padding-left: 40px;
  font-size: 17px;
  text-transform: uppercase;
}
.select2-results__options .flight-status .box-pays .pay-name{
  padding-left: 0;
}
.select2-results__options .box-pays .code-name {
  color: #022744;
  font-size: 13px;
  font-style: italic;
}
.select2-results__options .box-pays .pay-name .txt-highlight {
  color: #e2001a;
}
.select2-results__option {
  padding: 0 !important;
}
.destination .box-pays .pay-name:before {
  position: absolute;
  content: url(../images/planelanding.png);
  top: 0;
  left: 0;
}
.depart .box-pays .pay-name:before, .depart .box-pays .pay-name:before {
  position: absolute;
  content: url(../images/planetakeoff.png);
  top: 0;
  left: 0;
}
.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #ddd !important;
  color: #000 !important;
}
#vols-en-cours-vols-filter .form-item-escale-depart .select2-selection--single {
  background: #fff url(../images/planetakeoff.png) 5% center no-repeat;
}
#vols-en-cours-vols-filter .form-item-status-vol .select2-selection--single,
#vols-en-cours-vols-filter .form-item-order-by .select2-selection--single {
  background: #fff;
  padding-left: 20px;
}
.wrappers-form-filter .form-actions {
  position: relative;
}
.wrappers-form-filter .swap{
  position: absolute;
  color: #fff;
  background-color: #005eb8;
  border: 1px solid #005eb8;
  border-radius: 50%;
  display: inline-block;
  width: 28px;
  height: 28px;
  left:  calc(50% - 22px);
  z-index: 19;
  text-align: center;
  line-height: 28px;
  top: 14px;
  transition: transform 450ms,-webkit-transform 450ms;
  cursor: pointer;
}
.wrappers-form-filter .swap.active{
  transform: rotate(180deg);
}
.wrappers-form-filter .swap:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  right: 0;
  content: "\f362";
  font-size: 14px;
}
.wrappers-form-filter .form-actions #edit-reset {
  font-size: 0;
  text-indent: -999em;
  width: auto;
  background: transparent;
  border: none;
  padding: 0;
  margin-right: 0;
  /* position: absolute;
  right: -56px;
  top: 10px; */
}
.wrappers-form-filter .form-actions #edit-reset::before {
  display: none;
}
.wrappers-form-filter .form-actions #edit-reset:after {
  content: '\f1b9';
  font-family: 'Material-Design-Iconic-Font';
  display: block;
  font-size: 30px;
  text-align: center;
  text-indent: 0;
  color: #fff;
  cursor: pointer;
  padding: 0 8px;
  position: relative;
  top: 0;
  width: 40px;
  height: 40px;
  transition: all 0.5s ease;
}
.wrappers-form-filter .form-actions #edit-reset:hover:after {
  transform: rotate(90deg);
}
@media (max-width: 991px) {
  .vol-en-cours .wrappers-form-filter .wrapper-fields{
    width: 100%;
  }
  .vol-en-cours .wrappers-form-filter .wrapper-fields fieldset{
    width: calc(100% - 15px);
  }
  .wrappers-form-filter   .swap{
    rotate: 90deg;
    left: inherit;
    right: 12px;
    top: 48px;
  }
  #vols-en-cours-vols-filter .form-item-escale-depart .select2-selection--single {
    background: #fff url(../images/planetakeoff.png) 2% center no-repeat;
  }
  #vols-en-cours-vols-filter .form-item-escale-arrivee .select2-selection--single {
    background: #fff url(../images/planelanding.png) 2% center no-repeat;
  }
  .wrappers-form-filter .form-actions #edit-reset {
    right: 50%;
    top: 50px;
  }
  .wrappers-form-filter .form-actions #edit-reset:after{
    color: #fff;
    padding: 16px 0;
  }
  .vol-en-cours .wrappers-form-filter form {
    flex-wrap: wrap;
  }
  .vol-en-cours .wrappers-form-filter fieldset{
    /* width: calc(50% - 16px); */
    width: 100%;
    margin:0 8px 15px;
    /* margin-bottom: 15px; */
  }
  .vol-en-cours .wrappers-form-filter .select2-container{
    width: calc(50% - 16px);
  }
  .vol-en-cours .wrappers-form-filter .form-actions {
    width: calc(100% - 16px);
    margin: auto;
    flex-wrap: wrap;
    justify-content: center;
  }

}
@media (max-width: 767px) {
  .vol-en-cours .wrappers-form-filter .wrapper-fields fieldset{
    width: 100%;
  }
  .flight-card .bordred {
    border-left: none;
    border-top: 1px solid #e5e5e5;
  }
  .vol-en-cours .wrappers-form-filter form {
    flex-direction: column;
    align-items: inherit;
  }
  .vol-en-cours .wrappers-form-filter fieldset{
    width: 100%;
    margin: 0;
    margin-bottom: 16px;
  }
  .vol-en-cours .wrappers-form-filter .select2-container{
    width: 100% !important;
  }
  .vol-en-cours .wrappers-form-filter .form-actions {
    width: 100%;
  }
  .flight-card {
    /* background-color: #9ccaeb26; */
  }
  .vol-en-cours .label-date{
    font-size: 32px;
  }
}

@media (max-width: 480px) {

  .flight-card .plane-guide {
    width: 20%;
  }
  .flight-card .dates{
    font-size: 16px;
  }
  .flight-card .flight-places .place{
    font-size: 18px;
  }
  .flight-card .dates .date-prog span, .flight-card .dates .date-estime span{
    font-size: 10px;
  }
  .flight-card .etat-vol,
  .flight-card .num-vol{
    font-size: 18px;
  }
  .flight-card .etat-vol{
    margin-top: 18px;
  }
}