@charset "UTF-8";
/*
*=variables
*
*/
/*
**=charte couleurs par défaut
* variables
*/
/**
 * Override Boostrap variables
 */
/*
$font-size-h4:            1rem;
$font-size-h5:            pxToRem(12);
$font-size-h6:            pxToRem(10);
*/
/*****************************************/
/*****************************************/
/*****************************************/
/*****************************************/
/* grand menu */
/* tableau */
/* header */
/* footer */
/* calendar */
/*=assistant de saisie - etapier  */
/*=accordeon  */
/*
**=charte interne
* variables
*/
/* grand menu */
/* tableau */
/* header */
/*footer*/
/**
 * Fichier regroupant tous les includes
 */
/*
*=bdf-grand-menu
*
*/
/* -------------- main nav -------------- */
.bdf-grand-menu {
  display: block;
}
.bdf-grand-menu nav.bdf-navigation {
  margin: auto;
  background: #003b7d;
  border-bottom: 9px solid #005ca9;
}
.bdf-grand-menu .fa.fa-bars {
  font-size: 24px;
}
.bdf-grand-menu .navbar-toggler {
  border: none;
  width: 44px;
  height: 44px;
  left: 0;
  top: 8px;
}
.bdf-grand-menu .bdf-navigation--part {
  position: relative;
}
.bdf-grand-menu .bdf-menu-hamburger {
  display: none;
}
@media (max-width: 991.98px) {
  .bdf-grand-menu {
    display: flex;
  }
  .bdf-grand-menu nav.bdf-navigation {
    position: absolute;
    display: block;
    left: -270px;
    top: 0;
    width: 270px;
    min-height: 100vh;
    height: 100%;
    z-index: 3;
  }
  .bdf-grand-menu .bdf-menu-hamburger {
    display: inline-block;
    position: absolute;
    left: 0;
    height: 0;
    top: 0;
    z-index: 2;
  }
}

@media (max-width: 991.98px) {
  body.bdf-grand-menu-body-opened {
    transform: translateX(270px);
  }
  body.bdf-grand-menu-body-opened nav.bdf-navigation::after {
    content: "";
    display: none;
    width: 100vw;
    height: 100%;
    top: 0;
    position: absolute;
    right: -100vw;
    opacity: 0;
    transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
  }
  body.bdf-grand-menu-body-opened nav.bdf-navigation::after {
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 1;
    display: block;
  }
}
.bdf-grand-menu .bdf-grand-menu-ul .bdf-grand-menu-li button.bdf-navigation__link {
  background-color: transparent;
  outline: 0;
  border: 0;
  cursor: pointer;
  text-align: left;
}

.bdf-grand-menu .bdf-grand-menu-ul .bdf-grand-menu-li button.bdf-navigation__link:hover {
  outline: none;
}

.bdf-grand-menu .bdf-grand-menu-ul .bdf-grand-menu-li button.bdf-navigation__link:focus {
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
}

.bdf-grand-menu .bdf-grand-menu-ul {
  display: flex;
  flex-direction: row;
  padding: 0;
}
@media (max-width: 991.98px) {
  .bdf-grand-menu .bdf-grand-menu-ul {
    flex-direction: column;
  }
}

.bdf-grand-menu .bdf-grand-menu-ul .bdf-grand-menu-li {
  display: flex;
}
.bdf-grand-menu .bdf-grand-menu-ul .bdf-grand-menu-li a, .bdf-grand-menu .bdf-grand-menu-ul .bdf-grand-menu-li button {
  color: #fff;
  text-transform: uppercase;
  line-height: 50px;
  text-decoration: none;
  padding: 0 24px;
  font-weight: 600;
  font-size: 0.9142857143rem;
}
.bdf-grand-menu .bdf-grand-menu-ul .bdf-grand-menu-li.active a, .bdf-grand-menu .bdf-grand-menu-ul .bdf-grand-menu-li a:hover, .bdf-grand-menu .bdf-grand-menu-ul .bdf-grand-menu-li.selected a {
  background-color: #005ca9;
  outline: none;
}
.bdf-grand-menu .bdf-grand-menu-ul .bdf-grand-menu-li button:hover {
  background-color: #005ca9;
  outline: none;
}
.bdf-grand-menu .bdf-grand-menu-ul .bdf-grand-menu-li a:focus {
  outline: 1px dotted #212121 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
}
.bdf-grand-menu .bdf-grand-menu-ul .bdf-grand-menu-li button[aria-expanded=true] {
  background-color: #005ca9;
}
.bdf-grand-menu .bdf-grand-menu-ul .bdf-grand-menu-li .bdf-navigation__link .bdf-icon-arrow-right::before, .bdf-grand-menu .bdf-grand-menu-ul .bdf-grand-menu-li .bdf-navigation__link .carousel-control-next-icon::before {
  position: absolute;
  right: 1rem;
  top: 1rem;
  font-size: 0.7142857143rem;
}
@media (max-width: 991.98px) {
  .bdf-grand-menu .bdf-grand-menu-ul .bdf-grand-menu-li .bdf-navigation__link {
    position: relative;
    flex-basis: 100%;
    line-height: 3.3;
    font-size: 0.9285714286rem;
  }
  .bdf-grand-menu .bdf-grand-menu-ul .bdf-grand-menu-li .bdf-navigation__link:after {
    content: "";
    display: flex;
    flex-basis: 100%;
    position: relative;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #22548c;
  }
}
@media screen and (max-width: 1200px) {
  .bdf-grand-menu .bdf-grand-menu-ul .bdf-grand-menu-li a {
    padding: 0 12px;
  }
}

.bdf-grand-menu .bdf-grand-menu-ul .bdf-grand-menu-li.selected button.bdf-navigation__link,
.bdf-grand-menu .bdf-grand-menu-ul .bdf-grand-menu-li.active button.bdf-navigation__link {
  background-color: #005ca9 !important;
}

/* Enlever la bordure en bas de la charte interne et retour en ligne des elements du menu */
@media (min-width: 992px) and (max-width: 1200px) {
  .bdf-grand-menu .bdf-grand-menu-ul .bdf-grand-menu-li a {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
.theme-interne .bdf-grand-menu nav.bdf-navigation {
  border-bottom: 0px !important;
}

.bdf-grand-menu .bdf-grand-menu-selected-dropdown {
  display: block;
  background-color: #005ca9;
}
.bdf-grand-menu .bdf-grand-menu-selected-dropdown .bdf-icon-arrow-left::before, .bdf-grand-menu .bdf-grand-menu-selected-dropdown .carousel-control-prev-icon::before {
  font-size: 0.8571428571rem;
}
.bdf-grand-menu .bdf-grand-menu-selected-dropdown .container {
  display: flex;
  flex-direction: row;
}
.bdf-grand-menu .bdf-grand-menu-selected-dropdown .bdf-presentation-part {
  display: block;
}
.bdf-grand-menu .bdf-grand-menu-selected-dropdown .bdf-presentation-part h2, .bdf-grand-menu .bdf-grand-menu-selected-dropdown .bdf-presentation-part p {
  color: #ffffff;
}
.bdf-grand-menu .bdf-grand-menu-selected-dropdown .bdf-presentation-part h2 {
  font-size: 1.57rem;
}
.bdf-grand-menu .bdf-grand-menu-selected-dropdown .bdf-action-part {
  padding-top: 2.8571428571rem;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 1.4285714286rem;
  /**
   * Accessiblity for tab key
   */
}
.bdf-grand-menu .bdf-grand-menu-selected-dropdown .bdf-action-part a {
  display: block;
  padding: 17px 0;
  margin: 0;
  position: relative;
  top: 1px;
  border-bottom: 1px solid #2270b1;
  font-weight: 600;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.42857;
  text-align: left;
  text-transform: none;
  text-decoration: none;
}
.bdf-grand-menu .bdf-grand-menu-selected-dropdown .bdf-action-part li:hover .text {
  text-decoration: underline;
}
.bdf-grand-menu .bdf-grand-menu-selected-dropdown .bdf-action-part li a:focus {
  text-decoration: underline;
}
.bdf-grand-menu .bdf-grand-menu-selected-dropdown .bdf-action-part li .text {
  font-weight: 400;
  padding: 0;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.bdf-grand-menu .bdf-grand-menu-selected-dropdown .bdf-action-part ul.bdf-submenu__ul {
  padding: 0;
  column-count: 2;
  -moz-column-count: 2;
  column-gap: 2.1rem;
  -moz-column-gap: 2.1rem;
  /**
   * Utility classes
   */
}
.bdf-grand-menu .bdf-grand-menu-selected-dropdown .bdf-action-part ul.bdf-submenu__ul.tree-column {
  column-count: 3;
  -moz-column-count: 3;
}
.bdf-grand-menu .bdf-grand-menu-selected-dropdown .bdf-action-part ul.bdf-submenu__ul.hidden {
  visibility: hidden;
  margin: 0;
  padding: 0;
  height: 0;
}
.bdf-grand-menu .bdf-grand-menu-selected-dropdown .bdf-action-part ul.bdf-submenu__ul li {
  display: inline-block;
  width: 100%;
  border-top: 1px solid #2270b1;
  padding: 0 !important;
  text-align: left !important;
  transform: translateZ(0);
}
.bdf-grand-menu .bdf-grand-menu-selected-dropdown.visible {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.bdf-grand-menu .bdf-grand-menu-selected-dropdown.hidden {
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 768px) {
  .bdf-grand-menu .bdf-grand-menu-selected-dropdown {
    position: absolute;
    z-index: 1;
    width: 100%;
    transition: all 0.3s;
  }
}
@media (max-width: 991.98px) {
  .bdf-grand-menu .bdf-grand-menu-selected-dropdown {
    left: 0px;
    top: 0;
    padding: 0;
    position: absolute;
    width: 270px;
    z-index: 3;
    height: 100%;
    background: #003b7d;
    width: 100%;
  }
  .bdf-grand-menu .bdf-grand-menu-selected-dropdown.visible {
    transition: all 0.3s;
    transform: translateX(0);
  }
  .bdf-grand-menu .bdf-grand-menu-selected-dropdown.hidden {
    transition: all 0.3s;
    transform: translateX(-270px);
  }
  .bdf-grand-menu .bdf-grand-menu-selected-dropdown .container {
    padding: 0;
  }
  .bdf-grand-menu .bdf-grand-menu-selected-dropdown .bdf-presentation-part {
    display: none;
  }
  .bdf-grand-menu .bdf-grand-menu-selected-dropdown .bdf-action-part {
    max-width: 100%;
    flex-basis: 100%;
    padding: 0;
    background: #003b7d;
  }
  .bdf-grand-menu .bdf-grand-menu-selected-dropdown .bdf-action-part div.bdf-list-submenu {
    height: 0;
  }
  .bdf-grand-menu .bdf-grand-menu-selected-dropdown .bdf-action-part ul.bdf-submenu__ul {
    background: #005ca9;
    column-count: 1;
    -moz-column-count: 1;
  }
  .bdf-grand-menu .bdf-grand-menu-selected-dropdown .bdf-action-part ul.bdf-submenu__ul.tree-column {
    column-count: 1;
    -moz-column-count: 1;
  }
  .bdf-grand-menu .bdf-grand-menu-selected-dropdown .bdf-action-part ul.bdf-submenu__ul.hidden {
    height: auto;
    transition: all 0.3s;
  }
  .bdf-grand-menu .bdf-grand-menu-selected-dropdown .bdf-action-part ul.bdf-submenu__ul li {
    width: calc(100% - 2rem);
    margin-left: 1rem;
    border-top: none;
  }
  .bdf-grand-menu .bdf-grand-menu-selected-dropdown .bdf-action-part ul.bdf-submenu__ul li a {
    padding: 15px 12px;
  }
  .bdf-grand-menu .bdf-grand-menu-selected-dropdown .bdf-action-part ul.bdf-submenu__ul li:last-child a {
    border-bottom: none;
  }
  .bdf-grand-menu .bdf-grand-menu-selected-dropdown .bdf-action-part .bdf-submenu__selected-menu .bdf-submenu__selected-menu-item {
    display: block;
    padding: 17px 0 17px 40px;
    margin: 0;
    position: relative;
    top: 1px;
    background: #005ca9;
    font-weight: 600;
    font-size: 1rem;
    color: #fff;
    transition: all 0.3s ease;
    line-height: 1.42857;
    text-align: left;
    text-transform: none;
  }
  .bdf-grand-menu .bdf-grand-menu-selected-dropdown .bdf-action-part .bdf-submenu__selected-menu .bdf-submenu__icon {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    font-weight: 100;
    position: absolute;
    left: -0.6rem;
    font-size: 1.2rem;
  }
}

/**
 * Animation fermeture dans le cas d'un sous menu ouvert
 * -> fermeture sous menu, puis animation fermeture menu
 */
@media (max-width: 991.98px) {
  .bdf-grand-menu .bdf-grand-menu-selected-dropdown.hidden {
    transition-delay: 0.3s;
  }
}
/**
  * Pas de délai de transition si le grand menu reste ouvert 
  * (fermeture simple d'un sous menu)
  */
@media (max-width: 991.98px) {
  body.bdf-grand-menu-body-opened .bdf-grand-menu .bdf-grand-menu-selected-dropdown.hidden {
    transition-delay: 0s !important;
  }
}
.bdf-wizard {
  margin-bottom: 18px;
}
.bdf-wizard .bdf-wizard-section .bdf-link-previous, .bdf-wizard .bdf-wizard-section .bdf-link-next {
  font-weight: 600;
  background-color: #ffffff;
}
.bdf-wizard .bdf-wizard-section .bdf-link-separator:before {
  content: "|";
}
.bdf-wizard .bdf-wizard-section div.bdf-button-nav, .bdf-wizard .bdf-wizard-section div.bdf-button-actions {
  display: inline-block;
}
.bdf-wizard .bdf-wizard-section .bdf-step-action {
  float: right;
  padding-top: 12px;
  padding-bottom: 10px;
}
.bdf-wizard .bdf-wizard-section .bdf-step-action button {
  margin-right: 1rem;
}
.bdf-wizard .bdf-charte-clearboth {
  clear: both;
}
@media (max-width: 360px) {
  .bdf-wizard .bdf-step-action div.bdf-button-actions, .bdf-wizard .bdf-step-action div.bdf-button-nav {
    display: flex;
    justify-content: flex-end;
  }
}
.bdf-wizard .bdf-link-next:focus, .bdf-wizard .bdf-link-previous:focus {
  text-decoration: underline;
}

.bdf-wizard-tabset {
  margin-bottom: 18px;
  /**
   * Content tabset
   */
  /**
   * Head tabset
   */
  /* tab styles for small screen */
}
.bdf-wizard-tabset .bdf-wizard-tabset-content {
  margin: 22px 0px 22px 0px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #f7f5f3;
  min-height: 50px;
}
.bdf-wizard-tabset .bdf-wizard-tabset-content .active {
  display: block;
}
.bdf-wizard-tabset .bdf-wizard-tabset-head {
  background-color: #f7f5f3;
  display: flex;
  /**
   * Substep
   */
}
.bdf-wizard-tabset .bdf-wizard-tabset-head .bdf-steps {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  flex-direction: row;
}
.bdf-wizard-tabset .bdf-wizard-tabset-head .bdf-steps ul {
  display: block;
  height: 0px;
}
.bdf-wizard-tabset .bdf-wizard-tabset-head .bdf-steps li {
  position: relative;
  float: left;
  padding: 6px 25px;
  margin: 0;
  color: #000000;
  cursor: default;
  background: #c8c8c8;
  font-weight: 600;
  outline: none;
  /**
   * State "done"
   */
  /**
   * State "active"
   */
  /* ligne de séparation des chevrons */
}
.bdf-wizard-tabset .bdf-wizard-tabset-head .bdf-steps li.done {
  color: #FFFFFF;
  background: #65758B;
  font-weight: 600;
}
.bdf-wizard-tabset .bdf-wizard-tabset-head .bdf-steps li.done.noback {
  cursor: default;
}
.bdf-wizard-tabset .bdf-wizard-tabset-head .bdf-steps li.done .bdf-chevron:before {
  border-left: 14px solid #65758B;
}
.bdf-wizard-tabset .bdf-wizard-tabset-head .bdf-steps li.active {
  background: #003b7d;
  color: white;
  font-weight: 600;
}
.bdf-wizard-tabset .bdf-wizard-tabset-head .bdf-steps li.active .bdf-chevron {
  border-left: 14px solid #003b7d;
}
.bdf-wizard-tabset .bdf-wizard-tabset-head .bdf-steps li.active .bdf-chevron:before {
  border-left: 14px solid #003b7d;
}
.bdf-wizard-tabset .bdf-wizard-tabset-head .bdf-steps li.active .bdf-chevron:after {
  border-left: 14px solid white;
}
.bdf-wizard-tabset .bdf-wizard-tabset-head .bdf-steps li .bdf-chevron {
  position: absolute;
  top: 0;
  right: -14px;
  display: block;
  border: 21px solid transparent;
  border-right: 0;
  border-left: 14px solid #ffffff;
  z-index: 1;
  /* corps du chevron */
}
.bdf-wizard-tabset .bdf-wizard-tabset-head .bdf-steps li .bdf-chevron:before {
  position: absolute;
  top: -20px;
  right: 1px;
  display: block;
  border: 20px solid transparent;
  border-right: 0;
  border-left: 14px solid #c8c8c8;
  content: "";
}
.bdf-wizard-tabset .bdf-wizard-tabset-head .bdf-badge {
  margin-right: 8px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  border: 2px solid #ffffff;
  height: 30px;
  width: 30px;
  background-color: #ffffff;
  border-radius: 50%;
  line-height: inherit;
  color: #555555;
  border-color: #9B9B9B;
}
.bdf-wizard-tabset .bdf-wizard-tabset-head li.active .bdf-badge {
  background-color: #00244D;
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.bdf-wizard-tabset .bdf-wizard-tabset-head li.done .bdf-badge {
  background-color: #344c67;
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.bdf-wizard-tabset .bdf-wizard-tabset-head .bdf-steps li.bdf-wizard__list-item {
  position: relative;
}
.bdf-wizard-tabset .bdf-wizard-tabset-head .wizard-2levels-root {
  position: relative;
  display: flex;
  width: 50%;
  left: 60%;
  top: -4px;
  transform: translateX(-50%);
}
.bdf-wizard-tabset .bdf-wizard-tabset-head .wizard-2levels-bg {
  position: absolute;
  display: flex;
  border: white solid 1px;
  width: 100%;
}
.bdf-wizard-tabset .bdf-wizard-tabset-head .wizard-2levels-part {
  position: absolute;
  left: 0;
  display: flex;
  border: #3b7ed9 solid 1px;
}
@media (max-width: 767.98px) {
  .bdf-wizard-tabset .bdf-wizard-tabset-head {
    flex-direction: column;
  }
  .bdf-wizard-tabset .bdf-wizard-tabset-head .bdf-steps li.bdf-wizard__list-item {
    padding-left: 17px;
    padding-right: 0;
    width: 100%;
    text-align: center;
  }
  .bdf-wizard-tabset .bdf-wizard-tabset-head .bdf-wizard__mobile-active-step {
    text-align: center;
    background: #003b7d;
    color: white;
    font-weight: 600;
  }
  .bdf-wizard-tabset .bdf-wizard-tabset-head .bdf-steps li:last-of-type .bdf-chevron, .bdf-wizard-tabset .bdf-wizard-tabset-head .bdf-steps li.bdf-wizard__list-item .bdf-wizard__text {
    display: none;
  }
  .bdf-wizard-tabset .bdf-wizard-tabset-head .wizard-2levels-root {
    display: none;
  }
}
@media (max-width: 360px) {
  .bdf-wizard-tabset .bdf-wizard-tabset-head .bdf-steps li.bdf-wizard__list-item {
    padding-left: 15px;
  }
  .bdf-wizard-tabset .bdf-wizard-tabset-head .bdf-badge {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .bdf-wizard-tabset .bdf-wizard-tabset-head .bdf-wizard__mobile-active-step {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .bdf-wizard-tabset .bdf-wizard-tabset-head .bdf-wizard__text {
    display: none;
  }
  .bdf-wizard-tabset .bdf-wizard-tabset-head .active .bdf-wizard__text {
    display: inline-block;
  }
  .bdf-wizard-tabset .bdf-wizard-tabset-head .bdf-steps li.bdf-wizard__list-item {
    padding-left: 17px;
    padding-right: 0;
  }
}

.bdf-wizard-tab {
  margin-bottom: 18px;
  background-color: #f7f5f3;
  /*** Steps wizard ***/
  /* ligne de séparation des chevrons */
  /* corps du chevron */
  /**
   * gestion du chevron des étapes
   */
}
.bdf-wizard-tab .bdf-wizard-section .bdf-wizard-content {
  margin: 22px 0px 22px 0px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #f7f5f3;
  min-height: 50px;
}
.bdf-wizard-tab .bdf-wizard {
  background-color: #f7f5f3;
}
.bdf-wizard-tab .bdf-wizard:before,
.bdf-wizard-tab .bdf-wizard:after {
  display: table;
  line-height: 0;
  content: "";
}
.bdf-wizard-tab .bdf-wizard:after {
  clear: both;
}
.bdf-wizard-tab .bdf-steps {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  flex-direction: row;
}
.bdf-wizard-tab .bdf-steps li {
  position: relative;
  float: left;
  padding: 6px 30px;
  margin: 0;
  color: #000000;
  cursor: default;
  background: #c8c8c8;
  font-weight: 600;
  outline: none;
}
.bdf-wizard-tab .bdf-steps li .bdf-chevron {
  position: absolute;
  top: 0;
  right: -14px;
  display: block;
  border: 21px solid transparent;
  border-right: 0;
  border-left: 14px solid #ffffff;
}
.bdf-wizard-tab .bdf-steps li .bdf-chevron:before {
  position: absolute;
  top: -20px;
  right: 1px;
  display: block;
  border: 20px solid transparent;
  border-right: 0;
  border-left: 14px solid #c8c8c8;
  content: "";
}
.bdf-wizard-tab .bdf-steps li.done {
  color: #FFFFFF;
  background: #65758B;
  font-weight: 600;
}
.bdf-wizard-tab .bdf-steps li.done.noback {
  cursor: default;
}
.bdf-wizard-tab .bdf-steps li.done .bdf-chevron:before {
  border-left: 14px solid #65758B;
}
.bdf-wizard-tab .bdf-steps li.active {
  background: #003b7d;
  color: white;
  font-weight: 600;
}
.bdf-wizard-tab .bdf-steps li.active .bdf-chevron {
  border-left: 14px solid #003b7d;
}
.bdf-wizard-tab .bdf-steps li.active .bdf-chevron:before {
  border-left: 14px solid #003b7d;
}
.bdf-wizard-tab .bdf-steps li.active .bdf-chevron:after {
  border-left: 14px solid white;
}
.bdf-wizard-tab .bdf-steps li .bdf-badge {
  margin-right: 8px;
}
.bdf-wizard-tab .bdf-steps li .bdf-chevron {
  z-index: 1;
}
.bdf-wizard-tab .bdf-steps li:nth-child(1) {
  padding-left: 20px;
}
.bdf-wizard-tab .bdf-wizard-section .bdf-link-previous, .bdf-wizard-tab .bdf-wizard-section .bdf-link-next {
  font-weight: 600;
}
.bdf-wizard-tab .bdf-wizard-section div.bdf-button-nav, .bdf-wizard-tab .bdf-wizard-section div.bdf-button-actions {
  display: inline-block;
}
.bdf-wizard-tab .bdf-wizard-section .bdf-step-action {
  float: right;
  padding-top: 12px;
  padding-bottom: 10px;
}
.bdf-wizard-tab .bdf-wizard-section .bdf-step-action button {
  margin-right: 1rem;
}
.bdf-wizard-tab .wizard-2levels-part-full {
  position: relative;
}
.bdf-wizard-tab .wizard-2levels-part-full:before, .bdf-wizard-tab .wizard-2levels-part-full:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 3px;
}
.bdf-wizard-tab .wizard-2levels-part-full:before {
  width: 100%;
  background-color: #3b7ed9;
  z-index: 1;
}
.bdf-wizard-tab .wizard-2levels-part-full:after {
  width: 100%;
  background-color: white;
}
.bdf-wizard-tab .bdf-wizard-content section {
  display: none;
}
.bdf-wizard-tab .bdf-wizard-content .active {
  display: block;
}
.bdf-wizard-tab .bdf-charte-align-right {
  float: right;
}
.bdf-wizard-tab .bdf-charte-align-left {
  float: left;
}
.bdf-wizard-tab .bdf-charte-clearboth {
  clear: both;
}

.bdf-accordeon {
  margin: 0.7142857143rem 0;
}
.bdf-accordeon .card {
  border-color: transparent;
  border-radius: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
  overflow: visible;
}
.bdf-accordeon .card .card-header {
  margin-bottom: 2px;
  background-color: #f6f7fb;
  border-color: transparent;
  border-left: 2px solid #175ba6;
  border-radius: 0;
  background-image: none;
  transition: all 0.3s ease-in;
  padding: 0;
}
.bdf-accordeon .card .card-header button {
  border-radius: 0;
  font-weight: 600;
  color: #175ba6;
  text-decoration: none;
  display: inline-block;
  padding: 0.75rem 1.25rem;
  width: 100%;
}
.bdf-accordeon .card .card-header button span:not(.accordeon-icon) {
  float: left;
}
.bdf-accordeon .card .card-header button .accordeon-icon {
  color: black;
  line-height: normal;
}
.bdf-accordeon .card .card-header button span.accordeon-icon:before {
  content: "";
}
.bdf-accordeon .card .card-header button[aria-expanded=true] {
  background-color: #175ba6;
  color: white;
}
.bdf-accordeon .card .card-header button[aria-expanded=true] .accordeon-icon {
  color: white;
}
.bdf-accordeon .card .card-header button[aria-expanded=true] span.accordeon-icon:before {
  content: "";
}
.bdf-accordeon .card .card-header button:focus {
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
}

/**
*=outil view bdf-actions-bar
*
*/
.bdf-actions-bar {
  display: flex;
  flex: 1;
  align-items: flex-start;
  height: 3.5714285714rem;
  padding: 0 0.5714285714rem;
  background-color: rgba(146, 146, 146, 0.7);
  text-align: right;
}
.bdf-actions-bar .bdf-actions-bar__button:first-child {
  margin-left: auto;
}

.bdf-actions-bar__button {
  position: relative;
  padding: 0.5714285714rem 2.8571428571rem 0.5714285714rem 1.4285714286rem;
  margin-left: 0.5714285714rem;
  margin-right: 0.5714285714rem;
  display: inline-block;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 0.9285714286rem;
}
.bdf-actions-bar__button:focus, .bdf-actions-bar__button:hover {
  color: #ffffff;
  text-decoration: none;
  outline-color: transparent;
}

.bdf-actions-bar__icon {
  position: absolute;
  top: 0.5714285714rem;
  right: 0.9285714286rem;
  font-size: 1.2142857143rem;
}

/* popin  */
.bdf-popin-actions-bar {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  height: 3.5714285714rem;
  padding: 0 0.5714285714rem;
  /*background-color: rgba(146,146,146,0.7);*/
  /*text-align: right;*/
}
.bdf-popin-actions-bar .bdf-actions-bar__button:first-child {
  margin-left: auto;
}

.bdf-popin-actions-bar__button {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 0.5714285714rem;
  margin-right: 0.5714285714rem;
  display: inline-block;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 0.9285714286rem;
}
.bdf-popin-actions-bar__button:focus, .bdf-popin-actions-bar__button:hover {
  color: #ffffff;
  text-decoration: none;
  /*background: $brand-primary;*/
  outline-color: transparent;
}
.bdf-popin-actions-bar__button [class^=bdf-icon-] {
  position: relative;
  top: 0.1428571429rem;
  left: 0.1428571429rem;
  font-size: 1.2142857143rem;
}

/**
*=alert
*
*/
/* surcharge alert boostrap*/
.alert {
  position: relative;
  padding: 0.7142857143rem 4.2857142857rem;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.alert-success,
.alert-info,
.alert-warning,
.alert-danger {
  background-image: none;
  color: #222222;
}
.alert-success:before,
.alert-info:before,
.alert-warning:before,
.alert-danger:before {
  display: block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  position: absolute;
  left: 17.5px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 25px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.alert-success:before {
  content: "";
  font-family: "FontAwesome";
  font-weight: 400;
  color: #28a745;
}

.alert-info:before {
  content: "";
  font-family: "bdffont" !important;
  font-weight: 500;
  color: #17a2b8;
}

.alert-warning:before {
  content: "";
  font-family: "bdffont" !important;
  font-weight: 400;
  color: #dc3545;
}

.alert-danger:before {
  content: "";
  font-family: "FontAwesome";
  font-weight: 400;
  color: #dc3545;
}

/*
**=backtotop
*
*/
.bdf-backtotop {
  position: fixed;
  right: 1em;
  bottom: 2.2em;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.bdf-backtotop [type=button] {
  width: 3em;
  height: 3em;
  outline: none;
  border: 0;
  border-radius: 50%;
  cursor: default;
}
.bdf-backtotop [type=button]:focus {
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
}
.bdf-backtotop span::before {
  display: inline-block;
  font-size: 1.0714285714rem;
  transform: rotate(-90deg);
}
.bdf-backtotop.bdf-show {
  opacity: 1 !important;
}
.bdf-backtotop.bdf-show [type=button] {
  cursor: pointer !important;
}
.bdf-backtotop.bdf-backtotop--dark [type=button] {
  background-color: #76828f;
}
.bdf-backtotop.bdf-backtotop--dark span::before {
  color: #ffffff;
}
.bdf-backtotop.bdf-backtotop--light [type=button] {
  background-color: #f2f5f3;
}
.bdf-backtotop.bdf-backtotop--light span::before {
  color: #89929D;
}

/**
*=breadcrumb fil d'ariane
*
*/
/* surcharge composant angular breadcrumb */
.bdf-breadcrumb {
  /**
   * Bg color
   */
  /**
   * Each element
   */
  /**
   * Active element
   */
  /**
   * Element separator
   */
}
.bdf-breadcrumb ul.breadcrumb {
  background-color: transparent;
  padding-left: 0;
}
.bdf-breadcrumb ul.breadcrumb a.bdf-breadcrumb-lnk:focus {
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
}
.bdf-breadcrumb .breadcrumb-item {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #6a727a;
  font-size: 0.8571428571rem;
  font-weight: 600;
  transition: color 0.3s ease;
}
.bdf-breadcrumb .breadcrumb-item span {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
.bdf-breadcrumb .breadcrumb-item a {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  transition: inherit;
  text-decoration: underline;
}
.bdf-breadcrumb .breadcrumb-item a:focus, .bdf-breadcrumb .breadcrumb-item a:hover {
  color: #003b7d;
}
.bdf-breadcrumb .breadcrumb-item.active span {
  color: #003b7d;
  font-weight: 600;
}
.bdf-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: ">";
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #6a727a;
}

/**********************************/
/*=buttons*/
/**********************************/
.btn--bdf {
  background-color: #ffffff;
  border-radius: 0.1428571429rem;
  border-color: #003b7d;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #003b7d;
  text-transform: uppercase;
  text-decoration: none;
  backface-visibility: visible !important;
  /* Ecrasement du style externe pour permettre au style interne de cohabiter avec le style externe dans les vieux projets. */
  position: relative;
  overflow: hidden;
  backface-visibility: hidden;
}
.btn--bdf .btn-bdf-icon .fa {
  font-size: 1rem;
}
.btn--bdf.btn.active.focus, .btn--bdf.btn.active:focus, .btn--bdf.btn.focus, .btn--bdf.btn:active.focus, .btn--bdf.btn:active:focus, .btn--bdf.btn:focus {
  outline: thin solid;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  outline-color: RGBA(212, 68, 35, 0.4);
  outline: none;
}
.btn--bdf.btn.focus, .btn--bdf.btn:focus, .btn--bdf.btn:hover, .btn--bdf.btn:active {
  text-decoration: none;
}
.btn--bdf.active {
  background: #ffffff;
}
.btn--bdf:focus, .btn--bdf:hover {
  border-color: #003b7d;
  color: #ffffff;
  background-color: #003b7d;
  border: 1px solid transparent;
}
.btn--bdf[disabled] {
  background: #e9e9e9;
  color: #575757;
  cursor: not-allowed;
  border: 1px solid #575757;
  opacity: initial;
}
.btn--bdf.btn-sm, .btn--bdf.btn--bdf--sm {
  padding: 0.15rem 0.7rem;
  font-size: 0.8571428571rem;
  border-radius: 0.1428571429rem;
  text-transform: none;
  line-height: normal;
}
.btn--bdf::before {
  content: none;
  transition: none;
}
.btn--bdf.btn-lg, .btn--bdf.btn--bdf--lg {
  line-height: normal;
  padding: 0.75rem 1.5rem;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .disable-click {
    pointer-events: none;
  }
}
.btn-transparent {
  background: transparent;
  border: none;
}

.ngb-dp-weekday {
  color: #222222 !important;
  font-style: normal;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.65rem;
}

.ngb-dp-week > .ngb-dp-day:last-child,
.ngb-dp-week > .ngb-dp-day:nth-last-child(2) {
  background-color: #e3eefc;
}

.ngb-dp-day {
  text-shadow: 0 1px 0 #FFF;
}

.ngb-dp-day {
  background-color: transparent;
}
.ngb-dp-day .btn-light.bg-primary {
  width: 2.5rem !important;
  height: 2.2rem !important;
  line-height: 2.2rem !important;
  background-color: #003b7d !important;
}
.ngb-dp-day .btn-light.bg-primary:hover, .ngb-dp-day .btn-light.bg-primary:focus, .ngb-dp-day .btn-light.bg-primary:active {
  background-color: transparent;
  outline: none;
}
.ngb-dp-day:hover, .ngb-dp-day:focus, .ngb-dp-day:active {
  background-color: #eeeeee;
  outline: none;
}
.ngb-dp-day :hover, .ngb-dp-day :focus, .ngb-dp-day :active {
  background-color: transparent !important;
  outline: none;
}

.ngb-dp-day, .ngb-dp-weekday, .ngb-dp-week-number {
  width: 2.5rem !important;
  height: 2.2rem !important;
  line-height: 2.2rem;
}

.ngb-dp-header .btn-link {
  color: #000000;
}

.ngb-dp-header {
  background-color: #FFFFFF;
  border-bottom: 0 !important;
}

.input-group-append .btn {
  z-index: 0;
}

input[ngbdatepicker] + .input-group-append button.btn,
input[ngbdatepicker] + ngb-datepicker + .input-group-append button.btn {
  background-color: #eceeef;
  line-height: 0;
  padding: 0.25rem 0.5rem;
  cursor: pointer;
  color: #464a4c;
  border: 1px solid #cccccc;
  border-left: none;
}
input[ngbdatepicker] + .input-group-append button.btn:focus,
input[ngbdatepicker] + ngb-datepicker + .input-group-append button.btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
input[ngbdatepicker].form-control.ng-dirty.ng-invalid,
input[ngbdatepicker] + ngb-datepicker.form-control.ng-dirty.ng-invalid {
  border: 1px solid #a94442;
  border-right: none;
}
input[ngbdatepicker].form-control.ng-dirty.ng-invalid + .input-group-append,
input[ngbdatepicker] + ngb-datepicker.form-control.ng-dirty.ng-invalid + .input-group-append {
  border: 1px solid #a94442;
  border-left: none;
}

input[ngbdatepicker] + .input-group-append:hover button.btn, input[ngbdatepicker] + .input-group-append:focus button.btn,
input[ngbdatepicker] + ngb-datepicker + .input-group-append:hover button.btn,
input[ngbdatepicker] + ngb-datepicker + .input-group-append:focus button.btn {
  background-color: #003b7d;
  line-height: 0;
  padding: 0.25rem 0.5rem;
  cursor: pointer;
  border: 1px solid #cccccc;
  border-left: none;
}
input[ngbdatepicker] + .input-group-append:hover button.btn .bdf-icon-calendar, input[ngbdatepicker] + .input-group-append:focus button.btn .bdf-icon-calendar,
input[ngbdatepicker] + ngb-datepicker + .input-group-append:hover button.btn .bdf-icon-calendar,
input[ngbdatepicker] + ngb-datepicker + .input-group-append:focus button.btn .bdf-icon-calendar {
  color: #fff;
}

input[disabled][ngbdatepicker] + .input-group-append {
  pointer-events: none;
}

/* correctif disabled visual monthly calendar */
button.btnpicker.btnpickerdisabled:before {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  background: #cccccc;
}

input.selection.selectiondisabled {
  opacity: 1 !important;
  height: 100% !important;
}

.btnpicker.btnpickerdisabled {
  padding: 3px 9px !important;
}

.btnpicker.btnpickerdisabled {
  background: #eceeef !important;
}

.form-group input, .input-group-sm > input.form-control {
  padding: 6px 12px;
}

.mydp {
  line-height: 1.1;
  display: inline-block;
  position: relative;
}

.mydp * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0;
}

.mydp,
.mydp .selectiongroup,
.mydp .selection,
.mydp .selector,
.mydp .headertodaybtn {
  border-radius: 4px;
}

.mydp .header {
  border-radius: 4px 4px 0 0;
}

.mydp .caltable,
.mydp .monthtable,
.mydp .yeartable {
  border-radius: 0 0 4px 4px;
}

.mydp .caltable tbody tr:nth-child(6) td:first-child,
.mydp .monthtable tbody tr:nth-child(4) td:first-child,
.mydp .yeartable tbody tr:nth-child(7) td:first-child {
  border-bottom-left-radius: 4px;
}

.mydp .caltable tbody tr:nth-child(6) td:last-child,
.mydp .monthtable tbody tr:nth-child(4) td:last-child,
.mydp .yeartable tbody tr:nth-child(7) td:last-child {
  border-bottom-right-radius: 4px;
}

.mydp .btnpicker {
  border-radius: 0 4px 4px 0;
}

.mydp .btnleftborderradius {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.mydp .selector {
  margin-top: 2px;
  margin-left: -1px;
  position: absolute;
  padding: 0;
  border: 1px solid #CCC;
  z-index: 100;
  animation: selectorfadein 0.1s;
}

.mydp .selector:focus {
  border: 1px solid #ADD8E6;
  outline: none;
}

@keyframes selectorfadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.mydp .selectorarrow {
  background: #FAFAFA;
  margin-top: 12px;
  padding: 0;
}

.mydp .selectorarrow:after,
.mydp .selectorarrow:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
}

.mydp .selectorarrow:after {
  border-color: rgba(250, 250, 250, 0);
  border-bottom-color: #FAFAFA;
  border-width: 10px;
  margin-left: -10px;
}

.mydp .selectorarrow:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #CCC;
  border-width: 11px;
  margin-left: -11px;
}

.mydp .selectorarrow:focus:before {
  border-bottom-color: #ADD8E6;
}

.mydp .selectorarrowleft:after,
.mydp .selectorarrowleft:before {
  left: 24px;
}

.mydp .selectorarrowright:after,
.mydp .selectorarrowright:before {
  left: 86%;
}

.mydp .alignselectorright {
  right: -1px;
}

.mydp .selectiongroup {
  position: relative;
  display: table;
  border: none;
  border-spacing: 0;
  background-color: #FFF;
}

.mydp .selection {
  width: 100%;
  outline: none;
  background-color: #FFF;
  display: table-cell;
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 6px;
  border: none;
  color: #555;
}

.mydp .invaliddate {
  background-color: #F1DEDE;
}

.mydp ::-ms-clear {
  display: none;
}

.mydp .selbtngroup {
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  width: 1%;
  display: table-cell;
  font-size: 0;
}

.mydp .btnpicker,
.mydp .btnclear,
.mydp .btndecrease,
.mydp .btnincrease {
  height: 100%;
  width: 26px;
  border: none;
  padding: 0;
  outline: 0;
  font: inherit;
  -moz-user-select: none;
}

.mydp .btnleftborder {
  border-left: 1px solid #CCC;
}

.mydp .btnpickerenabled,
.mydp .btnclearenabled,
.mydp .btndecreaseenabled,
.mydp .btnincreaseenabled,
.mydp .headertodaybtnenabled,
.mydp .headerbtnenabled,
.mydp .yearchangebtnenabled {
  cursor: pointer;
}

.mydp .selectiondisabled,
.mydp .btnpickerdisabled,
.mydp .btncleardisabled,
.mydp .btndecreasedisabled,
.mydp .btnincreasedisabled,
.mydp .headertodaybtndisabled,
.mydp .headerbtndisabled,
.mydp .yearchangebtndisabled {
  cursor: not-allowed;
  opacity: 0.65;
}

.mydp .selectiondisabled {
  background-color: #EEE;
}

.mydp .btnpicker,
.mydp .btnclear,
.mydp .btndecrease,
.mydp .btnincrease,
.mydp .headertodaybtn {
  background: #FFF;
}

.mydp .header {
  width: 100%;
  height: 30px;
  background-color: #FAFAFA;
}

.mydp .header td {
  vertical-align: middle;
  border: none;
  line-height: 0;
}

.mydp .header td:nth-child(1) {
  padding-left: 4px;
}

.mydp .header td:nth-child(2) {
  text-align: center;
}

.mydp .header td:nth-child(3) {
  padding-right: 4px;
}

.mydp .caltable,
.mydp .monthtable,
.mydp .yeartable {
  table-layout: fixed;
  width: 100%;
  height: calc(100% - 30px);
  background-color: #FFF;
  font-size: 14px;
}

.mydp .caltable,
.mydp .monthtable,
.mydp .yeartable,
.mydp .weekdaytitle,
.mydp .daycell,
.mydp .monthcell,
.mydp .yearcell {
  border-collapse: collapse;
  color: #003366;
  line-height: 1.1;
}

.mydp .weekdaytitle,
.mydp .daycell,
.mydp .monthcell,
.mydp .yearcell {
  padding: 4px;
  text-align: center;
}

.mydp .weekdaytitle {
  background-color: #DDD;
  font-size: 11px;
  font-weight: normal;
  vertical-align: middle;
  max-width: 36px;
  overflow: hidden;
  white-space: nowrap;
}

.mydp .weekdaytitleweeknbr {
  width: 20px;
  border-right: 1px solid #BBB;
}

.mydp .monthcell {
  background-color: #FAFAFA;
  overflow: hidden;
  white-space: nowrap;
}

.mydp .yearcell {
  background-color: #FAFAFA;
  width: 20%;
}

.mydp .daycell .datevalue {
  background-color: inherit;
  vertical-align: middle;
}

.mydp .daycell .datevalue span {
  vertical-align: middle;
}

.mydp .daycellweeknbr {
  font-size: 10px;
  border-right: 1px solid #CCC;
  cursor: default;
  color: #000;
}

.mydp .inlinedp {
  position: relative;
  margin-top: -1px;
}

.mydp .prevmonth,
.mydp .nextmonth {
  color: #999;
}

.mydp .disabled {
  cursor: default !important;
  color: #CCC;
  background: #FBEFEF;
}

.mydp .highlight {
  color: #C30000;
}

.mydp .dimday {
  opacity: 0.5;
}

.mydp .currmonth {
  background-color: #F6F6F6;
  font-weight: normal;
}

.mydp .markdate {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 4px;
}

.mydp .markcurrday,
.mydp .markcurrmonth,
.mydp .markcurryear {
  text-decoration: underline;
}

.mydp .selectedday .datevalue,
.mydp .selectedmonth .monthvalue,
.mydp .selectedyear .yearvalue {
  border: none;
  background-color: #8EBFFF;
  border-radius: 2px;
}

.mydp .headerbtncell {
  background-color: #FAFAFA;
  display: table-cell;
  vertical-align: middle;
}

.mydp .yearchangebtncell {
  text-align: center;
  background-color: #FAFAFA;
}

.mydp .headerbtn,
.mydp .headerlabelbtn,
.mydp .yearchangebtn {
  background: #FAFAFA;
  border: none;
  height: 22px;
}

.mydp .headerbtn {
  width: 16px;
}

.mydp .headerlabelbtn {
  font-size: 14px;
  outline: none;
  cursor: default;
}

.mydp,
.mydp .headertodaybtn {
  border: 1px solid #CCC;
}

.mydp .btnpicker,
.mydp .btnclear,
.mydp .btndecrease,
.mydp .btnincrease,
.mydp .headerbtn,
.mydp .headermonthtxt,
.mydp .headeryeartxt,
.mydp .headertodaybtn,
.mydp .yearchangebtn {
  color: #000;
}

.mydp .headertodaybtn {
  padding: 0 4px;
  font-size: 11px;
  height: 22px;
  min-width: 60px;
  max-width: 84px;
  overflow: hidden;
  white-space: nowrap;
}

.mydp button::-moz-focus-inner {
  border: 0;
}

.mydp .headermonthtxt,
.mydp .headeryeartxt {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  height: 26px;
  width: 40px;
  max-width: 40px;
  overflow: hidden;
  white-space: nowrap;
}

.mydp .btnclear:focus,
.mydp .btndecrease:focus,
.mydp .btnincrease:focus,
.mydp .btnpicker:focus,
.mydp .headertodaybtn:focus {
  background: #ADD8E6;
}

.mydp .headerbtn:focus,
.mydp .monthlabel:focus,
.mydp .yearlabel:focus,
.mydp .yearchangebtn:focus {
  color: #ADD8E6;
  outline: none;
}

.mydp .daycell:focus,
.mydp .monthcell:focus,
.mydp .yearcell:focus {
  outline: 1px solid #CCC;
}

.mydp .icon-mydpcalendar,
.mydp .icon-mydpremove {
  font-size: 16px;
}

.mydp .icon-mydpleft,
.mydp .icon-mydpright,
.mydp .icon-mydpup,
.mydp .icon-mydpdown {
  color: #222;
  font-size: 20px;
}

.mydp .btndecrease .icon-mydpleft,
.mydp .btnincrease .icon-mydpright {
  font-size: 16px;
}

.mydp .icon-mydptoday {
  color: #222;
  font-size: 11px;
}

.mydp table {
  display: table;
  border-spacing: 0;
}

.mydp table td {
  padding: 0;
}

.mydp table,
.mydp th,
.mydp td {
  border: none;
}

.mydp .btnpickerenabled:hover,
.mydp .btnclearenabled:hover,
.mydp .btndecreaseenabled:hover,
.mydp .btnincreaseenabled:hover,
.mydp .headertodaybtnenabled:hover {
  background-color: #E6E6E6;
}

.mydp .tablesingleday:hover,
.mydp .tablesinglemonth:hover,
.mydp .tablesingleyear:hover {
  background-color: #DDD;
}

.mydp .monthlabel,
.mydp .yearlabel,
.mydp .inputnoteditable,
.mydp .daycell,
.mydp .monthcell,
.mydp .yearcell {
  cursor: pointer;
}

.mydp .headerbtnenabled:hover,
.mydp .yearchangebtnenabled:hover,
.mydp .monthlabel:hover,
.mydp .yearlabel:hover {
  color: #777;
}

@font-face {
  font-family: "mydatepicker";
  src: url("data:application/octet-stream;base64,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") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.mydp .mydpicon {
  font-family: "mydatepicker";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mydp .icon-mydpright:before {
  content: "";
}

.mydp .icon-mydpleft:before {
  content: "";
}

.mydp .icon-mydptoday:before {
  content: "";
}

.mydp .icon-mydpcalendar:before {
  content: "";
}

.mydp .icon-mydpup:before {
  content: "";
}

.mydp .icon-mydpdown:before {
  content: "";
}

.mydp .icon-mydpremove:before {
  content: "";
}

.caltable {
  display: none !important;
}

.selector {
  height: auto !important;
}

bdf-ng-calendar {
  width: 100%;
}

my-date-picker .mydp .header, my-date-picker .mydp .yearchangebtncell, my-date-picker .mydp .yearcell {
  background: white;
}
my-date-picker .mydp .header td:nth-child(1) {
  display: none;
}
my-date-picker .mydp .header td:nth-child(2) {
  display: none;
}
my-date-picker .mydp .header td:nth-child(3) > div {
  display: flex !important;
  float: none !important;
  justify-content: space-between;
}
my-date-picker .mydp .headermonthtxt, my-date-picker .mydp .headeryeartxt {
  height: 100%;
  width: 100%;
}
my-date-picker .mydp .headerbtn, my-date-picker .mydp .headerlabelbtn, my-date-picker .mydp .yearchangebtn {
  background: transparent;
}
my-date-picker .mydp .headerbtncell {
  background: transparent;
}
my-date-picker .mydp .btnclearenabled:hover, my-date-picker .mydp .btndecreaseenabled:hover, my-date-picker .mydp .btnincreaseenabled:hover, my-date-picker .mydp .btnpickerenabled:hover, my-date-picker .mydp .headertodaybtnenabled:hover {
  background-color: #003b7d;
  color: white;
}
my-date-picker .mydp .headerbtn:focus, my-date-picker .mydp .monthlabel:focus, my-date-picker .mydp .yearchangebtn:focus {
  outline: 1px solid #003b7d;
  color: #003b7d;
}
my-date-picker .mydp .yearlabel:focus {
  color: black;
  outline: none;
}
my-date-picker .mydp .icon-mydpcalendar:before {
  content: "";
  font-family: "bdffont" !important;
  font-size: 22px;
  background: transparent;
}
my-date-picker .btnclear.btncleardisabled {
  display: none;
}
my-date-picker .mydp .selection {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #1d1d1d;
}
my-date-picker .mydp .selbtngroup[disabled=true] {
  pointer-events: none;
}
my-date-picker button.btnclear.btnclearenabled {
  display: none;
}
my-date-picker .btnpicker.btnpickerenabled {
  padding: 0 9px;
  background-color: #eceeef;
  color: #464a4c;
}
my-date-picker .mydp .btnclear, my-date-picker .mydp .btndecrease, my-date-picker .mydp .btnincrease, my-date-picker .mydp .btnpicker {
  width: auto;
}
my-date-picker .mydp .icon-mydpleft:before, my-date-picker .mydp .icon-mydpright:before {
  border-style: solid;
  border-width: 0.2rem 0.2rem 0 0;
  content: "";
  display: inline-block;
  height: 0.75rem;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  width: 0.75rem;
  margin: 0 0 0 0.5rem;
}
my-date-picker .mydp .icon-mydpright:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 0 0.5rem 0 0;
}
my-date-picker .mydp .headerbtnenabled:hover, my-date-picker .mydp .monthlabel:hover, my-date-picker .mydp .yearchangebtnenabled:hover, my-date-picker .mydp .yearlabel:hover {
  color: black;
}
my-date-picker tbody tr:hover {
  background-color: inherit !important;
  text-shadow: none !important;
}
my-date-picker .yearvalue {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 1px 1px;
  cursor: pointer;
  border-radius: 4px !important;
}
my-date-picker .monthvalue {
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin: 1px 1px;
  cursor: pointer;
  border-radius: 4px !important;
}
my-date-picker .monthcell {
  padding: 0;
  background: inherit;
}
my-date-picker .montvalue {
  cursor: pointer;
  border-radius: 4px;
}
my-date-picker .mydp .selectedyear .yearvalue, my-date-picker .mydp .selectedmonth .monthvalue {
  background-color: #003b7d !important;
  color: #ffffff !important;
  text-decoration: none;
}
my-date-picker .mydp .yearvalue:hover, my-date-picker .mydp .yearvalue:focus, my-date-picker .mydp .monthvalue:hover, my-date-picker .mydp .monthvalue:focus {
  background: #eeeeee;
  color: black;
}
my-date-picker .mydp .tablesingleday:hover, my-date-picker .mydp .tablesinglemonth:hover, my-date-picker .mydp .tablesingleyear:hover {
  background: inherit;
}
my-date-picker .mydp .dayvalue.markcurrday, my-date-picker .mydp .monthvalue.markcurrmonth, my-date-picker .mydp .yearvalue.markcurryear {
  background-color: inherit !important;
  color: inherit !important;
  text-decoration: none;
}
my-date-picker .mydp .daycell:focus, my-date-picker .mydp .monthcell:focus, my-date-picker .mydp .yearcell:focus {
  outline: none;
}
my-date-picker .mydp .monthtable {
  display: table !important;
  visibility: visible !important;
}
my-date-picker .mydp .monthtable .monthcell:focus {
  background-color: #eeeeee;
  color: black;
}

/**
*=carousel
* surcharge carousel bootstrap
*/
.carousel-inner, .carousel-inner > div {
  max-height: 32.8571428571rem;
}

.carousel-item img {
  align-self: flex-start;
}
.carousel-item .bdf-h2, .carousel-item .bdf-h3, .carousel-item .bdf-h4, .carousel-item .bdf-h5 {
  color: #272727 !important;
  background-color: white !important;
}

.carousel-control-next, .carousel-control-prev {
  position: absolute;
  top: inherit;
  bottom: 2%;
  left: 50%;
  width: 40px;
  height: 40px;
  opacity: 1;
}

.carousel-control-next {
  transform: translateX(40px);
}

.carousel-control-next:focus {
  outline: 2px solid #ffffff;
}

.carousel-control-prev {
  transform: translateX(-80px);
}

.carousel-control-prev:focus {
  outline: 2px solid #ffffff;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
  background-image: none;
  width: auto;
  height: auto;
  padding: 0;
  font-family: "bdffont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.carousel-control-next-icon:before, .carousel-control-prev-icon:before {
  font-size: 1.9rem;
  color: #fff !important;
}
.carousel-control-next-icon:focus, .carousel-control-next-icon:hover, .carousel-control-prev-icon:focus, .carousel-control-prev-icon:hover {
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: 0.5;
}

.carousel-control-prev-icon:before {
  text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-control-next-icon:before {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-indicators {
  width: 80px;
  height: 40px;
  left: 50%;
  bottom: 2%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 -40px;
  padding: 0;
}
.carousel-indicators li {
  border: 2px solid #fff;
  background-color: transparent;
  width: 10px;
  max-width: 10px;
  height: 10px;
  border-radius: 10px;
}
.carousel-indicators li:before, .carousel-indicators li:after {
  content: none;
}
.carousel-indicators li.active {
  background-color: #fff;
}

.carousel-caption {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 90px;
  left: 50px;
  right: initial;
  color: #ffffff;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 41px;
  text-align: left;
}
.carousel-caption h2, .carousel-caption h3, .carousel-caption h4, .carousel-caption h5, .carousel-caption p, .carousel-caption .bdf-h2, .carousel-caption .bdf-h3, .carousel-caption .bdf-h4, .carousel-caption .bdf-h5 {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.carousel-caption .btn--bdf {
  background: transparent;
  border-color: #ffffff;
  color: #ffffff;
}
.carousel-caption .btn--bdf::before {
  background: transparent;
  color: #ffffff;
}
.carousel-caption .btn:hover.btn--bdf, .carousel-caption .btn:focus.btn--bdf {
  background-color: #003b7d;
  border-color: #003b7d;
}

@media (max-width: 575.98px) {
  .container .carousel {
    margin-left: -15px;
    margin-right: -15px;
  }

  .carousel-inner, .carousel-inner > div {
    max-height: 15rem;
  }

  .carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: inherit;
    bottom: 0.5rem;
  }

  .carousel-control-prev {
    transform: none;
    left: 15px;
    right: inherit;
  }

  .carousel-control-next {
    transform: none;
    left: inherit;
    right: 15px;
  }

  .carousel-indicators {
    width: auto;
    left: 55px;
    right: 55px;
    bottom: 0.5rem;
    margin: 0;
    justify-content: space-around;
  }
  .carousel-indicators li {
    width: 1rem;
    max-width: 1rem;
    height: 1rem;
    border-radius: 1rem;
    margin: 0.25rem;
  }

  .carousel-caption {
    top: 0;
    left: 15px;
    right: 15px;
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
/**
*=default styles base
*
*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before, .carousel-control-prev-icon:before, .carousel-control-next-icon:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 87.5%;
  height: auto;
  min-height: 100%;
  overflow: inherit;
  overflow: initial;
}

body {
  height: 100%;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  color: #222222;
  background-color: #ffffff;
  margin: 0px;
  overflow-y: auto;
}

/**********************************/
/*Typographie**********************/
/*corps de texte & titres**********/
/**********************************/
.corps-de-texte {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: #222222;
}

h1,
h2,
h3,
h4,
h5,
h6,
.bdf-h1, h1.bdf-h1,
.bdf-h2, h2.bdf-h2,
.bdf-h3, h3.bdf-h3,
.bdf-h4, h4.bdf-h4,
.bdf-h5, h5.bdf-h5,
.bdf-h6, h6.bdf-h6 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.4;
}

h1,
.bdf-h1, h1.bdf-h1 {
  font-size: 1.9285714286rem;
  color: #003b7d;
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 span,
.bdf-h1 span, h1.bdf-h1 span {
  font-weight: 300;
}

h2,
.bdf-h2, h2.bdf-h2 {
  font-size: 1.9285714286rem;
  color: #141415;
  margin-top: 20px;
  margin-bottom: 10px;
}

h3,
.bdf-h3, h3.bdf-h3 {
  font-size: 1.4285714286rem;
  color: #003b7d;
  margin-top: 20px;
  margin-bottom: 10px;
}

h4,
.bdf-h4, h4.bdf-h4 {
  font-size: 18px;
  color: #222222;
}

h5,
.bdf-h5, h5.bdf-h5 {
  font-size: 16px;
  color: #222222;
}

p, .bdf-p {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  line-height: 1.4;
  font-weight: 500;
  font-size: 1rem;
  color: #222222;
}

strong {
  font-weight: 600;
}

/*
**=default parameters =links
*
*/
a, a.bdf-a {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  line-height: 1.4;
  font-weight: 500;
  font-size: 1rem;
  color: #222222;
  text-decoration: underline;
  transition: color 0.3s ease;
  cursor: pointer;
}
a.ng-enter, a.bdf-a.ng-enter {
  transition: none;
}
a.ng-leave, a.bdf-a.ng-leave {
  transition: none;
}

a:hover, a.bdf-a:hover,
a:focus, a.bdf-a:focus {
  color: #003b7d;
}

/*
**=utils (taken from agence and integrated within bdf
*
*/
.bdf-clearfix:before,
.bdf-clearfix:after {
  content: " ";
  display: table;
}

.bdf-clearfix:after {
  clear: both;
}

.bdf-clearfix {
  *zoom: 1;
}

.bdf-hidetext {
  font-size: 0;
  text-indent: -9999px;
  display: block;
}

/* span for simuler balise br*/
span.span-br {
  display: block;
}

.dropdown-menu > li > a {
  text-decoration: none;
}

.bdf-dev {
  outline: 1px solid rgba(255, 0, 0, 0.4);
}

/**
*=page connexion
*
*/
.bdf-authentification {
  position: relative;
  min-height: calc(100vh - 128px);
}

.bdf-marque {
  max-width: none;
}

.bdf-authentification__deco {
  height: 1.7857142857rem;
  background-color: #003b7d;
  border-bottom: 0.6428571429rem solid #0550a3;
  border-bottom: 0.6428571429rem solid #005ca9;
}

.bdf-connexion-box {
  position: relative;
  top: calc(50% + 20px);
  width: 540px;
  display: flex;
  flex: 1;
  flex-direction: column;
  margin: auto;
}

.bdf-champ-obligatoire {
  margin: 0.5rem 0;
  font-size: 1.3rem;
  text-align: left;
}

/****************************************/
/**********    RESPONSIVE       *********/
/**********    tplresp          *********/
/****************************************/
/*petit smartphone - iphone 3gs*/
/*smartphone*/
@media screen and (max-width: 767px) {
  .bdf-authentification__deco {
    height: 1.7857142857rem;
    background-color: #003b7d;
    border-bottom: 0.6428571429rem solid #0550a3;
    border-bottom: 0.6428571429rem solid #005ca9;
  }

  .bdf-connexion-box {
    margin-top: 30px;
    position: static;
    width: 100%;
    transform: none;
  }
}
/*tablette*/
@media (max-width: 990px) {
  .bdf-authentification {
    position: relative;
    min-height: calc(100vh - 112px);
  }

  .bdf-h3--title {
    margin-left: 0.7142857143rem;
  }
}
/*Petit ecran*/
/*desktop - ecran standard*/
/*desktop-plus - pour supérieur tv/retroprojecteur*/
/*
**=tableau css datatable
*/
.datatable {
  margin: 0.7142857143rem 0;
}

.bdf-table {
  /*
  NOTE: bug, border top not appearing on browsers
  tbody tr:hover td, tbody tr.hover td {
    border-top: 1px solid #d9d9d9!important;
    border-bottom: 1px solid #d9d9d9!important;
  }
  */
}
.bdf-table.table {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 1rem;
}
.bdf-table thead tr,
.bdf-table th {
  height: 2.8571428571rem;
  background-color: #002a58;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 1rem;
  color: #ffffff;
  letter-spacing: 0.0714285714rem;
}
.bdf-table thead tr th {
  font-weight: 400;
}
.bdf-table.table > tbody > tr > td, .bdf-table.table > tbody > tr > th, .bdf-table.table > tfoot > tr > td, .bdf-table.table > tfoot > tr > th, .bdf-table.table > thead > tr > td, .bdf-table.table > thead > tr > th {
  vertical-align: middle;
}
.bdf-table.table > thead > tr > th.active {
  background-color: #002a58 !important;
}
.bdf-table.table > tbody > tr > td, .bdf-table.table > tbody > tr > th, .bdf-table.table > tfoot > tr > td, .bdf-table.table > tfoot > tr > th, .bdf-table.table > thead > tr > td, .bdf-table.table > thead > tr > th {
  vertical-align: middle;
}
.bdf-table.table > tbody > tr > td {
  /* correctifs browser rendering without floating numbers*/
  padding: 8px 8px 8px 30px;
}
.bdf-table.table > tbody > tr > td > ul {
  padding-left: 0;
}
.bdf-table tbody {
  border: none;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
}
.bdf-table tbody tr:hover, .bdf-table tbody tr.hover {
  background-color: #b5c2cc !important;
}
.bdf-table tbody tr td {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.bdf-table.table-hover > tbody > tr:hover, .bdf-table.table > tbody > tr.active > td, .bdf-table.table > tbody > tr.active > th, .bdf-table.table > tbody > tr > td.active, .bdf-table.table > tbody > tr > th.active, .bdf-table.table > tfoot > tr.active > td, .bdf-table.table > tfoot > tr.active > th, .bdf-table.table > tfoot > tr > td.active, .bdf-table.table > tfoot > tr > th.active, .bdf-table.table > thead > tr.active > td, .bdf-table.table > thead > tr.active > th, .bdf-table.table > thead > tr > td.active, .bdf-table.table > thead > tr > th.active {
  background-color: #003b7d;
}
.bdf-table.table {
  margin-bottom: 0;
}
.bdf-table.table-striped > tbody > tr:nth-of-type(2n + 1), .bdf-table.table > tbody > tr:nth-of-type(2n + 1) {
  background-color: #ffffff;
}
.bdf-table.table-striped > tbody > tr:nth-of-type(2n), .bdf-table.table > tbody > tr:nth-of-type(2n) {
  background-color: #F7F7F7;
}
.bdf-table.table > tbody > tr > td {
  border-top: 0;
}
.bdf-table.table > tbody > tr > td {
  border-left: 1px solid #eeeeee;
}
.bdf-table.table > tbody > tr > td:first-child {
  border-left: 0 solid #eeeeee;
}
.bdf-table.table > thead > tr > td, .bdf-table.table > thead > tr > th {
  border-left: 1px solid #5f7894;
}
.bdf-table.table > thead > tr > td:first-child, .bdf-table.table > thead > tr > th:first-child {
  border-left: 0 solid #5f7894;
}

.bdf-datatable__pagination {
  background-color: #F7F7F7;
  border-bottom: 1px solid #d5d6d8;
  border-left: 1px solid #d5d6d8;
  border-right: 1px solid #d5d6d8;
  text-align: right;
  padding: 0 0.75em 0.75em 0;
}

.table-sort {
  display: inline-block;
  font: normal normal normal 1rem FontAwesome;
  font-size: inherit;
  text-rendering: auto;
}

/*
**=list ul li sans les bullets
*
*/
.bdf-list-tableau {
  list-style-type: none;
  margin: 0;
}

th.sortable:focus, th.sortable.focus {
  outline: none;
}

.bdf-table {
  table-layout: fixed;
}

.bdf-table__caret {
  display: inline-block;
  width: 16px;
}

.bdf-table th a {
  color: #ffffff;
  text-decoration: none;
  margin: -0.75em;
  padding: 0.75em;
  display: block;
}
.bdf-table th a:focus, .bdf-table th a.focus {
  background-color: #003b7d;
  outline: 1px dotted #ffffff;
  outline: -webkit-focus-ring-color auto 5px;
}
.bdf-table th a i {
  padding-right: 3px;
}

.bdf-table-fixed {
  position: absolute;
  top: 0;
  left: 0;
}

/*
**= Gestion affichage responsive du tableau
*/
@media (max-width: 575.98px) {
  .container .bdf-datatable {
    margin: 0 -15px;
  }

  .bdf-table-filter {
    margin: 0 15px;
  }

  .bdf-datatable__pagination {
    border-left: 0;
    border-right: 0;
  }

  .bdf-datatable__title {
    padding: 7px 0;
    display: inline-block;
    font-weight: 600;
  }

  .bdf-datatable__title-row {
    position: relative;
    text-align: center;
  }

  .bdf-datatable__title-row:before {
    display: none;
  }

  .bdf-datatable__openclose {
    position: absolute;
    right: 15px;
    top: 10px;
  }

  .bdf-datatable__openclose .bdf-datatable__icon:focus {
    outline: none;
  }

  .bdf-datatable__icon {
    text-decoration: none;
    font-size: 2.1428571429rem;
    color: white;
    line-height: 30px;
  }

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

  table.bdf-table:not(.bdf-table--no-accordion) {
    box-sizing: border-box;
  }
  table.bdf-table:not(.bdf-table--no-accordion) tbody {
    flex: 1;
    border: none;
  }
  table.bdf-table:not(.bdf-table--no-accordion) thead {
    display: none;
  }
  table.bdf-table:not(.bdf-table--no-accordion) tr {
    flex-direction: column;
    display: flex;
    border-bottom: 1px solid transparent;
    margin-bottom: 0.75em;
  }
  table.bdf-table:not(.bdf-table--no-accordion) tr::last-child {
    margin-bottom: 0;
  }
  table.bdf-table:not(.bdf-table--no-accordion) > tbody tr:hover, table.bdf-table:not(.bdf-table--no-accordion) > tbody tr.hover {
    text-shadow: 0 0 0 #000000;
    background-color: transparent !important;
  }
  table.bdf-table:not(.bdf-table--no-accordion) > tbody > tr:nth-of-type(2n) {
    background: transparent;
  }
  table.bdf-table:not(.bdf-table--no-accordion) td {
    border-bottom: 1px solid #ddd;
    text-align: right;
  }
  table.bdf-table:not(.bdf-table--no-accordion) td:before {
    content: attr(aria-label);
    float: left;
  }
  table.bdf-table:not(.bdf-table--no-accordion) > tbody > tr > td {
    display: block;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #cccccc;
    padding-left: 0.7142857143rem;
    padding-right: 0.7142857143rem;
  }
  table.bdf-table:not(.bdf-table--no-accordion) td.bdf-datatable__title-row {
    color: #ffffff;
    background: #002a58 !important;
    order: -1;
    text-align: center;
  }

  .bdf-table-filter {
    display: block;
  }
}
.td-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: normal;
}

.menu-dropdown__btn-group {
  width: 300px;
  margin-right: 30px;
}

.menu-dropdown {
  display: flex;
  flex-direction: row;
}

.menu-dropdown__button {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 10px 2px;
  background: transparent;
  border: none;
  width: 100%;
  line-height: 1.3;
  font-size: 16px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  box-shadow: none;
}
.menu-dropdown__button:focus {
  color: #003b7d;
}

.menu-dropdown .btn-group.open .dropdown-toggle, .btn-group.open .dropdown-toggle.menu-dropdown__button:focus {
  box-shadow: none;
}

.menu-dropdown__button--active {
  color: #003b7d;
}
.menu-dropdown__button--active:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background: #003b7d;
}

.menu-dropdown__list {
  width: 100%;
  padding: 0;
}
.menu-dropdown__list.dropdown-menu > li > a {
  padding: 5px 20px;
}

.menu-dropdown__list > li > .dropdown-item {
  text-decoration: none;
}

.menu-dropdown__list > li > .dropdown-item {
  font-weight: 400;
  color: #333;
}

.dropdown-header, .menu-dropdown__list > li > .dropdown-item {
  display: block;
  line-height: 1.42857143;
  white-space: nowrap;
}

.menu-dropdown__list > li > .dropdown-item:focus, .menu-dropdown__list > li > .dropdown-item:focus label, .menu-dropdown__list > li > .dropdown-item:hover, .menu-dropdown__list > li > .dropdown-item:hover label {
  color: #eee;
  background-image: none;
  background-color: #003b7d;
}

.menu-dropdown__list > li > .dropdown-item:focus, .menu-dropdown__list > li > .dropdown-item:hover {
  text-decoration: none;
}

.dropdown-menu.open {
  display: block !important;
}

/**
 * Checkboxes mixin
 */
ss-multiselect-dropdown {
  /**
  * Background & hover of items
  */
  /**
   * Styling of caret button
   */
  /*
  * multicheckboxes
  */
}
ss-multiselect-dropdown .dropdown .btn-secondary:hover {
  background: white;
  font-weight: 600;
}
ss-multiselect-dropdown .dropdown .btn-secondary {
  font-weight: 600;
}
ss-multiselect-dropdown .dropdown-menu > li.divider:focus, ss-multiselect-dropdown .dropdown-menu > li.divider:hover {
  background-color: inherit !important;
}
ss-multiselect-dropdown .dropdown-menu > {
  padding: 0;
}
ss-multiselect-dropdown .dropdown-menu > a {
  font-weight: 600 !important;
  display: inline-block;
  width: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
  text-decoration: none !important;
}
ss-multiselect-dropdown .dropdown-menu > a span {
  font-weight: 600 !important;
  text-decoration: none !important;
}
ss-multiselect-dropdown .dropdown-menu > a:hover, ss-multiselect-dropdown .dropdown-menu > a:focus {
  background: #003b7d;
  color: white !important;
}
ss-multiselect-dropdown .dropdown-menu > a:hover span, ss-multiselect-dropdown .dropdown-menu > a:focus span {
  color: white !important;
}
ss-multiselect-dropdown .dropdown-menu > a.active {
  background-color: transparent;
  color: white !important;
}
ss-multiselect-dropdown .dropdown-menu > a.active span {
  color: #222222 !important;
}
ss-multiselect-dropdown .dropdown-menu > a.active:hover, ss-multiselect-dropdown .dropdown-menu > a.active:focus {
  background: #003b7d;
  color: white !important;
}
ss-multiselect-dropdown .dropdown-menu > a.active:hover span, ss-multiselect-dropdown .dropdown-menu > a.active:focus span {
  color: white !important;
}
ss-multiselect-dropdown .dropdown-menu > a:focus,
ss-multiselect-dropdown .dropdown-menu > a:hover,
ss-multiselect-dropdown .dropdown-menu > a.active {
  color: #003b7d;
}
ss-multiselect-dropdown .dropdown-menu > a:focus span,
ss-multiselect-dropdown .dropdown-menu > a:hover span,
ss-multiselect-dropdown .dropdown-menu > a.active span {
  color: #003b7d;
}
ss-multiselect-dropdown .dropdown-item {
  font-weight: 600;
}
ss-multiselect-dropdown .dropdown, ss-multiselect-dropdown .dropdown-toggle, ss-multiselect-dropdown .dropdown-menu {
  width: 100%;
}
ss-multiselect-dropdown .dropdown-toggle {
  text-align: left;
}
ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:checked + span, ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:not(:checked) + span {
  display: inline-block;
  width: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
}
ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:checked:focus + span, ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:not(:checked):focus + span {
  background: #003b7d !important;
  color: white !important;
}
ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:not(:checked) + span:before, ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:checked + span:before {
  left: 4px !important;
  top: 3px !important;
}
ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:not(:checked) + span:after, ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:checked + span:after {
  top: 6px !important;
  left: 5px !important;
}
ss-multiselect-dropdown.bdf-dropdown-multiselect div.dropdown button.dropdown-toggle {
  cursor: pointer;
  color: #292b2c;
  background-color: #fff;
  border-color: #ccc;
}
ss-multiselect-dropdown.bdf-dropdown-multiselect div.dropdown button.dropdown-toggle span.caret:before {
  display: inline-block;
  transform: rotate(90deg) translateY(-6px);
  content: "";
  font: normal normal normal 14px bdffont;
  color: #76828f;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
ss-multiselect-dropdown.bdf-dropdown-multiselect div.dropdown button.dropdown-toggle::after {
  display: none;
}
ss-multiselect-dropdown.bdf-dropdown-multiselect div.dropdown button.dropdown-toggle span.caret {
  position: absolute;
  right: 1rem;
}
ss-multiselect-dropdown.bdf-dropdown-multiselect div.dropdown button.dropdown-toggle:active span.caret {
  top: unset;
  left: unset;
}
ss-multiselect-dropdown.bdf-dropdown-multiselect div.dropdown button.dropdown-toggle.btn-primary:not(:disabled):not(.disabled):active {
  color: #292b2c;
  background-color: #fff;
  border-color: #ccc;
}
ss-multiselect-dropdown.bdf-dropdown-multiselect div.dropdown button.dropdown-toggle.btn-primary:disabled, ss-multiselect-dropdown.bdf-dropdown-multiselect div.dropdown button.dropdown-toggle.btn-primary.disabled {
  background: #eceeef;
  cursor: not-allowed !important;
  color: #292b2c;
}
ss-multiselect-dropdown.bdf-dropdown-multiselect div.dropdown button.dropdown-toggle.btn-primary:disabled:hover, ss-multiselect-dropdown.bdf-dropdown-multiselect div.dropdown button.dropdown-toggle.btn-primary.disabled:hover {
  color: #292b2c;
}
ss-multiselect-dropdown.bdf-checkbox .dropdown-item {
  /* checkbox aspect */
  /* checked mark aspect */
  /* checked mark aspect changes */
  /* disabled checkbox */
  /* accessibility */
  /* disabled */
}
ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:not(:checked),
ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:checked {
  position: absolute;
  left: -9999px;
}
ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:not(:checked) + span,
ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:checked + span {
  position: relative;
  padding-left: 2rem;
  padding-bottom: 0;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
}
ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:not(:checked) + span:hover,
ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:checked + span:hover {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #003b7d;
}
ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:not(:checked) + span:hover:before,
ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:checked + span:hover:before {
  border: 1px solid #003b7d;
}
ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:checked + span {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #003b7d;
}
ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:checked + span:before {
  border: 1px solid #003b7d;
}
ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:not(:checked) + span:before,
ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:checked + span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.4285714286rem;
  height: 1.4285714286rem;
  border: 1px solid #aaa;
  background: #ffffff;
  border-radius: 2px;
}
ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox] + span:after {
  content: "";
  border-right: 4px solid #003b7d;
  border-bottom: 4px solid #003b7d;
  width: 9px;
  height: 16px;
  position: absolute;
  top: 0px;
  left: 6px;
  transform: rotate(45deg) scale(0);
  opacity: 0;
  transition: all 0.2s;
}
ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:checked + span:after {
  opacity: 1;
  transform: rotate(45deg) scale(1);
}
ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:disabled:not(:checked) + span:before,
ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:disabled:checked + span:before {
  box-shadow: none;
  border-color: #cccccc;
  background-color: #d5d6d8;
}
ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:disabled:checked + span:after {
  border-color: #999999;
}
ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:disabled + span {
  color: #aaaaaa;
}
ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:checked:focus + span:before,
ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:not(:checked):focus + span:before {
  border: 1px solid #003b7d;
}
ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:checked:focus + span,
ss-multiselect-dropdown.bdf-checkbox .dropdown-item [type=checkbox]:not(:checked):focus + span {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #003b7d;
  font-weight: 600;
  /* focus browser */
  /* accessibility */
  /*
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
  */
}
ss-multiselect-dropdown.bdf-checkbox .dropdown-item input[type=checkbox][disabled] + span {
  cursor: default !important;
  color: inherit !important;
}
ss-multiselect-dropdown.bdf-checkbox .dropdown-item input[type=checkbox][disabled] + span:before {
  border: 1px solid #cccccc;
}
ss-multiselect-dropdown.bdf-checkbox .dropdown-item input[type=checkbox][disabled] + span:hover {
  color: #222222 !important;
}
ss-multiselect-dropdown.bdf-checkbox .dropdown-item input[type=checkbox][disabled] + span:hover:before {
  border: 1px solid #cccccc;
}
ss-multiselect-dropdown[disabled] button, ss-multiselect-dropdown[ng-reflect-disabled=true] button, ss-multiselect-dropdown[ng-reflect-is-disabled=true] button {
  background: #eceeef;
  cursor: not-allowed !important;
  color: #292b2c;
}
ss-multiselect-dropdown[disabled] button:hover, ss-multiselect-dropdown[ng-reflect-disabled=true] button:hover, ss-multiselect-dropdown[ng-reflect-is-disabled=true] button:hover {
  color: #292b2c;
}
ss-multiselect-dropdown[disabled] button.btn.disabled, ss-multiselect-dropdown[disabled] button.btn:disabled, ss-multiselect-dropdown[ng-reflect-disabled=true] button.btn.disabled, ss-multiselect-dropdown[ng-reflect-disabled=true] button.btn:disabled, ss-multiselect-dropdown[ng-reflect-is-disabled=true] button.btn.disabled, ss-multiselect-dropdown[ng-reflect-is-disabled=true] button.btn:disabled {
  cursor: not-allowed;
  opacity: 1;
}

.bdf-dropdown-fullwidth {
  width: 100%;
  position: relative;
  text-align: left;
}
.bdf-dropdown-fullwidth .caret {
  position: absolute;
  right: 16px;
}

/**
*=etiquette
*
*/
.bdf-etiquette {
  margin: 0.7142857143rem 0;
}

.bdf-etiquette__content {
  display: inline-block;
  padding: 1.1428571429rem 1.4285714286rem;
  margin: 0;
  background-color: #003b7d;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 1.0714285714rem;
  color: #ffffff;
  text-transform: uppercase;
}
.bdf-etiquette__content span {
  font-weight: 500;
}
.bdf-etiquette__content .bdf-etiquette__content__title {
  color: #FFFFFF !important;
  padding: 0 20px !important;
  margin: 0 !important;
}

.bdf-etiquette:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.0714285714rem;
  background-color: #d5d6d8;
}

.bdf-etiquette .bdf-etiquette__content p {
  color: #FFFFFF !important;
  padding: 0 20px !important;
  margin: 0 !important;
}

/*
*=fonts
*
*/
/* 'Open Sans'*/
@font-face {
  /*     font-family: OSBold; */
  font-family: "Open Sans";
  font-weight: 700;
  font-style: normal;
  src: url("fonts/OpenSansBold/opensans-bold_0-webfont.eot");
  src: url("fonts/OpenSansBold/opensans-bold_0-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSansBold/opensans-bold_0-webfont.woff") format("woff"), url("fonts/OpenSansBold/opensans-bold_0-webfont.ttf") format("truetype"), url("fonts/OpenSansBold/opensans-bold_0-webfont.svg#glyphicons_halflingsregular") format("svg");
}
@font-face {
  /*     font-family: OSBoldItalic; */
  font-family: "Open Sans";
  font-weight: 700;
  font-style: italic;
  src: url("fonts/OpenSansBoldItalic/opensans-bolditalic_0-webfont.eot");
  src: url("fonts/OpenSansBoldItalic/opensans-bolditalic_0-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSansBoldItalic/opensans-bolditalic_0-webfont.woff") format("woff"), url("fonts/OpenSansBoldItalic/opensans-bolditalic_0-webfont.ttf") format("truetype"), url("fonts/OpenSansBoldItalic/opensans-bolditalic_0-webfont.svg#glyphicons_halflingsregular") format("svg");
}
@font-face {
  /*     font-family: OSExtraBold; */
  font-family: "Open Sans";
  font-weight: 800;
  font-style: normal;
  src: url("fonts/OpenSansExtraBold/opensans-extrabold_0-webfont.eot");
  src: url("fonts/OpenSansExtraBold/opensans-extrabold_0-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSansExtraBold/opensans-extrabold_0-webfont.woff") format("woff"), url("fonts/OpenSansExtraBold/opensans-extrabold_0-webfont.ttf") format("truetype"), url("fonts/OpenSansExtraBold/opensans-extrabold_0-webfont.svg#glyphicons_halflingsregular") format("svg");
}
@font-face {
  /*     font-family: OSExtraBoldItalic; */
  font-family: "Open Sans";
  font-weight: 800;
  font-style: italic;
  src: url("fonts/OpenSansExtraBoldItalic/opensans-extrabolditalic_0-webfont.eot");
  src: url("fonts/OpenSansExtraBoldItalic/opensans-extrabolditalic_0-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSansExtraBoldItalic/opensans-extrabolditalic_0-webfont.woff") format("woff"), url("fonts/OpenSansExtraBoldItalic/opensans-extrabolditalic_0-webfont.ttf") format("truetype"), url("fonts/OpenSansExtraBoldItalic/opensans-extrabolditalic_0-webfont.svg#glyphicons_halflingsregular") format("svg");
}
@font-face {
  /*     font-family: OSItalic; */
  font-family: "Open Sans";
  font-weight: 400;
  font-style: italic;
  src: url("fonts/OpenSansItalic/opensans-italic_0-webfont.eot");
  src: url("fonts/OpenSansItalic/opensans-italic_0-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSansItalic/opensans-italic_0-webfont.woff") format("woff"), url("fonts/OpenSansItalic/opensans-italic_0-webfont.ttf") format("truetype"), url("fonts/OpenSansItalic/opensans-italic_0-webfont.svg#glyphicons_halflingsregular") format("svg");
}
@font-face {
  /*     font-family: OSLight; */
  font-family: "Open Sans";
  font-weight: 300;
  font-style: normal;
  src: url("fonts/OpenSansLight/opensans-light_0-webfont.eot");
  src: url("fonts/OpenSansLight/opensans-light_0-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSansLight/opensans-light_0-webfont.woff") format("woff"), url("fonts/OpenSansLight/opensans-light_0-webfont.ttf") format("truetype"), url("fonts/OpenSansLight/opensans-light_0-webfont.svg#glyphicons_halflingsregular") format("svg");
}
@font-face {
  /*     font-family: OSLightItalic; */
  font-family: "Open Sans";
  font-weight: 300;
  font-style: italic;
  src: url("fonts/OpenSansLightItalic/opensans-lightitalic_0-webfont.eot");
  src: url("fonts/OpenSansLightItalic/opensans-lightitalic_0-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSansLightItalic/opensans-lightitalic_0-webfont.woff") format("woff"), url("fonts/OpenSansLightItalic/opensans-lightitalic_0-webfont.ttf") format("truetype"), url("fonts/OpenSansLightItalic/opensans-lightitalic_0-webfont.svg#glyphicons_halflingsregular") format("svg");
}
@font-face {
  /*     font-family: OSRegular; */
  font-family: "Open Sans";
  font-weight: 400;
  font-style: normal;
  src: url("fonts/OpenSansRegular/opensans-regular_0-webfont.eot");
  src: url("fonts/OpenSansRegular/opensans-regular_0-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSansRegular/opensans-regular_0-webfont.woff") format("woff"), url("fonts/OpenSansRegular/opensans-regular_0-webfont.ttf") format("truetype"), url("fonts/OpenSansRegular/opensans-regular_0-webfont.svg#glyphicons_halflingsregular") format("svg");
}
@font-face {
  /*     font-family: OSSemiBold; */
  font-family: "Open Sans";
  font-weight: 600;
  font-style: normal;
  src: url("fonts/OpenSansSemibold/opensans-semibold_0-webfont.eot");
  src: url("fonts/OpenSansSemibold/opensans-semibold_0-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSansSemibold/opensans-semibold_0-webfont.woff") format("woff"), url("fonts/OpenSansSemibold/opensans-semibold_0-webfont.ttf") format("truetype"), url("fonts/OpenSansSemibold/opensans-semibold_0-webfont.svg#glyphicons_halflingsregular") format("svg");
}
@font-face {
  /*  font-family: OSSemiBoldItalic; */
  font-family: "Open Sans";
  font-weight: 600;
  font-style: italic;
  src: url("fonts/OpenSansSemiboldItalic/opensans-semibolditalic_0-webfont.eot");
  src: url("fonts/OpenSansSemiboldItalic/opensans-semibolditalic_0-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSansSemiboldItalic/opensans-semibolditalic_0-webfont.woff") format("woff"), url("fonts/OpenSansSemiboldItalic/opensans-semibolditalic_0-webfont.ttf") format("truetype"), url("fonts/OpenSansSemiboldItalic/opensans-semibolditalic_0-webfont.svg#glyphicons_halflingsregular") format("svg");
}
/* 'Open Sans'*/
.OSBold {
  /*     font-family: OSBold; */
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.OSBoldItalic {
  /*     font-family: OSBoldItalic; */
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: italic;
}

.OSExtraBold {
  /*     font-family: OSExtraBold; */
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
}

.OSExtraBoldItalic {
  /*     font-family: OSExtraBoldItalic; */
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: italic;
}

.OSItalic {
  /*     font-family: OSItalic; */
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
}

.OSLight {
  /*     font-family: OSLight; */
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
}

.OSLightItalic {
  /*     font-family: OSLightItalic; */
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: italic;
}

.OSRegular {
  /*     font-family: OSRegular; */
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.OSSemiBold {
  /*     font-family: OSSemiBold; */
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
}

.OSSemiBoldItalic {
  /*  font-family: OSSemiBoldItalic; */
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: italic;
}

/*
*=footer-applicatif
*
*/
footer {
  margin-top: auto;
  width: 100%;  
  position:absolute;
  bottom:0;
  width:100%;
  padding-top:50px;
}

.footer-navigation-first a,
.footer-navigation-first a:hover {
  text-decoration: none;
  cursor: pointer;
}

.footer-navigation-first {
  background-color: #f7f5f3;
}

.footer-navigation-first ul {
  display: flex;
  height: 4.7142857143rem;
  padding: 0;
  margin-bottom: 0;
  list-style-type: none;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
}

.footer-navigation-first li {
  margin-left: 4.9285714286rem;
}

.footer-navigation-first a {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 66px;
  color: #003b7d;
  text-transform: uppercase;
}
.footer-navigation-first a:hover, .footer-navigation-first a:focus {
  text-decoration: underline;
}

/*
*=footer-inter-applicatif
*
*/
.footer-navigation-second a,
.footer-navigation-second a:hover {
  text-decoration: none;
  cursor: pointer;
}

.footer-navigation-second {
  background-color: #003b7d;
  border-top: 9px solid #005ca9;
}

.footer-navigation-second ul {
  display: flex;
  flex-flow: row wrap;
  padding: 0;
  margin-bottom: 0;
  list-style-type: none;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 0.8571428571rem;
  color: #f7f5f3;
  justify-content: center;
}

.footer-navigation-second li::after {
  content: "|";
  padding: 0 0.9285714286rem;
  font-size: 0.8571428571rem;
  color: #f7f5f3;
}

.footer-navigation-second li:last-child::after {
  content: "";
  padding: 0;
  font-size: 1rem;
}

.footer-navigation-second a {
  display: inline-block;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #f7f5f3;
  line-height: 50px;
}
.footer-navigation-second a:focus {
  text-decoration: underline;
}

/*
*=form
*
*/
.form-group label {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #222222;
  font-size: 1rem;
  margin-bottom: 5px;
}
.form-group label:hover:before {
  border: 1px solid #003b7d !important;
}
.form-group label:hover {
  font-weight: 600;
}
.form-group .form-control {
  margin-bottom: 0;
  border: 1px solid #cccccc;
  box-shadow: none;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #1d1d1d;
}
.form-group .form-control .is-invalid {
  border: 1px solid #dc3545;
}
.form-group .form-control:focus {
  border: 1px solid #77baed;
  box-shadow: none;
}
.form-group input {
  padding: 6px 12px;
}
.form-group.has-warning .checkbox, .form-group.has-warning .checkbox-inline, .form-group.has-warning .control-label, .form-group.has-warning .form-control-feedback, .form-group.has-warning .help-block,
.form-group .has-warning .radio, .form-group.has-warning .radio-inline, .form-group.has-warning.checkbox label, .form-group.has-warning.checkbox-inline label, .form-group.has-warning.radio label, .form-group.has-warning.radio-inline label {
  color: #222222;
}
.form-group.has-success .checkbox, .form-group.has-success .checkbox-inline, .form-group.has-success .control-label, .form-group.has-success .help-block, .form-group.has-success .radio, .form-group.has-success .radio-inline, .form-group.has-success.checkbox label, .form-group.has-success.checkbox-inline label, .form-group.has-success.radio label, .form-group.has-success.radio-inline label {
  color: #222222;
}
.form-group.has-danger .checkbox, .form-group.has-danger .checkbox-inline, .form-group.has-danger .control-label, .form-group.has-danger .help-block, .form-group.has-danger .radio, .form-group.has-danger .radio-inline, .form-group.has-danger.checkbox label, .form-group.has-danger.checkbox-inline label, .form-group.has-danger.radio label, .form-group.has-danger.radio-inline label {
  color: #222222;
}
.form-group.has-warning .form-control, .form-group.has-success input.form-control, .form-group.has-danger input.form-control {
  color: #222222;
}
.form-group.has-success input.form-control {
  color: #3c763d;
  border-color: #3c763d;
}
.form-group.has-danger input.form-control {
  color: #dc3545;
  border-color: #dc3545;
}
.form-group.has-warning input.form-control {
  color: #8a6d3b;
  border-color: #8a6d3b;
}
.form-group.has-success input.form-control:focus, .form-group.has-danger input.form-control:focus, .form-group.has-warning input.form-control:focus {
  border: 1px solid #77baed;
  box-shadow: none;
}
.form-group .valid-feedback.feedback-icon,
.form-group .invalid-feedback.feedback-icon {
  position: absolute;
  width: auto;
  bottom: 5px;
  right: 25px;
  margin-top: 0;
  font-size: 16px;
  top: 30px;
}
.form-group .valid-feedback {
  display: initial;
}
.form-group .bdf-valid-feedback.feedback-icon,
.form-group .bdf-invalid-feedback.feedback-icon {
  position: absolute;
  width: auto;
  bottom: 5px;
  right: 25px;
  margin-top: 0;
  font-size: 16px;
  top: 30px;
}
.form-group .bdf-valid-feedback.feedback-icon {
  color: #3c763d;
}
.form-group .bdf-invalid-feedback.feedback-icon {
  color: #dc3545;
}
.form-group .bdf-valid-feedback {
  display: initial;
}
.form-group .form-control.is-valid {
  border-color: #3c763d;
}
.form-group .form-control.is-invalid {
  border-color: #dc3545;
}

/* gestion du typeahead */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  background-color: #003b7d;
}

ul[uib-typeahead-popup] > li > a {
  transition: none;
}

.form-control::-moz-placeholder {
  color: #343434;
  opacity: 1;
}

.form-control::-webkit-input-placeholder {
  color: #343434;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #343434;
  opacity: 1;
}

.bdf-form-group {
  min-height: 6.2857142857rem;
  margin: 0;
}

.bdf-form-group label {
  min-height: 1rem;
}

.bdf-form-group .glyphicon.glyphicon-remove {
  color: #a94442;
}

.bdf-form-group .help-block .bdf-validation-icon {
  padding: 0 0.3571428571rem 0 0 !important;
  position: relative;
  top: 0.2142857143rem;
}

.bdf-form-group .help-block {
  margin-bottom: 0 !important;
}

.bdf-form-group textarea {
  margin-bottom: 1.0714285714rem !important;
}

.btn.btn--form-group {
  margin: 1.7857142857rem 0 2.1428571429rem 0;
}

.btn.btn-lg.btn--form-group {
  margin: 1.2857142857rem 0 2.1428571429rem 0;
  /*margin: pxToRem(25) 0 pxToRem(30) 0; */
}

.btn--form-group {
  margin: 1.6428571429rem 0 2.2857142857rem 0;
}

.btn.btn--bdf-small-action.btn--form-group {
  /* margin: pxToRem(36) 0 pxToRem(30) 0;*/
  margin: 2.2857142857rem 0 2.6428571429rem 0;
}

.form-group.has-warning .fa-warning:before {
  color: #8a6d3b !important;
}

.bdf-champ-obligatoire {
  margin: 0.5rem 0;
  font-size: 0.9286rem;
  text-align: left;
}

/*
*=header
*
*/
/* -------------- header -------------- */
/*pour mettre le header sur tout l'ecran ajouter .bdf-ng-header-fluid  au selecteur <bdf-ng-header> */
.bdf-ng-header-fluid .bdf-header__content.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

[bdf-header], bdf-header {
  display: block;
}

.bdf-header {
  height: 60px;
  text-align: center;
  background: url(images/bdf-charte/bg-header-interne.jpg) no-repeat center top #f8f8f8;
}

/*
correctif 20180410
pas le bon endroit pour le background à cause du subheader qui prend de la place au top
*/
bdf-ng-header > .bdf-header {
  background: url("images/bdf-charte/bg-header-interne.jpg") no-repeat center top #f8f8f8;
}

bdf-ng-header {
  display: block;
}

.bdf-header__content {
  position: relative;
}

.bdf-header__logo-marque {
  display: inline-block;
}
.bdf-header__logo-marque:after {
  content: "";
  display: block;
  clear: both;
}

/**
 * Center vertically all elts in header-action
 */
.bdf-header .bdf-header-action {
  display: flex;
  align-items: center;
}

/* logo */
.bdf-logo {
  height: 60px;
  float: left;
  padding-top: 0;
  height: inherit;
}
.bdf-logo h1 {
  margin: 0;
}

.bdf-logo a {
  width: 6.0714285714rem;
  height: 2.8571428571rem;
  margin: 0.7142857143rem;
  background: url("images/bdf-charte/logo.svg") no-repeat;
}
.bdf-logo a:focus {
  /*outline: none;*/
  /*rendre accessible au focus */
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
}

/* bdf-marque */
.bdf-marque {
  position: relative;
  height: 60px;
  float: left;
  padding: 0 0 0 1.4285714286rem;
  padding-top: 0;
  margin: 0 0 0 0.7142857143rem;
  line-height: 60px;
  max-width: 35.7142857143rem;
  overflow: hidden;
  border: none;
  font-size: 2rem;
  color: #003b7d;
}

.bdf-marque > span {
  line-height: 60px;
  vertical-align: middle;
}
.bdf-marque > span:before {
  content: "";
  width: 0.1428571429rem;
  height: 70%;
  background-color: #003b7d;
  position: absolute;
  top: 15%;
  left: 0;
}

.bdf-marque span {
  font-weight: 400;
  display: inline-block;
  line-height: 2rem;
}

.bdf-header-action {
  height: 60px;
  width: 290px;
  float: right;
  max-width: 28.5714285714rem;
}

.bdf-marque span span.span-br {
  display: block;
}

/****************************************/
/**********    RESPONSIVE       *********/
/****************************************/
/*petit smartphone - iphone 3gs*/
/*smartphone*/
/*tablette*/
@media (max-width: 991px) {
  bdf-ng-header > .bdf-header {
    background-image: none;
    height: 4.2857142857rem;
  }

  body {
    transition: transform 0.3s ease-in;
    overflow-x: hidden;
  }

  header {
    background-image: none;
  }

  .bdf-marque {
    padding-left: 15px;
    font-size: 17px;
    width: 290px;
    height: 4.2857142857rem;
    line-height: 4.2857142857rem;
  }

  /* multi-lang */
  .bdf-header-action {
    height: 60px;
    width: 290px;
    position: absolute;
    right: 1%;
  }

  .bdf-marque span span.span-br {
    display: inline;
    padding-left: 0.7142857143rem;
  }

  .bdf-header__logo-marque {
    left: 48%;
    position: absolute;
    transform: translateX(-50%);
    display: inline-block;
    width: 400px;
  }

  .bdf-logo {
    height: 4.2857142857rem;
    padding-top: 0;
  }

  .bdf-logo h1 {
    margin: 0;
    height: 4.2857142857rem;
    line-height: 4.2857142857rem;
    vertical-align: middle;
  }

  .bdf-logo a {
    background-size: 100% 100%;
    width: 90px;
    height: 3.2142857143rem;
    vertical-align: middle;
    line-height: 4.2857142857rem;
    display: inline-block;
    margin: 0;
  }

  .bdf-header-action {
    height: 4.2857142857rem;
  }

  .bdf-header-action .multi-lang {
    line-height: 60px;
  }

  .bdf-header-action--version2 {
    margin-top: 0;
    display: none;
  }
}
/*for header*/
@media (max-width: 600px) {
  .bdf-marque span {
    line-height: 1.5714285714rem;
  }

  .bdf-marque span span.span-br {
    line-height: 1.2857142857rem;
    display: block;
    padding-left: 0;
    text-transform: Capitalize;
  }

  .theme-interne .bdf-marque span span.span-br {
    line-height: 1.2857142857rem !important;
    display: block !important;
    padding-left: 0 !important;
    text-transform: Capitalize !important;
  }

  .bdf-header__logo-marque {
    left: 48%;
    position: absolute;
    transform: translateX(-50%);
    display: inline-block;
    width: 270px;
  }

  .bdf-marque {
    padding-left: 15px;
    font-size: 17px;
    width: 160px;
    height: 4.2857142857rem;
    line-height: 4.2857142857rem;
  }

  .bdf-header__logo-marque {
    left: 56%;
  }
}
/*Petit ecran*/
/*desktop - ecran standard*/
/*desktop-plus - pour supérieur tv/retroprojecteur*/
/*end css search*/
/****************************************/
/**********    RESPONSIVE       *********/
/**********    tplresp          *********/
/****************************************/
/**
*=icons
*
*/
/****************************************/
/**********    bdffont icons    *********/
/****************************************/
@font-face {
  font-family: "bdffont";
  src: url(fonts/bdffont/bdffont.eot?gf5pmz);
  src: url(fonts/bdffont/bdffont.eot?gf5pmz#iefix) format("embedded-opentype"), url(fonts/bdffont/bdffont.ttf?gf5pmz) format("truetype"), url(fonts/bdffont/bdffont.woff?gf5pmz) format("woff"), url(fonts/bdffont/bdffont.svg?gf5pmz#bdffont) format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=bdf-icon-],
[class*=" bdf-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  padding: 0;
  font-family: "bdffont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 0.0714285714rem;
  font-size: 1.5714285714rem;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bdf-icon-text {
  height: 100%;
  font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
  font-size: 1rem;
  line-height: 1.4;
  color: #222222;
  background-color: #ffffff;
  margin: 0 !important;
}

.bdf-icon-phone-circle:before {
  content: "";
}

.bdf-icon-subscription:before {
  content: "";
}

.bdf-icon-markets:before {
  content: "";
}

.bdf-icon-iphone:before {
  content: "";
}

.bdf-icon-alerts:before {
  content: "";
}

.bdf-icon-warning2:before {
  content: "";
}

.bdf-icon-check-list:before {
  content: "";
}

.bdf-icon-calendar-v2:before {
  content: "";
}

.bdf-icon-plus-circle:before {
  content: "";
}

.bdf-icon-minus-circle:before {
  content: "";
}

.bdf-icon-google-plus:before {
  content: "";
}

.bdf-icon-linkedin:before {
  content: "";
}

.bdf-icon-check:before {
  content: "";
}

.bdf-icon-profil-close:before {
  content: "";
  font-size: 24px;
}

.bdf-icon-profil:before {
  content: "";
}

.bdf-icon-profil.bdf-user-log__icon.bdf-user-log-icon-notconnected:before {
  font-size: 24px;
}

a.bdf-user-log__link.bdf-user-log__notconnected {
  text-decoration: underline;
}
a.bdf-user-log__link.bdf-user-log__notconnected .span {
  margin-left: 0;
}

.bdf-icon-loupe:before {
  content: "";
}

.bdf-icon-reset:before {
  content: "";
}

.bdf-icon-lightning:before {
  content: "";
}

.bdf-icon-sun:before {
  content: "";
}

.bdf-icon-cloud:before {
  content: "";
}

.bdf-icon-rain:before {
  content: "";
}

.bdf-icon-arrow-straight-up:before {
  content: "";
}

.bdf-icon-arrow-straight-down:before {
  content: "";
}

.bdf-icon-arrow-straight:before {
  content: "";
}

.bdf-icon-close:before {
  content: "";
}

.bdf-icon-info:before {
  content: "";
}

.bdf-icon-warning:before {
  content: "";
}

.bdf-icon-package:before {
  content: "";
}

.bdf-icon-soumettre:before {
  content: "";
}

.bdf-icon-calendar:before {
  content: "";
}

.bdf-icon-annuler:before {
  content: "";
}

.bdf-icon-enregistrer:before {
  content: "";
}

.bdf-icon-pdf:before {
  content: "";
}

.bdf-icon-simulation:before {
  content: "";
}

.bdf-icon-analyse:before {
  content: "";
}

.bdf-icon-achat-de-produits:before {
  content: "";
}

.bdf-icon-espace-personnel:before {
  content: "";
}

.bdf-icon-download:before {
  content: "";
}

.bdf-icon-twitter:before {
  content: "";
}

.bdf-icon-facebook:before {
  content: "";
}

.bdf-icon-youtube:before {
  content: "";
}

.bdf-icon-arrow-right-circle:before {
  content: "";
}

.bdf-icon-arrow-right:before, .carousel-control-next-icon:before {
  content: "";
}

.bdf-icon-arrow-bottom:before {
  content: "";
  transform: rotate(90deg);
  display: inline-block;
  margin-top: 1px;
}

.bdf-icon-arrow-top:before {
  content: "";
  display: inline-block;
  transform: rotate(-90deg);
}

.bdf-icon-arrow-left:before, .carousel-control-prev-icon:before {
  content: "";
  transform: rotate(180deg);
  display: inline-block;
}

.bdf-icon-information:before {
  content: "?";
  display: inline-block;
  height: 1.4285714286rem;
  width: 1.4285714286rem;
  padding-left: 0.0714285714rem;
  background-color: #ffffff;
  border-radius: 50%;
  border: 1px solid #e8e8e8;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1rem;
  line-height: 17px;
  color: #76828f;
  text-align: center;
  transition: all 0.3s ease;
}

/*
*=link
*
*/
.bdf-link-pdf {
  position: relative;
  display: inline-block;
  padding-left: 1.7142857143rem;
  text-shadow: none;
}

.bdf-link-pdf:before {
  content: "";
  position: absolute;
  left: 0.1428571429rem;
  top: calc(50% - 8.5px);
  padding: 0;
  font-family: "bdffont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 1.1428571429rem;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bdf-link-next {
  position: relative;
  padding-right: 1.7142857143rem;
  display: inline-block;
  font-weight: 600;
  text-decoration: none;
  text-shadow: none;
}

.bdf-link-next:hover {
  text-decoration: none;
}

.bdf-link-next:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: calc(50% - 8.5px);
  padding: 0;
  font-family: "bdffont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 1.2142857143rem;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bdf-link-previous {
  position: relative;
  padding-left: 1.7142857143rem;
  font-weight: 600;
  text-decoration: none;
  text-shadow: none;
}

.bdf-link-previous:hover {
  text-decoration: none;
}

.bdf-link-previous:before {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  top: calc(50% - 8.5px);
  padding: 0;
  font-family: "bdffont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 1.2142857143rem;
  transform: rotate(180deg);
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bdf-liste-communicante {
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
}
.bdf-liste-communicante > div {
  flex: 1 1 auto;
}
.bdf-liste-communicante .bdf-buttons {
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-content: stretch;
  align-items: center;
  padding-bottom: 0.5714285714rem;
}
.bdf-liste-communicante .bdf-buttons > div {
  flex: 0 1 auto;
}
.bdf-liste-communicante .bdf-buttons .moveall, .bdf-liste-communicante .bdf-buttons .move, .bdf-liste-communicante .bdf-buttons .remove, .bdf-liste-communicante .bdf-buttons .removeall {
  color: white;
  background-color: #003b7d;
  width: 4.2857142857rem;
  height: 1.4285714286rem;
  line-height: 100%;
  border-radius: 0;
  border: 0.1428571429rem solid #003b7d;
  padding: 0;
  margin-bottom: 1px;
  margin-left: 0.7142857143rem;
  margin-right: 0.7142857143rem;
}
.bdf-liste-communicante .bdf-buttons .moveall:hover, .bdf-liste-communicante .bdf-buttons .move:hover, .bdf-liste-communicante .bdf-buttons .remove:hover, .bdf-liste-communicante .bdf-buttons .removeall:hover {
  border: 0.1428571429rem solid #003b7d;
  background-color: #f0f0f0;
  color: #003b7d;
}
.bdf-liste-communicante .bdf-buttons .remove .fa {
  transform: rotate(180deg);
}
@media (max-width: 575.98px) {
  .bdf-liste-communicante {
    flex-direction: column;
  }
  .bdf-liste-communicante .bdf-buttons {
    align-self: auto;
    flex-direction: row;
    justify-content: center;
    padding-bottom: 0;
  }
  .bdf-liste-communicante .bdf-buttons .moveall, .bdf-liste-communicante .bdf-buttons .move, .bdf-liste-communicante .bdf-buttons .remove, .bdf-liste-communicante .bdf-buttons .removeall {
    margin: 0.2857142857rem 1px 0.2857142857rem 0;
    height: 2.1428571429rem;
  }
  .bdf-liste-communicante .bdf-buttons .moveall .fa, .bdf-liste-communicante .bdf-buttons .move .fa, .bdf-liste-communicante .bdf-buttons .removeall .fa {
    transform: rotate(90deg);
  }
  .bdf-liste-communicante .bdf-buttons .remove .fa {
    transform: rotate(270deg);
  }
}

.bdf-filtered-select select {
  margin-top: 0.3571428571rem;
  height: 7.1428571429rem;
}

.bdf-multi-select-title {
  font-weight: 600;
}

/*
*=loader
*
*/
/**
 * Modal de chargement
 */
.bdf-loader-modal .chargement {
  padding: 15px;
  border-top: #003b7d 8px solid;
  border-bottom: 1px solid transparent;
  justify-content: center;
}
.bdf-loader-modal .chargement .modal-title {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: #4e4e4e;
  text-transform: uppercase;
}
.bdf-loader-modal .bdf-loader-modal--icone {
  padding: 15px;
  top: 25%;
  display: inline-block;
}
.bdf-loader-modal .bdf-loader-modal--icone::before {
  display: inline-block;
  content: "";
  width: 3.5714285714rem;
  height: 3.5714285714rem;
  background-size: 50px;
  background-image: url("images/bdf-charte/loader.gif");
}

/*
*=menu de niveau 2
*
*/
/* ********************************************** */
/* menu de niveau 2 */
/* ********************************************** */
/* navigation type onglets avec image*/
.bdf-navigation-onglets {
  margin-top: 10px;
}

.bdf-list-image {
  display: flex;
  flex-direction: row;
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #888;
}
.bdf-list-image__item {
  margin-bottom: -1px;
  height: 64px;
}
.bdf-list-image__link {
  display: inline-block;
  height: 58px;
  padding: 5px 15px;
  border: 1px solid #eaeaea;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}
.bdf-list-image__link:focus, .bdf-list-image__link:hover, .bdf-list-image__link:active {
  text-decoration: none;
}
.bdf-list-image__link.is-active, .bdf-list-image__link.is-active:focus, .bdf-list-image__link.is-active:hover {
  padding-bottom: 6px !important;
  height: 64px;
  background-color: #f9f9f9;
  border: 1px solid #888888;
  border-bottom: 1px solid #f9f9f9;
}
.bdf-list-image__link.is-active .bdf-imagetext-container__image, .bdf-list-image__link.is-active:focus .bdf-imagetext-container__image, .bdf-list-image__link.is-active:hover .bdf-imagetext-container__image {
  /* image */
  margin-bottom: 5px;
}
.bdf-list-image__link.is-active .bdf-imagetext-container__text, .bdf-list-image__link.is-active:focus .bdf-imagetext-container__text, .bdf-list-image__link.is-active:hover .bdf-imagetext-container__text {
  /* text */
  margin-bottom: 5px;
}
.bdf-list-image__montee {
  padding: 5px 5px !important;
}
.bdf-list-image__item {
  margin-left: 5px;
}
.bdf-list-image__item:first-of-type {
  margin-left: 0;
}

.bdf-imagetext-container {
  display: flex;
  flex-direction: row;
  height: 100%;
  align-items: center;
}
.bdf-imagetext-container__image {
  /* image */
  height: 40px;
  width: 50px;
}
.bdf-imagetext-container__image[alt] {
  font-size: 10px;
  text-transform: none;
  color: #ccc;
}
.bdf-imagetext-container__text {
  /* text */
  margin-left: 5px;
  margin-right: 5px;
}

.bdf-imagetext-container__image.bdf-referentiel-img {
  height: 50px !important;
}
.bdf-imagetext-container__image.bdf-home-tab-img {
  height: 35px;
  width: 40px;
}
.bdf-imagetext-container__image.flux {
  height: 30px;
  width: 55px;
}

/* navigation type onglets*/
.bdf-navigation-onglets {
  margin-top: 1rem;
}

.bdf-list {
  display: flex;
  flex-direction: row;
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #888;
}
.bdf-list__item {
  margin-bottom: -1px;
}
.bdf-list__link {
  display: inline-block;
  padding: 5px 15px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  border: none;
  text-align: center;
}
.bdf-list__link:focus, .bdf-list__link:hover, .bdf-list__link:active {
  text-decoration: none;
}
.bdf-list__link.is-active, .bdf-list__link.is-active:focus, .bdf-list__link.is-active:hover {
  color: #003b7d;
}
.bdf-list__link.is-active:after, .bdf-list__link.is-active:focus:after, .bdf-list__link.is-active:hover:after {
  content: "";
  display: block;
  width: calc(100% + 8px);
  height: 5px;
  position: relative;
  bottom: -5px;
  left: -4px;
  background-color: #003b7d;
}

/* legacy code avant accessibility */
.bdf-list-title-level2 {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.bdf-list-title-level2:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.07142857rem;
  position: relative;
  z-index: -1;
  bottom: 1px;
  left: 0;
  background-color: #aaa;
}

.bdf-list-title-level2__item {
  display: inline-block;
}

.bdf-list-title-level2__item-level2 {
  margin: 0;
  padding: 0;
}

.bdf-list-title-level2__link {
  position: relative;
  display: inline-block;
  padding: 0.35714286rem 1.07142857rem;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 1.07142857rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #000;
}

.bdf-list-title-level2__link:focus, .bdf-list-title-level2__link:hover {
  color: #000;
  text-decoration: none;
}

.bdf-list-title-level2__link:after {
  content: "";
  display: block;
  width: calc(100% + 8px);
  height: 0.35714286rem;
  position: relative;
  bottom: -0.35714286rem;
  left: -0.28571429rem;
  background-color: transparent;
}

.bdf-list-title-level2__link:hover:after {
  height: 0.35714286rem;
  background-color: #003b7d;
}

.bdf-list-title-level2__link:focus:after {
  height: 0.35714286rem;
  background-color: #aaa;
}

.bdf-list-title-level2__link--active:focus:after {
  background-color: #003b7d;
}

.bdf-list-title-level2__link.bdf-list-title-level2__link--active, .bdf-list-title-level2__link:hover.bdf-list-title-level2__link--active {
  color: #003b7d;
  text-decoration: none;
}

.bdf-list-title-level2__link--active:after, .bdf-list-title-level2__link--active:hover:after {
  content: "";
  display: block;
  width: calc(100% + 8px);
  height: 0.35714286rem;
  position: relative;
  bottom: -0.35714286rem;
  left: -4px;
  background-color: #003b7d;
}

.bdf-list-title-level2__item span {
  display: none;
}

@media (max-width: 575.98px) {
  .bdf-list-title-level2__li--hidden {
    display: none !important;
  }

  .bdf-nav-title-level2 {
    display: flex;
    align-items: flex-start;
    width: 100%;
  }

  .bdf-list-title-level2 {
    width: auto;
    flex: 1;
    padding-right: 10px;
    display: flex;
    flex-direction: column;
  }

  .bdf-list-title-level2__item {
    border-bottom: 0.07142857rem solid #a9a9a9;
    display: flex;
  }

  li.bdf-list-title-level2__li--active {
    order: -1;
  }

  .bdf-list-title-level2__item .bdf-icon-arrow-bottom, .bdf-list-title-level2__item .bdf-icon-arrow-top {
    margin-left: auto;
    margin-right: 0;
    display: flex;
    margin-top: 5px;
    font-size: 0.85714286rem;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  .bdf-list-title-level2__item span {
    display: inline;
    margin-right: 0;
    align-items: flex-end;
  }

  .bdf-list-title-level2__link {
    margin-top: 0.35714286rem;
  }
}
/* legacy code avant accessibility */
/* CSS en mobile menu level 2*/
@media (max-width: 640px) {
  .bdf-list-title-level2__toggle {
    position: relative;
    width: 25px;
    top: 45px;
    left: 95%;
  }

  .bdf-list-image__link {
    width: 90%;
  }

  .bdf-list-image__link.is-active {
    height: 58px !important;
    border-bottom: 1px solid #888888 !important;
    margin-left: 0px !important;
  }

  .bdf-list-image__item {
    margin-left: 0px;
  }

  .bdf-home-tab-img {
    display: none;
  }

  .bdf-list-image {
    display: flex;
    flex-direction: column;
    border-bottom: 0px solid #888;
  }

  li.bdf-list-title-level2__li--active {
    order: -1;
  }
}
.bdf-list-image__link {
  background: #ffffff;
}

.bdf-list-image__link:focus {
  background: #f9f9f9;
  border: 1px solid #d4d4d4;
}

.bdf-list-image__link:hover {
  cursor: pointer;
}

/*
*=menu de niveau 3
*
*/
/* ********************************************** */
/* menu de niveau 3 */
/* ********************************************** */
nav[role=navigation].bdf-nav {
  margin: 0.7142857143rem 0;
  background: inherit;
  background-image: none;
}

/* Affichage du visuel en Desktop */
.bdf-menuTab-mobile {
  display: none;
}

.bdf-list-title-level3 {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.bdf-list-title-level3:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.0714285714rem;
  position: relative;
  z-index: -1;
  bottom: 1px;
  left: 0;
  background-color: #aaaaaa;
}

.bdf-list-title-level3__item {
  display: inline-block;
}

.bdf-list-title-level3__item-level3 {
  margin: 0;
  padding: 0;
}

.bdf-list-title-level3__link {
  position: relative;
  display: inline-block;
  padding: 0.3571428571rem 1.0714285714rem;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 1.0714285714rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #000000;
}

.bdf-list-title-level3__link:hover,
.bdf-list-title-level3__link:focus {
  color: black;
  text-decoration: none;
}

.bdf-list-title-level3__link:after {
  content: "";
  display: block;
  width: calc(100% + 8px);
  height: 0.3571428571rem;
  position: relative;
  bottom: -0.3571428571rem;
  left: -0.2857142857rem;
  background-color: transparent;
}

.bdf-list-title-level3__link:hover:after {
  height: 0.3571428571rem;
  background-color: #003b7d;
}

.bdf-list-title-level3__link:focus:after {
  height: 0.3571428571rem;
  background-color: #aaaaaa;
}

.bdf-list-title-level3__link--active:focus:after {
  background-color: #003b7d;
}

.bdf-list-title-level3__link.bdf-list-title-level3__link--active,
.bdf-list-title-level3__link:hover.bdf-list-title-level3__link--active {
  color: #003b7d;
  text-decoration: none;
}

.bdf-list-title-level3__link--active:after,
.bdf-list-title-level3__link--active:hover:after {
  content: "";
  display: block;
  width: calc(100% + 8px);
  height: 0.3571428571rem;
  position: relative;
  bottom: -0.3571428571rem;
  left: -4px;
  background-color: #003b7d;
}

.bdf-list-title-level3__item span {
  display: none;
}

.bdf-list-title-level3__toggle {
  padding-top: 1em;
}

/* Affichage du menu en mobile */
.bdf-list-title-level3 [class^=bdf-icon-] {
  font-size: 1.5714285714rem;
}

@media (max-width: 575.98px) {
  .bdf-list-title-level3__li--hidden {
    display: none !important;
  }

  .bdf-nav-title-level3 {
    display: flex;
    align-items: flex-start;
    width: 100%;
  }

  .bdf-list-title-level3 {
    width: auto;
    flex: 1;
    padding-right: 10px;
    display: flex;
    flex-direction: column;
  }

  .bdf-list-title-level3__item {
    border-bottom: 0.0714285714rem solid darkgray;
    display: flex;
  }

  li.bdf-list-title-level3__li--active {
    order: -1;
  }

  .bdf-list-title-level3__item .bdf-icon-arrow-bottom,
.bdf-list-title-level3__item .bdf-icon-arrow-top {
    margin-left: auto;
    margin-right: 0;
    display: flex;
    margin-top: 5px;
    font-size: 0.8571428571rem;
    transform: translateY(-5px);
  }

  .bdf-list-title-level3__item span {
    display: inline;
    margin-right: 0;
    align-items: flex-end;
  }

  .bdf-list-title-level3__link {
    margin-top: 0.3571428571rem;
  }
}
.bdf-list-title-level3__link:hover {
  cursor: pointer;
}

/*
*=modal surcharge bootstrap
*
*/
.bdf-modal .modal-content {
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.bdf-modal .modal-footer, .bdf-modal .modal-content, .bdf-modal .modal-body {
  border: none;
  border-radius: 0;
}
.bdf-modal .fade, .bdf-modal .modal.fade .modal-dialog {
  transition-duration: 0s;
}
.bdf-modal .modal-dialog h1 {
  margin-top: 0.2142857143rem;
  margin-bottom: 0.7142857143rem;
  color: #000000;
}
.bdf-modal .modal-header {
  padding: 0.3571428571rem 0.7142857143rem 0 0;
  border-top: #003b7d 8px solid;
  border-bottom: 0;
  border-radius: 0;
}
.bdf-modal .modal-header .close {
  opacity: 1;
}
.bdf-modal .modal-body {
  padding-top: 0;
}
.bdf-modal .modal-body p {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-indent: 0;
  text-align: left;
  padding: 0;
}
.bdf-modal .modal-body h2 {
  margin-top: 0.3571428571rem;
}
.bdf-modal .iconcss-close {
  position: relative;
  display: inline-block;
  width: 2.9285714286rem;
  height: 2.8571428571rem;
  overflow: hidden;
}
.bdf-modal .iconcss-close:hover::before, .bdf-modal .iconcss-close:hover::after {
  background: #003b7d;
}
.bdf-modal .iconcss-close::before, .bdf-modal .iconcss-close::after {
  content: "";
  position: absolute;
  height: 0.0714285714rem;
  width: 1.7857142857rem;
  top: 0.8571428571rem;
  left: 0;
  background: #000000;
}
.bdf-modal .iconcss-close::before {
  transform: rotate(45deg);
}
.bdf-modal .iconcss-close::after {
  transform: rotate(-45deg);
}
.bdf-modal .iconcss-close {
  position: relative;
  width: 1.7857142857rem;
  height: 1.7857142857rem;
  overflow: hidden;
  display: block;
}
.bdf-modal .iconcss-close::before, .bdf-modal .iconcss- close::after {
  content: "";
  position: absolute;
  height: 0.07142857rem;
  width: 1.7857142857rem;
  top: 0.8571428571rem;
  left: 0;
  background: #000000;
}
.bdf-modal .modal-header .close {
  margin: 0 0 0 auto;
  padding: 0;
}

.bdf-multi-lang {
  padding: 0;
  line-height: 1;
  height: auto;
}
.bdf-multi-lang .dropdown-toggle::after {
  content: none;
}
.bdf-multi-lang .dropdown-menu {
  min-width: initial;
  max-width: 10.5rem;
  border-radius: 0;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.bdf-multi-lang .dropdown-item {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1.0714285714rem;
  font-weight: 600;
  text-decoration: none;
  padding: 3px 20px;
  transition: color 0.3s ease;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bdf-multi-lang .dropdown-item:hover {
  color: #ffffff;
  background: #003b7d;
}
.bdf-multi-lang .dropdown-item:active, .bdf-multi-lang .dropdown-item:focus {
  color: #ffffff;
  background: #003b7d;
}
.bdf-multi-lang .btn--lang {
  border-radius: 0;
  text-align: right;
  padding: 0px 10px 0px 11px;
  color: #6a727a;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1.0714285714rem;
  font-weight: 600;
  background-color: transparent;
}
.bdf-multi-lang .btn--lang, .bdf-multi-lang .btn--lang.active, .bdf-multi-lang .btn--lang:active {
  box-shadow: none;
}
.bdf-multi-lang .btn--lang:focus {
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
}
.bdf-multi-lang .btn-group.open .btn--lang.dropdown-toggle, .bdf-multi-lang .btn-group.open .btn--lang.dropdown-toggle.active, .bdf-multi-lang .btn-group.open .btn--lang.dropdown-toggle:active {
  box-shadow: none;
}
.bdf-multi-lang .bdf-icon-arrow-bottom:before {
  top: 0.2142857143rem;
  right: 0.6428571429rem;
  font-size: 0.9285714286rem;
}
.bdf-multi-lang .ul-select-lang {
  list-style-type: none;
  margin-left: -40px;
  margin-bottom: 0px;
}

.bdf-notification {
  position: relative;
}
.bdf-notification p {
  margin: 0;
}

.bdf-notification__close {
  position: absolute;
  text-decoration: none;
  padding: 0.5rem;
  top: 0.3rem;
  right: 0.3rem;
  background-color: transparent;
  border: 0;
}
.bdf-notification__close:hover, .bdf-notification__close:focus {
  text-decoration: none;
  color: #003b7d;
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
}

/*
**=onglet nav-tabs
*/
/* surcharge nav-tabs bootstrap*/
.nav-tabs > .nav-item {
  margin-bottom: -1px;
  margin-left: 8px;
}

.nav-tabs > .nav-item:first-child {
  margin-left: 0;
}

.nav-tabs {
  border-bottom: none;
}

.nav-tabs .nav-link {
  background-color: #ffffff;
  border-radius: 0;
  border: 1px solid #005ca9;
  border-bottom: 1px solid #d5d6d8;
  color: #005ca9;
  text-decoration: none;
  text-transform: uppercase;
  transition-duration: 0.1s;
}
.nav-tabs .nav-link:hover {
  background-color: #005ca9;
  color: #ffffff;
  border: 1px solid #005ca9;
  border-bottom: 1px solid #d5d6d8;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
  background-color: #005ca9;
  color: #ffffff;
  text-decoration: none;
  border-radius: 0;
  border: 1px solid #005ca9;
  border-bottom: 1px solid #d5d6d8;
}

ul.nav.nav-tabs {
  border-bottom: 1px solid #d5d6d8;
  margin-bottom: 1.7857142857rem;
}

.nav.nav-tabs {
  border-bottom: 1px solid #d5d6d8;
  margin-bottom: 1.7857142857rem;
}

.nav.nav-tabs + .tab-content pre {
  background-color: #F6F5F3;
  padding: 12px 18px;
  border: transparent;
}

@media (max-width: 575.98px) {
  .nav-tabs {
    flex-direction: column;
  }

  .nav-tabs .nav-link {
    border: 1px solid #005ca9;
  }

  .container .nav-tabs {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .nav-tabs > .nav-item {
    margin-left: initial;
  }

  .nav-tabs .nav-link {
    margin-right: initial;
    width: 100%;
  }
  .nav-tabs .nav-link.active {
    background: #005ca9;
    border: 1px solid transparent;
  }
  .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-link:hover {
    border-bottom: 1px solid transparent;
  }
}
.page-item.active .page-link {
  background-color: #e8e8e8;
  border-color: #cccccc;
  color: #4e4e4e;
  z-index: auto;
  z-index: 1;
}

.page-link {
  border-color: #cccccc;
  color: #4e4e4e;
  text-decoration: none;
}
.page-link:focus, .page-link:hover {
  border-color: #cccccc;
  color: #003b7d;
}

.bdf-pagination {
  margin-top: 1.25rem;
  display: inline-flex;
  align-items: center;
}
.bdf-pagination ul {
  margin-bottom: 0;
}
.bdf-pagination > input {
  width: 3rem;
  height: 2.35rem;
  margin-left: 0.2rem;
}
.bdf-pagination > button {
  height: 2.35rem;
}
.bdf-pagination .page-item {
  display: flex;
}
.bdf-pagination .first {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.bdf-pagination .last {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.bdf-pagination input:last-of-type {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border: 1px solid #cccccc;
  border-right: 0;
  padding: 7px;
  height: initial;
}
.bdf-pagination button:last-of-type {
  border: 1px solid #cccccc;
  height: 35px;
}
.bdf-pagination .btn-elip {
  padding-top: 0px;
  cursor: auto;
  z-index: 1;
}
.bdf-pagination .btn-elip:hover {
  background-color: #fff;
}

.bdf-pagination__count-page {
  margin-bottom: 0px;
  margin-right: 1em;
}

/*
**=panel
*
*/
.panel-default.panel-default--bdf {
  border-color: transparent;
  box-shadow: initial;
  text-align: center;
  margin-top: 50px;
}

.panel-default.panel-default--bdf > .panel-heading {
  padding: 10px 15px;
  padding-left: 0;
  background-image: none;
  background-color: #ffffff;
  border-color: transparent;
  color: #003b7d;
}

.panel-default--bdf .panel-body {
  background-color: #f7f5f3;
  border: 1px solid #e8e8e8;
  font-size: 1rem;
  color: #222222;
  padding: 15px;
}

.panel-body{
    display: inline-block;
    width: 500px;
}

.panel-heading > .dropdown .dropdown-toggle,
.panel-title,
.panel-title > .small,
.panel-title > .small > a,
.panel-title > a,
.panel-title > small,
.panel-title > small > a {
  text-decoration: none;
}

.bdf-h3.card-title {
  margin-top: 0;
}

.panel-default.panel-default--bdf .panel-body {
  margin-bottom: 5px;
}

.bdf-progressbar {
  height: 2.5rem;
  border: 1px solid #dadada;
  border-top-color: #f6f6f6;
  border-left-color: #f6f6f6;
  background-color: #dddddd;
  background-image: linear-gradient(to bottom, #dddddd, #f1f1f1);
  border-radius: 4px;
  overflow: hidden;
  transition: background linear 0.25s;
}

.bdf-progressbar__bar {
  height: 100%;
  background-color: #003b7d;
  background-image: url('data:image/svg+xml,%3Csvg width="14px" height="22px" viewBox="0 0 14 22" xmlns="http://www.w3.org/2000/svg"%3E%3Cdefs%3E%3ClinearGradient x1="0%25" y1="0%25" x2="0%25" y2="100%25" id="gradient"%3E%3Cstop stop-color="%23557BA1" offset="0%25"/%3E%3Cstop stop-color="%23557BA1" offset="40%25"/%3E%3Cstop stop-color="%235378A6" offset="50%25"/%3E%3Cstop stop-color="%234E7097" offset="60%25"/%3E%3Cstop stop-color="%234E7097" offset="100%25"/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill="url(%23gradient)" x="0" y="0" width="15" height="22"/%3E%3Crect fill="%23265080" transform="translate(7.5,11) rotate(27) translate(-7.5,-11)" x="6" y="-2" width="3" height="28"/%3E%3C/svg%3E');
  background-repeat: repeat-x;
  background-size: auto 100%;
  box-shadow: 1px 0 4px #888;
  opacity: 1;
}

.bdf-progressbar__bar--loading {
  animation: progressbarLoading 0.4s steps(60) infinite;
  transition: width linear 0.25s, opacity linear 0.25s;
}

.bdf-progressbar--done {
  background-color: #C3E6CB;
  background-image: linear-gradient(to bottom, #D4EDDA 0%, #D4EDDA 40%, #C3E6CB 60%);
}

.bdf-progressbar--done .bdf-progressbar__bar {
  opacity: 0;
}

@keyframes progressbarLoading {
  from {
    background-position: 0px;
  }
  to {
    background-position: calc(-2.5rem * 14/22);
  }
}
/**
 *=search-widget
 *
 */
.bdf-search-widget {
  display: block;
  position: relative;
  overflow: visible;
  box-sizing: border-box;
}
.bdf-search-widget::after {
  clear: both;
}
.bdf-search-widget .bdf-search-widget__mockinput {
  box-sizing: border-box;
  float: left;
  height: inherit !important;
  width: calc(100% - 3rem);
  margin-bottom: 0;
  overflow: hidden;
  border: 1px solid #e8e8e8;
  border-radius: 0;
  box-shadow: none;
  background-color: #ffffff;
}
.bdf-search-widget .bdf-search-widget__input {
  float: left;
  line-height: 2.2857142857rem;
  height: 2.1428571429rem;
  border-radius: 0;
  width: 100%;
  font-size: 1rem;
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  outline: 0;
  background: 0 0;
  color: #141415;
  width: calc(100% - 3rem);
  /* IE specific clear the input clear cross */
  /*noinspection ALL*/
}
.bdf-search-widget .bdf-search-widget__input:focus {
  box-shadow: none;
  border: none;
}
.bdf-search-widget .bdf-search-widget__input::-ms-clear {
  display: none;
}
.bdf-search-widget .bdf-search-widget__clear {
  float: left;
  position: relative;
  width: 2.8571428571rem;
  height: 30px !important;
  padding: 0;
  margin: auto 0;
  background: 0 0;
  border: none;
  border-radius: 0;
  font-size: 1.2rem;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  outline: none;
  /*
        &:focus .bdf-icon-close {
          color: #003b7d;
          outline: 1px dotted #212121;
          outline: 5px auto -webkit-focus-ring-color;
        }
  */
}
.bdf-search-widget .bdf-search-widget__clear .bdf-icon-close:focus {
  color: #003b7d;
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
}
.bdf-search-widget .bdf-search-widget__clear:hover .bdf-icon-close {
  color: #003b7d;
}
.bdf-search-widget .bdf-search-widget__loupe {
  box-sizing: border-box;
  position: relative;
  width: 2.8571428571rem;
  height: 2.8571428571rem;
  padding: 0;
  margin: auto 0;
  background: 0 0;
  border: none;
  border-radius: 0;
  font-size: 1.2rem;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  outline: none;
}
.bdf-search-widget .bdf-search-widget__loupe:focus .bdf-icon-loupe {
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
}
.bdf-search-widget .bdf-search-widget__loupe:hover {
  outline: none;
}
.bdf-search-widget .bdf-search-widget__icon.bdf-icon-loupe {
  font-size: 1.5714285714rem;
  color: #003b7d;
}
.bdf-search-widget .bdf-search-widget__icon.bdf-icon-close {
  position: relative;
  font-size: 0.9285714286rem;
  font-weight: 600;
  color: #4e4e4e;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.bdf-search-widget .bdf-search-widget__input.input-empty + .bdf-search-widget__clear .bdf-search-widget__icon.bdf-icon-close:before {
  position: absolute;
  top: -0.6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.bdf-search-widget .bdf-search-widget__input + .bdf-search-widget__clear .bdf-search-widget__icon.bdf-icon-close:before {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.bdf-search-widget input[disabled] {
  background: #eceeef;
}
.bdf-search-widget .bdf-search-widget__clear:focus {
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
}
.bdf-search-widget input.input-empty + button {
  display: none;
}
.bdf-search-widget .btn--bdf:hover {
  background: transparent;
  border-color: #ffffff;
  color: #ffffff;
}
.bdf-search-widget .btn--bdf::before {
  background: transparent;
  color: #ffffff;
}

.form-control:disabled {
  cursor: not-allowed;
}

doc-search {
  background: #0550a3;
  background: #005ca9;
}

/*
* Dropdown search background change color element
*/
doc-search {
  background: #0550a3;
  background: #005ca9;
}

.bdf-radio {
  /* checkbox aspect */
  /* checked mark aspect */
  /* checked mark aspect changes */
  /* disabled checkbox */
  /* accessibility */
  /* disabled */
}
.bdf-radio label {
  margin-bottom: 5px;
}
.bdf-radio [type=radio]:not(:checked),
.bdf-radio [type=radio]:checked {
  position: absolute;
  left: -9999px;
}
.bdf-radio [type=radio]:not(:checked) + label,
.bdf-radio [type=radio]:checked + label {
  position: relative;
  padding-left: 3.0714285714rem;
  padding-bottom: 0;
  cursor: pointer;
  font-size: 1rem;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.bdf-radio [type=radio]:not(:checked) + label:before,
.bdf-radio [type=radio]:checked + label:before {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  /* in pixel to avoid fisheye look */
  left: 2px;
  top: 0;
  background: #ffffff;
  border: 0.0714285714rem solid #cccccc;
  border-radius: 50%;
}
.bdf-radio [type=radio]:not(:checked) + label:after,
.bdf-radio [type=radio]:checked + label:after {
  content: "";
  position: absolute;
  /* utilisation des pixels pour éviter button radio fish-eyes*/
  left: 5px;
  top: 3px;
  width: 12px;
  height: 12px;
  background: #003b7d;
  border-radius: 50%;
}
.bdf-radio [type=radio]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.bdf-radio [type=radio]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.bdf-radio [type=radio]:disabled:not(:checked) + label:before,
.bdf-radio [type=radio]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #cccccc;
  background-color: #d5d6d8;
}
.bdf-radio [type=radio]:disabled:checked + label:after {
  color: #999999;
}
.bdf-radio [type=radio]:disabled + label {
  color: #aaaaaa;
}
.bdf-radio [type=radio]:checked:focus + label:before,
.bdf-radio [type=radio]:not(:checked):focus + label:before {
  border: 1px solid #003b7d;
}
.bdf-radio [type=radio]:checked:focus + label,
.bdf-radio [type=radio]:not(:checked):focus + label {
  /* focus browser */
  /* accessibility */
  /*outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;*/
}
.bdf-radio [type=radio]:checked + label {
  color: #003b7d;
}
.bdf-radio [type=radio]:checked + label:hover,
.bdf-radio [type=radio]:not(:checked) + label:hover {
  /* font-weight: 600;*/
  color: #003b7d;
}
.bdf-radio [type=radio]:checked + label:hover:before,
.bdf-radio [type=radio]:not(:checked) + label:hover:before {
  border: 1px solid #003b7d;
}
.bdf-radio.bdf-radio--inline {
  display: inline-block;
  padding: 0 1em;
}
.bdf-radio input[type=radio][disabled] + label {
  cursor: default !important;
  color: inherit !important;
}
.bdf-radio input[type=radio][disabled] + label:before {
  border: 1px solid #cccccc;
}
.bdf-radio input[type=radio][disabled] + label:hover {
  color: #222222 !important;
}
.bdf-radio input[type=radio][disabled] + label:hover:before {
  border: 1px solid #cccccc;
}
.bdf-radio input[type=radio][disabled]:checked + label:after {
  background: #999999;
}

/*
**=multicheckboxes
*
*/
/**
 * Checkboxes mixin
 */
/* Base for label styling */
.bdf-multi-checkbox > .bdf-checkbox:first-child {
  padding-left: 0;
}

.bdf-checkbox {
  /* all css on chekbox are in the mixin */
  /* checkbox aspect */
  /* checked mark aspect */
  /* checked mark aspect changes */
  /* disabled checkbox */
  /* accessibility */
  /* disabled */
}
.bdf-checkbox [type=checkbox]:not(:checked),
.bdf-checkbox [type=checkbox]:checked {
  position: absolute;
  left: -9999px;
}
.bdf-checkbox [type=checkbox]:not(:checked) + label,
.bdf-checkbox [type=checkbox]:checked + label {
  position: relative;
  padding-left: 2rem;
  padding-bottom: 0;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
}
.bdf-checkbox [type=checkbox]:not(:checked) + label:hover,
.bdf-checkbox [type=checkbox]:checked + label:hover {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #003b7d;
}
.bdf-checkbox [type=checkbox]:not(:checked) + label:hover:before,
.bdf-checkbox [type=checkbox]:checked + label:hover:before {
  border: 1px solid #003b7d;
}
.bdf-checkbox [type=checkbox]:checked + label {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #003b7d;
}
.bdf-checkbox [type=checkbox]:checked + label:before {
  border: 1px solid #003b7d;
}
.bdf-checkbox [type=checkbox]:not(:checked) + label:before,
.bdf-checkbox [type=checkbox]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.4285714286rem;
  height: 1.4285714286rem;
  border: 1px solid #aaa;
  background: #ffffff;
  border-radius: 2px;
}
.bdf-checkbox [type=checkbox] + label:after {
  content: "";
  border-right: 4px solid #003b7d;
  border-bottom: 4px solid #003b7d;
  width: 9px;
  height: 16px;
  position: absolute;
  top: 0px;
  left: 6px;
  transform: rotate(45deg) scale(0);
  opacity: 0;
  transition: all 0.2s;
}
.bdf-checkbox [type=checkbox]:checked + label:after {
  opacity: 1;
  transform: rotate(45deg) scale(1);
}
.bdf-checkbox [type=checkbox]:disabled:not(:checked) + label:before,
.bdf-checkbox [type=checkbox]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #cccccc;
  background-color: #d5d6d8;
}
.bdf-checkbox [type=checkbox]:disabled:checked + label:after {
  border-color: #999999;
}
.bdf-checkbox [type=checkbox]:disabled + label {
  color: #aaaaaa;
}
.bdf-checkbox [type=checkbox]:checked:focus + label:before,
.bdf-checkbox [type=checkbox]:not(:checked):focus + label:before {
  border: 1px solid #003b7d;
}
.bdf-checkbox [type=checkbox]:checked:focus + label,
.bdf-checkbox [type=checkbox]:not(:checked):focus + label {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #003b7d;
  font-weight: 600;
  /* focus browser */
  /* accessibility */
  /*
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
  */
}
.bdf-checkbox input[type=checkbox][disabled] + label {
  cursor: default !important;
  color: inherit !important;
}
.bdf-checkbox input[type=checkbox][disabled] + label:before {
  border: 1px solid #cccccc;
}
.bdf-checkbox input[type=checkbox][disabled] + label:hover {
  color: #222222 !important;
}
.bdf-checkbox input[type=checkbox][disabled] + label:hover:before {
  border: 1px solid #cccccc;
}
.bdf-checkbox.bdf-checkbox--inline {
  display: inline-block;
  padding: 0 1em;
}

.bdf-stickyblock-fixed {
  position: fixed;
  left: 0;
  z-index: 10;
  transition: bottom 0.3s ease;
}
.bdf-stickyblock-fixed.ng-enter {
  transition: none;
}
.bdf-stickyblock-fixed.ng-leave {
  transition: none;
}

.bdf-stickyblock-unfixed {
  position: absolute;
  left: 0;
  width: 100%;
}

.bdf-stickyblock-bar-direction-top {
  bottom: 0;
}

.bdf-stickyblock-bar-direction-bottom {
  top: 0;
}

.bdf-stickyfooter {
  width: 100%;
  position: fixed;
  z-index: 1060;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  color: #ffffff;
}
.bdf-stickyfooter .container {
  display: flex;
  align-items: center;
}
.bdf-stickyfooter .bdf-stickyfooter__left {
  color: inherit;
  padding: 20px;
}
.bdf-stickyfooter .bdf-stickyfooter__left p {
  color: #FFFFFF;
}
.bdf-stickyfooter .bdf-stickyfooter__right {
  color: inherit;
  padding: 10px;
}
.bdf-stickyfooter .btn--bdf {
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
}
.bdf-stickyfooter .btn--bdf:focus:before, .bdf-stickyfooter .btn--bdf:hover:before {
  bottom: 0px;
  padding: 5px;
}

/*
*=bdf-subheader
*
*/
/* -------------- sub header -------------- */
.bdf-subheader {
  height: 2.2142857143rem;
  padding-bottom: 0.0714285714rem;
  background: #f7f5f3;
  border-bottom: 1px solid #eeeeee;
  text-align: center;
  color: #4e4e4e;
}
.bdf-subheader ul {
  padding-left: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  align-content: stretch;
  align-items: stretch;
}

.bdf-subheader__space {
  text-transform: uppercase;
}
.bdf-subheader__space button {
  background: transparent;
  border: none;
}
.bdf-subheader__space button, .bdf-subheader__space a {
  color: #4e4e4e;
  display: inline-block;
  font-size: 0.7857142857rem;
  height: 2.1428571429rem;
  padding: 0 0.7857142857rem;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
  text-transform: uppercase;
}
.bdf-subheader__space button.active, .bdf-subheader__space button:hover, .bdf-subheader__space button:focus, .bdf-subheader__space a.active, .bdf-subheader__space a:hover, .bdf-subheader__space a:focus {
  border-bottom: 2px solid #003b7d;
  color: #4e4e4e;
  text-decoration: none;
}
.bdf-subheader__space button:focus, .bdf-subheader__space a:focus {
  outline: none;
}
.bdf-subheader__space:nth-child(1) a:hover, .bdf-subheader__space:nth-child(1) a:focus, .bdf-subheader__space:nth-child(1) a.active:hover, .bdf-subheader__space:nth-child(1) a.active:focus, .bdf-subheader__space:nth-child(1) button:hover, .bdf-subheader__space:nth-child(1) button:focus, .bdf-subheader__space:nth-child(1) button.active:hover, .bdf-subheader__space:nth-child(1) button.active:focus {
  border-bottom: 2px solid #003b7d;
  color: #003b7d;
}
.bdf-subheader__space:nth-child(1) a.active, .bdf-subheader__space:nth-child(1) button.active {
  border-bottom: 2px solid #003b7d;
  color: #4e4e4e;
}
.bdf-subheader__space:nth-child(2) a:hover, .bdf-subheader__space:nth-child(2) a:focus, .bdf-subheader__space:nth-child(2) a.active:hover, .bdf-subheader__space:nth-child(2) a.active:focus, .bdf-subheader__space:nth-child(2) button:hover, .bdf-subheader__space:nth-child(2) button:focus, .bdf-subheader__space:nth-child(2) button.active:hover, .bdf-subheader__space:nth-child(2) button.active:focus {
  border-bottom: 2px solid #07875a;
  color: #003b7d;
}
.bdf-subheader__space:nth-child(2) a.active, .bdf-subheader__space:nth-child(2) button.active {
  border-bottom: 2px solid #07875a;
  color: #4e4e4e;
}
.bdf-subheader__space:nth-child(3) a:hover, .bdf-subheader__space:nth-child(3) a:focus, .bdf-subheader__space:nth-child(3) a.active:hover, .bdf-subheader__space:nth-child(3) a.active:focus, .bdf-subheader__space:nth-child(3) button:hover, .bdf-subheader__space:nth-child(3) button:focus, .bdf-subheader__space:nth-child(3) button.active:hover, .bdf-subheader__space:nth-child(3) button.active:focus {
  border-bottom: 2px solid #003b7d;
  color: #003b7d;
}
.bdf-subheader__space:nth-child(3) a.active, .bdf-subheader__space:nth-child(3) button.active {
  border-bottom: 2px solid #003b7d;
  color: #4e4e4e;
}
.bdf-subheader__space:nth-child(4) a:hover, .bdf-subheader__space:nth-child(4) a:focus, .bdf-subheader__space:nth-child(4) a.active:hover, .bdf-subheader__space:nth-child(4) a.active:focus, .bdf-subheader__space:nth-child(4) button:hover, .bdf-subheader__space:nth-child(4) button:focus, .bdf-subheader__space:nth-child(4) button.active:hover, .bdf-subheader__space:nth-child(4) button.active:focus {
  border-bottom: 2px solid #337c9d;
  color: #003b7d;
}
.bdf-subheader__space:nth-child(4) a.active, .bdf-subheader__space:nth-child(4) button.active {
  border-bottom: 2px solid #337c9d;
  color: #4e4e4e;
}
.bdf-subheader__space:nth-child(5) a:hover, .bdf-subheader__space:nth-child(5) a:focus, .bdf-subheader__space:nth-child(5) a.active:hover, .bdf-subheader__space:nth-child(5) a.active:focus, .bdf-subheader__space:nth-child(5) button:hover, .bdf-subheader__space:nth-child(5) button:focus, .bdf-subheader__space:nth-child(5) button.active:hover, .bdf-subheader__space:nth-child(5) button.active:focus {
  border-bottom: 2px solid #7f014b;
  color: #003b7d;
}
.bdf-subheader__space:nth-child(5) a.active, .bdf-subheader__space:nth-child(5) button.active {
  border-bottom: 2px solid #7f014b;
  color: #4e4e4e;
}

/****************************************/
/**********    RESPONSIVE       *********/
/**********    tplresp          *********/
/****************************************/
@media (max-width: 991.98px) {
  .bdf-subheader {
    display: none;
  }
}
/*
*=tooltip
*
*/
/* surcharges classes bootstrap */
.tooltip-inner {
  background: #e8e8e8;
  border-radius: 2px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #222222;
}

.tooltip.tooltip-bottom .tooltip-inner::before {
  border-bottom-color: #e8e8e8;
}

.tooltip.tooltip-left .tooltip-inner::before {
  border-left-color: #e8e8e8;
}

.tooltip.tooltip-right .tooltip-inner::before {
  border-right-color: #e8e8e8;
}

.tooltip.tooltip-top .tooltip-inner::before {
  border-top-color: #e8e8e8;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #e8e8e8;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #e8e8e8;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #e8e8e8;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #e8e8e8;
}

/**
 * =Liste arborescente
 */
tree-root.bdf-tree tree-node-expander {
  padding-top: 10px;
  /**
   * Toggle icon
   */
  /**
   * Fix toggle expanded
   */
}
tree-root.bdf-tree tree-node-expander .toggle-children {
  background: none;
}
tree-root.bdf-tree tree-node-expander .toggle-children:before {
  content: "";
  display: inline-block;
  font-size: 0.8571428571rem;
  font-family: "bdffont" !important;
}
tree-root.bdf-tree tree-node-expander .toggle-children-wrapper-expanded .toggle-children:before {
  transform: translate(4px, -5px);
}
tree-root.bdf-tree tree-node-wrapper .node-content-wrapper {
  width: 100%;
  border-radius: 2px;
  padding: 10px 10px;
  font-weight: 400;
  text-decoration: none;
  box-sizing: border-box;
  min-height: 20px;
  line-height: 20px;
  box-shadow: none;
}
tree-root.bdf-tree tree-node-wrapper .node-content-wrapper:hover {
  background: burlywood;
}
tree-root.bdf-tree tree-node-wrapper .node-content-wrapper.node-content-wrapper-focused {
  background: burlywood;
}
tree-root.bdf-tree tree-node-wrapper .node-content-wrapper.node-content-wrapper-active {
  background-color: #003b7d;
  color: #ffffff;
  font-weight: 400;
}

.angular-tree-component {
  width: 100%;
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

tree-root.bdf-tree tree-node-wrapper .node-content-wrapper:hover {
  background: #f7f5f3 !important;
  color: #000000 !important;
}

.node-wrapper {
  display: flex;
  align-items: flex-start;
}

.toggle-children-wrapper {
  padding: 2px 3px 5px 1px;
}

.toggle-children {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAGXRFW…XIBRuZGKgAKPIC3QLxArnRSHZCIjspk52ZKMrOFBUoAAEGAKnq593MQAZtAAAAAElFTkSuQmCC);
  height: 8px;
  width: 9px;
  background-size: contain;
  display: inline-block;
  position: relative;
  top: 1px;
  background-repeat: no-repeat;
  background-position: center;
}

.toggle-children-wrapper-collapsed .toggle-children {
  transform: rotate(0);
}

.toggle-children-wrapper-expanded .toggle-children {
  transform: rotate(90deg);
}

.tree-children {
  padding-left: 20px;
  overflow: hidden;
}

body.theme-externe tree-root.bdf-tree tree-node-expander {
  padding-top: 10px;
}

.node-drop-slot {
  display: block;
  height: 2px;
}

.toggle-children-placeholder {
  display: inline-block;
  height: 10px;
  width: 10px;
  position: relative;
  top: 1px;
  padding-right: 3px;
}

.bdf-tree:focus {
  border: 0.1px solid;
}

input[type=file].bdf-file-select-hidden {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  width: 89px;
  height: 100%;
  width: 100%;
  padding-left: 200px;
  outline: none;
  background: transparent;
  cursor: pointer;
}

input[type=file].bdf-file-select-hidden:focus + span.bdf-file-select-button {
  outline: 1px dotted;
}

.bdf-file-upload-list-block .bdf-file-upload-list-block--line {
  display: flex;
  flex-direction: row;
  padding-bottom: 5px;
}
.bdf-file-upload-list-block .bdf-file-upload-list-block--line .bdf-file-upload-list-block--line-name {
  width: calc(100% - 36px);
  background: white;
  padding-left: 15px;
  padding-top: 5px;
  border: 1px solid #d6d6d6 !important;
}
.bdf-file-upload-list-block .bdf-file-upload-list-block--line .bdf-file-upload-list-block--line-button {
  width: auto;
}
.bdf-file-upload-list-block .bdf-file-upload-list-block--line .bdf-file-upload-list-block--line-button button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.bdf-file-upload-block-flex {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.bdf-file-upload-block-flex .bdf-file-upload-dropdown-flex-block {
  display: flex;
  flex-direction: row;
  position: relative;
  justify-content: space-between;
}
.bdf-file-upload-block-flex .bdf-file-upload-dropdown-flex-block .bdf-file-upload-dropdown-flex-block-drop {
  width: auto;
  text-align: center;
}
.bdf-file-upload-block-flex .bdf-file-upload-dropdown-flex-block .bdf-file-upload-dropdown-flex-block-drop:before {
  background-image: url("images/bdf-charte/upload.svg");
  display: block;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  content: "";
  margin-left: calc(50% - 10px);
  justify-content: center;
}
.bdf-file-upload-block-flex .bdf-file-upload-dropdown-flex-block .bdf-file-upload-dropdown-flex-block-or {
  width: auto;
  margin-bottom: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.bdf-file-upload-block-flex .bdf-file-upload-dropdown-flex-block .bdf-file-upload-dropdown-flex-block-button {
  width: auto;
  margin-bottom: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.bdf-file-upload-block-flex .bdf-file-upload-dropdown-flex-block .bdf-file-upload-dropdown-flex-block-button .bdf-file-upload-dropdown-flex-block-button__instance {
  position: absolute;
  left: -9999px;
}

.bdf-file-upload-dropdown-flex-block-drop .bdf-file-upload-block-dropzone {
  font-size: 1.2rem !important;
  pointer-events: none;
}

.bdf-dotted-line {
  border: 2px dotted #616161;
}

.bdf-file-upload-button-remove:before {
  margin-top: 0px;
}

/**
*=authentification
*
*/
.bdf-user-log {
  padding: 0;
  text-align: right;
  color: #222222;
}
.bdf-user-log a {
  padding: 0;
  font-size: 0.9285714286rem;
  color: inherit;
  text-decoration: none;
}
.bdf-user-log a:focus {
  color: #003b7d;
}
.bdf-user-log .bdf-user-log__link {
  position: relative;
}
.bdf-user-log .bdf-user-log__link.notconnected {
  color: #222222;
}
.bdf-user-log .bdf-user-log__link:hover {
  color: #003b7d;
}
.bdf-user-log .bdf-user-log__link + div {
  min-height: 1.4285714286rem;
}
.bdf-user-log .bdf-user-log__link:focus {
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
}
.bdf-user-log button {
  background-color: transparent;
  border: none;
}
.bdf-user-log .bdf-user-log__icon {
  position: relative;
  /* top: pxToRem(4); */
  font-size: 1.4285714286rem;
  /* margin-left: pxToRem(5); */
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
}
.bdf-user-log .bdf-user-log__icon.log {
  top: 14px;
}
.bdf-user-log .bdf-espace-perso {
  margin-right: 1.7857142857rem;
}
.bdf-user-log .bdf-espace-perso a {
  font-size: 13px;
  padding-left: 8px;
  padding-right: 14px;
  border: 1px solid #003b7d;
  background-color: #003b7d;
  border-radius: 10px;
  color: #FFFFFF;
  text-decoration: none;
  transition: all 0.3s ease;
}
.bdf-user-log .bdf-espace-perso a:hover {
  background-color: #FFFFFF;
  color: #003b7d;
}
.bdf-user-log .bdf-espace-perso a:focus {
  outline: 1px dotted #212121 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
}
.bdf-user-log .bdf-espace-perso .bdf-espace-perso__icon.bdf-icon-arrow-right, .bdf-user-log .bdf-espace-perso .bdf-espace-perso__icon.carousel-control-next-icon:before {
  font-size: 0.9rem;
  margin-right: 0.2rem;
}

.truncate {
  /* overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  width:150px;
  display:inline-block; */
}

span.truncate:hover {
  transform: translate(350px, 0);
  -webkit-transform: translate(-450px, 0);
  -o-transform: translate(350px, 0);
  -moz-transform: translate(350px, 0);
}

.ellipsis {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all;
  padding: 0;
  width: 160px;
  text-align: -webkit-auto;
}
.ellipsis:last-of-type {
  font-size: 0.7857142857rem;
}

.ellipsis:focus, .ellipsis:hover {
  color: transparent;
}
.ellipsis:focus:after, .ellipsis:hover:after {
  content: attr(data-text);
  text-align: -webkit-auto;
  z-index: 50;
  overflow: visible;
  text-overflow: inherit;
  background: #fff;
  position: absolute;
  left: auto;
  top: auto;
  width: max-content;
  max-width: 500px;
  border: 1px solid #eaebec;
  padding: 10px 5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.28);
  white-space: normal;
  word-wrap: break-word;
  display: block;
  color: black;
  margin-top: -1.25rem;
  min-height: 30px;
}

.bdf-navigation__inter-espace .bdf-navigation__link {
  position: relative;
  border-left: 5px solid #ccc;
}

.bdf-navigation__inter-espace .bdf-navigation__link.bdf-navigation__link--bleu {
  border-left: 5px solid #00264c !important;
}
.bdf-navigation__inter-espace .bdf-navigation__link.bdf-navigation__link--vert {
  border-left: 5px solid #06885a;
}
.bdf-navigation__inter-espace .bdf-navigation__link.bdf-navigation__link--orange {
  border-left: 5px solid #d14722 !important;
}
.bdf-navigation__inter-espace .bdf-navigation__link.bdf-navigation__link--teal {
  border-left: 5px solid #066770;
}
.bdf-navigation__inter-espace .bdf-navigation__link.bdf-navigation__link--purple {
  border-left: 5px solid #7d004a;
}

.bdf-navigation__icon {
  position: absolute;
  right: 1.2rem;
  top: 50%;
  transform: translateY(-65%);
}
.bdf-navigation__icon:before {
  color: #a9a8ad;
}

/**
* Mixin for :after line
*/
/**
* Mixin for placing icon on the right
*/
@media (max-width: 991.98px) {
  .bdf-grand-menu .hidden-grand-menu {
    display: none;
  }
  .bdf-grand-menu .visible-grand-menu {
    display: block;
  }
  .bdf-grand-menu bdf-ng-user-log {
    width: 100%;
  }
  .bdf-grand-menu .bdf-user-log {
    text-align: left;
    width: 100%;
    background-color: #ffffff;
    color: #68696d;
    /**
     * Lien espace perso
     */
  }
  .bdf-grand-menu .bdf-user-log a {
    font-size: 13px;
    font-weight: 600;
  }
  .bdf-grand-menu .bdf-user-log .bdf-espace-perso {
    margin: 0;
  }
  .bdf-grand-menu .bdf-user-log .bdf-espace-perso a {
    margin: 0;
    order: 1;
    border: none;
    position: relative;
    display: block;
    color: #68696d;
    background-color: transparent !important;
    text-transform: uppercase;
    padding: 15px 12px !important;
    line-height: 1;
  }
  .bdf-grand-menu .bdf-user-log .bdf-espace-perso a .bdf-espace-perso__icon {
    position: absolute;
    right: 1rem;
    top: 1rem;
    font-size: 1rem;
  }
  .bdf-grand-menu .bdf-user-log .bdf-espace-perso a:hover, .bdf-grand-menu .bdf-user-log .bdf-espace-perso a:focus {
    background-color: transparent;
    border: none;
  }
  .bdf-grand-menu .bdf-user-log .bdf-espace-perso a:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 1rem;
    width: 93%;
    height: 1px;
    background-color: #e8e8e8;
  }
  .bdf-grand-menu .bdf-user-log .bdf-user-log__link div {
    position: relative;
    display: block;
    color: #68696d;
    background-color: transparent !important;
    text-transform: uppercase;
    padding: 15px 12px !important;
    line-height: 1;
    color: #003b7d;
    text-transform: none;
    text-align: right;
    font-weight: 600;
    cursor: default;
    outline: none;
  }
  .bdf-grand-menu .bdf-user-log .bdf-user-log__link div:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 1rem;
    width: 93%;
    height: 1px;
    background-color: #e8e8e8;
  }

  .bdf-grand-menu nav ul.bdf-navigation__inter-espace li .sm-btn-charte-theme.bdf-navigation__link {
    background-color: #ffffff;
    color: #68696d;
  }
  .bdf-grand-menu nav ul.bdf-navigation__inter-espace li .sm-btn-charte-theme.bdf-navigation__link:after {
    background-color: #e8e8e8;
  }
}
@media (min-width: 992px) {
  .bdf-navigation__contexte-utilisateur, .bdf-navigation__inter-espace {
    display: none;
  }

  .bdf-grand-menu [bdf-user-log] {
    display: none;
  }
}
.btn-login {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.log-text {
  font-size: 0.78571rem;
  width: 180px;
  padding-right: 15px;
  text-align: left;
  display: inline-block;
}

.bdf-user-btn {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.bdf-user-bloc {
  display: flex;
  width: 180px;
  flex-direction: column;
}

.bdf-user-name {
  font-size: 13px;
  width: 180px;
  padding-right: 15px;
  text-align: left;
  display: inline-block;
}

.bdf-user-role {
  font-size: 0.78571429rem;
}

.bdf-user-date {
  font-size: 0.78571rem;
  width: 190px;
  padding-right: 15px;
  text-align: left;
  display: inline-block;
}

.bdf-dropdown-multiselect-ellipsis > div {
  width: 100%;
}

.bdf-dropdown-multiselect-ellipsis > div > button {
  width: 100%;
  text-align: left;
  padding-right: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bdf-dropdown-multiselect-ellipsis > div > button .caret {
  position: absolute;
  right: 20px;
}

.bdf-dropdown-multiselect-ellipsis > div > ul {
  width: 100%;
  text-align: left;
}

.bdf-dropdown-multiselect-ellipsis > div > ul > li {
  padding: 0;
}

.bdf-dropdown-multiselect-ellipsis > div > ul > li > a {
  width: 100%;
  display: flex;
  align-items: center;
}

.bdf-dropdown-multiselect-ellipsis > div > ul > li > a > span:first-of-type {
  width: 28px !important;
  text-align: center;
}

.bdf-dropdown-multiselect-ellipsis > div > ul > li > a > span + span {
  display: inline-block;
  padding: 0.25rem 1.5rem 0.25rem 0.25rem;
  width: calc(100% - 28px);
  overflow-wrap: break-word;
  white-space: normal;
}

bdf-ngb-tabset ul.nav-tabs li.nav-item a:focus {
  outline: 1px dotted #212121 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
}

.bdf-ng-sortable .bdf-ng-sortable-list {
  list-style: none;
  padding: 0;
}

.bdf-ng-treeview ul {
  list-style-type: none;
  padding-left: 0.2rem;
}
.bdf-ng-treeview ul li {
  padding: 0.7rem 1.2rem;
  cursor: pointer;
}
.bdf-ng-treeview ul li[role=treeitem][aria-expanded=false] > ul {
  display: none;
}
.bdf-ng-treeview ul li[role=treeitem][aria-expanded=true] > ul {
  display: block;
}
.bdf-ng-treeview ul li span {
  display: inline-block;
  width: 100%;
}
.bdf-ng-treeview ul li span.tree-item-label {
  padding: 0.3rem 0.7rem;
}
.bdf-ng-treeview ul li i {
  margin-left: -1.3rem;
  margin-right: 0.15rem;
  font-size: 1rem;
}
.bdf-ng-treeview ul li:focus > span {
  cursor: pointer;
}
.bdf-ng-treeview ul li span:hover {
  color: #000000;
  background-color: #f7f5f3;
}

.bdf-w-5 {
  width: 5% !important;
}

.bdf-w-10 {
  width: 10% !important;
}

.bdf-w-15 {
  width: 15% !important;
}

.bdf-w-20 {
  width: 20% !important;
}

.bdf-w-30 {
  width: 30% !important;
}

.bdf-w-33 {
  width: 33% !important;
}

.bdf-w-40 {
  width: 40% !important;
}

.bdf-w-45 {
  width: 45% !important;
}

.bdf-w-55 {
  width: 55% !important;
}

.bdf-w-60 {
  width: 60% !important;
}

.bdf-w-65 {
  width: 65% !important;
}

.bdf-w-66 {
  width: 66% !important;
}

.bdf-w-70 {
  width: 70% !important;
}

.bdf-w-80 {
  width: 80% !important;
}

.bdf-w-85 {
  width: 85% !important;
}

.bdf-w-90 {
  width: 90% !important;
}

.bdf-w-95 {
  width: 95% !important;
}

/*# sourceMappingURL=bdf-charte-interne.css.map */