@import '_content/com.specidev.lib.BlazorComponents/com.specidev.lib.BlazorComponents.bundle.scp.css';
@import '_content/com.specidev.lib.modals/com.specidev.lib.modals.her2rk17bm.bundle.scp.css';
@import '_content/ErrorHandler.Blazor/ErrorHandler.Blazor.av6s2hwm2x.bundle.scp.css';
@import '_content/Ishtar.Modals.Base/Ishtar.Modals.Base.zs2ecinfgf.bundle.scp.css';

/* /Components/Agences/EditAdresseDeFacturation.razor.rz.scp.css */
.edit-adresse-facturation-container[b-octrafzzjn] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}
/* /Components/Agences/EditAgence.razor.rz.scp.css */
.adresse-facturation-container[b-gbcit8ax7d] {
    display: flex;
    flex-direction: column;
    width: 100%
}
.adresse-facturation-title[b-gbcit8ax7d] {
    display: flex;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: var(--color-primary);
    align-items: center;
    color: white;
    height: 2rem;
    border-radius: 0.6rem 0.6rem 0 0;
}
.adresse-facturation-table[b-gbcit8ax7d] {
    height: 100%;
    overflow: auto;
    min-height: 15rem;
}
/* /Components/Annuaires/AccesRole.razor.rz.scp.css */
.access-role-container[b-kic70supse] {
    display: flex;
    flex-wrap:wrap;
    gap: 0.2rem;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-top:0.3rem;
    margin-bottom:0.3rem;
}

.access-role-item[b-kic70supse] {
    height: 1.7rem;
    width: 3rem;
    min-width: 3rem;
    border-radius: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:1.7rem;
}
/* /Components/Annuaires/AccesRoleKizeo.razor.rz.scp.css */
.access-role-container[b-ko5aaj1l9e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.access-role-item[b-ko5aaj1l9e] {
    height: 1.7rem;
    width: 3rem;
    min-width: 3rem;
    border-radius: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.7rem;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}
.circle-info[b-ko5aaj1l9e] {
    position: absolute;
    top:-0.3rem;
    right:-0.3rem;
    height: 1.4rem;
    width: 1.4rem;
    border-radius: 1rem;
    background-color: var(--color-eiffage-vert);
    color: white;
    font-size: 1rem;
    text-align: center;
    vertical-align: central;
}
/* /Components/AppelJitsi/AppelJitsi.razor.rz.scp.css */
.appelJitsi[b-5y4bsblcjr] {
    position: fixed;
    top: 1rem;
    padding: .4rem 1rem;
    align-content: center;
    display: flex;
    right: 50%;
    transform: translateX(50%);
    background: green;
    font-family: century-gothic;
    font-size: 1.4rem;
    color: white;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    cursor: pointer;

    animation-duration: .8s;
    animation-name: clignoter-b-5y4bsblcjr;
    animation-iteration-count: infinite;
    transition: none;
}

@keyframes clignoter-b-5y4bsblcjr {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* /Components/Clients/EditClient.razor.rz.scp.css */
/* /Components/EiffageTrame.razor.rz.scp.css */
.trame-container[b-5wsz4202hp] {
    display:flex;
    flex-direction:column;
    gap:1.8rem;
    position:absolute;
    bottom:0;
    right:0;
}

.trame-item[b-5wsz4202hp] {
    height: 1.8rem;
    width: 1.8rem;
}
.trame-black[b-5wsz4202hp] {
    background-color: var(--color-secondary)
}
.trame-red[b-5wsz4202hp] {
    background-color: var(--color-primary)
}
/* /Components/Notifications/BlockNotifications.razor.rz.scp.css */
.notification-buttons-container[b-razdjj9c6y] {
    display: flex;
    gap: 1rem;
    align-content: center;
    align-items: center;
    overflow: hidden;
}

.hr-separator[b-razdjj9c6y] {
    margin-top: 0.2rem;
    height: 2px;
    background-color: black;
    opacity: 1;
}

.notification-container[b-razdjj9c6y] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    max-height: 100%;
    width: 100%;
    overflow: auto;
    padding: 0 1rem;
    max-height: 12rem;
    min-height: 5rem;
}
/* /Components/Notifications/EditionNotification.razor.rz.scp.css */
.container-notif-modal[b-6h9ogsomlv] {
    display:flex;
    flex-direction:column;
    gap:0.8rem;
    width:100%;
    height:100%;
}
/* /Components/Notifications/ItemNotification.razor.rz.scp.css */
.notificationItem-btn-container[b-tfltbbop7n] {
    display: flex;
    gap: 1rem;
    padding-left: 1rem;
    align-items: center;
    height: 1rem;
}
/* /Components/QHSE/ItemChallenge.razor.rz.scp.css */
.Item-Challenge[b-u35r0q8u2s] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 1rem 1rem 0 0;
    background-color: var(--color-primary);
    color: var(--color-tertiary);
    height: 3rem;
    align-items: center;
    font-size: 1.5rem;
}
/* /Globals/FilterSummary.razor.rz.scp.css */
.filter-summary-container[b-ofz2fs3zd5] {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 1rem;
    font-size: .7rem;
    width: 100%;
}

.filter-summary-reset-button[b-ofz2fs3zd5] {
    font-size: 1.5rem;
    cursor: pointer;
}

.filter-summary-filters-container[b-ofz2fs3zd5] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    font-size: .7rem;
    overflow: auto;
}

.filter-summary-filter[b-ofz2fs3zd5] {
    display: flex;
    flex-direction: row;
    gap: .3rem;
    align-items: center;
}

.filter-summary-text[b-ofz2fs3zd5] {
    max-width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Globals/MainLayout.razor.rz.scp.css */
.main-layout-container[b-bkrwle9l0a] {
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%;
    overflow: auto;
}

.main-layout-page[b-bkrwle9l0a] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    
    overflow: auto;
}

.main-layout-content[b-bkrwle9l0a] {
    overflow: auto;
    height: 100%;
    padding: 1rem;
    /*margin: 0 1rem;*/
}

.armony-logo-link[b-bkrwle9l0a] {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.armony-logo[b-bkrwle9l0a] {
    width: 3rem;
    max-width: 3rem;
    min-width: 3rem;
}



.top-headband[b-bkrwle9l0a] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    height: 4.2rem;
    min-height: 4.2rem;
    max-height: 4.2rem;
    margin: 0 1rem;
}

.black-top-bar[b-bkrwle9l0a] {
    display: flex;
    flex-direction: row;
    background-color: var(--color-secondary);
    align-items: center;
    gap: 1rem;
    border-radius: 1rem;
    padding: 0 1rem;
    height: 3.3rem;
    min-height: 3.3rem;
    max-height: 3.3rem;
    margin: 0 1rem;
    color:#FFF;
}

.black-bottom-bar[b-bkrwle9l0a] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    background-color: var(--color-secondary);
    border-radius: 1rem;
    padding: 0 1rem;
    color: #FFFFFF;
    height: 3.3rem;
    min-height: 3.3rem;
    max-height: 3.3rem;
    margin: 0 1rem 1rem 1rem;
}

.top-bar-title[b-bkrwle9l0a] {
    white-space: nowrap;
    margin: 0;
    padding: 0;
    font-size: 2rem;
    font-weight: initial;
}

.call-back-uri[b-bkrwle9l0a] {
    text-align: center;
    display: flex;
    align-items: center;
    color: transparent;    
    width: 2.1rem;
    max-width: 2.1rem;
    min-width: 2.1rem;
}

.call-back-uri-icon[b-bkrwle9l0a] {
    cursor: pointer;
    color: #FFF;
    font-size: 1.5rem;
}

.logout-link[b-bkrwle9l0a] {
    display: flex;
    align-items: center;
    text-decoration: none;
}
.logout[b-bkrwle9l0a] {
    font-size: 3rem;
    color: #000;
}

.container-version[b-bkrwle9l0a] {
    font-size: 1.3rem;
    font-weight: 600;
    width: 20rem;
    height: 100%;
    display: flex;
    align-items: end;
    padding-bottom: 1rem;
}

.container-top-bar-filter[b-bkrwle9l0a] {
    width: 100%;
    overflow: auto;
}

/*lateral filter*/

.lateral-filter-bar[b-bkrwle9l0a] {
    height: 100%;
    width: 1.5rem;
    max-width: 1.5rem;
    min-width: 1.5rem;
    background-color: var(--color-primary);
    overflow: hidden;
    font-size: 1.2rem;
    cursor: pointer;
    box-shadow: rgb(60 60 60 / 44%) -3px 0px 8px;
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
    padding-top: 0.5rem;
}

.lateral-filter-title[b-bkrwle9l0a] {
    width: 100%;
    height: auto;
    background-color: var(--color-primary);
    text-align: center;
    font-weight: bold;
    color: white;
    padding:0.3rem;
}


.lateral-filter-bar-icon-open[b-bkrwle9l0a] {
    transform: rotate(180deg);
    padding-bottom: 0.5rem;
    width: 1rem;
}

.lateral-filter-bar-icon-closed[b-bkrwle9l0a] {
    padding-top: 0.5rem;
    width: 1rem;
}

.lateral-filter-content[b-bkrwle9l0a] {
    overflow: auto;
    min-width: 20rem;
    max-width: 20rem;
    width: 20rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
}

.lateral-filter[b-bkrwle9l0a] {
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.lateral-filter-container[b-bkrwle9l0a] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: auto;
    padding-top: 0.8rem;
}
/* /Globals/UserNotifications.razor.rz.scp.css */
@keyframes clignoter-b-c5hqorw2np {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

[b-c5hqorw2np] .icon-user-notification {
    font-size: 3rem;
}

[b-c5hqorw2np] .new-notif {
    animation-duration: .8s;
    animation-name: clignoter-b-c5hqorw2np;
    animation-iteration-count: infinite;
    transition: none;
    color: #F00;
}



.btn-notification[b-c5hqorw2np] {
    color: white !important;
    background-color: red;
}

.notification-header-container[b-c5hqorw2np] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 .5rem;
}

.notification-title[b-c5hqorw2np] {
    font-size: 1.7rem;
    color: white;
}

.notification-icon[b-c5hqorw2np] {
    font-size: 2.8rem;
}

.notification-new-notif[b-c5hqorw2np] {
    animation-duration: .8s;
    animation-name: clignoter-b-c5hqorw2np;
    animation-iteration-count: infinite;
    transition: none;
    color: #F00;
}

.notification-header-icon[b-c5hqorw2np] {
    font-size: large;
    align-self: center;
    width: 1.5rem;
    cursor: pointer;
}

.color-green[b-c5hqorw2np] {
    color: var(--color-eiffage-vert);
}
/* /IdentityLayout.razor.rz.scp.css */
.identity-container[b-y3s7nk964i] {
    height:100%;
    width:100%;
    display:flex;
    flex-direction:row;
}
.container-img[b-y3s7nk964i] {
    height: 100%;
    width: clamp(1px, 100%, 100%);
    background-image: url(assets/background-login.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.container-login[b-y3s7nk964i] {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1rem 0px;
    padding:0 3rem;
    gap:3rem;
}

.container-img-login[b-y3s7nk964i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 25rem;
    width: 100%;
}
.login-description[b-y3s7nk964i]{
    width:18rem;
    font-weight:bold;
    text-align:center;
}

@media(max-width:992px){
    .container-img[b-y3s7nk964i]{
        display:none;
    }
    .container-login[b-y3s7nk964i]{
        width:100%;
    }
}
/* /Pages/Annuaire/Annuaire.razor.rz.scp.css */
.role-container[b-iomjr627ov] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
    justify-content:center;
}
/* /Pages/Annuaire/EditUserPortail.razor.rz.scp.css */
.mfa-btn-container[b-9scivwcnbk]{
    padding-top:1rem;
    display:flex;
    justify-content:center;
    align-items:center;
}

.mfa-btn[b-9scivwcnbk] {
    width: max-content;
    text-align: center;
    color: var(--color-tertiary);
    border: 0px solid #ccc;
    border-radius: 4px;
    font-size: 1.2rem;
    padding: 0.5rem;
    font-weight: bold;
    cursor: default;
}

.disable-mfa-btn[b-9scivwcnbk] {
    background-color: var(--color-eiffage-gris);
    filter:grayscale(0.3);
}
.enable-mfa-btn[b-9scivwcnbk] {
    background-color: var(--color-primary);
}
.enable-mfa-btn:hover[b-9scivwcnbk] {
    cursor: pointer;
    filter: grayscale(0.1);
}
/* /Pages/Login/AuthenticatorConfiguration.razor.rz.scp.css */
.authenticator-configuration-container[b-vxipzw3kt9] {
    display:flex;
    flex-direction:column;
    height:100%;
    width:100%;
    align-items:center;
}

.result-error[b-vxipzw3kt9] {
    height: 1.3rem;
    color: #c85305;
    font-size: 1rem;
    padding-top: 0.5rem;
}
.mfa-input[b-vxipzw3kt9] {
    height: 3rem;
    width: 100%;
    background-color: var(--input-background-color);
    color: var(--input-color);
    border: 0px solid #ccc !important;
    border-radius: 4px;
    padding-left: 0.8rem;
    font-size: 1.5rem;
}
/* /Pages/Login/ForgotPassword.razor.rz.scp.css */

.login-page-container[b-8ialnokfeo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.login-form[b-8ialnokfeo] {
    display: flex;
    flex-direction: column;
    height: 15rem;
    justify-content: center;
    gap: 0.8rem;
}

.email-send[b-8ialnokfeo] {
    height: 1.3rem;
    width:20rem;
    text-align: center;
    color: var(--color-eiffage-vert);
    font-size: 1.3rem;
}
/* /Pages/Login/Login.razor.rz.scp.css */

.login-page-container[b-nhpopr5w4k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.login-form[b-nhpopr5w4k] {
    display: flex;
    flex-direction: column;
    height: 15rem;
    justify-content: center;
    gap: 0.8rem;
}

.login-link[b-nhpopr5w4k] {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}
/* /Pages/Login/MissingAuthenticator.razor.rz.scp.css */

.login-page-container[b-fn2s9wpqth] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}

.login-form[b-fn2s9wpqth] {
    display: flex;
    flex-direction: column;
    min-height: 10rem;
    justify-content: center;
}

.configuration-send[b-fn2s9wpqth] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25rem;
    text-align: center;
    color: var(--color-eiffage-vert);
    font-size: 1.3rem;
    height: 10rem;
}

.configuration-text[b-fn2s9wpqth] {    
    width: 25rem;
    height:5rem;
    text-align: center;
    /*color: var(--color-eiffage-vert);*/
    font-size: 1.3rem;
    font-weight:bold;
}
/* /Pages/Login/ResetPassword.razor.rz.scp.css */

.login-page-container[b-bfa135osqn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3rem;
}

.login-form[b-bfa135osqn] {
    display: flex;
    flex-direction: column;
    min-height: 15rem;
    justify-content: center;
    gap: 0.8rem;
}

.password-send[b-bfa135osqn] {
    height: 1.3rem;
    width: 15rem;
    text-align: center;
    color: var(--color-eiffage-vert);
    font-size: 1.3rem;
}
/* /Pages/Parametrages/AjoutNumeroAffaire.razor.rz.scp.css */
.container[b-8honaluo3y] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.title[b-8honaluo3y]{
    font-size: 3rem;
    background-color: var(--color-primary);
    color: var(--font-th-color);
    height: 7rem;
    padding: 1rem 2rem;
    font-weight: bold;
}

.form[b-8honaluo3y]{
    font-size: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    height: 100%;
    width: 100%;
    padding: 2rem;
}

.label[b-8honaluo3y]{
}

.input[b-8honaluo3y]{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.button-container[b-8honaluo3y]{
    display: flex;
    flex-direction: column;
    align-items: end;
    padding: 2rem;
}

.button[b-8honaluo3y]{
    background-color: var(--color-primary);
    color: var(--font-th-color);
    width: 9rem;
    height: 4rem;
    font-size: 2rem;
    border-radius: .5rem;
    border: none;
}
/* /Pages/Parametrages/Parametrage.razor.rz.scp.css */
.container-parametrage[b-3ivum9ttzk] {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 1rem;
    gap: 1rem;
    background-color: #FFFFFF;
    overflow: auto
}

.block-parametrage[b-3ivum9ttzk] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 50%;
    height: 100%;
}

.table-container-parametrage[b-3ivum9ttzk] {
    height: 100%;
    width: 100%;
    overflow: auto;
}
/* /Pages/Portail.razor.rz.scp.css */
.portail-layout-container[b-rtojr8ov8j] {
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%;
    overflow: auto;
}

.portail-layout-page[b-rtojr8ov8j] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.portail-layout-content[b-rtojr8ov8j] {
    overflow: auto;
    height: 100%;
    padding: 2rem 1rem;
    margin: 0 1rem;
    max-height: 200%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.armony-logo[b-rtojr8ov8j] {
    height: 100%;
}

.top-headband[b-rtojr8ov8j] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    height: 4.2rem;
    min-height: 4.2rem;
    max-height: 4.2rem;
    margin: 0 1rem;
}

.red-top-bar[b-rtojr8ov8j] {
    display: flex;
    flex-direction: row;
    background-color: var(--color-primary);
    align-items: center;
    gap: 3rem;
    border-radius: 1rem;
    padding: 0 2rem;
    height: 3.3rem;
    min-height: 3.3rem;
    max-height: 3.3rem;
    margin: 0 1rem;
    color: #FFF;
}

.logout-link[b-rtojr8ov8j] {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.logout[b-rtojr8ov8j] {
    font-size: 3rem;
    color: #000;
}

.container-version[b-rtojr8ov8j] {
    font-size: 1.3rem;
    font-weight: 600;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
    padding-bottom: 0.4rem;
}

.eiffage-logo[b-rtojr8ov8j] {
    height: 45%;
}

.user-info[b-rtojr8ov8j] {
    display:flex;
    align-items:center;
    width:100%;
    font-size: 1.5rem;
    font-weight:600;
    gap:0.8rem;
}
.agence-menu[b-rtojr8ov8j] {
    font-size: 1.5rem;
}
.notification-button-add[b-rtojr8ov8j] {
    cursor: pointer;
    color: #FFF;
    font-size: 3rem;
}