/*
Custom styles classes
*/

/*
* FONTS
*/
@font-face {
    font-family: 'Century Gothic';
    src: url('../../../global/fonts/century-gothic/CenturyGothic.eot');
    src: url('../../../global/fonts/century-gothic/CenturyGothic.eot?#iefix') format('embedded-opentype'),
        url('../../../global/fonts/century-gothic/CenturyGothic.woff') format('woff'),
        url('../../../global/fonts/century-gothic/CenturyGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body,
html {
    font-family: 'Century Gothic';
}


table.dataTable tr th {
    text-transform: uppercase !important;
}


.step-custom {
	border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	padding: 15px;
	background-color: #d9d9d9;
}

.separator-custom-color {
    border-bottom: 1px solid #000;
}

.stepper.stepper-pills .stepper-item.current .stepper-icon {
	background-color: #ff8000;
}




.stepper-item.disabled .stepper-wrapper {
    opacity: 0.5; /* Rend l'étape plus claire pour l'indiquer comme inactive */
    pointer-events: none; /* Désactive l'interaction */
}

.stepper-item.disabled .stepper-number, 
.stepper-item.disabled h6,
.stepper-item.disabled .stepper-desc {
    color: #070606; /* Change la couleur du texte */
}


.disabled-step .stepper-desc {
    display: none;
}

.stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check, .stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon .stepper-check {
	color: #FF8000 !important;
}


.stepper.stepper-pills .stepper-item .stepper-icon {
	background-color: #FCFCFC;
}

.stepper.stepper-pills .stepper-item .stepper-icon .stepper-number {
	font-weight: 600;
	color: #000;
	font-size: 1.25rem;
}

.btn-return-color{
    color: #FF8000;
}

.btn-link:hover {
	color: #21A863;
}


div[data-kt-stepper-element="content"] {
    overflow-y: auto; /* Active uniquement le défilement vertical */
    overflow-x: hidden; /* Désactive le défilement horizontal */
    max-height: 600px; /* Limite la hauteur si nécessaire (ajustez selon vos besoins) */
    padding-right: 15px; /* Ajout d'espace pour éviter le chevauchement avec la barre de défilement */
}



.card .card-header-custom {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
    font-weight: bolder;
	flex-wrap: wrap;
	min-height: 50px;
	padding: 0 rem;
	color: var(--bs-card-cap-color);
	background-color: var(--bs-card-cap-bg);
	border-bottom: 1px solid var(--bs-card-border-color);
}

.auto-full-space {
    width: 100%;
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.auto-full-space > * {
    flex: 1;
    width: 100%;
    height: 100%;
}


.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 {
  border-bottom: 1px solid #FF8000;
  /* border-bottom: 1px solid #21A863; */
  border-radius: 5px;
}

.card-certif {
	--bs-card-box-shadow: var(--bs-root-card-box-shadow);
	--bs-card-border-color: var(--bs-root-card-border-color);
	border: 1px solid #D9D9D9;
}


.id-doc-col { display: flex; }

.id-doc-frame {
    width: 100%;
    max-width: 420px;
    height: 180px;
    /* ratio paysage confortable */
    aspect-ratio: 16/9;
    border: 2px dashed rgba(255, 255, 255, 0.4);
    border-radius: 8px;
    background-color: #fdfaf2;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.id-doc-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.photo-placeholder {
    width: 100%;
    height: 100%;
    background-color: #f5f5dc;
    border-radius: 8px;
    display: none;
    align-items: center;
    justify-content: center;
}

/* Réduction de l'opacité du backdrop modal pour mieux voir le contenu en arrière-plan */
.modal-backdrop {
    opacity: 0.05 !important;
}