.blocDate
{
    box-shadow: 0 5px 10px 0 rgba(230, 230, 243, 0.88)!important;
    border: 1px solid #e4e4f4!important;
    padding-left: 0.875rem!important;
    padding-right: 0.875rem!important;
    border-radius: 0.25rem!important;
    height: 2.5rem!important;
}

.profileUser
{
    height: 50px!important;
}

.text-center
{
    text-align: center;
}

.centeredBloc, td img
{
    justify-content: center!important;   
    display: flex!important;
    align-items: center!important;
    flex-direction: row!important;
    margin: 0 auto!important;

}

.blocPagination .pagination
{
    justify-content: center!important;
}

.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand img
{
    /*height: 100%!important;*/
}

.select2,.form-control, .typeahead, .tt-query, .tt-hint, .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single, .form-select 
{
    border: 1px solid #ccc!important;
    /*border-radius: 4px!important;*/
    height: 40px!important;
}

.select2
{
    min-width: 100%!important;
}
.table thead th
{
    font-size: 12px!important;
}

.table.table-bordered {
    border: 1px solid #ccc!important;
}

.table > :not(:last-child) > :last-child > *, .jsgrid .jsgrid-table > :not(:last-child) > :last-child > * {
    border-bottom-color: #ccc!important;
}

.flexDirectionRow
{
    display: flex!important;
    flex-direction: row!important;
}

@media (min-width: 768px) 
{
    .blocPanel
    {
        display: flex!important;
        flex-direction: row!important;
        border: 1px solid #ccc!important;
        border-radius: 5px!important;
        padding: 10px!important;
        margin-bottom: 10px!important;
    }
}

@media (max-width: 991px)
{
    .sidebar
    {
        width: 50%!important;
    }
}

@media (min-width: 992px)
{
    .sidebar
    {
        width: 20%!important;
    }
}

@media screen and (max-width: 991px)
{
    .sidebar-offcanvas
    {
        right: -490px!important;
    }
}

@media screen and (max-width: 991px) {
    .sidebar-offcanvas.active
    {
        right: 0!important;
    }
}


.bootbox-confirm.in
{
    opacity: 1!important;
    scrollbar-width: thin!important;
    scrollbar-color: #ccc #fff!important;
}

@media (min-width: 768px)
{
    .modal-dialog
    {
        width: 65%!important;
    }
}

.tableBloc,.notification,.modal-dialog
{
    scrollbar-width: thin!important;
    scrollbar-color: #ccc #fff!important;
    scrollbar-gutter: stable both-edges;
}

html,body
{
    font-size: 14px!important;
    font-family: "Poppins", sans-serif!important;
    font-weight: initial!important;
    line-height: normal!important;
    -webkit-font-smoothing: antialiased!important;

    scrollbar-width: thin!important;
    scrollbar-color: #ccc #fff!important;
}

.form-group label {
    font-size: 0.8rem!important;
    font-weight: 500!important;
    line-height: 1.4rem!important;
    vertical-align: top!important;
    margin-bottom: 0.5rem!important;
}

table
{
    white-space: nowrap!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
}

.tableBloc,.table
{
    overflow: auto!important;
    width: 100%!important;
}

.input-group-append .input-group-text, .input-group-prepend .input-group-text 
{
 border-color: #ccc!important;   
}

.sideBarItems
{
    background: #61a1fe8a !important;
    border-right: 4px!important;
    /*border-top-right-radius: 5px;
    border-top-left-radius: 5px;*/
    border-radius: 5px!important;
}
.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link
{
    background: #1147da!important;
    color: #fff!important;
}

.nav > li > a:hover, .nav > li > a:focus
 {
text-decoration: none!important;
background-color: transparent!important;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-profile-name
{
    font-size: 0.8rem!important;
}

.border-right-1
{
    border-right: 1px solid #ccc!important;
}

.border-left-1
{
    border-left: 1px solid #ccc!important;
}

.border-bottom-1
{
    border-bottom: 1px solid #ccc!important;
}

.border-top-1
{
    border-top: 1px solid #ccc!important;
}

.globalBG
{
    background: #ede7f6!important;
}

.globalBGEntreprise
{
    background: #ffc1078c !important;
}

.blogEntreprise
{
    border: 2px solid #fff!important;
    padding: 10px!important;
    border-radius: 5px!important;
    background: #fff!important;
}

.statusProspect
{
    display: flex!important;
    flex-direction: row-reverse!important;
    align-items: end!important;
}




.lifeCycleTimeline
{
    display: flex;
    align-items: center;
    height: 150px;
    margin: 10px;
}
  
  .event1,
  .event2, .event3 {
    position: relative;
  }
  
  .event1Bubble {
    position: absolute;
    background: #CAC;
    min-width: 120px;
    height: 50px;
    top: -55px;
    left: -14px;
    border-radius: 5px;
    box-shadow: inset 0 0 3px rgba(158, 158, 158, 0.64);
    border: 2px solid #ccc;
  }
  
  .event2Bubble {
      position: absolute;
      background: #CAC;
      min-width: 150px;
      height: 50px;
      top: -55px;
      left: -14px;
      border-radius: 5px;
      box-shadow: inset 0 0 3px rgba(158, 158, 158, 0.64);
      border: 2px solid #ccc;
  }
  
  .event1Bubble:after,
  .event1Bubble:before,
  .event2Bubble:after,
  .event2Bubble:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom: 0;
  }

  .event1Bubble:before,.event2Bubble:before {
    bottom: -12px;
    left: 13px;
    border-top-color: #ccc;
    border-width: 12px;
  }
  
  .event1Bubble:after,.event2Bubble:after {
    bottom: -11px;
    left: 13px;
    border-top-color: #ccc;
    border-width: 11px;
  }

  
  .eventTime {
    display: flex;
  }
  
  .DayDigit {
    font-size: 27px;
    font-family: "Arial Black", Gadget, sans-serif;
    margin-left: 10px;
    color: #4C4A4A;
  }
  
  .Day {
    font-size: 11px;
    margin-left: 5px;
    font-weight: bold;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #4C4A4A;
  }
  
  .MonthYear {
    font-weight: 600;
    line-height: 10px;
    color: #9E9E9E;
    font-size: 9px;
  }
  
.eventTitle
{
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    text-transform: capitalize;
    align-items: center;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
}

.event1BubbleIcon
{
    float: right;
    margin-top: -3px;
    margin-right: 3px;
}
  
  .time {
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    width: 120px;
    font-size: 11px;
    margin-top: 0px;
    margin-left: -30px;
    font-weight: bold;
    color: #000;
  }
  
  .eventAuthor {
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    color: #9E9E9E;
    font-size: 8px;
    width: 100px;
    top: -8px;
    left: 63px;
  }
  
  .event2Author {
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    color: #9E9E9E;
    font-size: 8px;
    width: 100px;
    top: 96px;
    left: -32px;
  }
  
  .time2{
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    width: 50px;
    font-size: 8px;
    margin-top: -31px;
    margin-left: -5px;
    color: #9E9E9E;
  }
  
  .now{
       background-color: #004165;
      color: white;
      border-radius: 7px;
      margin: 5px;
      padding: 4px;
      font-size: 10px;
      font-family: Arial, Helvetica, sans-serif;
      border: 2px solid white;
      font-weight: bold;
      box-shadow: 0 0 0 2px #004165
  }
  
  .futureGray{
       filter: grayscale(1);
      -webkit-filter: grayscale(1);
    
  }
  
  .futureOpacity{
    -webkit-filter: opacity(.3);
    filter: opacity(.3);
    
  }

  .event1BubbleBG
  {
    background: #f39915!important;
  }

  .styleProgressBars
  {
    padding: 15px;
    border: 2px solid #000;
    border-style: dashed;
    border-radius: 5px;
  }

  .navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand img 
  {
    width:100%!important;
    height: 60px !important;
    margin-top: -10px !important;
  }

#heading {
    text-transform: uppercase;
    color: #00c8bf;
    font-weight: normal
}

#msform {
    text-align: center;
    position: relative;
    margin-top: 20px
}

#msform fieldset {
    background: white;
    border: 2px solid #000;
    border-style: dashed;
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    //margin: 0;
    //padding-bottom: 20px;
    position: relative
}

.form-card {
    text-align: left
}

#msform fieldset:not(:first-of-type) {
    display: none
}

#msform .action-button {
    width: 100px;
    background: #3b86d1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 10px 10px 10px;
    float: right
}

#msform .action-button:hover,
#msform .action-button:focus {
    background-color: #3b86d1
}

#msform .action-button-previous {
    width: 100px;
    background: #009688;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 10px 10px 10px;
    float: right
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    background-color: #000000
}

.fs-title {
    font-size: 25px;
    color: #844fc1;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: left
}

.purple-text {
    color: #00c8bf;
    font-weight: normal
}

.steps {
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right
}

.fieldlabels {
    color: gray;
    text-align: left
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}

#progressbar .active {
    color: #03A9F4;
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 25%;
    float: left;
    position: relative;
    font-weight: 400
}

#progressbar #account:before {
    font-family: FontAwesome;
    content: "\f0eb"
}

#progressbar #personal:before {
    font-family: FontAwesome;
    content: "\f21d"
}

#progressbar #payment:before {
    font-family: FontAwesome;
    content: "\f0b1"
}

#progressbar #confirm:before {
    font-family: FontAwesome;
    content: "\f00c"
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #03A9F4;
}

.progress {
    height: 20px
}

.progress-bar {
    background-color: #00c8bf
}

.fit-image {
    width: 100%;
    object-fit: cover
}

.requiredItem
{
    color: red;
    font-weight: bold;
}

.perfectFieldset
{
    background: white;
    border: 2px solid #000;
    border-style: dashed;
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}

.notifications
{
    height: 400px;
    overflow: auto;
    max-width: 600px;
    border-radius: 5px !important;
    scrollbar-width: thin!important;
    scrollbar-color: #ccc #fff!important;
}

.lifeCycleBadge
{
    color: #ffffff!important;
    background: #f39915!important;
}

.noLinkDecoration
{
    text-decoration: none!important;
}

textarea.form-control
{
    min-height: 10rem!important;
    border-radius: 5px!important;
}
.perfectBorder
{
    border-top-right-radius: 25px!important;
    border-bottom-left-radius: 25px!important;
}

.docsBloc
{
    border: 1px solid #ddd!important;
}



.timeline {
    position: relative;
    width: 100%;
    /*padding: 30px 0;*/
}

.timeline .timeline-container {
    position: relative;
    width: 100%;
}

.timeline .timeline-end,
.timeline .timeline-start,
.timeline .timeline-year {
    position: relative;
    width: 100%;
    text-align: center;
    z-index: 1;
}

.timeline .timeline-end p,
.timeline .timeline-start p,
.timeline .timeline-year p {
    display: inline-block;
    width: 120px;
    height: 120px;
    margin: 0;
    padding: 40px 0;
    text-align: center;
    background: linear-gradient(#4F84C4, #00539C);
    border-radius: 100px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .4);
    color: #ffffff;
    font-size: 12px;
    /*text-transform: uppercase;*/
}

.timeline .timeline-year {
    margin: 30px 0;
}

.timeline .timeline-continue {
    position: relative;
    width: 100%;
    padding: 60px 0;
}

.timeline .timeline-continue::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -1px;
    background: #4F84C4;
}

.timeline .row.timeline-left,
.timeline .row.timeline-right .timeline-date {
    text-align: right;
}

.timeline .row.timeline-right,
.timeline .row.timeline-left .timeline-date {
    text-align: left;
}

.timeline .timeline-date {
    font-size: 14px;
    font-weight: 600;
    margin: 41px 0 0 0;
}

.timeline .timeline-date::after {
    content: '';
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 45px;
    background: linear-gradient(#4F84C4, #00539C);
    box-shadow: 0 0 5px rgba(0, 0, 0, .4);
    border-radius: 15px;
    z-index: 1;
}

.timeline .row.timeline-left .timeline-date::after {
    left: -7px;
}

.timeline .row.timeline-right .timeline-date::after {
    right: -7px;
}

.timeline .timeline-box,
.timeline .timeline-launch {
    position: relative;
    display: flex;//inline-block;
    margin: 15px;
    padding: 20px;
    border: 1px solid #000;
    border-style: dashed;
    border-radius: 6px;
    background: #4f84c426;
}

.timeline .timeline-launch {
    width: 100%;
    margin: 15px 0;
    padding: 0;
    border: none;
    text-align: center;
    background: transparent;
}

.timeline .timeline-box::after,
.timeline .timeline-box::before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
}

.timeline .row.timeline-left .timeline-box::after,
.timeline .row.timeline-left .timeline-box::before {
    left: 100%;
}

.timeline .row.timeline-right .timeline-box::after,
.timeline .row.timeline-right .timeline-box::before {
    right: 100%;
}

.timeline .timeline-launch .timeline-box::after,
.timeline .timeline-launch .timeline-box::before {
    left: 50%;
    margin-left: -10px;
}

.timeline .timeline-box::after {
    top: 26px;
    border-color: transparent transparent transparent #e5edf6;
    border-width: 10px;
}

.timeline .timeline-box::before {
    top: 25px;
    border-color: transparent transparent transparent #000;
    border-width: 11px;
}

.timeline .row.timeline-right .timeline-box::after {
    border-color: transparent #e5edf6 transparent transparent;
}

.timeline .row.timeline-right .timeline-box::before {
    border-color: transparent #000 transparent transparent;
}

.timeline .timeline-launch .timeline-box::after {
    top: -20px;
    border-color: transparent transparent #000 transparent;
}

.timeline .timeline-launch .timeline-box::before {
    top: -19px;
    border-color: transparent transparent #e5edf6 transparent;
    border-width: 10px;
    z-index: 1;
}

.timeline .timeline-box .timeline-icon {
    position: relative;
    width: 40px;
    height: auto;
    float: left;
}

.timeline .timeline-icon i {
    font-size: 32px;
    color: #4F84C4;
}

.timeline .timeline-box .timeline-text {
    position: relative;
    width: calc(100% - 40px);
    float: left;
    overflow-x: auto!important;
}

.timeline .timeline-launch .timeline-text {
    width: 100%;
}

.timeline .timeline-text h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 3px;
}

.timeline .timeline-text p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .timeline .timeline-continue::after {
        left: 40px;
    }

    .timeline .timeline-end,
    .timeline .timeline-start,
    .timeline .timeline-year,
    .timeline .row.timeline-left,
    .timeline .row.timeline-right .timeline-date,
    .timeline .row.timeline-right,
    .timeline .row.timeline-left .timeline-date,
    .timeline .timeline-launch {
        text-align: left;
    }

    .timeline .row.timeline-left .timeline-date::after,
    .timeline .row.timeline-right .timeline-date::after {
        left: 47px;
    }

    .timeline .timeline-box,
    .timeline .row.timeline-right .timeline-date,
    .timeline .row.timeline-left .timeline-date {
        margin-left: 55px;
    }

    .timeline .timeline-launch .timeline-box {
        margin-left: 0;
    }

    .timeline .row.timeline-left .timeline-box::after {
        left: -20px;
        border-color: transparent #ffffff transparent transparent;
    }

    .timeline .row.timeline-left .timeline-box::before {
        left: -22px;
        border-color: transparent #dddddd transparent transparent;
    }

    .timeline .timeline-launch .timeline-box::after,
    .timeline .timeline-launch .timeline-box::before {
        left: 30px;
        margin-left: 0;
    }
}

.timeline-launch, .timelineBegin
{
    display: inline-block!important;
}

.iconDeleteDoc,.iconDeleteMail
{
    margin-left: auto!important;
    margin-top: 2px!important;
    margin-right: 5px!important;
    cursor: pointer;
}

.redIcon
{
    color: #db2417 !important;
}
.blueIcon
{
    color: #2196F3!important;
}

.activeTimeLine,.activeDocument,.activeNegociation
{
    background: #4f84c426!important;
}

.activeNote
{
    background: #fff!important;
}

.deletedTimeLine,.deletedDocument,.deletedNote,.deletedNegociation
{
    background: #ffc10733!important;
}

.blocMailTimeLine
{
    background: #ede7f687!important;
    border-radius: 5px!important;
    border: 1px solid #ccc!important;
}

.float-right
{
    float: right!important;
}

.float-left
{
    float: left!important;
}

.smallStatusDoc,.smallStatusMail,.smallStatusNegociation,.smallStatusNote
{
    font-size: 11px!important;
    color: #bbb!important;
    text-align: end!important;
    padding: 2px!important;
}

.smallStatusNegociationLeft
{
    font-size: 11px!important;
    color: #000!important;
    text-align: start!important;
    padding: 2px!important;
}

.smallStatusNegociationCenter
{
    font-size: 11px!important;
    color: #000!important;
    text-align: center!important;
    padding: 2px!important;
}

.smallStatusNegociationRight
{
    font-size: 11px!important;
    color: #000!important;
    text-align: end!important;
    padding: 2px!important;
}

.bordered
{
    border: 1px solid #000!important;
    border-radius: 5px!important;
    border-style: dashed!important;
}

.headerAccordion
{
    float: left !important;
    margin-left: 0% !important;
}

.footerAccordion
{
    margin-left: 75%!important;
    display: flex!important;
    flex-direction: column!important;
}

.displayFlex
{
    display: flex!important;
}

.updatedNegociation
{
    border : 2px solid red!important;
    border-radius: 5px!important;
    border-style: dashed!important;
}

.blocNegociation
{
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 15px;
    border-radius: 5px;
    background: white;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px,
     rgba(0, 0, 0, 0.09) 0px 4px 2px,
     rgba(0, 0, 0, 0.09) 0px 8px 4px,
     rgba(0, 0, 0, 0.09) 0px 16px 8px,
     rgba(0, 0, 0, 0.09) 0px 5px 16px;
}

img
{
    object-fit: cover!important;
    object-position: center!important;
}

.navbar-breadcrumb
{
    margin-top: 4.68rem!important;
}

.navbar .navbar-brand-wrapper
{
    background: #ffffff!important;
}

.missionSoonFinish td
{
    background: #e04352d9!important;
}

.arrow-down
{
    border: solid black!important;
    border-width: 0 5px 5px 0!important;
    display: inline-block!important;
    padding: 3px!important;
    margin-right: 5px!important;
    margin-left: 5px !important;
    transform: rotate(45deg) !important;
    -webkit-transform: rotate(45deg)!important;
}

.dropdown-filter-dropdown .glyphicon
{
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'typicons';
    font-style: normal;
    font-weight: normal;
    border: none!important;
    line-height: 3 !important;
    -webkit-font-smoothing: antialiased;
}

.dropdown-filter-dropdown .glyphicon-arrow-down:before 
{
    content: ""!important;
}

.embedCV
{
    height: 500px!important;
}

.main-panel
{
    width: 80%!important;
}

.navbar-breadcrumb .navbar-links-wrapper
{
    width: 20% !important;
}
.navbar-breadcrumb .navbar-menu-wrapper
{
    width: 80%!important;
}
.navbar .navbar-menu-wrapper
{
    width: 80%!important;
}

.navbar .navbar-brand-wrapper
{
    width: 20%!important;
}

.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right .nav-item .nav-link
{
    box-shadow: unset!important;
    border: none!important;
    padding-left: 0.875rem!important;
    padding-right: 0.875rem!important;
    border-radius: unset!important;
}

.navbar
{
    border-bottom: 4px solid #1046da!important;
}

.navbar-breadcrumb
{
    background: #0d6efda6!important;
}

.navbar-toggler
{
    color: #1046da !important;
}

.btn-primary
{
    --bs-btn-color: #fff!important;
    --bs-btn-bg: #1046dac7!important;
    --bs-btn-border-color: #1046dac7!important;
    --bs-btn-hover-color: #fff!important;
    --bs-btn-hover-bg: #3b86d1!important;
    --bs-btn-hover-border-color: #6a3f9a!important;
    --bs-btn-focus-shadow-rgb: #1046dac7!important;
    --bs-btn-active-color: #fff!important;
    --bs-btn-active-bg: #3b86d1!important;
    --bs-btn-active-border-color: #1046dac7!important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff!important;
    --bs-btn-disabled-bg: #1046dac7!important;
    --bs-btn-disabled-border-color: #1046dac7!important;
}

.active-nav-item
{
    background: #ebebeb!important;
    /*border-top: 2px solid #1046da!important;
    border-bottom: 2px solid #1046da!important;*/
}

.sidebar .nav.sub-menu
{
    padding: 0.25rem 0 0 0.7rem!important;
}

.sidebar .nav .nav-item .nav-link i.menu-icon
{
    font-size: 1.5rem!important;
    line-height: 1!important;
    margin-right: 0.75rem!important;
    color: #000!important;
}

@media (min-width: 992px)
{
    .sidebar-icon-only .sidebar
    {
        width: 5%!important;
    }

    .sidebar-icon-only .main-panel {
        width: 95%!important;
    }
}

@media (max-width: 991px)
{
    .main-panel
    {
        margin-left: 0!important;
        width: 100% !important;
    }
}

.fixed-top
{
    top: -1px!important;
}