.haylem-w-10 {
    width: 10% !important;
}

.modal-title{
    font-size: 16px;
}

.card-title {
    
}

.card-title-haylem{
    margin: 0;
    font-weight: 500;
    line-height: 1.2;
    color: var(--odeo-haylem-black);
}

.card-title-profile-haylem{
    margin: 0;
    color: var(--odeo-haylem-black);
    font-family:'Mulish-Bold', Helvetica, Arial;
}

.card-subtitle-haylem, .card-subtitle-profile-haylem{
    font-size: 13px;
    margin: 0;
}

.card-letter{
    font-family:'Mulish-Light', Helvetica, Arial;
    letter-spacing: 2px;
    font-size: 11px;
    font-weight: 600;
}


.fa-search {
    font-size: 16px;
}

.text-ellipsis-haylem, .haylem-title, .card-title-haylem, .card-subtitle-haylem, .card-title-profile-haylem, .card-subtitle-profile-haylem{
    display: block;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.text-hyphens-overflow, .card-title-haylem, .card-subtitle-haylem, .card-title-profile-haylem, .card-subtitle-profile-haylem{
    hyphens: auto;
    word-break: break-word;
}

.textred {
	color: var(--red);
}

.text-blue-haylem{
	color: var(--odeo-haylem-blue);
}

.textxxxx-small {
	font-size: 11px;
	line-height: 1.1;
	letter-spacing: 0.05rem;
}
.textxxx-small {
	font-size: 13px;
	line-height: 1.3;
	letter-spacing: 0.1rem;
}
.textxx-small {
	font-size: 1.2rem;
	line-height: 1.3;
	letter-spacing: 0.1rem;
}
.textx-small {
	font-size: 1.4rem;
	line-height: 1.3;
	letter-spacing: 0.1rem;
}
.textsmall {
	font-size: 1.6rem;
	line-height: 1.3;
	letter-spacing: 0.1rem;
}
.textmedium {
	font-size: 15px;
	line-height: 1.3;
	letter-spacing: 0.0625rem;
}

.textbold{
	font-weight:bold;
}

.dotted {
	border-bottom: 1px dotted var(--light-green);
/*	line-height: 22px;*/
}
.italic{
	font-style: italic;
}


.status-bar-green{
    border-left: solid green 5px;
    padding-left: 5px;
}

.status-bar-red{
    border-left: solid red 5px;
    padding-left: 5px;
}

.card-section-separator {
    margin-top: .25rem; /* Ajustez la valeur selon vos besoins */
    margin-bottom: .25rem; /* Ajustez la valeur selon vos besoins */
}

.custom-list-item {
    padding: .2rem;
    padding-top: 0;
}

.custom-list-item img {
    width: 25px; /* Largeur de l'image */
    height: 25px; /* Hauteur de l'image */
}

.custom-list-item.active {
    border-bottom: 2px solid var(--drop-color); /* Couleur de la barre pour l'élément actif */
}

.custom-list-item.disabled {
    cursor: default; /* Curseur par défaut */
    display: none;
}

.custom-list-item.disabled img {
    filter: opacity(50%); /* Réduire la luminosité */
}

/* Module Permission */
.module-permission {
    display: flex;
    float: right;
    justify-content: center; /* Centrer les icônes horizontalement */
    align-items: center; /* Aligne verticalement les icônes */
    min-width: 60px; /* Ajustez cette valeur en fonction de votre besoin */
}

.module-permission i {
    margin-left: 5px; /* Optionnel : Espace entre les icônes */
}

/* AVATAR */
.avatar{
    border-radius: 50%; /* Crée un cercle */
    object-fit: cover; /* Assure que l'image remplit le conteneur sans distorsion */
    object-position: center; /* Centre l'image dans le conteneur */
    box-shadow: 0 0 0px 1px var(--blue-x-dark);
}

.avatar_size, .avatar_size_profile{
    width: 32px;
    height: 32px;
    max-width: 32px;
    max-height: 32px;
}

.avatar_size_medium{
    width: 150px;
    height: 150px;
}

.seller-logo-container{
	display: flex;
    max-height: 120px;
}

.seller-logo{
    max-height: 120px;
}

/*Redefine bootstrap card background color*/
.card-header-haylem{
    background-color: var(--odeo-haylem-blue);
}

/*Redefine the bootstrap*/
.card-header-haylem:first-child{
    border-radius: 1rem;
}