@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/century-gothic/CenturyGothic.eot');
    src: url('../fonts/century-gothic/CenturyGothic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/century-gothic/CenturyGothic.woff') format('woff'),
        url('../fonts/century-gothic/CenturyGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
html,
body {
  font-family: Century Gothic, Helvetica, "sans-serif";
	font-size: 13px;
	/* background-color: #fff !important; */
}

.x-descrption{
    background-color: rgb(129, 26, 32);
    color: #f1f1f1;
    font-weight: bold;
    border: 3px solid #f1f1f1;
    z-index: 2;
    width: 80%;
    padding: 30px;
    text-align: center;
    border-radius: 1.2em;
}


.no-hover-bg:hover {
	background-color: transparent !important;
	color: rgb(129, 26, 32) !important;
}



.text-hover-primary:hover {
	transition: color .2s ease;
	color: var(--kt-text-primary) !important;
}

.card-style {
	/* border: 1px solid #811A20; */
	border: 1px solid #811A2054;
}

/*Set Form color */
.btn-theme-light-primary {
	/* background-color: #F3920026; */
	background-color: #DCDEE6;
	color: #161718 ;
}


.theme-icon-secondary {
	/* color: #f1f1f1; */
	/* color: #811a20; */
	color: #070707;
}

.theme-refresh-btn {
	/* background-color:#53515a; */
	background-color:#DCDEE6;
}

.btn-check:active + .btn.btn-light-primary, .btn-check:checked + .btn.btn-light-primary, .btn.btn-light-primary.active, .btn.btn-light-primary.show, .btn.btn-light-primary:active:not(.btn-active), .btn.btn-light-primary:focus:not(.btn-active), .btn.btn-light-primary:hover:not(.btn-active), .show > .btn.btn-light-primary {
	color: var(--bs-primary-inverse);
	border-color: var(--bs-primary);
	background-color: var(--bs-primary) !important;
}


.ul-perso-design{
	box-shadow: 0px 0px 1px 1px #811A20;
  padding: 5px;
  border-radius: 5px;
}

/*Set Form color */
.btn-theme-secondary {
	background-color: #F39200;
	color: #f4f1f2 ;
	/* color: #070707 ; */
}

/*Set Form color */
.btn-theme-primary, .badge-theme-primary {
	background-color: #811A20;
	color: #f4f1f2 ;
}

.btn.btn-secondary {
	background-color: #DCDEE6;
}

.btn-check:active + .btn.btn-secondary .svg-icon, .btn-check:active + .btn.btn-secondary i, .btn-check:checked + .btn.btn-secondary .svg-icon, .btn-check:checked + .btn.btn-secondary i, .btn.btn-secondary.active .svg-icon, .btn.btn-secondary.active i, .btn.btn-secondary.show .svg-icon, .btn.btn-secondary.show i, .btn.btn-secondary:active:not(.btn-active) .svg-icon, .btn.btn-secondary:active:not(.btn-active) i, .btn.btn-secondary:focus:not(.btn-active) .svg-icon, .btn.btn-secondary:focus:not(.btn-active) i, .btn.btn-secondary:hover:not(.btn-active) .svg-icon, .btn.btn-secondary:hover:not(.btn-active) i, .show > .btn.btn-secondary .svg-icon, .show > .btn.btn-secondary i {
	color: #811A20;
}

.btn-check:active + .btn.btn-secondary.dropdown-toggle::after, .btn-check:checked + .btn.btn-secondary.dropdown-toggle::after, .btn.btn-secondary.active.dropdown-toggle::after, .btn.btn-secondary.show.dropdown-toggle::after, .btn.btn-secondary:active:not(.btn-active).dropdown-toggle::after, .btn.btn-secondary:focus:not(.btn-active).dropdown-toggle::after, .btn.btn-secondary:hover:not(.btn-active).dropdown-toggle::after, .show > .btn.btn-secondary.dropdown-toggle::after {
	color: #811A20;
}


[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu > .menu-item .menu-sub .menu-item .menu-link .menu-title {
	color: #070707;
}

.card .card-body-perso
{
	font-size: 18px;
  font-weight: bold;
  /* padding: 1rem 1rem; */
  padding: 0.7rem 0.8rem;
  color: var(--bs-card-color);
	background-color: #F39200;
  box-shadow: 4px 5px 10px rgba(0,0,0,0.4);
	border-radius: .475rem;
}

.btn.btn-color-primary {
	color: #811A20;
}

.btn.btn-color-primary .svg-icon, .btn.btn-color-primary i {
	color: #811A20;
}

.btn:hover {
	color: #FFF;
	/* color: #811A20; */
	/* background-color: #5a121640; */
	/* background-color: #5a121600; */
	background-color: #811A20;
}

/* Custom the css */
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-title {
	color: #811A20;
}

/* Header bloc */
.app-header {
	/* background-color: #811A20 !important; */
	background-color: #fff ;
}

/* Menu bloc*/
[data-kt-app-layout="dark-sidebar"] .app-sidebar {
	/* background-color: #811A20; */
	background-color: #fff;
}

.app-toolbar {
	background-color: #811A20;
	border-radius: 8px;
}


[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-icon, [data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-icon .svg-icon, [data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-icon i {
	color: #811A20;
}

.btn.btn-icon:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush) {
	background-color: #f1f1f1;
}

.app-header-menu .menu > .menu-item.here > .menu-link .menu-title {
	color: #000;
	/* color: #f1f1f1; */
	font-size: 18px;
	font-weight: bold;
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.here > .menu-link .menu-title {
	color: #811A20;
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.show > .menu-link .menu-bullet .bullet {
	background-color: #811A20;
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.show > .menu-link .menu-arrow::after {
	background-color: #811A20;
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.here > .menu-link .menu-arrow::after {
	background-color: #811A20;
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow::after, [data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow::after {
	background-color: #811A20;
}

.app-header-menu .menu > .menu-item.here > .menu-link {
	background-color: #F39200;
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .app-sidebar-logo {
	border-right: 1px solid #811A20;
	border-bottom: 1px solid #811A20;
  background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 1px 1px 1px #811A20;
}


.sibar-perso {
	border-right: 1px solid #811A20;
	box-shadow: 1px 0px 1px #811A20;
}


/* Menu group text*/
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-heading {
	color: #F39200 !important;
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, [data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
	/* color: #F39200; */
	color: #811A20;
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon, [data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, [data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, [data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, [data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, [data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
	color: #F39200;
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link.active {
	background-color: #811A20;
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link.active .menu-title {
	color: ##fff;
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link.active .menu-icon, [data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link.active .menu-icon .svg-icon, [data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link.active .menu-icon i {
	color: ##fff;
}

.theme-primary{
	background-color: #811A20 !important;
}

.btn-check:active + .btn.btn-primary, .btn-check:checked + .btn.btn-primary, .btn.btn-primary.active, .btn.btn-primary.show, .btn.btn-primary:active:not(.btn-active), .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .show > .btn.btn-primary {
	background-color: #f3950a !important;
}

.theme-secondary{
	color: #f3950a !important;
}

.theme-secondary:focus, .theme-secondary:hover {
	color: #811A20 !important;
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.show > .menu-link {
	transition: color .2s ease;
	/* color: #323030; */
	background-color: #8380808c;
	/* background-color: #edebeb; */
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.show > .menu-link .menu-title {
	color: #080101;
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.show > .menu-link .menu-icon, [data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.show > .menu-link .menu-icon .svg-icon, [data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.show > .menu-link .menu-icon i {
	color: #111010;
}

div.dataTables_wrapper {
	padding-left: 30px;
}

i.bi, i[class*=" fa-"], i[class*=" fonticon-"], i[class*=" la-"], i[class^="fa-"], i[class^="fonticon-"], i[class^="la-"] {
	font-size: 1.2rem;
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.hover:not(.here) > .bg-sub-menu:not(.disabled):not(.active):not(.here), [data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item:not(.here) .bg-sub-menu:hover:not(.disabled):not(.active):not(.here) {
	background-color: #786f8017;
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.show > .bg-sub-menu {
	transition: color .2s ease;
	/* color: #323030; */
	background-color: #786f8017;
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.show > .bg-sub-menu .menu-title {
	color: #e38404;
}

.table.gy-5 td, .table.gy-5 th {
	padding-top: .25rem;
	padding-bottom: .25rem;
}

table.dataTable tbody td {
	font-size: 13px;
}

.table.table-row-dashed tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

table.dataTable thead th {
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}

.thead-style {
	background-color: #e4e4e866;
	color: #15151c;
}
/* .thead-style {
	background-color: #15151c;
	color: white;
} */

.num-row {
	padding-top: 22px !important;
}

.decreaseHeader{
	padding: 10px;
}

.edt-badge{
	margin: 10px;
	font-size: 15px;
}

.table > :not(caption) > * > * {
	padding: .4rem .3rem;
}


.displayHistory{	
	padding-left: 30px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 17px;
}

.nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link {
	border-bottom-width: 2px;
}

.nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link.active, .nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs.nav-line-tabs-2x .nav-item.show .nav-link {
	border-bottom-width: 2px;
	padding: 10px;
}

.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link {
	/* background-color: #0000000f;
	border: 0;
	border-bottom: 5px solid #811A20;
	border-bottom: 5px solid #070707;
	padding: 10px; */

	/* background-color: #0000000f; */
  border-bottom: 1px solid #811a20;
  border-radius: 5px;
}

.w-125px {
	width: 156px !important;
}

.card-header-payrollbook {
	border-bottom: 0px solid var(--kt-card-border-color) !important;
}

.card-body-payrollbook{
	padding: 0rem 2.25rem !important;
	border-bottom: 1px solid #0000001c;
}

/* .dataTables_info,
.dataTables_paginate {
  display: inline-block;
  vertical-align: middle;
} */

.datatable-wrap {
  display: flex;
  align-items: center;
}

.pres-total {
	border: 1px solid black;
	padding: 10px;
	border-radius: 9px;
	box-shadow: 1px 3px 1px rgb(130, 27, 33);
	text-transform: uppercase;
	text-align: center;
}

@media (min-width: 1200px){
	.fs-2hx {
		font-size: 2.1rem !important;
	}
}

[data-kt-app-layout="dark-sidebar"].app-sidebar .hover-scroll-overlay-y {
	scrollbar-color: #F39200 #F39200;
}

[data-kt-app-layout="dark-sidebar"].app-sidebar .hover-scroll-overlay-y:hover {
	scrollbar-color: #F39200 transparent;
}

.dual-listbox .dual-listbox__button {
	background-color: #5a1216;
	color: #fff;
	/* margin-bottom: 5px; */
	/* border: 0; */
	/* padding: 10px; */
}

.dual-listbox .dual-listbox__item.dual-listbox__item--selected {
	background-color: rgba(209, 211, 213, 0.7);
}

.dual-listbox .dual-listbox__title {
	padding: 10px 8px;
}

[data-kt-app-layout="dark-sidebar"].app-sidebar 
.menu .menu-item.here > .menu-link .menu-icon, 
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.here > .menu-link .menu-icon .svg-icon, 
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.here > .menu-link .menu-icon i {
	color: #5e1111;
}

@media (min-width: 992px){
	.p-lg-15 {
    padding: 2rem !important;
	}
}

@media (min-width: 992px){
	.pb-lg-15 {
		padding-bottom: 3.75rem !important;
	}
}

.stepper.stepper-pills .stepper-item.current .stepper-icon {
	transition: color 0.2s ease;
	background-color: #811a20;
	border: var(--kt-stepper-icon-border-current);
}

.text-hover-primary:hover {
	transition: color .2s ease;
	color: #811A20 !important;
}

.nav-line-tabs .nav-item .nav-link {
	color: var(--kt-gray-500);
	border: 0;
	border-bottom: 1px solid transparent;
	transition: color 0.2s ease;
	padding: 0.5rem 0;
	margin: 0 0.7rem;
}



[data-bs-theme="dark"] [data-kt-app-layout="dark-sidebar"] .app-header-menu .menu > .menu-item.active > .menu-link, [data-bs-theme="dark"] [data-kt-app-layout="dark-sidebar"] .app-header-menu .menu > .menu-item.here > .menu-link {
	box-shadow: none;
	background-color: #fff;
}


[data-kt-app-layout="dark-sidebar"] .app-header-menu .menu > .menu-item.active > .menu-link, [data-kt-app-layout="dark-sidebar"] .app-header-menu .menu > .menu-item.here > .menu-link {
	background-color: #F39200;
	box-shadow: 4px 5px 10px rgba(0,0,0,0.4);
}


.table:not(.table-bordered).table-row-dashed tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: var(--bs-border-color);
}


@media (min-width: 992px) {
  .app-sidebar-menu .menu > .menu-item > .menu-link > .menu-title {
    font-weight: 600;
    font-size: 1.08rem;
  }
}


.btn-check:active + .btn.btn-active-light-primary .svg-icon, .btn-check:active + .btn.btn-active-light-primary i, .btn-check:checked + .btn.btn-active-light-primary .svg-icon, .btn-check:checked + .btn.btn-active-light-primary i, .btn.btn-active-light-primary.active .svg-icon, .btn.btn-active-light-primary.active i, .btn.btn-active-light-primary.show .svg-icon, .btn.btn-active-light-primary.show i, .btn.btn-active-light-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:active:not(.btn-active) i, .btn.btn-active-light-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:focus:not(.btn-active) i, .btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:hover:not(.btn-active) i, .show > .btn.btn-active-light-primary .svg-icon, .show > .btn.btn-active-light-primary i {
	color: #811A20;
}


.page-item.active .page-link {
	/* color: #811a20; */
	/* background-color: #811A20; */
	background-color: #F39200;
}

.badge-light-primary {
	color: #1B1D1E;
	background-color: #f1faff00;
}


a {
	color: #F39200;
	text-decoration: none;
}

.menu-state-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
	transition: color .2s ease;
	background-color: #f9f6f600;
	color: #811A20;
}

.menu-state-color .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
	color: #811A20;
}

.btn.btn-danger {
	background-color: #811a20;
}

.btn-check:active + .btn.btn-danger, .btn-check:checked + .btn.btn-danger, .btn.btn-danger.active, .btn.btn-danger.show, .btn.btn-danger:active:not(.btn-active), .btn.btn-danger:focus:not(.btn-active), .btn.btn-danger:hover:not(.btn-active), .show > .btn.btn-danger {
	color: #F39200;
	color: #070707;
	/* color: #EDE6F2; */
	background-color: #811a20 !important;
}

.btn.btn-color-muted .svg-icon, .btn.btn-color-muted i {
	color: #811A20;
}

.app-sidebar-toggle {
	border: 1px solid #811A20 !important;
}

.btn-check:active + .btn.btn-active-color-primary .svg-icon, .btn-check:active + .btn.btn-active-color-primary i, .btn-check:checked + .btn.btn-active-color-primary .svg-icon, .btn-check:checked + .btn.btn-active-color-primary i, .btn.btn-active-color-primary.active .svg-icon, .btn.btn-active-color-primary.active i, .btn.btn-active-color-primary.show .svg-icon, .btn.btn-active-color-primary.show i, .btn.btn-active-color-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-color-primary:active:not(.btn-active) i, .btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-primary:focus:not(.btn-active) i, .btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-primary:hover:not(.btn-active) i, .show > .btn.btn-active-color-primary .svg-icon, .show > .btn.btn-active-color-primary i {
	color: #811A20;
}

/* .btn .svg-icon {
  color: #000000;
} */

.btn:hover .svg-icon {
  color: #ffffff;
}

.btn.btn-color-primary i {
  color: #811A20; /* Couleur initiale */
}


.btn.btn-color-primary:hover i {
  color: #ffffff; /* Couleur au survol */
}

.badge-info {
	background-color: #811a20;
}

.badge-perso {
	background-color: #811a20;
}



.btn.btn-dark {
	background-color: #070707;
}

.btn.btn-light-danger {
	color: var(--bs-danger);
	border-color: var(--bs-danger-light);
	background-color: var(--bs-danger-light);
}

.btn.btn-light-danger {
	color: #bd0010;
	border-color: var(--bs-danger-light);
	background-color: var(--bs-danger-light);
}


.svg-icon {
	line-height: 1;
	color: #811A20;
}

.btn.btn-secondary .svg-icon, .btn.btn-secondary i {
	color: #811A20;
}

.flex-column-auto {
	flex: none;
	/* border-right: 2px solid #811A20; */
	border-right: 1px solid #811A20;
  box-shadow: 1px 1px 1px #811A20;
}

.btn.btn-danger-perso {
	background-color: #f39200;
}

.btn.btn-theme2 {
	color: #811A20;
	background-color: #fff;
}

.btn.btn-theme2 i {
	color: #811a20 !important;
	background-color: #fff !important;
}

.btn.btn-theme2:hover i {
	color: #811a20 !important;
	background-color: #fff !important;
}

.btn.btn-theme2:hover {
	color: #811A20;
	background-color: #fff;
}

.btn-light-theme-primary{
	background-color: #fff;
	color: #811A20;
	border: 1px solid #811a20 !important;
}


.card .card-header {
	min-height: 50px !important;
}

.step-box-item {
	/* box-shadow: 4px 1px 2px 2px #e0e3e3; */
	/* padding: 7px; */
	color: #811a20 !important;
}


.flatpickr-group {
    position: relative;
    display: flex;
}

.flatpickr-group .form-control[data-input] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
}

.flatpickr-group .input-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.75rem;
    background-color: #f5f5f5;
    border: 1px solid #ced4da;
    cursor: pointer;
    transition: all 0.3s;
}

.flatpickr-group .input-button:first-of-type {
    border-left: 0;
    border-right: 0;
}

.flatpickr-group .input-button:last-of-type {
    border-top-right-radius: 0.475rem;
    border-bottom-right-radius: 0.475rem;
}

.flatpickr-group .input-button:hover {
    background-color: #e9ecef;
}

.flatpickr-group.disabled {
    opacity: 0.6;
    pointer-events: none;
}

/* Style personnalisé pour le calendrier */
.flatpickr-custom .flatpickr-calendar {
    box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,.15);
    border-radius: 0.475rem;
}

.flatpickr-custom .flatpickr-day.selected {
    background-color: #009ef7;
    border-color: #009ef7;
}