@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Livvic:ital,wght@200;300;400;500;700&display=swap');
/**********************************************************************************
									
									RESET

**********************************************************************************/

[data-bs-theme="light"]{
	--bs-theme2: #023C48;
	--bgPrimary: #023C48;
	--secondaryColor: #EF7C45;
	--bgNuance0:lightgrey;
	--bgNuance1:#FFFFFF;
	--bgNuance2:#FFFFFF;
	--tableOddBg:#EEF0F7;
	--bannerBG:#023C48;
	--bannerColor:#FFFFFF;
	--borderCardColor:#fafafc;
	--bgHeadTable:#023C48;
	--bgBoxedCTA:#EEF0F7;
	--bgBrand:rgba(248,249,250,1);
	--newIconBG:#63F763;
}

[data-bs-theme="dark"]{
	--bs-theme2: lightgrey;
	--bgPrimary: #023C48;
	--secondaryColor: #EF7C45;
	--bgNuance0:#3F3F3F;
	--bgNuance1:#272B2F;
	--bgNuance2:#212529;
	--tableOddBg:#272B2F;
	--bannerBG:#023C48;
	--bannerColor:#dee2e6;
	--borderCardColor:#424549;
	--bgHeadTable:#050404;
	--bgBoxedCTA:#272B2F;
	--bgBrand:linear-gradient(90deg, rgb(238, 240, 247, 1) 0%, rgb(238, 240, 247, 1) 85%, rgba(248,249,250,0) 100%);
	--newIconBG:#63F763;
}

.bg-warning2, .text-bg-warning2{
	background:#F79202;
}

#mainNavbar .container-fluid{
	padding:0 !important;
}

.bannerBG{
	background:var(--bannerBG) !important;
}

#mainNavbar{
	padding:0;
}

.bgBrand{
	background-image: var(--bgBrand);
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
	padding:15px 0px;
	padding-left:15px;
	padding-right:30px;
}

.bannerColor{
	color:var(--bannerColor) !important;
}

.bgNuance0{
	background:var(--bgNuance0);
}

.bgNuance1{
	background:var(--bgNuance1);
}

.bgNuance2{
	background:var(--bgNuance2);
}

.p-25px{
	padding:25px !important;
}


body{
	/* background:#E4E8EC; */
	/* background:#fafafc; */
	background-image:url('../img/background_dark_v2.png');
	background-size:100%;
	margin:0;
	/* font-family: 'Livvic', sans-serif; */
	font-family: 'Livvic', sans-serif;
	font-weight:500;
	/* color:#869ab8; */
}

.iconBlock{
	width:25px;
	color:var(--bs-theme2);
}

.container, .container-fluid{
	padding-top:25px;
	/* background:var(--bgNuance2); */
}

.row{
	margin: 0;
}

.row > *{
	padding:0;
}

.start-95{
	left:95% !important;
}

.alertRed{
	color:#F20000;
	/* color:var(--secondaryColor); */
}

.clickable:hover{
	cursor:pointer;
	color:var(--secondaryColor);
}

.table > :not(caption) > * > *{
	background-color:transparent;
}

th{
	color:white !important;
}

table thead tr th{
	background:var(--bgHeadTable) !important;
	color:white;
}

table tbody tr:nth-child(odd) {
	background: var(--tableOddBg);
}

img {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;

	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
}

h1,h2,h3,h4,h5,h6{
	font-family:'Livvic', sans-serif;
	margin:0 !important;
	color:var(--bs-theme2);
	text-transform:uppercase;
}

dd{
	color:hsl(210, 8%, 45%);
}

h1{
	/* font-size:20px; */
	font-size:25px;
}

h2{
	font-size:20px;
}

.text-muted{
	color:#869ab8 !important;
}

.customList{
	list-style:none;
	padding-left:0 !important;
}

.header{
	font-size:18px;
}

/* a{
	color:var(--secondaryColor);
} */

/* a:hover, a:focus, a:visited{
	color:#BB5D00;
} */

/* a:hover{
	color:var(--bs-theme2);
} */

.list-group-item{
	border:2px solid var(--borderCardColor);
	border-radius:8px;
	/* margin:10px 0px; */
	box-shadow:-20px -20px 30px #0000000d,20px 20px 30px #0000000d;
}

.list-group-item + .list-group-item {
	border-top-width: 2px;
}

.centeredUnderline h1, .centeredUnderline h2, .centeredUnderline h3, .centeredUnderline h4, .centeredUnderline h5, .centeredUnderline h6 {
	display: inline-block;
	position: relative;
}
  
.centeredUnderline h1:after, .centeredUnderline h2:after, .centeredUnderline h3:after, .centeredUnderline h4:after, .centeredUnderline h5:after, .centeredUnderline h6:after  {
	content: "";
	height: 2px;
	width: 75%;
	background-color: #9AB1D0;
	position: absolute;
	bottom: -.3em;
	left: 50%;
	transform: translate(-50%);
}

.formDisplayErrors ul{
	list-style:none;
	margin-bottom:0;
	padding-left:0;
}

#selectContrats a{
	text-decoration:none;
}

#selectContractsContainer{
	display:block;
}

#selectContrats{
	position:absolute;
	right:50px;
	z-index:999;
}


.contractIcon{
	font-size:20px;
}

.selectedContract{
	font-size:35px;
	color:var(--secondaryColor);
}

.btn-danger{
	background:#dc3545;
	border:2px solid #dc3545;
	color:#E4E8EC;
}

.btn-danger:hover{
	border:2px solid #dc3545;
	background:transparent;
	color:#dc3545;
}

.fz-15{
	font-size:15px;
}

.fz-20{
	font-size:20px;
}

.fz-25{
	font-size:25px;
}

.fz-30{
	font-size:30px;
}

.fz-35{
	font-size:35px;
}

.fz-40{
	font-size:40px;
}

.dropdown-item{
	padding:.25rem 1rem;
}

.newIcon{
	text-transform:uppercase;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	height:15px;
	padding:0px 5px;
	background:var(--newIconBG);
	color:black;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}

.blinking-cursor {
	display:inline-block;
	width:0px;
	letter-spacing:2px;
	font-weight: 100;
	font-size: inherit;
	color: inherit;
	-webkit-animation: 1s blink step-end infinite;
	-moz-animation: 1s blink step-end infinite;
	-ms-animation: 1s blink step-end infinite;
	-o-animation: 1s blink step-end infinite;
	animation: 1s blink step-end infinite;
}

.blinking-cursor::before{
	content:"|";
} 

@keyframes blink {
	from, to {
	color: transparent;
	}
	50% {
	color: inherit;
	}
}

#bannierePreviewText p, #sectionBanniereInformation div div div div div div span p, #modalPreviewDescription p, #popupModal .modal-dialog .modal-content .modal-body .row div p{
	margin:0 !important;
}

.ql-tooltip{
	z-index:1;
}

.ql-formats .ql-header,   .ql-formats .ql-list, .ql-formats .ql-clean{
	display:none !important;
}

.ql-toolbar.ql-snow .ql-formats{
	margin-right:0 !important;
}

.faketab{
	background: white;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 7.5px;
	border-radius: 5px;
	border: 1px solid var(--bgNuance0);
	text-decoration: none;
	color:#869ab8;
	transition:all ease 0.4s;
}

.faketab.active{
	background: var(--secondaryColor);
	color: white;
	font-weight: bold;
}

.faketab:hover{
	background: var(--secondaryColor);
	color: white;
}

.faketab.active:hover{
	background:white;
	color:#869ab8;
}

/******************************* 
	THEME SWITCH
*******************************/

/* The switch - the box around the slider */
.switchTheme {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  /* border:1px solid var(--borderCardColor); */
  border-radius: 34px;
}

/* Hide default HTML checkbox */
.switchTheme #changeThemeInput {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.sliderTheme {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('../img/sun_bg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.sliderTheme:before {
  position: absolute;
  content: "";
  height: 40px;
  width: 40px;
  left: 0px;
  bottom: 4px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  box-shadow: 0 0px 15px #2020203d;
  background: transparent url('../img/sun_test3.png');
  /* background: white; */
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
}

#changeThemeInput:checked + .sliderTheme {
  /* background: var(--bgNuance0); */
  background: url('../img/moon_bg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
}

#changeThemeInput:focus + .sliderTheme {
  /* box-shadow: 0 0 1px #2196f3; */
}

#changeThemeInput:checked + .sliderTheme:before {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
  background: var(--bannerBG) url('../img/moon.png');
  /* background: var(--bannerBG); */
  background-repeat: no-repeat;
  background-position: center;
  background-size:contain;
}

/* Rounded sliders */
.sliderTheme.sliderRound {
  border-radius: 34px;
}

.sliderTheme.sliderRound:before {
  border-radius: 50%;
}

/******************************* 
	IMG OVERLAY ANIMATIONS 
*******************************/

.imgOverlayContainer{
	display:block;
	position:relative;
	min-height:200px;
	width:300px;
	border: 1px solid rgba(252,115,34,0.3);
}

.imgOverlayContainer:hover .imgOverlay{
	opacity:1;
}

.imgOverlayContainer .imgOverlay a{
	color:white;
}

.imgOverlayContainer img{
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:100%;
	width:100%;
}

.imgOverlayContainer .imgOverlay{
	position:absolute;
	opacity:0;
	top:10px;
	right:10px;
	z-index:100;
	color:white;
	background:#dc3545;
	height:37.5px;
	width:37.5px;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:all 0.15s;
	padding-top:4px;
}

.imgOverlayContainer .imgOverlay:hover{
	background:#bb2d3b;
}

.imgOverlayContainer .imgOverlay i{
	font-size:25px;
}

/**********************************************************************************
									
									MAINTENANCE

**********************************************************************************/

.spinAnimation{
	animation-name: spin;
	animation-duration: 5000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear; 
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

/**********************************************************************************
									
									CARDS

**********************************************************************************/

.card{
	box-shadow:-20px -20px 30px #0000000d,20px 20px 30px #0000000d;
	border-radius:8px !important;
	padding:0px;
	border-color:var(--borderCardColor);
}

.card .card-header, .card .card-body, .card .card-footer{
	padding:25px 25px;
	/* padding:22.5px 22.5px; */
}

.card .card-header, .card .card-footer, .card .card-body{
	/* background:#FFFFFF; */
}

.animatedCard{
	transition:.15s linear;
}

.animatedCard:hover{
	transform:scale(1.06);
}

.selectContratCard{
	text-decoration:none;
}

.iconRoundContainer{
	padding:10px;
	width:40px;
	height:40px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	/* color:#E4E8EC; */
	border-radius:50%;
	font-size:20px;
}

.btn{
	transition:all ease 0.4s;
	text-transform:uppercase;
}



/**********************************************************************************
									
									MAIN THEME

**********************************************************************************/

/* #mainIndexSection{
	background-image: url("../img/oah2.jpg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top right;
	background-size:52%;
} */

.boxed-cta {
    background: var(--bgBoxedCTA);
}

.p-4{
	padding:1.5rem !important;
}

.table > :not(:first-child){
	border:none;
}

.txtWhite{
	color:white;
}

.txtGreen{
	color:#6BFF6B;
}

.txtPurple{
	color:#9966FF;
}

.bgPurple{
	background-color:#9966FF;
}


/******************
	THEME COLOR 1								
******************/

.bg-theme1{
	/* background:var(--bs-theme2); */
	/* background:#2D3CCE; */
	background:var(--secondaryColor);
	color:#E4E8EC;
}

.txt-theme1{
	/* color:var(--bs-theme2); */
	color:var(--secondaryColor);
	/* color:var(--bs-theme2); */
}

.themeBtn1{
	/* background:var(--secondaryColor); */
	background:var(--secondaryColor);
	border:2px solid var(--secondaryColor);
	color:#E4E8EC !important;
}

.themeBtn1:hover{
	border:2px solid var(--secondaryColor);
	/* background:white; */
	color:var(--secondaryColor) !important;
}

.badgeTheme1{
	background:rgba(38, 174, 97, 0.1);
	color:var(--secondaryColor);
	padding: 0px 10px;
	border-radius:4px;
}

.animateReverseBgTheme1{
	background:var(--secondaryColor);
	border:2px solid var(--secondaryColor);
	color:#E4E8EC;
	transition:all ease 0.4s;
}

.animateReverseBgTheme1:hover{
	border:2px solid var(--secondaryColor);
	color:var(--secondaryColor);
	background:white;
	cursor:pointer;
}

.link-theme1{
	color:var(--secondaryColor);
}

.link-theme1:hover{
	color:var(--bs-theme2);
}

.link-theme4{
	color:white;
}

.link-theme4:hover{
	color:lightgrey;
}

.table-theme1 thead tr{
	background:#f8f9fb;
}

/******************
	THEME COLOR 2								
******************/

.bg-theme2{
	/* background:rgba(243,111,33,1); */
	/* background:#F27900; */
	background:var(--bgPrimary);
	color:#E4E8EC;
}

.animateReverseBgTheme2{
	background:var(--bgPrimary) !important;
	border:2px solid var(--bgNuance1) !important;
	border-radius:8px;
	color:#E4E8EC !important;
	transition:all ease 0.4s;
}

.animateReverseBgTheme2:hover{
	border:2px solid var(--bs-theme2) !important;
	color:var(--bs-theme2) !important;
	background:var(--bgNuance2) !important;
	cursor:pointer;
}

.txt-theme2{
	/* color:#EF7C45; */
	/* color:#F27900; */
	/* color:var(--bs-theme2); */
	color:var(--bs-theme2);
}

.themeBtn2, .btn-primary{
	background:var(--bgPrimary);
	border:2px solid var(--bgPrimary);
	color:#E4E8EC;
}

.themeBtn2:hover, .btn-primary:hover{
	border:2px solid var(--bs-theme2);
	background:transparent;
	color:var(--bs-theme2);
}

.link-theme2{
	color:var(--bs-theme2);
}

.link-theme2:hover{
	color:var(--secondaryColor);
}

/******************
	THEME COLOR 3								
******************/

.bg-theme3{
	background:rgba(215,225,251);
	/* background:#4C91E8; */
	color:#869ab8;
}

.txt-theme3{
	color:rgba(215,225,251);
}

.themeBtn3{
	background:rgba(215,225,251);
	border:2px solid rgba(215,225,251);
	color:#869ab8;
}

.themeBtn3:hover{
	border:2px solid rgba(215,225,251);
	background:white;
	color:#869ab8;
}

/******************
	OTHER COLORS								
******************/

.txt-grey{
	color:#707f8c;
}

.txt-white{
	color:white;
}

.txt-black{
	color:black;
}

/**********************************************************************************
									
									NAVBAR

**********************************************************************************/

footer .container{
	padding:0;
}

footer a{
	color:white;
}

footer a:hover{
	color:var(--secondaryColor);
}

#sectionAnnonce, #sectionModeConsultation{
	padding:20px 15px;
	display:flex;
	flex-direction:column;
	justify-content:center;
}

#sectionModeConsultation{
	padding:5px;
}

#navbar-logo-oah{
	height:50px !important;
}

.nav-item{
	transition:all ease 0.4s;
	border-radius:5px;
}

.navbar-light .navbar-nav .nav-link{
	color:var(--bs-theme2);
}

.navbar-nav .nav-link.active{
	color:var(--secondaryColor) !important;
}

.nav-item .nav-link:hover, .nav-item .nav-link:hover span, .nav-item .nav-link:hover i, .dropdown-item:hover{
	/* background:var(--secondaryColor); */
	color:var(--secondaryColor) !important;
}

.nav-link:hover i .rounded-pill{
	color:white !important;
}

.dropdown-item.active, .dropdown-item:active{
	background:var(--secondaryColor);
	color:#FFFFFF !important;
}

.notificationsPanel{
	outline: none;
	box-sizing: border-box;
	max-height: 427px;
	overflow:scroll;
}

.notificationsPanel li{
	padding:0.25rem 1rem;
}

.notificationsPanel .dropdown-item{
	padding:0.25rem 0rem;
	white-space:normal;
	word-wrap:break-word;
}

.notificationsPanel li a{
	display:flex;
	align-items:center;
}

.notificationsPanel .notificationsPanelHeader{
	display:flex;
	justify-content:space-between;
}

/**********************************************************************************
									
									INSCRIPTION

**********************************************************************************/

.passwordComplexityBarContainer{
	width:101%;
	background:rgba(159, 163, 169, 0.5);
	height:10px;
}

#passwordComplexityBar, #passwordConfirmationComplexityBar{
	background-color:red;
	height:100%;
	width:0;
	transition: width 0.2s;
}

.toggle-password {
	cursor:pointer;
}

/**********************************************************************************
									
									DOCUMENTS LIST

**********************************************************************************/

.logoDocList{
	/* padding-right:15px; */
}

.titleDocList{
	padding-left:15px;
}

.singleDocumentLink{
	margin:10px 0px;
}

.singleDocumentLink:hover li{
	cursor:pointer;
	border-color:var(--secondaryColor);
}

.singleDocumentLink li{
	transition:all ease 0.4s;
}

.documentError{
	background:rgba(207,14,27,0.7);
}

.documentError > span{
	color:white !important;
}

/**********************************************************************************
									
									DASHBOARD

**********************************************************************************/

.balance{
	text-decoration:none;
	font-weight:bold;
	color:var(--bs-theme2);
}

.balance:hover{
	text-decoration:underline;
	color:var(--secondaryColor);
}

/**********************************************************************************
									
									ACCORDION

**********************************************************************************/

.accordion-button{
	/* background:#9AB1D0; */
	/* color:#E4E8EC; */
}

.accordion-item{
	border:2px solid var(--borderCardColor);
	border-radius:8px;
	margin:10px 0px;
	box-shadow:-20px -20px 30px #0000000d, 20px 20px 30px #0000000d;
}

.accordion-button{
	color:var(--bs-theme2);
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300356B'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed){
	background-color:var(--bgPrimary);
	color:#E4E8EC;
}

.accordion-button-theme2.accordion-button:not(.collapsed){
	background-color:var(--secondaryColor);
	color:#E4E8EC;
}

.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23E4E8EC'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-footer{
	border-top:2px solid #EEF0F7;
	background-color:var(--bs-card-cap-bg);
	padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}



/**********************************************************************************
									
									TIMELINE

**********************************************************************************/

.timeline-steps {
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}

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

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

.timeline-steps .timeline-content .inner-circle{
	border-radius: 1.5rem;
	height: 1rem;
	width: 1rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--secondaryColor);
}

.timeline-steps .timeline-content .inner-circle:before{
	content: "";
	background-color: var(--secondaryColor);
	display: inline-block;
	height: 3rem;
	width: 3rem;
	min-width: 3rem;
	border-radius: 6.25rem;
	opacity: .5;
}

.timeline-steps .timeline-step-deactivated .timeline-content .inner-circle{
	opacity:0.5;
}

.timeline-steps .timeline-step-deactivated .timeline-content .inner-circle:before{
	opacity:0.2;
}

.timeline-steps .timeline-step-deactivated .timeline-content p{
	opacity:0.5;
}

.lightOpacity{
	opacity:0.8;
}

/**********************************************************************************
									
									TABS

**********************************************************************************/
.nav-tabs .nav-link{
	box-shadow:-20px -20px 30px #0000000d,20px 20px 30px #0000000d;
	border:1px solid var(--bgNuance0);
	background:var(--bgNuance1);
	color:#869ab8;
	transition:all ease 0.4s;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
	/* color:var(--secondaryColor);
	border-color:var(--secondaryColor); */
	background:var(--secondaryColor);
	color:white;
	border:1px solid var(--bgNuance0);
}

/**********************************************************************************
									
									TABLES

**********************************************************************************/

table.dataTable{
	position:relative;
}

table.dataTable thead .sorting {
	background-image: url("../img/sort_both.png") !important;
}

table.dataTable thead .sorting_asc {
	background-image: url("../img/sort_asc.png") !important;
}

table.dataTable thead .sorting_desc {
	background-image: url("../img/sort_desc.png") !important;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
	background-repeat: no-repeat !important;
	background-position: center right !important;
}

table.dataTable .selected{
	background:#73AFF6;
}

table.dataTable tbody tr:nth-child(odd){
	background-color:var(--tableOddBg);
}

.table-min-size th{
	padding:0.3rem;
	text-align:center;
}

.table-min-size tr td{
	padding:0.3rem !important;
	/* height:auto !important; */
	height:40px !important;
	text-align:center;
	position:relative;
	word-break: break-all;
	vertical-align:middle !important;
}

  /* #tableLogementsVacants thead tr{
	background:#1E1E1E;
	color:#fff;
  } */

  .table-responsive {
	overflow-x: inherit;
  }

  table.dataTable th{
	position: sticky;
	top: 0; /* Don't forget this, required for the stickiness */
	background-color:var(--bs-theme2);
	z-index:998;
	/* outline: 1px solid #e9ecef; */
	border:1px solid white;
	outline-offset: -1px;
	vertical-align:middle !important;
	color:white !important;
  }

table.dataTable thead .sorting{
	z-index:999;
}

div.dt-buttons > .dt-button, div.dt-buttons > div.dt-button-split .dt-button.buttons-excel{
	background:transparent;
	border:none;
}

div.dt-buttons > .dt-button:hover:not(.disabled), div.dt-buttons > div.dt-button-split .dt-button:hover:not(.disabled).buttons-excel{
	background:transparent;
	border:none;
}

.dataTablePrimaryBtn{
	background:var(--bgPrimary) !important;
	border:2px solid var(--bgPrimary) !important;
	color:#E4E8EC !important;
	transition:all ease 0.4s;
	border-radius: 0.375rem !important;
}

.dataTablePrimaryBtn:hover{
	background:transparent !important;
	border:2px solid var(--bs-theme2) !important;
	color:var(--bs-theme2) !important;
}

.dataTableDangerBtn{
	background:#bb2d3b !important;
	border:2px solid #bb2d3b !important;
	color:white !important;
	transition:all ease 0.4s;
	border-radius: 0.375rem !important;
}

.dataTableDangerBtn:hover{
	background:transparent !important;
	border:2px solid #bb2d3b !important;
	color:#bb2d3b !important;
}

.dataTablePrimaryBSBtn{
	background:#1774FC !important;
	border:2px solid #1774FC !important;
	color:white !important;
	transition:all ease 0.4s;
	border-radius: 0.375rem !important;
}

.dataTablePrimaryBSBtn:hover{
	background:transparent !important;
	border:2px solid #1774FC !important;
	color:#1774FC !important;
}

.dataTableDarkBtn{
	background:transparent !important;
	border:2px solid #222222 !important;
	color:#222222 !important;
	border-radius: 0.375rem !important;
	transition:all ease 0.4s;
}

.dataTableDarkBtn:hover{
	background:#222222 !important;
	border:2px solid #222222 !important;
	color:white !important;
}

/* 
	On met la modale au dessus de tous les autres élements du DOM (sauf les tooltips bootstrap qui sont à 9999 !)
	important car sinon les boutons pour copier la valeur d'une cellule d'un tableau en background s'afficheront au hover à travers la modale 

	Concernant les tooltips, si on en met dans des modales et que le z-index de la modale est plus élevé que le z-index du tooltip, alors on ne verra pas le tooltip.
*/
.modal{
	z-index:9998;
}

#modalPreview{
	position:relative;
	display:block;
}

#modalPreview.fade:not(.show){
	opacity:1;
}

@media (min-width: 1200px) {
	.modal-xxl {
	  --bs-modal-width: 90%;
	}
  }


.clickableTDContainer, .clickableTDContainerCopy{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	position:relative;
	height:100%;
	width:100%;
	/* padding:0.5rem; */
	text-align:center;
	/* padding-left:25px; */
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}

/* .clickableTDContainer:hover, .clickableTDContainerCopy:hover{
	background:#007BFF;
	color:#fff;
} */

.clickableTDContainer:hover{
	cursor:pointer !important;
}

.copyToClipboard{
	display:inline-block;
	opacity:0;
	position:absolute;
	right:7px;
	/* right:0; */
	z-index:999999;
}

.copyToClipboard:hover{
	cursor:pointer !important;
}

.clickableTD:hover .copyToClipboard {
	opacity:1;
	animation-name: btnAnimation;
	animation-duration: 250ms;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

/* .tdIconsContainer{
	display:none;
} */

.absoluteCell{
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	word-break: break-all;
}

.tooltipTest {
	position: relative;
	display: none;
	/* opacity:0; */
	height:100%;
	width:100%;
	z-index:10000;
  }

.copyToClipboard:hover + .tooltipTest{
	display:inline-block;
	transition: opacity 0.3s;
}

.copyToClipboard img{
	height:15px;
	width:15px;
	display:flex;
}


/***************************************
				TOOLTIP
***************************************/

.tooltip{
	/* --bs-tooltip-bg: #7011F5; */
	--bs-tooltip-zindex: 9999;
}


.copyToClipboardBtnAnimation{
	animation-name: btnAnimation;
	animation-duration: 250ms;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

@keyframes btnAnimation {
	0% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
	50% { transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); }
	100% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
  }
 
  .tooltipTest .tooltiptext {
	
	background-color: #555;
	min-width:150px;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 0.5rem;
	position: absolute;
	z-index: 1;
	top:-40px;
	right:-67px;
	opacity: 1;
	
  }
  
  .tooltipTest .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
  }
  
  .tooltipTest:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
  }

  /* .suiviCentraliseFilters{
	  background:#E5E5E5;
  } */

  #legendeFiltre{
	  display:inline-block;
	  /* background: #EF7C45; */
	  /* color:white; */
	  border-radius:0.25rem;
	  font-weight:600;
	  line-height:1;
	  /* text-transform:uppercase; */
  }

  .badgeFilter{
	  padding:10px;
	  background: #007bff;
	  display:inline-block;
	  margin-left:5px;
	  margin-right:5px;
  }

.animateXElt{
	animation-name: btnAnimation;
	animation-duration: 250ms;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

.filtresContainer{
	/* background:rgba(0,123,255, 0.5); */
	border-radius:10px;
	display:flex;
	height:40px;
	align-items:center;
	/* margin: 15px; */
}

#aboveTableMenu{
	margin-bottom:5px;
	display:flex;
	align-items:center;
}

#reloadTableMessage{
	text-align:center;
	color:#007bff;
	font-weight:600;
	margin-left:5px;
	display:none;
}

.formBtnContainer{
	display:flex;
	align-items:center;
}
  
tfoot {
    display: table-row-group;
}

#table_wrapper{
	position:relative;
}

.tableOverlay{
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	background:rgba(0,0,0,0.5);
	display:none;
	/* display:flex; */
	align-items:flex-start;
	justify-content:center;
	color:white;
	font-size:250px;
	z-index:1000;
}

.tableOverlay .spinnerReloadingTable{
	margin-top:50px;
	height:100px;
	width:100px;
	border-width:100px;
}

.aboveTableMenu{
	line-height:1;
}

.aboveTableMenu .btn, .aboveTableMenu .error, .aboveTableMenu .alert{
	margin:0 !important;
}

.aboveTableMenu .alert{
	border-radius:0;
	height:46px;
}

.fadeOut {
    -webkit-animation: fadeOut 5s;
    animation: fadeOut 5s;
    animation-fill-mode: forwards;
  }

  @keyframes fadeOut {
    0% { opacity: 1;position:relative;}
	50% {opacity: 1;position:relative;}
    99% { opacity: 0.01;position:relative;}
    100% {opacity: 0;position:absolute;}
}

  @-webkit-keyframes fadeOut {
    0% { opacity: 1;position:relative;}
	50% {opacity: 1;position:relative;}
    99% { opacity: 0.01;position:relative;}
    100% {opacity: 0;position:absolute;}
}  

.navText{
	display:block;
	padding:.5rem 1rem;
}


/**********************************************************************************
									
									ANIMATIONS

**********************************************************************************/

.animation {
	font-size: 14px;
	line-height: 1.5;
  }
  
  .animation div.collapse:not(.show) {
	  height: 46px !important;
	  overflow: hidden;
	
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  -webkit-box-orient: vertical;  
  }
  
  .animation div.collapsing {
	  min-height: 46px !important;
  }

  .animation a{
	text-decoration:none;
  }
  
  .animation a.collapsed:after  {
	  content: 'Lire plus (+)';
  }
  
  .animation a:not(.collapsed):after {
	  content: 'Lire moins (-)';
  }

/**********************************************************************************
									
									DATA LIST

**********************************************************************************/

#userSelect{
	height:60px;
}

#searchByContract{
	height:60px;
	border:none;
	/* background:rgb(0, 37, 73); */
	color:lightgrey;
	transition: all 0.3s;
	border:2px solid lightgrey;
}

#searchByContract:hover, #searchByContract:focus{
	/* background-color:var(--bs-theme2); */
	color:var(--bs-theme2);
	/* box-shadow: #73AFF6 0px 15px 50px; */
	border:2px solid #007BFF;
}

#searchByContract::placeholder{
	color:lightgrey;
	transition:all 3s;
}

#searchByContract:hover::placeholder{
	/* color:white; */
	/* color:var(--bs-theme2); */
}

.datalist{
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.16);
	padding:10px 0;
}

.datalist .option{
	display:flex;
	align-items:center;
	padding:15px;
	border-top:2px solid transparent;
	border-right:2px solid transparent;
	border-bottom: 2px solid rgba(0,0,0,0.16);
	border-left:2px solid transparent;
	transition:all .2s;
}


.datalist .option:hover, .datalist .option:focus, .datalist .option.selected{
	/* background-color:rgba(0,0,0,0.048); */
	border: 2px solid #73AFF6;
	cursor:pointer;
}

/**********************************************************************************
									
									MEDIA QUERIES

**********************************************************************************/

@media (min-width: 992px) {
	.notificationsPanel{
		width:480px;
	}

	.containerProximite{
		display:flex;
		justify-content:center;
	}
}

@media (max-width: 992px) {
	/* #mainNavbar{
		padding-left:10px;
		padding-top:10px;
	} */

	.navbar-brand{
		padding-left:0px !important;
	}

	.nav-item{
		display:flex;
		justify-content:center;
		align-items:center;
	}
}

@media (max-width: 768px) {
	#selectContractsContainer{
		display:flex;
		justify-content:center;
	}

	#selectContrats{
		position:static;
		z-index:999;
	}
}


  @media (min-width:768px) {
	.timeline-steps .timeline-step:not(:last-child):after, .timeline-steps .timeline-step-deactivated:not(:last-child):after {
		content: "";
		display: block;
		border-top: .25rem dotted var(--secondaryColor);
		width: 3.46rem;
		position: absolute;
		left: 7.5rem;
		top: .3125rem
	}
	.timeline-steps .timeline-step:not(:first-child):before, .timeline-steps .timeline-step-deactivated:not(:first-child):before {
		content: "";
		display: block;
		border-top: .25rem dotted var(--secondaryColor);
		width: 3.8125rem;
		position: absolute;
		right: 7.5rem;
		top: .3125rem
	}

	.timeline-steps .timeline-step-deactivated:not(:first-child):before {
		opacity:0.5;
	}
}

@media (max-width: 576px) {
	.overflow-sm-scroll{
		overflow:scroll;
	}
}

@media (max-width: 576px) {
	.titleDocList{
		padding-left:0px;
	}
}