.badge {
    display: inline-block;
    padding: 0.25em 0.7em;
    font-size: 0.95em;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    background-color: #2f5f8b;
    border-radius: 0.5em;
    vertical-align: middle;
}

.badge-medium {
    background-color: #92949c;
}

.badge-success {
    background-color: #36cebf;
}

#ipresta-simulateur-form {
    max-width: 100%;
    margin: auto;
    padding: 2em;
    border-radius: 10px;
    box-shadow:
        rgba(47 95 139 / 20%) 0 3px 1px -2px,
        rgba(47 95 139 / 14%) 0 2px 2px 0,
        rgba(47 95 139 / 12%) 0 1px 5px 0;
}

#ipresta-simulateur-form label {
    display: block;
    margin-bottom: 1em;
    font-weight: 500;
}

#ipresta-simulateur-form input[type='date'],
#ipresta-simulateur-form input[type='number'],
#ipresta-simulateur-form select {
    width: 100%;
    padding: 0.5em;
    margin-top: 0.3em;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#ipresta-simulateur-form button[type='button'], .ipresta-segment-btn {
    color: #546e7a;
    border: 1px solid #546e7a;
	background-color: white;
    padding: 0.2em;
    border-radius: 4px;
    cursor: pointer;
    /* font-size: 1em; */
    width: 50%;
}

#ipresta-simulateur-form button[type='submit'], .ipresta-reset-btn {
    background: #2f5f8b;
    color: #fff;
    border: none;
    padding: 0.7em 1.5em;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
}

.segment-left {
	border-radius: 4px 0 0 4px;
}

.segment-right {
	border-radius: 0 4px 4px 0;
}

.ipresta-segment-btn.active {
    background: #2f5f8b;
    color: #fff;
    border: none;
}

#ipresta-simulateur-form button:disabled {
    background: #aaa;
}

#ipresta-simulateur-result {
    margin: auto;
    max-width: 100%;
    background: #fff;
    border-radius: 10px;
    box-shadow:
        rgba(47 95 139 / 20%) 0 3px 1px -2px,
        rgba(47 95 139 / 14%) 0 2px 2px 0,
        rgba(47 95 139 / 12%) 0 1px 5px 0;
    padding: 1em;
    font-family: Open Sans,Arial,sans-serif;
}

.ipresta-droits-segments {
	display: flex;
    justify-content: space-evenly;
	padding: 30px 0 20px;
}

.ipresta-grid {
    display: grid;
    grid-template-columns: 1fr 0.5fr;
    gap: 0.5rem 1.5rem;
	justify-items: start;
	line-height: 1.1em;
}

.ipresta-grid-row {
    display: contents; // Permet d'utiliser les enfants comme lignes de la grille
}

.ipresta-grid-row .label {
    font-weight: 600;
    color: var(--ion-color-medium);
    padding-right: 0.5rem;
}

.ipresta-grid-row span:not(.label) {
    text-align: left;
    word-break: break-word;
}