/* -------------------------------------------------------------------------- */
/*                              Custom styles Aktisea                         */
/* -------------------------------------------------------------------------- */
body {
    background-color: var(--falcon-body-bg);
    --falcon-body-font-size: 15px!important;
  }
  /*   Main content div  */
  .content {
    min-height: auto;
  }
  p, label, .nav-link {font-size: var(--falcon-body-font-size);}

  /*   Define colours  */
  :root {
    --falcon-body-bg: rgb(237, 242, 249);
    --falcon-bg-navbar-glass: rgb(237, 242, 249);
    --falcon-1000: #367db2;
    --falcon-primary: #2b7bb8;
    --falcon-bg-primary: #2d80c0;
    --falcon-white: #fff;
    --falcon-bg-white: #fff;
    --falcon-left-nav: rgb(217, 228, 245);
    --falcon-bg-primary-darker: #17598b;
    --falcon-bg--700: #5e6e82;
    --falcon-left-nav: #fff;
    --falcon-left-nav-hover: rgb(217, 228, 245);
    --falcon-bg-grey:  #c4cdd8;
    --falcon-btn-falcon-background: #fff;
    --falcon-border-color: #bdc9da;
  }
  .txt-soft-warning { color: rgb(253, 230, 216)}

 /*   Dark theme colours  */
  .dark {
    --falcon-body-bg: #c4cdd8;
    --falcon-bg-navbar-glass:  #c4cdd8;
    --falcon-200: #232e3c;
    --falcon-300: #344050;
    --falcon-700: #000;
    --falcon-900: #000;
    --falcon-muted: #000;
    --falcon-headings-color: #000;
    --falcon-btn-falcon-background: #fff;
    --falcon-accordion-border-color: #a7b0bb;
  }
   /*   Dark theme unique colours  */
  .dark .dark__bg-1100 {
    background-color: #c4cdd8!important;
  }
  .dark .dark__border {
    border: 1px solid #acb6c4!important;
  }
 .dark .dark__text-primary {
   color : #000!important;
  }
  .dark .dark_text-info {
    color : #000!important;
  }
  .dark .dark_btn-falcon-box-shadow {
  -webkit-box-shadow:  0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow:  0 2px 4px rgba(0, 0, 0, 0.2);
  }
  .dark .dark_btn-falcon-box-shadow:hover, .dark .dark_btn-falcon-box-shadow:focus {
  -webkit-box-shadow:  0 2px 4px rgba(0, 0, 0, 0.4)!important;
  box-shadow:  0 2px 4px rgba(0, 0, 0, 0.4)!important;
  }

 /* -------------------------------------------------------------------------- */
/*                               Navbar Vertical                              */
/* -------------------------------------------------------------------------- */
.navbar-vertical.navbar-expand-xl.navbar-inverted .navbar-vertical-content {
  padding: 0.5rem 0rem 0 0rem !important;
}

.navbar-vertical-content .search-box {
  margin: 10px !important;
}
  .navbar-vertical.navbar-inverted .navbar-nav .nav-item .nav-link {
    color: var(--falcon-left-nav);
    padding: 10px 0px 10px 15px!important;
    margin-bottom: 10px;
  }

  .navbar-vertical.navbar-inverted .navbar-nav .nav-item .nav-link.active {
    background-color: #499edf;
    /*color: #5bb8ff;*/
    border-radius: 5px 0 0 5px;
    margin-left: 10px;
    padding-left: 6px!important;
  }

  .hr-menu-left {
    color: rgba(255,255,255,0.4);
    margin: 0px 15px 10px 15px!important;
  }

  .navbar-vertical.navbar-inverted .navbar-nav .nav-item .nav-link:hover {
    color: var(--falcon-left-nav-hover);

  }

  .navbar-nav li:first-child {
    margin-top: 30px;
  }

  .number-indicator {
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    z-index: 999;
  }
  .navbar-vertical .navbar-nav .nav-link-icon {
    font-size: 1.2rem;
  }
  .navbar-vertical.navbar-expand-xl .nav-link {
    padding: 1rem 0;
  }
  .navbar-vertical.navbar-expand-xl.navbar-inverted {
  padding: 0;
   max-width: 17.7rem !important;
   top: 30px;
   background-color: var(--falcon-bg-primary);
   height: 95vh!important;
   border-radius: 5px;
  }

  @media (max-width: 1199px) {
    .navbar-vertical.navbar-expand-xl.navbar-inverted {
       top: 115px!important;
       background-color: transparent;
       height: 55vh!important;
      }

   }

  .navbar-vertical.navbar-expand-xl.navbar-inverted .navbar-collapse{
    width: 17.7rem !important;
    background-color: var(--falcon-bg-primary);
   
  }

  @media (min-width: 1200px) {
    .navbar-vertical.navbar-expand-xl.navbar-card + .content, .navbar-vertical.navbar-expand-xl.navbar-vibrant + .content, .navbar-vertical.navbar-expand-xl.navbar-inverted + .content {
    margin-left: 19.5rem;
    }
  } 

  .navbar-toggler-humburger-icon, .navbar-expand-lg {
    height: 10px !important;
    max-height: 10px !important;
    min-height: 25px !important;
    background-color:  var(--falcon-bg-navbar-glass);
  }
  @media (max-width: 1199px) {
    .navbar-toggler-humburger-icon, .navbar-expand-lg  {
      display:block;
      min-height: 20px;
    }
    .navbar-toggler-humburger-icon {
      background-color: transparent !important;
      top: 55px !important;
      margin-left: 10px !important;
      position:absolute;
    }
    .navbar-expand-lg .navbar-toggler {
      display: block;
    }
    .logo-nav-vertical {
      position:relative; bottom:50px!important;
    }
   }

   .navbar-toggle-icon::after, .navbar-toggle-icon::before, .navbar-toggle-icon .toggle-line {

    background-color: var(--falcon-700)!important;
  }

 /* -------------------------------------------------------------------------- */
/*                              various custom elements                        */
/* -------------------------------------------------------------------------- */
.navbar-glass-shadow{
  box-shadow: 0 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0) !important;
  }

/* navbar-toggler-humburger-icon*/
@media (max-width: 1024px) {
  .navbar-toggler-humburger-icon {
    border-color: #fff;
   display:block !important;
   left: 20px;
  }
  .navbar-toggler-humburger-icon:hover, .navbar-toggler-humburger-icon:focus {
    background-color: transparent;
  }
  .navbar-toggle-icon::after, .navbar-toggle-icon::before, .navbar-toggle-icon .toggle-line {
    background-color: white;
 
  }
 }

 /*   btn-play-pause    */
 .btn-play-pause:hover {
  color: var(--falcon-badge-soft-warning-color);
}

 .btn-play-pause .date {
  padding-top:5px;
}

/*   Logo in vertical Nav   */
.logo-nav-vertical {
  position:relative; bottom:70px;
}
/*   Card Navigation left-Right   */
.nav-card-r {
  position: absolute; top: 15%; left:0;
}
.nav-card-l {
  position: absolute; top: 15%; right:0;
}
.hr-bg-soft-primary {
  background-color: rgba(54,125,178,0.4);
}
.icon-item-sm-mx-width {
  width: 30px!important;
}
.five-cols {
  width:18.32%
}
@media (max-width: 1539px) {
  .five-cols {
    width:20%;
  }
}

/*   Custom colors   */
.aktisea-dark-blue {
  color: #061d51;
}

.aktisea-bg-dark-blue {
  background-color: #061d51;
}

/*   Custom title   */
.main-title {
 margin-left: -16px!important;
 width: 18.5rem !important;
}
/*   Custom yellow text   */
.yellow-text {
  color: #ffe200;
 }
/*   Custom yellow button   */
.btn-yellow, .btn-yellow:hover {
  color: #061d51;
  background-color: #ffe200;
  border: 0px;
 }

  /*   Custom blue button  */
  .btn-blue {
    background-color: #3474a7!important;
    color: #fff!important;
  }
  .btn-blue:hover {
    background-color: #061d51!important;
    color: #fff!important;
  }
  /*   Custom warning button  */
  .btn-warning {
    background-color: #d3350f!important;
    border-color: #d3350f!important;
    color: #fff!important;
  }
  .btn-warning:hover {
    background-color: #bf2a07!important;
    color: #fff!important;
  }
  /*   Custom success button  */
  .btn-success{
    background-color: #53a12a!important;
    border-color: #53a12a!important;
    color: #fff!important;
  }
  .btn-success:hover {
    background-color: #3e8619!important;
    color: #fff!important;
  }
  
   /*   Justify content left   */
   @media (max-width:1450px) {
  .content-left {
    justify-content: left !important;
  }
  }

  @media (max-width:1200px) {
    .content-left {
      margin-left: 5% !important;
    }
    }
  
    .dropzone-area, .circle-dashed {
      border: 1px dashed rgb(39, 188, 253);
    }
  
 /*   Custom search field   */
.custom-search-field {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
 }
 /*   Custom navbar-top   */
 .navbar-top {
  padding-top: 0px;
  padding-bottom: 0px;
  
 }
 /*   Custom nav-pills   */
 .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: var(--falcon-primary);
  background-color: #fff;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.nav-pills .nav-link {
  color: var(--falcon-700);
  background-color: rgba(255,255,255,0.85);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  margin-left: 10px;
}

.nav-pills .nav-link:hover {
  color: var(--falcon-700);
  background-color: rgba(255,255,255,0.75);
}
 /*   Custom patient-bar   */
.patient-bar{
  top: 25px!important; /* required */
  /*width: calc(100% - 300px);*/
  z-index: 999;
  box-shadow: var(--falcon-box-shadow-sm);
}

.card {
  box-shadow: var(--falcon-box-shadow-sm);
}


 /*   Custom patient-bar   */
 .custom-play-icon {
  font-size: 24px;
  margin-bottom: -4px!important;
}

 /*   Custom nav buttons  */
 .nav-right:hover, .nav-left:hover {
  background-color: var(--falcon-bg-primary)!important;
}

.nav-right.disabled, .nav-left.disabled {
  background-color: var(--falcon-secondary)!important;
}
.nav-right.disabled:hover, .nav-left.disabled:hover {
  background-color: var(--falcon-secondary)!important;
}

 /*   Timeline - Historique du salarié  */
.timeline-steps {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.timeline-steps .timeline-step {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 1rem
}

@media (min-width:1023px) {
    .timeline-steps .timeline-step:after {
        content: "";
        display: block;
        border-top: .150rem dotted var(--falcon-bg--700);
        width: 5rem;
        position: absolute;
        left: 7rem;
        top: .3145rem
    }
    .timeline-steps .timeline-step:before {
        content: "";
        display: block;
        border-top: .150rem dotted var(--falcon-bg--700);
        width: 5rem;
        position: absolute;
        right: 7rem;
        top: .3145rem
    }
}

.timeline-steps .timeline-content {
    width: 11rem;
    text-align: center
}

.timeline-steps .timeline-content .inner-circle {
  border-radius: 1.8rem;
  height: 0.7rem;
  width: 0.7rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--falcon-bg-primary);
  
}

.timeline-steps .timeline-content .inner-circle:before {
  content: "";
  background-color: var(--falcon-bg-primary);
  display: inline-block;
  height: 1.6rem;
  width: 1.6rem;
  min-width: 1.6rem;
  border-radius: 6.25rem;
  opacity: .3
}
@media (max-width:1540px) {
  .timeline-steps .timeline-content {
    width: 8rem;
    text-align: center
  }
  .timeline-steps .timeline-step:after {
    width: 3.3rem;
    left: 5.83rem;
}
.timeline-steps .timeline-step:before {
    width: 3.3rem;
    right: 5.55rem;
}
}

@media (max-width:1280px) {
  .timeline-steps .timeline-content {
    width: 6rem;
    text-align: center
  }
  .timeline-steps .timeline-step:after {
    width: 2.3rem;
    left: 4.8rem;
}
.timeline-steps .timeline-step:before {
    width: 2.2rem;
    right: 4.8rem;
}
}

@media (max-width:1200px) {
  .timeline-steps .timeline-content {
    width: 8.5rem;
    text-align: center
  }
  .timeline-steps .timeline-step:after {
    width: 3.5rem;
    left: 6rem;
}
.timeline-steps .timeline-step:before { 
    width: 3.5rem;
    right: 6rem;
}
}

 /*   Custom nav buttons  */
.nav-link-card-details {
  border: 1px solid  var(--falcon-bg-white);
  box-shadow: var(--falcon-box-shadow-sm)!important;
  font-size: 14px;
  padding: 12px;
}
.nav-link-card-details:hover, .nav-link-card-details:focus {
  background-color: var(--falcon-bg-white);
  color: var(--falcon-kanban-nav-link-card-details-color);;
  border: 1px solid  var(--falcon-primary);
}

.btn-check-primary:checked + .btn, .btn-check-primary:hover {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
  
  border: 1px solid  var(--falcon-primary);
}

.btn-check-info:checked + .btn, .btn-check-info:hover {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
  border: 1px solid  var(--falcon-info)!important;
}

.btn-check-warning:checked + .btn, .btn-check-warning:hover {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
  border: 1px solid  var(--falcon-warning)!important;
}

 /*   Custom accordion  */

 .accordion-item {
  background-color:  transparent!important;
}

.accordion-item .border {
  border: solid 0x #d0dcec!important;
  border-width: 1px!important;

}

 .accordion-button::before{

  width: 1.75rem;
  height: 1.25rem;
  content: "";
  background-repeat: no-repeat;
  background-size: 1.25rem;

}

.accordion-button::after {
  margin-left:0!important;
  margin-right:auto;
  position:absolute;
  
}

.accordion-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 1rem 0rem;
  background-color:  transparent!important;
  
}

.accordion-button:not(.collapsed) {
  color: var(--falcon-accordion-button-active-color);
  background-color: transparent;
  -webkit-box-shadow: inset 0 -1px 0 var(--falcon-accordion-border-color);
  box-shadow: inset 0 -1px 0 var(--falcon-accordion-border-color);
  
}
.tr-adherent-wrapper {
  cursor: pointer;
}
.secretaire-wrapper {
  cursor: pointer;
}
.secretaire-widget {
  display: none;
}

#timeline-items-wrapper {
  scroll-behavior: smooth;
}