legend {
	font-weight: normal;
	color: #442288;
}

div.mainmenu.properties {
	background-image: url(/htdocs/custom/ultimateimmo/img/immoproperty.png);
}

div.mainmenu.immoowners {
	background-image: url(/htdocs/custom/ultimateimmo/img/immoowner.png);
}

div.mainmenu.immorenters {
	background-image: url(/htdocs/custom/ultimateimmo/img/immorenter.png);
}

div.mainmenu.immorents {
	background-image: url(/htdocs/custom/ultimateimmo/img/immorent.png);
}

div.mainmenu.immoreceipts {
	background-image: url(/htdocs/custom/ultimateimmo/img/immoreceipt.png);
}

div.mainmenu.rentalloads {
	background-image: url(/htdocs/ultimateimmo/img/immocost.png);
}

div.mainmenu.result {
	background-image: url(/htdocs/ultimateimmo/img/immoresult.png);
}

.quatrevingtpercent, .inputsearch {
	width: 80%;
}

/* Card for dashboard */
.ultimateimmo-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Adjust the gap between cards as needed */
    justify-content: flex-start; /* Align items to the start */
}

.ultimateimmo-card, .ultimateimmo-card-list {
    flex: 1 1 300px; /* Flex items to grow and shrink, with a minimum width of 300px */
    max-width: 400px; /* Ensure cards do not grow too wide */
    min-width: 250px; /* Ensure cards do not shrink too narrow */
    min-height: 110px;
    background-color: #fff;
    border-radius: .25em;
    color: #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    padding: 0;
    display: flex;
    margin-bottom: 1%;
}

.ultimateimmo-left-side {
    background-color: #FFBF69;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.ultimateimmo-left-side .icon {
    font-size: 50px;
}

.ultimateimmo-right-side {
    width: 80%;
}

.ultimateimmo-right-side .inner {
    padding: 10px;
    color: #0c0c0c;
}

.ultimateimmo-right-side .line-info {
    padding: 5px 0;
}

.ultimateimmo-right-side .line-info span, .color-span {
    padding: 1px 6px;
    color: white;
    border-radius: .25em;
}

.ultimateimmo-card-wide {
    width: calc(50% - 15px); /* Ajustez cette valeur si nécessaire pour espacer les cartes correctement */
    min-width: 270px; /* Même largeur minimale que les autres cartes */
}

.ultimateimmo-card-large {
    width: calc(50% - 30px); /* Adjust to occupy two regular blocks */
    min-height: 110px;
    background-color: #fff;
    border-radius: .25em;
    color: #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    padding: 0;
    display: flex;
    margin-right: 1%;
    margin-bottom: 1%;
}

.ultimateimmo-card-large .ultimateimmo-left-side {
    background-color: #FFBF69;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.ultimateimmo-card-large .ultimateimmo-left-side .icon {
    font-size: 50px;
}

.ultimateimmo-card-large .ultimateimmo-right-side {
    width: 90%; /* Adjusted to match new width */
}