/* /Components/BaseCard.razor.rz.scp.css */
.baseCard[b-wd6ru8jg9e] {
    /*.mdc-card*/
    border-radius: 4px;
    border-radius: var(--mdc-shape-medium, 4px);
    background-color: #fff;
    background-color: var(--mdc-theme-surface, #fff);
    position: relative;
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0,0,0,.12);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    /**/
    padding: 0.5em;
}

.baseCard-Outlined[b-wd6ru8jg9e] {
    /*.mdc-card--outlined*/
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0,0,0,.12);
    border-width: 1px;
    border-style: solid;
    border-color: #e0e0e0
}

.baseCard-Shadowed[b-wd6ru8jg9e] {
    /*.mat-elevation-z5*/
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0,0,0,.12)
}

.baseCardLayout[b-wd6ru8jg9e] {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
/*    cursor: pointer;
    width: calc(100% - 48px);
*/}

[b-wd6ru8jg9e] .baseCardIcon {
    font-size: 48px;
    color: #6200ee !important;
    color: var(--mdc-theme-primary, #6200ee) !important
}

.baseCardSideActions[b-wd6ru8jg9e] {
    flex-direction: column;
    width: 48px;
}

.baseCardContent[b-wd6ru8jg9e] {
    flex-direction: column;
    width: 100%;
}

.baseCardDateLayout[b-wd6ru8jg9e] {
    display: flex;
    flex-direction: row;
}

.baseCardDate[b-wd6ru8jg9e] {
    /*.mat-caption*/
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 0.75rem;
    font-size: var(--mdc-typography-caption-font-size, 0.75rem);
    line-height: 1.25rem;
    line-height: var(--mdc-typography-caption-line-height, 1.25rem);
    font-weight: 400;
    font-weight: var(--mdc-typography-caption-font-weight, 400);
    letter-spacing: 0.00333333333em;
    letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.00333333333em);
    text-decoration: inherit;
    text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-caption-text-transform, inherit);
    /*.mdc-card*/
    border-radius: 4px;
    border-radius: var(--mdc-shape-medium, 4px);
    background-color: #fff;
    background-color: var(--mdc-theme-surface, #fff);
    position: relative;
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0,0,0,.12);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    /**/
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #e0e0e0;
    border-color: var(--mdc-theme-primary, #e0e0e0);
}

.baseCardDay[b-wd6ru8jg9e] {
    font-size: 2em;
    text-align: center;
    padding: 0.1em;
}

.baseCardMonth[b-wd6ru8jg9e] {
    /*.mdc-theme--on-primary*/
    color: #fff !important;
    color: var(--mdc-theme-on-primary, #fff) !important;
    /*.mdc-theme--primary-bg*/
    background-color: #6200ee !important;
    background-color: var(--mdc-theme-primary, #6200ee) !important;
    /**/
    text-align: center;
}

.baseCardDateContent[b-wd6ru8jg9e] {

}

[b-wd6ru8jg9e] .cardTitle {
    /*.mat-subtitle2*/
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 0.875rem;
    font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem);
    line-height: 1.375rem;
    line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem);
    font-weight: 500;
    font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
    letter-spacing: 0.0071428571em;
    letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);
    text-decoration: inherit;
    text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-subtitle2-text-transform, inherit);
    /**/
    color: #003c8f;
}

[b-wd6ru8jg9e] .cardBigTitle {
    /*.mat-h6*/
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 1.25rem;
    font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
    line-height: 2rem;
    line-height: var(--mdc-typography-headline6-line-height, 2rem);
    font-weight: 500;
    font-weight: var(--mdc-typography-headline6-font-weight, 500);
    letter-spacing: 0.0125em;
    letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
    text-decoration: inherit;
    text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-headline6-text-transform, inherit);
    /**/
    color: #003c8f;
}

[b-wd6ru8jg9e] .cardText {
    /*.mat-caption*/
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 0.75rem;
    font-size: var(--mdc-typography-caption-font-size, 0.75rem);
    line-height: 1.25rem;
    line-height: var(--mdc-typography-caption-line-height, 1.25rem);
    font-weight: 400;
    font-weight: var(--mdc-typography-caption-font-weight, 400);
    letter-spacing: 0.00333333333em;
    letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.00333333333em);
    text-decoration: inherit;
    text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-caption-text-transform, inherit);
}

[b-wd6ru8jg9e] .Light {
    color: #5e92f3;
}

[b-wd6ru8jg9e] .Dark {
    color: #003c8f;
}
/* /Pages/ClientDetail.razor.rz.scp.css */

/*  Le composant Virtualize ajoute deux div (sans classe ni style accessible)
    qui fout en l'air le layout de la grille quand on est en écran large     */
@media (min-width: 600px) {
    [b-iyuoq9sho7] #contrats div:first-child, [b-iyuoq9sho7] #contrats div:nth-last-child(2) {
        grid-area: none;
    }
}