@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');
 
body
{
	font-family: 'Montserrat';
}

.icone_dash_board .fa-calendar
{
	color: #eb178c;
}


.icone_dash_board .fa-calendar.bg-light
{
	background: #fdeff7 !important;
}



.icone_dash_board .fa-phone-alt
{
	color: #2f338f;
}


.icone_dash_board .fa-phone-alt.bg-light
{
	background: #f4f4f9 !important;
}



.icone_dash_board .fa-address-book
{
	color: #f08b30;
}


.icone_dash_board .fa-address-book.bg-light
{
	background: #fef7f0 !important;
}

 

#userDropdown i.fa-user-circle
{
	color: #373b53;
	font-size: 35px;
}

body #userDropdown .d-none
{
	display: none !important;
}

#formNavBar .input-group
{
	 
    color    : #4f4f4f;
    position : relative;
    border-radius: .35rem;
    height: 38px;
}

#formNavBar input
{
	border: none;
	background: none;
	padding-left: 41px;
	color: #4f4f4f; 
	line-height: 27px;
}

#formNavBar input::placeholder 
{
	color: #4f4f4f; 
}

#formNavBar i.fa-search
{
	line-height: 35px;
	color: #4f4f4f;

	position : absolute;
    left     : 16px;
    top      : 2px;
}

.navbar-nav .fa-sign-out-alt
{
	color : #c9ced6;
}

.icone_dash_board .bg-dark
{
	background : #373b53 !important;
}


.icone_dash_board .text-grey
{
	color : #373b53 !important;
}

.icone_dash_board .card-body h5
{
	font-weight: bold;
}

.icone_dash_board .no_items
{
	font-size : 16.5px;
	margin-top: 18px !important;
}


#wrapper #content-wrapper 
{
    background-color: #f8f8fb;
}

body h1.text-gray-800
{
	color: #373b53 !important;
}

.icone_dash_board .card-body .fa-plus
{
	height : 32px;
	width  : 32px;
	text-align: center;
}

.icone_dash_board .card
{
	border: none;
}

#accordionSidebar li.nav-item.active a.nav-link,#accordionSidebar li.nav-item:hover a.nav-link  
{
	background: #FFF;
	color: #373b53;
	border-radius: 10px;
 
}


#accordionSidebar li.nav-item a.nav-link  
{
 
	width: 95%;
	margin: auto;
	margin-bottom: 5px;
}


#accordionSidebar li.nav-item.active a.nav-link i,#accordionSidebar li.nav-item:hover a.nav-link  i
{ 
	color: #373b53;
}

#accordionSidebar  .sidebar-divider
{
	display: none;
}


#accordionSidebar  #sidebarToggle
{
	display: none;
}

.text-grey-bis
{
	color: #969cba;
}


.texte_item_dashboard
{
	font-style: SemiBold;
	font-size: 14px;
}



.custom-checkbox .custom-control-label::before 
{
	cursor : pointer;
    border-radius: 3px;
}

.custom-checkbox *
{
	cursor : pointer;
}

/****FullCalendar*****/

.nav_bar_calendar
{
  padding-top: 15px;
  padding-bottom: 0px;
}


.nav_bar_calendar .navbar-nav
{
	overflow: hidden;
	width: 100%;
}

.nav_bar_calendar #navbarNav
{
	position: relative; 
}

.nav_bar_calendar .nav-item:first-child
{
	maring-left: 1px;
}

.filter_slide 
{
	position: absolute;
	top: 21px;
	right: 0;
	cursor: pointer;
	font-size: 24px;
	background: #FFF;
}


.filter_slide_prev 
{
	position: absolute;
	top: 21px;
	right: 17px;
	cursor: pointer;
	font-size: 24px;
	display: none;
	background: #FFF;
}

.nav_bar_calendar .nav-item
{
    width: auto;
    white-space: nowrap;
    transition:   0.5s ease;
}

.is_first_in_line
{
	border: 0px solid red;
}

.nav_bar_calendar .nav-link
{  
	font-size: 15px;
	font-weight: 600;
}

.nav_bar_calendar .navbar-brand
{
	font-size: 18px;
	font-weight: bold;
}

.fc-view-harness .fc-timegrid .fc-scrollgrid-section-liquid
{
	background: #FFF;
}

.fc-theme-standard .fc-scrollgrid 
{
	border : none;
}

.fc .fc-view-harness
{
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}


.fc-scrollgrid tr td:first-child
{
    border-right: none !important;
}


.fc-scrollgrid tr td:last-child
{
	border-right: none;
	border-left: none !important;
}

.fc-theme-standard td:nth-child(2), .fc-theme-standard th:nth-child(2)
{
    border-left: none !important;
}


.fc-toolbar.fc-toolbar-ltr
{
	background: #FFF;
	margin-bottom: 10px;
	width: 97%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0px;

	border-top: 1px solid #d0d5d9;
}


.fc-toolbar-chunk .fc-prev-button
{
	display: block;
	float: left;
	color: #353f47;
	background: none;
	border: none;
}


.fc-toolbar-chunk .fc-next-button
{
	display: block;
	float: left;
	color: #353f47;
	background: none;
	border: none;
}



.fc-toolbar-chunk .fc-toolbar-title
{
	display: block;
	float: left;
	color: #353f47;

    font-size: 15px;
    line-height: 21px;
    height: 21px;
    margin-top: 11px;
}

.fc-toolbar-chunk .fc-button-group,body .fc-dayGridMonth-button
{
	font-size: 13px !important;
}

body .fc-dayGridMonth-button
{
	margin-right: 15px !important;
}

.fc .fc-button .fc-icon 
{
    vertical-align: middle;
    font-size: 26px;
    font-weight: bold;
    margin-top: 2px;
}

.fc-timeGridDay-button,.fc .fc-button-primary 
{
	color: #696c7e !important;
	background: none !important;
	border: none !important;
}

.fc .fc-button-primary:focus
{
  	background: none !important;
	border: none !important;
	box-shadow: none !important;
}


.fc-timegrid-slot-label-cushion,.fc-timegrid-slot-label
{
	background: #f8f8fb;
    border: none !important;
}

.fc .fc-timegrid-axis-cushion, .fc .fc-timegrid-slot-label-cushion
{
  font-size: 12px;
  color: #373B53;
}

body .fc-button-group .fc-button-active
{
	color: #6366ab !important;
	font-weight : bold;
}


body .fc-timegrid-event
{
	border-left-width   : 5px;
	border-top-width    : 0;
	border-bottom-width : 0;
	border-right-width  : 0; 
}

body .fc-event-title
{
	font-weight: bold;
}

.fc-event-main-frame
{
	cursor: pointer;
}

.wrap_header_filters_calendar
{
	width: 97%;
	margin-left: auto;
	margin-right: auto;
	background: #FFF;
 
}

.wrap_header_filters_calendar  .col-10 
{
	overflow: hidden;
}

.fc-col-header-cell-cushion 
{
	Font-Family: Montserrat;
	font-weight: bold;
	Font-Size: 11px;
}

.fc-day-today .fc-col-header-cell-cushion 
{
  color: #373B53 !important;
}

.fc-day-sat,.fc-day-sun
{
	background: #ededf5;
}

.fc-day-today
{
	background: #FFF !important;
}

.fc-col-header, .fc-col-header th
{
	background: transparent !important;
	border : none !important;
}

/***FIN Calendar*****/

body #telepro_id
{
	color: #373b53;
}


/* The container must be positioned relative: */
.my-select {
  position: relative; 
  padding-right: 10px;
    background-color: #FFF;
 box-shadow:0px 1px 7px -2px rgba(0,0,0,.15)!important;
  border-radius: 24px;
}

.my-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
 
 min-height: 35px;
 min-width: 121px;
 
}

/* Style the arrow inside the select element: */
.my-select:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #373b53 transparent transparent transparent;
  z-index: 0;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #373b53;
  padding: 8px 12px; 
  cursor: pointer;
  font-size: 13px;
  position: relative;
  z-index: 1;

  /***Modif***/
  color: #373B53;
  font-weight: bold;
}

/* Style items (options): */
.select-items 
{
  position: absolute;
  background-color: #FFF;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border-radius: 24px;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}



/************Tooltips*****/

.tool_tip_ju
{
	display: none;
	margin-top: 1px;
	width         : 143px;
    height        : 127px;
    background    : #FFF;
    border-radius : 4px;
    box-shadow: 0px 1px 7px -2px rgba(0,0,0,.15)!important;

    color: #2F338F;

    position: relative;
    z-index: 100000;
}


.tool_tip_ju span
{
	display: block;
	width: auto;
	float: none;
	overflow: hidden;
    padding-top: 13px;
    padding-bottom: 2px;
	padding-left: 18px;
	Font-Size: 16px;
	cursor : pointer;
}

.tool_tip_ju span.trash-can
{
	color: #E5001C;
}


.tool_tip_ju span i
{
	margin-right: 2px;
}


/****Modales****/

.swal2-popup
{
	padding: 0 !important;
	border-radius: 15px  !important;
	overflow: hidden !important;
}

.swal2-content
{
	border-radius: 15px ;
	overflow: hidden;	
}

.swal2-content
{
	padding: 0 !important;
}

.swal2-content h5
{
	background: #F08B30;
	color: #FFF;
	width: 100%;
	overflow: hidden;
	height: 79px;
	margin-top: -1px;
	font-size: 18px;
	line-height: 74px;
	text-transform: uppercase;
	text-align: left;
	text-indent: 40px;
}

body .swal2-close
{
    display: block !important;
    color: #FFF;
    margin-top: 12px;
    font-weight: bold;
    margin-right: 4px;
}

.swal2-content label
{
	font-size: 15px;
	color: #2F338F; 
}


.swal2-content .swal2-input
{
	padding: 5px;
	height: auto;
}

.form-control,.form-control:focus
{
	background: #F8F8FB;
	border : none;
	color: #4F4F4F;
	font-size: 14px;
	height: 42px;
	line-height: 42px;
}

.swal2-content textarea.form-control,.swal2-content textarea.form-control:focus 
{
	height: 75px;
}

.swal2-content #testdesimon
{
    padding-left: 38px;
    padding-right: 38px;
    padding-top: 23px;
}

.form-group
{
	text-align: left;
}


input[type="date"]::-webkit-calendar-picker-indicator 
{
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url('/images/icone-date.svg') no-repeat;
    width: 20px;
    height: 20px;
    border-width: thin;
    cursor : pointer;
}


input[type="time"]::-webkit-calendar-picker-indicator 
{
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url('/images/icone-time.svg') no-repeat;
    width: 20px;
    height: 20px;
    border-width: thin;
    cursor : pointer;
}








body button.swal2-confirm.swal2-styled,body button.swal2-confirm.swal2-styled:focus
{
  background: #FFF;
  color: #F08B30;
  border-radius: 26px;
  border : 2px solid #F08B30 !important;
  min-width: 235px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 18px;
}


.swal2-actions 
{ 
    margin-top: 0px !important;
    padding-bottom: 7px !important; 
}


body .swal2-icon-warning button.swal2-styled.swal2-confirm
{
	border : none !important;
	font-size: 1.0625em !important;
	padding: .625em 2em !important;
	border-radius: .25em !important;
	color: #FFF !important;
	width: auto !important;
	margin-bottom: 6px !important;
	min-width: 1px !important;
	text-transform: none !important;
}

 
/***Tableau Lsiting***/

table.table-bordered.dataTable th 
{
  background : #f4f4f9;
  color: #2F338F;
  font-size: 15px;

   line-height: 17px;
    vertical-align: middle;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    padding-left: 13px;
}

body .table-bordered td,body  .table-bordered th
{
   border : 0px solid #ededf2;
   border-top : 1px solid #ededf2 !important;
   vertical-align: middle !important;
   padding: 5px;
   padding-left: 13px;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before
{
	display: none;
}


table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
	display: none;
}


table.table-bordered.dataTable tbody td
{
	color: #4F4F4F;
	font-size: 12px;
	background: #FFF;
}

#dataTable_wrapper tfoot,#dataTable_wrapper .dataTables_length
{
	display: none;
}

body table.dataTable
{
	margin-top: 0 !important;
}

body .btn-orange,body .btn-orange:hover
{
	background: #F08B30;
	color: #FFF;
	border-radius: 17px;
	border : none;
	min-width: 89px;
	height: 32px;
	text-align: center;
	box-shadow: 0px 1px 7px -2px rgba(0,0,0,.15)!important;
	line-height: 20px;
}


 

body .btn-add-rappel,body .btn-add-rappel:hover,body .btn-add-rappel:focus
{
	background: #FFF;
	color: #F08B30 !important;
	border-radius: 30px;
	font-size: 18px;
	border : none;
	min-width: 235px;
	height: 50px;
	text-align: center;
	box-shadow: 0px 1px 7px -2px rgba(0,0,0,.15)!important;
	line-height: 38px;
	border : 2px  solid #F08B30;

}

body .btn-add-rappel:hover
{
	text-transform: uppercase;
	box-shadow: 0px 1px 7px -2px rgba(0,0,0,1)!important;
}


body .btn-orange:hover
{
	text-transform: uppercase;
	box-shadow: 0px 1px 7px -2px rgba(0,0,0,1)!important;
}


h1.title_top_bar
{
	margin-left: 201px;
	color: #373B53;
	font-size: 30px;
	text-transform: none;
	font-weight: bold;
	text-transform: capitalize;
}


.btn-edit-tableau
{
   font-size: 27px;
   color: #a7a7a7;
}

.btn-edit-tableau:hover
{
  color: #4F4F4F;
}

.page-item .page-link,.page-item .page-link
{
	color: #e1e2e5 !important;
	font-weight: bold;
	border : none !important;
}

body .page-item.active .page-link,.page-item .next,.page-item .previous
{
	color      : #c3c5cc !important;
	font-weight: bold;
	background : none;
}

body #dataTable_info
{
	display: none !important;
}

body .dataTables_paginate
{
	float: left !important;
}


/*****Edition Client****/

.colonne_page_edition .btn-block,.colonne_page_edition .btn-block:focus,.colonne_page_edition .btn-block:hover
{
   border : none !important;
   outline: none !important;
}


.colonne_page_edition .col-form-label
{
	color: #2F338F;
	font-size: 15px;
}

.colonne_page_edition .row
{
	margin-right: 1px;
	margin-left: 1px;
}


.colonne_page_edition .form-control,.colonne_page_edition .form-control:focus
{
	height: 32px;
	line-height: 32px;
	padding: 1px;
	padding-left: 5px;
}

.colonne_page_edition .btn-orange,.colonne_page_edition .btn-orange:hover
{
	min-width:  235px;
	height: 50px;
	text-transform: uppercase;
	border-radius: 27px;
	font-weight: bold;
}


.colonne_page_edition .btn-orange:before
{
    content: '';
    display: inline-block; 
    height: 20px;
    width: 21px;
    overflow: hidden;
    background: url('/images/disquette.svg');
    margin-right: 10px;
    margin-bottom: -3px;
}

.form_save .btn-orange:before
{
    content: '';
    display: inline-block; 
    height: 20px;
    width: 21px;
    overflow: hidden;
    background: url('/images/disquette.svg');
    margin-right: 10px;
    margin-bottom: -3px;
}

.form_save .btn-orange,.form_save .btn-orange:hover
{
    min-width: 235px;
    height: 50px;
    text-transform: uppercase;
    border-radius: 27px;
    font-weight: bold;
}


.colonne_page_edition h6.text-primary
{
	font-size: 20px;
    padding-top: 15px;
    padding-bottom: 6px;
    text-align: left;
    padding-left: 6px;
 }



.colonne_page_edition input[type="date"]::-webkit-calendar-picker-indicator 
{
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url('/images/icone-date-gris.svg') no-repeat;
    width: 18px;
    height: 17px;
    border-width: thin;
    cursor : pointer; 
   border : 0px solid green;


}

 



.colonne_1,.colonne_2,.colonne_3
{
    position: relative;
    width: 100%;
    padding-right: .75rem;
    padding-left: .75rem;
}


.colonne_1
{
    flex: 0 0 27%;
    max-width: 27%; 
}


.colonne_2
{
    flex: 0 0 40%;
    max-width: 40%; 
}


.colonne_3
{
    flex: 0 0 33%;
    max-width: 33%; 

    /* height: 55px; */
}
 

.colonne_2 .form-group-custom label:first-child
{
   max-width: 18% !important;
   flex: 0 0 18% !important;
}


.colonne_2 .form-group-custom label:nth-child(3)
{
   max-width: 44% !important;
   flex: 0 0 44% !important;
}


.colonne_2 .form-group-custom div:nth-child(2)
{
   max-width: 19% !important;
   flex: 0 0 19% !important;
}


.colonne_2 .form-group-custom div:nth-child(4)
{
    max-width: 17% !important;
    flex: 0 0 17% !important;
    padding-left: 0;
}

 .unit_placeholder_plus
 {
    margin-left: -1px;
    display: block;
    float: left;
    position: absolute;
    top: 6px;
    right: 3px;
    font-size: 13px;
    color: #373B53;
    font-style: normal;
    font-weight: bold;
 }

 .colonne_page_edition .form-check input
 {
 	color: #3f3d56;
 }

/*  .custom-control-input:checked~.custom-control-label::before
{
	    
	 
       background-color: #FFF;
}


.custom-control-input:checked~.custom-control-label::after
{
	position: absolute;
   top: .25rem;
   left: -1.5rem;
   display: block;
   width: 1rem;
   height: 1rem;
   pointer-events: none;
   content: "";
   background-color: #3f3d56;
   border: #FFF solid 0px;
   background-image: none !important;
   border-radius: 50%;
} */

 .colonne_page_edition .custom-control
 {
 	display: inline-block;
 }

 .colonne_page_edition .custom-control label
 {
 	color: #2F338F;
 	font-size: 15px;
 }

 .colonne_page_edition .custom-control label
 {
 	 width: 31px;
 }

 .colonne_page_edition .font-weight-bold
 {
 	font-weight: bold;
 	color: #2F338F;
 	padding-left: 14px;
 }

 .colonne_page_edition.colonne_3 select, .colonne_page_edition.colonne_3 input, .colonne_page_edition.colonne_3 textarea
 {
 	font-size: 12px;
 }

 .colonne_page_edition.colonne_3 .col-champ-date
 {
   max-width: 32% !important;
   flex: 0 0 32% !important;
   margin-right: 1%; 
 }



.colonne_page_edition.colonne_3 input[type="date"]::-webkit-calendar-picker-indicator 
{
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url('/images/icone-date-gris.svg') no-repeat;
    width: 18px;
    height: 17px;
    border-width: thin;
    cursor : pointer; 
   border : 0px solid green;
   margin-left: -8px;

}



.colonne_page_edition.colonne_3 input[type="time"]::-webkit-calendar-picker-indicator 
{
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url('/images/icone-time-gris.svg') no-repeat;
    width: 18px;
    height: 18px;
    border-width: thin;
    cursor : pointer;
}

.edit_ligne_rdv .btn-secondary,.edit_ligne_rdv .btn-secondary:focus,.edit_ligne_rdv .btn-secondary:hover
{
	background: none !important;
	border : none !important;
	color: #989AA7;
}

.edit_ligne_rdv .btn-secondary:before
{
	content: '';
	display: none;
}

.colonne_page_edition textarea,.colonne_page_edition textarea:focus
{
	height: auto !important;
	line-height: 18px !important;
}

.colonne_page_edition .btn-add-photo
{
	background: none;
	border : none;
	text-align: center;
	color: #F08B30;
	text-transform: uppercase;
	font-size: 12px;
    height: 34px;
    margin-top: 1px;
    float: right;
    margin-right: 7px;
}


.colonne_page_edition .custom-file-input:lang(en)~.custom-file-label::after
{
	content: 'Parcourir'
}

.colonne_3.colonne_page_edition .btn-presentation,.colonne_3.colonne_page_edition .btn-presentation:hover,.colonne_3.colonne_page_edition .btn-presentation:focus
{
    background: #FFF;
	color: #F08B30;
	border-radius: 25px;
    font-weight: bold;
	min-width: 89px;
	height: 48px;
	text-align: center;
	box-shadow: 0px 1px 7px -2px rgba(0,0,0,.15)!important;
	line-height: 33px;
	border : 1px solid #F08B30 !important;
	width: 159px !important;
	min-width: 1px  !important;
	font-size: 12px !important;
	text-transform: uppercase;
}


.colonne_3.colonne_page_edition .btn-orange
{
    width: 159px  !important;
    font-size: 12px !important;
   	min-width: 1px  !important;
}



.colonne_3.colonne_page_edition .btn-presentation:before 
{
    content: '';
    display: inline-block;
height: 18px;
    width: 15px;
    overflow: hidden;
    background: url(/images/icone-play.svg);
    margin-right: 10px;
    margin-bottom: -3px;
}

.control_carousel_photos
{
	margin: auto;
}

.fleche_gauche
{
    display:  block;
    height: 10px;
    width: 15px;
    overflow: hidden;
    background: url(/images/fleche-gauche.svg);
}

.fleche_droite
{
    display:  block;
    height: 10px;
    width: 15px;
    overflow: hidden;
    background: url(/images/fleche-droite.svg);
}


/****Progress bar ***/

.progress
{
	position: relative;
	height: 69px;
	background: none;

	margin-top: 26px;
	margin-left: 26px;
	background: #FFF;
}

.progress .progress-bar
{
	text-transform: uppercase;
	    word-break: break-word;
    white-space: break-spaces;
	font-weight: bold;
border-right: 0;
cursor : pointer;

}

.progress .progress-bar:first-child
{
 
width: 145px;
height: 69px;
color: #FFF !important;
z-index: 10;
background: rgba(47,51,143,0.3);
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0);
border-radius: 4px 0px 0px 4px;
overflow: visible;

position: relative;
padding-left: 10px;
}


.progress .progress-bar:first-child.active
{
	content: '';
	border-left: 50px solid #2F338F;
	background: rgba(47,51,143,1);
	color: #fff !important;
}

.progress .progress-bar:first-child:after
{
	content: '';
 	width: 0;
	height: 0;
	border-top: 34px  solid transparent;
	border-left: 50px solid rgba(47,51,143,0.3);
	border-bottom: 34px  solid transparent;
	 
	position: absolute;
    top: 0;
    right: -50px;
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0);

}

.progress .progress-bar:first-child.active:after
{
	content: '';
	border-left: 50px solid #2F338F;
}

.progress .progress-bar:first-child
{
  color : #373B53  !important;
}

.progress .progress-bar:nth-child(2)
{
 
position: relative;
width: 316px;
height: 69px;
color : #373B53  !important;
z-index: 9;
background: rgba(240,139,48,0.3);
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0);
padding-left: 57px;

}
.progress .progress-bar:nth-child(2).active
{
background: #F08B30;
color: #fff !important;
}

.progress .progress-bar:nth-child(2):after
{
	content: '';
 	width: 0;
	height: 0;
	border-top: 34px  solid transparent;
	border-left: 50px solid rgba(240,139,48,0.3);
	border-bottom: 34px  solid transparent;
	 
	position: absolute;
    top: 0;
    right: -50px;

}

.progress .progress-bar:nth-child(2).active:after
{
	content: '';
	border-left: 50px solid #F08B30;
}



.progress .progress-bar:nth-child(3).active
{
 
background: #EB178C;
color: #FFF !important; 

}
 

.progress .progress-bar:nth-child(3) 
{
	position: relative;
width: 316px;
height: 69px;
color: #373B53 !important; 
z-index: 8;
  background: rgba(235 ,23,140,0.3);
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0);
padding-left: 51px;
}

.progress .progress-bar:nth-child(3):after
{
	content: '';
 	width: 0;
	height: 0;
	border-top: 34px  solid transparent;
	border-left: 50px solid rgba(235 ,23,140,0.3);
	border-bottom: 34px  solid transparent;
	 
	position: absolute;
    top: 0;
    right: -50px;

}


.progress .progress-bar:nth-child(3).active:after
{
	content: '';
 
	border-left: 50px solid #EB178C;
 

}



.progress .progress-bar:nth-child(4)
{
 position: relative;
 z-index: 7;
 padding-left: 51px;
width: 316px;
height: 69px;
color : #373B53  !important;
 
background: rgba(55,59,83,0.3);
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0);


}


.progress .progress-bar:nth-child(4).active
{
	content: '';
	border-left: 50px solid #373B53;
	background: rgba(55,59,83,1);
	color: #fff !important;
	padding-left: 17px;
}


.progress .progress-bar:nth-child(4):after
{
	content: '';
 	width: 0;
	height: 0;
	border-top: 34px  solid transparent;
	border-left: 50px solid rgba(55,59,83,0.3);
	border-bottom: 34px  solid transparent;
	 
	position: absolute;
    top: 0;
    right: -50px;

}


.progress .progress-bar:nth-child(4).active:after
{
	content: '';
	border-left: 50px solid #373B53;
}


.progress .progress-bar:nth-child(5)
{
  position: relative;
  z-index: 6;
 padding-left: 51px;
width: 316px;
height: 69px;
color : #373B53  !important;
background: rgba(87,184,148,0.3);
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0);


}

.progress .progress-bar:nth-child(5):after
{
	content: '';
 	width: 0;
	height: 0;
	border-top: 34px  solid transparent;
	border-left: 50px solid rgba(87,184,148,0.3);
	border-bottom: 34px  solid transparent;
	 
	position: absolute;
    top: 0;
    right: -50px;

}



.progress .progress-bar:nth-child(5).active:after
{
	content: '';
	border-left: 50px solid #57B894;
}

.progress .progress-bar:nth-child(5).active
{
 background: rgba(87,184,148,1);
 color: #fff !important;
      
}

.progress .progress-bar:nth-child(6)
{
  position: relative;
  z-index: 5;
 padding-left: 51px;
width: 316px;
height: 69px;
color : #373B53  !important;
background: rgba(214, 72, 29,0.3);
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0);


}

.progress .progress-bar:nth-child(6).active
{
 background: rgba(195,0,0,1);
 color: #fff !important;
      
}

.progress .progress-bar:before
{
	content: '';
 	width: 0;
	height: 0;
	border-top: 34px  solid transparent;
	border-left: 50px solid  rgba(255,255,255,1);
	border-bottom: 34px  solid transparent;
	 
	position: absolute;
    top: 0;
    right: -50px;

}

body .figure-img
{
	height: auto !important;
	min-height: 1px !important;
}


.logo_ener
{
	display: block;
	width: 192px;
	overflow-y: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10000;
}

body .image_depart
{
	width: auto !important;
	height: 90vh !important;
	align-self: center;
}

.slider_first_center
{
	display: -webkit-flex !important;
	display: -moz-flex !important;
	display: -ms-flex !important;
	display: -o-flex !important;
	display: flex !important;

	align-items: center;
	justify-content : center;
}

.btn_action_small_modal,.btn_action_small_modal:hover
{
	display: inline-block;
    background: #FFF;
    color: #F08B30;
    border-radius: 26px;
    border: 2px solid #F08B30 !important;
    min-width: 135px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 18px;
    height: 35px;
    margin-right: 11px;
    line-height: 18px;
    padding: 7px;
    padding-left: 19px;
    padding-right: 19px;

}