@font-face {
    font-family: 'CenturyGothic';
    font-style: normal;
  	font-weight: 400;
  	src:url('./fonts/Century Gothic/centurygothic.ttf') format('truetype'),
        url('./fonts/Century Gothic/centurygothic.eot') format('eot'),
        url('./fonts/Century Gothic/centurygothic.woff"') format('woff'),
        url('./fonts/Century Gothic/centurygothic.svg")') format('svg');
}


@font-face {
	font-family: "CenturyGothic";
	font-weight: bold;
	font-style: normal;
	src:url('./fonts/Century Gothic/centurygothic_bold.ttf') format('truetype'),
		url('./fonts/Century Gothic/centurygothic_bold.eot') format('eot'),
		url('./fonts/Century Gothic/centurygothic_bold.woff"') format('woff'),
		url('./fonts/Century Gothic/centurygothic_bold.svg")') format('svg');
}


body {
	font-family: 'CenturyGothic','Century Gothic', sans-serif !important; 
	font-size: 0.9rem !important;
	line-height: 1.42857143;
	color: #333;
	background-color: #ffffff;
}

.fs-24-bold{
  font-weight: bold !important;
  font-size: 24px !important;
}



/*
partie 1 Structure
*/


@media (max-width:992px){
  #sidebarLeft { 
    position:static !important; 
  }
  .header-campaign {
    width: 50%;
    display: contents;
  }
  #custom-campaign {
    display: none;
  }
}


#logout { position:static !important; }

@media (min-width: 576px) { 
	#logout { position:static !important; }
}

@media (min-width: 768px) { 
	#logout { position:static !important; }
}

@media (min-width: 992px) {
	#logout { position:absolute !important; transform: translateX(-50%) !important; margin-top: -100px;}
	
  #custom-parametres {
    display: none;
  }
}

@media (min-width: 1200px) {
	#logout { position:absolute !important; transform: translateX(-50%) !important; margin-top: -100px;}
}

@media (min-width: 1400px) { 
	#logout { position:absolute !important; transform: translateX(-50%) !important; margin-top: -100px;}
}



/*
partie 2 du tableau des chart dans campaign
*/





/* font-size police partie droite des card */
.fs-80 {
  font-size: 4.4rem; /*80px;*/
}

.fs-70 {
  font-size: 4.3rem; /*70px;*/
}

.fs-20 {
  font-size: 1.4rem; /*20px;*/
}





/* Menu Sidebar*/
.offcanvas.offcanvas-start-iligo {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  transform: translateX(-100%);
}

.offcanvas-body{
  flex-direction: column;
  display: flex;
  background-color: #191b29;
  padding-top: 50px;
}

.btn-close{
  color:white;
}

.offcanvas-body h2{
  color :white;
  font-size : 20px;
}

.offcanvas-body i{
  color :white;
  margin-left: 5%;
  font-size : 20px;
}

.item-menu {
  display: flex;
  align-items: center;
  border-radius: 20px;
  transition: background-color 0.3s ease;
  height: 40px;
}

.item-menu:hover, 
.item-menu:active,
.active .item-menu {
  background-color: #30313e;
}

.offcanvas-header{
  background-color: #6A1F6B;
}

.offcanvas-backdrop.fade.show {
  pointer-events:none 
}

.custom-button{
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  gap: 15px;
  margin-top: 1%;
}

 /* Logo */
.img-logo{
  display: flex;
  justify-content: center;
}

/* Loading */
#loading-spinner{
  z-index: 1;
}

.card-body h4{
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
}

/*boutons supprimer/modifier */
.btn-group{
  gap: 5px;
}

/*taille des cards
.card-body .row>* {
max-width: 46% !important;
}

*/


.border-10 {
  border-width: 10px !important;
}


.border-bluetf1 {
  --bs-border-opacity: 1;
  border-color: rgba(#565e64,var(--bs-border-opacity)) !important;
}


.bg-light-90 {
  --bs-bg-opacity: 0.90;
  background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important;
}

.bg-light-80 {
  --bs-bg-opacity: 0.80;
  background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important;
}

.bg-light-75 {
  --bs-bg-opacity: 0.75;
  background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important;
}

.bg-logo {
  --bs-bg-opacity: 1;
  background-color: #cacaca !important;
}

.border-0-start {       
	border-left: 0 !important;
}


@media (min-width: 576px) { 
    .border-0-start {       
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
}


/*
partie 3 FORM
*/

.form-control, .form-select {
	font-size: 0.9rem !important;
}




/*
partie 4 BOUTONS PERSONNALISES
*/

.btn-bluetf1 {
  --bs-btn-color: #fff!important;
  --bs-btn-bg: #002768!important;
  --bs-btn-border-color: #002768!important;
  --bs-btn-hover-color: #fff!important;
  --bs-btn-hover-bg: #031f4d!important;
  --bs-btn-hover-border-color: #031f4d!important;
  --bs-btn-focus-shadow-rgb: 130,138,145!important;
  --bs-btn-active-color: #fff!important;
  --bs-btn-active-bg: #031f4d!important;
  --bs-btn-active-border-color: #031f4d!important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)!important;
  --bs-btn-disabled-color: #fff!important;
  --bs-btn-disabled-bg: #002768!important;
  --bs-btn-disabled-border-color: #002768!important;
}

.btn-purple-iligo {
  --bs-btn-color: #fff!important;
  --bs-btn-bg: #6a1f6b!important;
  --bs-btn-border-color: #6a1f6b!important;
  --bs-btn-hover-color: #fff!important;
  --bs-btn-hover-bg: #5c1c5e!important;
  --bs-btn-hover-border-color: #5c1c5e!important;
  --bs-btn-focus-shadow-rgb: 130,138,145!important;
  --bs-btn-active-color: #fff!important;
  --bs-btn-active-bg: #5c1c5e!important;
  --bs-btn-active-border-color: #5c1c5e!important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)!important;
  --bs-btn-disabled-color: #fff!important;
  --bs-btn-disabled-bg: #6a1f6b!important;
  --bs-btn-disabled-border-color: #6a1f6b!important;
}

/* .table-responsive {
  overflow-x: auto;
  max-width: 100%;
} */