body {
    font-family: Arial,"solimut-font","Neo Sans Pro Black","Neo Sans Pro Bold", "Neo Sans Pro","Neo Sans Pro Light","Neo Sans Pro Medium","Neo Sans Pro Regular","Neo Sans Pro Regular","Neo Sans Pro Ultra";
}

.btn {
    border-radius: 6px;
    opacity: 1;
}

.btn-primary {
    background: #ED1C24 0% 0% no-repeat padding-box;
    text-align: center;
    font: normal normal bold 16px/22px Neo Sans Pro Regular;
    letter-spacing: 0px;
    color: var(--systemA);
    opacity: 1;
}

h1, h2, h3, h4, h5 {
    font: normal normal 1rem/1.375rem Neo Sans Pro Bold;
}

a:hover {
    color: var(--primaryA);
}

.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select {
    height: 38px !important;
    border-radius: 6px;
}

/*card*/

.card {
    background: var(--primaryC) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #D6D6D6;
    border: 1px solid var(--systemA);
    border-radius: 10px;
    opacity: 1;
}

.card-title {
    text-align: left;
    font: normal normal 16px/22px Neo Sans Pro bold;
    letter-spacing: 0px;
}

.card-header > i {
    float: left;
    margin-right: .5em;
    font-size: 1.5rem;
}

.card-tools a > span {
    color: var(--primaryA);
    font-size: 0.8rem;
}

.card-tools i {
    color: var(--systemC);
    font-size: 1.4rem;
    vertical-align: middle;
}

.card-body i {
    font-size: 1.5rem;
    vertical-align: middle;
}

.card-tuto {
    border-top: solid 1px silver;
    border-radius: 0px;
    margin: 0px;
    background: var(--systemF);
}

.card-body-tuto {
    margin: 5px 20px !important;
    border: solid 0px var(--systemF);
    text-align: justify;
}

.card.normaliseTaille {
    min-height: 364px !important;
}

.accordion {
    padding-right: 0px;
    padding-left: 0px;
    flex: 0 0 0;
}

.flow-overlay {
    overflow: overlay;
}

.arrow-right-tuto {
    float: right;
    height: 3rem;
    margin-right: 10px;
}

.card-footer-info {
    margin-top: -2%;
    padding-bottom: 1rem;
    padding-right: 1.5rem;
}

    .card-footer-info > i {
        float: right;
        font-size: 1.5rem;
    }
/*fin card*/
.primaryA {
    color: var(--primaryA);
}

.primaryB {
    color: var(--primaryB);
}

.primaryC {
    color: var(--primaryC);
}

.systemA {
    color: var(--systemA);
}

.systemB {
    color: var(--systemB);
}

.systemC {
    color: var(--systemC);
}

.bg-lightgray {
    background-color: lightgray;
}

.bg-whitesmoke {
    background-color: whitesmoke;
}

.bg-white {
    background-color: white;
}

.bg-modal {
    background-color: #C1B6B2;
}

.center {
    text-align: center;
}

.noborder {
    border: 0px solid white;
}

.noshadow {
    box-shadow: none;
}

.hidden {
    visibility: hidden;
    height: 0px;
    width: 0px;
}

.middle {
    vertical-align: middle;
}

.affichage-desktop {
    display: block;
}

.tab-text-align-beneficiaire {
    text-align: center
}


.affichage-mobile {
    display: none;
}

.nomargin {
    margin: 0px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.inline {
    display: inline-block;
}

.block {
    display: block;
}

.overflow-y-auto {
    overflow-y: auto;
}

.overflow-x-auto {
    overflow-x: auto;
}

.max-w-100 {
    max-width: 100%;
}

.pdg-top-3 {
    padding-top: 3px;
}

.text-danger ul li {
    list-style: none;
}

.size1 {
    font-size: 1rem;
}

.size1p5 {
    font-size: 1.5rem;
}

.size2 {
    font-size: 2rem;
}

.size2p5 {
    font-size: 2.5rem;
}

.login-box {
    width: 28rem;
}

.login-page {
    overflow-x: hidden;
    height: 100%;
    background: var(--backgroundImageIdentity) var(--systemA);
    background-repeat: no-repeat;
    background-size: 50% 100%;
    background-position: right 0em bottom 0em;
    align-items: normal;
}
/*burger*/
a[data-widget="pushmenu"] {
    display: none;
}
/*fin burger*/

.logo-modal-identite {
    background-image: var(--logoMut);
    background-repeat: no-repeat;
    height: 9.25rem;
    background-position: center;
    margin-top: 1.5rem;
    background-size: 9.25rem;
}

/*#40514 06/06/2023 MLO _ Mise aux normes logos*/
.logoMainNav {
    width: 55% !important;
    position: relative;
    top: 20px;
}

.logoCSMR {
    position: relative;
    left: 22px;
    top: 20px;
    width: 72% !important;
}

.brand-image.logoMainNav, .brand-image.logoCSMR {
    float: unset;
    line-height: unset;
    margin: 0;
    max-height: unset;
    width: unset;
}

@media only screen and (min-width:992px) and (max-width: 1300px) {
    .logoMainNav, .logoCSMR {
        width: 100% !important;
        max-width: 128.688px !important;
        left: 0px;
    }
}

@media (min-width: 992px) and (max-width: 1300px) {
    .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-image, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-image {
        width: 55% !important;
        position: relative !important;
        top: 20px !important;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .logoCSMR, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .logoCSMR {
        position: relative !important;
        left: 22px !important;
        top: 20px !important;
        width: 72% !important;
    }
}
/*#40514 The end*/

.enveloppe-modal-identite {
    background-image: var(--enveloppe);
    background-repeat: no-repeat;
    height: 5em;
    background-size: 7.5rem;
    background-position: center;
}

.login-card {
    margin-bottom: 2rem;
    margin-top: 1rem;
}

.arrow-left {
    align-items: unset;
    display: inline-block;
    background-image: var(--leftarrow);
    background-repeat: no-repeat;
    padding-left: 1em;
    background-position: center;
    background-size: 7px;
}

.arrow-right {
    align-items: unset;
    display: inline-block;
    background-image: var(--rightarrow);
    background-repeat: no-repeat;
    padding-left: 2em;
    background-position: right;
    background-size: 9px;
}

.footer-identite {
    padding-block-start: 2em;
    text-align: center;
    padding-block-end: 1em;
}

.footer-aide {
    font: normal normal bold 1rem/1.125rem Arial;
    padding-block-end: 1em;
}

.footer-cookie-mentions-legales {
    padding-block-start: 1em;
}

.footer-identite-mobile {
    display: none;
}
/*Modal*/
.modal-title {
    color: var(--primaryA);
    font: normal bold 1.5rem/2.125rem Neo Sans Pro Bold;
    text-align: left;
    letter-spacing: 0rem;
    opacity: 1;
}

#modal-body {
    color: var(--systemC);
    font: normal normal normal 1rem/1.125rem Arial !important;
    overflow-y: scroll;
    max-height: 26rem !important;
    /* #34418 GEL le 19/04/2022 Works on Firefox */
    scrollbar-width: thin;
    scrollbar-color: var(--primaryA) var(--systemE);
    padding-left: 2rem;
    padding-right: 0.5rem;
    margin-right: 1rem;
}

.modal-content {
    padding-top: 2%;
    padding-bottom: 2%;
}

button.close {
    font-size: 1.5rem;
    color: black;
    opacity: 1;
}

#modal-body::-webkit-scrollbar {
    width: 5px; /* width of the entire scrollbar */
}

#modal-body::-webkit-scrollbar-track {
    background: var(--systemE); /* color of the tracking area */
    border-radius: 20px; /* roundness of the scroll thumb */
}

#modal-body::-webkit-scrollbar-thumb {
    background-color: var(--primaryA); /* color of the scroll thumb */
    border-radius: 20px; /* roundness of the scroll thumb */
    border: 1px solid var(--systemE); /* creates padding around scroll thumb */
}

.modal-backdrop {
    opacity: 0.3 !important;
    background-color: var(--primaryA);
    width: 100%;
    height: 100%;
}

.modal-header {
    border-bottom: none;
    padding-left: 2rem;
    padding-top: 0px;
    padding-right: 2rem;
}

    .modal-header > .close {
        padding: 0;
        margin-top: 0rem;
        margin-right: -1rem;
        margin-left: 0px;
    }

.modal-dialog {
    border-radius: 6px;
    display: flex;
    align-items: center;
    /*ancienne valeur
    min-height: calc(100% - 0rem);*/
    min-height: calc(90% - 0rem);
}
/*fin Modal*/

/*#40514 06/06/2023 MLO _ Mise aux normes Boutons */
.rz-dialog-confirm-buttons {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
}

    .rz-dialog-confirm-buttons button:first-child {
        font: normal normal normal 1rem/1.375rem Neo Sans Pro Regular !important;
        letter-spacing: 0rem !important;
        color: var(--systemC) !important;
        opacity: 1 !important;
        background: unset !important;
    }

    .rz-dialog-confirm-buttons button:last-child {
        background: #ED1C24 0% 0% no-repeat padding-box !important;
        text-align: center !important;
        font: normal normal bold 16px/22px Neo Sans Pro Regular !important;
        letter-spacing: 0px !important;
        color: var(--systemA) !important;
        opacity: 1 !important;
        margin-left: 15px;
    }
/*#40514 The end */


/*Encadré erreur validation*/
.input-validation-error {
    border: 1px ridge var(--alertHigh);
    color: var(--alertHigh);
}

.text-danger {
    color: var(--alertHigh) !important;
}
/*message erreur validation blazor */
.validation-message {
    font-size: 80%;
    font-weight: 400;
    color: var(--alertHigh);
}
/*Encadré erreur validation blazor*/
input.invalid {
    border: 1px ridge var(--alertHigh);
    color: var(--alertHigh);
}

/*radio*/
[class*="icheck-"] > input:first-child + label::before,
[class*="icheck-"] > input:first-child + input[type="hidden"] + label::before {
    border: 1px solid var(--systemB);
    background-color: var(--systemB);
}

.icheck-success > input:first-child:not(:checked):not(:disabled):hover + label::before,
.icheck-success > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: var(--systemB);
}

.icheck-danger > input:first-child:checked + label::before,
.icheck-danger > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: var(--alertHigh);
    border-color: var(--alertHigh);
}

[class*="icheck-"] > input:first-child + label::before,
[class*="icheck-"] > input:first-child + input[type="hidden"] + label::before {
    width: 18px;
    height: 18px;
}

[class*="icheck-"] > input:first-child:checked + label::after,
[class*="icheck-"] > input:first-child:checked + input[type="hidden"] + label::after {
    transform: translate(20px, 4.5px) rotate(45deg);
    -ms-transform: translate(20px, 4.5px) rotate(45deg);
}

[class*="icheck-"] > input:first-child:disabled + label,
[class*="icheck-"] > input:first-child:disabled + input[type="hidden"] + label,
[class*="icheck-"] > input:first-child:disabled + label::before,
[class*="icheck-"] > input:first-child:disabled + input[type="hidden"] + label::before {
    opacity: 1;
    font-weight: 400;
}

/*fin radio*/

.margin-2em {
    margin-top: 2em;
}

.titre-modal-identite {
    font: normal normal 1.5rem/2.25rem Neo Sans Pro bold;
}


/* LAYOUT */

/*sidebar navigation*/

.navbar-nav > .active > a {
    background-color: red;
}

.main-sidebar .sidebar {
    position: relative;
    z-index: 0;
}

    .main-sidebar .sidebar nav {
        z-index: 20;
        position: relative;
        background-color: white;
    }

.footer-main-side-bar {
    font: normal 0.813rem/0.813rem Arial;
    position: fixed !important;
    bottom: 0;
    text-align: center;
    z-index: 10 !important;
}

@media all and (max-height: 200px) {
    .footer-main-side-bar {
        display: none;
    }
}

.footer-main-side-bar-menu {
    font: bolder 0.813rem/0.813rem Arial;
    position: absolute;
    bottom: 0;
    margin-bottom: 45%;
    text-align: center;
}

.footer-main-side-bar .nav-item {
    border-top: 2px solid var(--systemA);
    padding-top: 5%;
    padding-bottom: 5%;
    color: var(--systemC);
}

.footer-main-side-bar-menu .nav-item {
    border-top: 2px solid var(--systemA);
    padding-top: 5%;
    color: var(--systemC);
}



[class*="sidebar-dark-"] {
    background-color: white;
}

    [class*="sidebar-dark-"] .sidebar a {
        color: var(--systemC);
    }

    [class*="sidebar-dark-"] .nav-sidebar > .nav-item.menu-open > .nav-link,
    [class*="sidebar-dark-"] .nav-sidebar > .nav-item:hover > .nav-link,
    [class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:focus {
        color: var(--systemC);
        background-color: transparent;
        opacity: 1
    }

.layout-navbar-fixed .wrapper .sidebar-dark-green .brand-link:not([class*="navbar"]) {
    background-color: white;
}

[class*="sidebar-dark"] .brand-link {
    /*border-bottom: 1px solid #4b545c;*/
    border-bottom: none;
}

.sidebar .nav-item {
    border-bottom: 2px solid var(--systemA);
    background-color: white;
    width: 99%;
}

.footer-main-side-bar .nav-item {
    background-color: none !important;
}

.nav-sidebar > .nav-item .nav-icon {
    margin-left: 0.05rem;
    font-size: 1.25rem;
    margin-right: 0.6rem;
    text-align: center;
}

.nav-sidebar .nav-link p {
    /*position: absolute;*/
    padding-top: 2%;
}

.main-header {
    background-color: var(--primaryA);
    font: normal normal bold 1rem/1.375rem Neo Sans Pro Regular;
    color: white;
}

.main-sidebar {
    font: normal bold 1rem/1.375rem Neo Sans Pro Bold;
    color: white;
}

a.nav-link {
    color: var(--primaryA);
}

/*fin sidebar navigation*/

/*top navigation*/
.icon-burger {
    color: var(--primaryA);
}
/*fin top navigation*/
/*rechercher*/
form.recherche {
    border: none;
    padding: 0;
}

input[type="search"] {
    margin: 0;
    font-size: 14px;
    color: var(--systemC);
    border: 1px solid transparent;
    border-radius: 7px;
    width: 260px;
    display: block;
    padding: 9px 4px 9px 40px;
    background: white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 13px center;
}

    input[type="search"]::placeholder {
        color: var(--systemB);
    }

    input[type="search"]:focus {
        box-shadow: 0 0 3px 0 none;
        border-color: none;
        outline: none;
        background: white;
    }

    input[type="search"]::-webkit-search-cancel-button {
        height: 20px;
        width: 20px;
        border-radius: 10px;
        -webkit-appearance: none;
        content: url(https://pro.fontawesome.com/releases/v5.10.0/svgs/solid/times-circle.svg);
        cursor: pointer;
    }

.topNavigation {
    display: block;
}

.topNavigationMobile {
    display: none;
}

.nav {
    margin-left: -5%;
    margin-right: -4%;
}

.sidebar-dark-green .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-green .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--systemA);
    color: var(--systemC);
    width: auto;
}

.sidebar .nav-item > .nav-link.active {
    background-color: var(--systemA);
    color: var(--systemC);
}
/* Fin LAYOUT */

/* PROFIL DONNEES */
.data-card {
    width: 50%;
    float: left;
    display: inline-block;
    padding: 20px;
}

.inlineInput, .inlineInputTel {
    display: inline-block;
    height: 38px;
    width: 100%;
    /*    font-size: 0.9em;
    font-family: Arial;*/
    border: 1px solid var(--systemE);
    border-radius: 5px;
    background-color: #FFF;
    font: normal normal normal 16px/18px Arial;
}

.inlineInputTel {
    max-width: 75%;
}

.inlineData {
    display: inline-table;
    padding-bottom: 10px;
    max-width: 33%;
}

.padR-10 {
    padding: 0px;
    padding-right: 10px;
}

.errorMsgLog {
    margin: auto;
    text-align: center;
    padding-right: 40px;
    margin-top: 0.5rem;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* Chrome */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Opéra*/
input::-o-inner-spin-button,
input::-o-outer-spin-button {
    -o-appearance: none;
    margin: 0
}

/*Début #36711 ASI le 22/09/2022*/
#modal-footer {
    padding-top: 1rem;
    padding-left: 2rem;
    padding-right: 1rem;
    background: var(--primaryC) 0% 0% no-repeat padding-box;
    box-shadow: 0px -4px 5px #00000007;
    border-radius: 0px 0px 6px 6px;
    opacity: 1;
}

#modal-footer-mobile {
    display: none;
}
/*Fin #36711 */

/* FIN PROFIL DONNEES */

/*Début #37921*/

.nav-sidebar .menu-is-opening > .nav-link i.right {
    -webkit-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
}

.nav-sub-item {
    margin-left: 1.2rem;
    border-bottom-width: 0em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

    .nav-sub-item > a.nav-link > i.nav-icon {
        font-size: 1.4rem !important;
        color: black;
        padding-bottom: 0em;
        padding-top: 0em;
    }

    .nav-sub-item > a.nav-link > i.icon-sante {
        font-size: 1.4rem !important;
        color: var(--sante);
        vertical-align: middle !important;
    }

    .nav-sub-item > a.nav-link > i.icon-prevoyance {
        font-size: 1.4rem !important;
        color: var(--prevoyance);
        vertical-align: middle !important;
    }

    .nav-sub-item > a.nav-link > p {
        text-align: left;
        font: normal normal normal 0.8rem/0.85rem Arial;
        letter-spacing: 0px;
        color: var(--systemC);
        opacity: 1;
        padding-top: 0em;
        vertical-align: middle !important;
    }

.icon-sub-nav-right {
    margin-right: -0.8rem !important;
    margin-left: 0rem !important;
    vertical-align: middle !important;
    font-size: 1.5rem !important;
}

/*Fin #37921*/

.info-box {
    background: var(--primaryC) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #D6D6D6;
    border: 1px solid #F6F6F6;
    border-radius: 10px;
    opacity: 1;
    min-height: 5px !important;
    height: 60px;
    padding: 0.2rem;
}

/*Début #37926*/
.info-box-paiement {
    border-radius: 0rem;
    box-shadow: none;
    background: var(--primaryC) 0% 0% no-repeat padding-box;
    /*    font: normal normal normal 1rem/1.125rem Arial;*/
    font: normal normal normal 16px/18px Arial;
    text-align: left;
    letter-spacing: 0rem;
    color: var(--systemC);
    margin-bottom: 0;
    border: 0;
}

.info-box-icon-prev {
    background: var(--prevoyance) 0% 0% no-repeat padding-box !important;
    border-radius: 0.5rem 0rem 0rem 0.5rem !important;
    opacity: 1 !important;
    color: var(--primaryC) !important;
}

.info-box-icon-sante {
    background: var(--sante) 0% 0% no-repeat padding-box !important;
    border-radius: 0.5rem 0rem 0rem 0.5rem !important;
    opacity: 1 !important;
    color: var(--primaryC) !important;
}

.info-box-text-paiement {
    font-weight: unset;
}

    .info-box-text-paiement > span {
        text-align: left;
        font: normal normal normal 16px/18px Arial;
        letter-spacing: 0rem;
        color: var(--systemC);
    }

/*Fin #37926*/

.btn-primary-block-garantie-mobile {
    display: none;
}
/* MIB #39539 le 18/01/2023 Ajout icon information option 4ème niveau */
.icon-informations-green-color-desktop {
    color: var(--primaryA) !important;
    background-color: white;
    border-radius: 0.625rem;
    font-size: 1.6rem !important;
    display: block;
}

.icon-informations-green-color-mobile {
    color: var(--primaryA) !important;
    background-color: white;
    border-radius: 0.625rem;
    font-size: 1.6rem !important;
    display: none;
}
/* Fin #39539*/

.btn-primary-block-garantie-mobile:hover {
    color: #fff;
    background-color: var(--primaryB-hover);
    border-color: var(--primaryB-hover);
}

.rz-switch {
    position: absolute;
    display: inline-flex !important;
    width: 3rem;
    min-width: 3.5rem !important;
    height: 1.8rem;
}

    .rz-switch .rz-switch-circle:before {
        background: #ffffff;
        width: 1.26rem;
        height: 1.26rem;
        left: 0.4rem !important;
        margin-top: -0.63rem;
        border-radius: 50%;
        transition-duration: 0.2s;
        box-shadow: 0 2px 2px 0 rgb(0 0 0 / 8%), 0 0 2px 0 rgb(0 0 0 / 8%), 0 4px 12px 0 rgb(0 0 0 / 4%);
    }

    .rz-switch.rz-switch-checked .rz-switch-circle:before {
        transform: translateX(1.5rem) !important;
    }

    .rz-switch.rz-switch-checked .rz-switch-circle {
        background: var(--primaryA) !important;
    }

.preference-titre {
    font-size: 0.58em;
}

.rowPreferences {
    height: 2rem;
}

.rz-dialog {
    z-index: 1001 !important;
    opacity: 1 !important;
    position: absolute !important;
    width: auto% !important;
    height: auto !important;
}

.lieuNaissanceMobile {
    margin-top: 0rem !important;
}

.card-beneficiaire {
    background: var(--systemA) 0% 0% no-repeat padding-box;
    border: 0.0625rem solid var(--systemA);
    border-radius: 0.625rem;
    opacity: 1;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    height: auto !important;
}

.scrollTeleconsultation {
    overflow-y: scroll;
    max-height: 500px;
    scrollbar-width: thin;
    scrollbar-color: var(--primaryA) var(--systemE);
    margin-right: 0.5rem !important;
}

.image-parrainage-desktop {
    text-align: center;
    display: block;
    margin: auto;
}

.image-parrainage-mobile {
    display: none;
}

@media all and (min-width: 992px) {
    .imagesParrainage {
        padding: 0px;
    }

    .codeParrainageCard .card-header::after, .card-body::after, .card-footer::after {
        display: none;
    }

    .parrainageHeight {
        height: 100%;
    }
}

@media all and (max-width: 1200px) {
    .image-parrainage-desktop {
        display: none;
    }

    .image-parrainage-mobile {
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }
}

.conditionsParrainageMobile {
    background-color: white;
    border-radius: 10px;
    padding: 7.5px;
    margin-bottom: 2rem;
}

.parrainage-libelle {
    text-align: left;
    font: normal normal 24px/34px Neo Sans Pro bold;
    letter-spacing: 0px;
    color: var(--systemC);
    opacity: 1;
}

.parrainage-code-row {
    border-radius: 6px;
    opacity: 1;
    height: 100px;
    background-image: repeating-linear-gradient(0deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px), repeating-linear-gradient(90deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px), repeating-linear-gradient(180deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px), repeating-linear-gradient(270deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px);
    background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
}

    .parrainage-code-row > div.col-8 {
        font: normal normal normal 38px/14px Arial;
        letter-spacing: 0px;
        color: var(--systemC);
        opacity: 1;
        padding-left: 23px;
        padding-right: 0px;
    }

    .parrainage-code-row > div.col-4 {
        text-align: right;
        float: right;
        padding-right: 23px;
        padding-left: 0px;
    }

        .parrainage-code-row > div.col-4 > button.btn {
            font: normal normal normal 38px/14px Arial;
            letter-spacing: 0px;
            color: var(--systemC);
            opacity: 1;
            padding-bottom: 0px;
            padding-top: 0px;
            padding-left: 0px;
            padding-right: 0px;
            height: 48px !important;
            width: 48px !important;
        }

#codeParrainage {
    line-height: 100px
}

.icon-copier-coller-parrainage {
    vertical-align: middle;
    font-size: 3rem;
    line-height: 100px;
    height: 48px !important;
    width: 48px !important;
}

.onglet-parrainage {
    text-align: left;
    font: normal normal normal 24px/34px Neo Sans Pro Regular;
    letter-spacing: 0px;
    color: var(--systemC);
    opacity: 1;
    padding-right: 1rem;
}

.onglet-parrainage-active {
    text-align: left;
    font: normal normal 24px/34px Neo Sans Pro bold;
    letter-spacing: 0px;
    color: #328D45;
    opacity: 1;
    padding-bottom: 0.5rem;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    margin-right: 1rem;
}

.ongelt-parrainage-div {
    margin-left: 0px;
    padding-top: 45px;
    padding-bottom: 45px;
}

.scrollParrainage {
    overflow-y: scroll;
    max-height: 510px;
    scrollbar-width: thin;
    scrollbar-color: var(--primaryA);
    margin-right: 0.5rem !important;
    overflow-x: hidden;
}

    .scrollParrainage::-webkit-scrollbar {
        width: 4px !important;
        height: 510px !important;
        overflow-y: scroll !important;
    }

    .scrollParrainage::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px var(--systemE) !important;
        border-radius: 14px !important;
    }

    .scrollParrainage::-webkit-scrollbar-thumb {
        background: var(--primaryA) !important;
        border-radius: 14px !important;
    }

/*/*ASI Adaptaion pour les différent petits écrans 
    09/06/2022 #35257
*/
@media only screen and (min-width:911px) and (max-width: 992px) {
    .display-elepsis-mobile {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 23rem;
        padding-left: 1.5rem;
    }

    #carousel-marketing-info > .carousel-inner > .carousel-item {
        display: block !important;
        margin-right: 0rem !important;
        flex: initial;
        padding: 1rem !important;
        width: auto;
        height: auto;
    }

    .detail-card-infos-marketing {
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        display: block !important;
        overflow: hidden !important;
        width: inherit;
    }

    .btn-primary-block-garantie-desktop {
        display: none;
    }
    /* MIB #39539 le 18/01/2023 Ajout icon information option 4ème niveau */
    .icon-informations-green-color-desktop {
        display: none;
    }
    /* Fin #39539 */
}

@media only screen and (max-width: 910px) and (min-width:810px) {
    .display-elepsis-mobile {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 15rem;
        padding-left: 1.5rem;
    }

    #carousel-marketing-info > .carousel-inner > .carousel-item {
        display: block !important;
        margin-right: 0rem !important;
        flex: initial;
        padding: 1rem !important;
        width: auto;
        height: auto;
    }

    .detail-card-infos-marketing {
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        width: inherit;
    }

    .marketing-description {
        overflow-y: scroll;
        max-height: 44rem !important;
        scrollbar-width: thin;
        scrollbar-color: var(--primaryA) var(--systemE);
    }

    .btn-primary-block-garantie-desktop {
        display: none;
    }
    /* MIB #39539 le 18/01/2023 Ajout icon information option 4ème niveau */
    .icon-informations-green-color-desktop {
        display: none;
        /* Fin #39539 */
    }
}

@media only screen and (max-width: 809px) and (min-width:799px) {
    .display-elepsis-mobile {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 19rem;
        padding-left: 1.5rem;
    }

    #carousel-marketing-info > .carousel-inner > .carousel-item {
        display: block;
        margin-right: 0rem;
        flex: 0 0 calc(100%/1) !important;
        padding: 1rem !important;
        width: auto;
        height: auto;
    }

    #carousel-marketing-info > .carousel-inner > .carousel-item {
        display: block !important;
        margin-right: 0rem !important;
        flex: initial;
        padding: 1rem !important;
        width: auto;
        height: auto;
    }

    .detail-card-infos-marketing {
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        width: inherit;
        height: 2rem !important;
    }

    .btn-primary-block-garantie-desktop {
        display: none;
    }
    /* MIB #39539 le 18/01/2023 Ajout icon information option 4ème niveau */
    .icon-informations-green-color-desktop {
        display: none;
        /* Fin #39539 */
    }
}

@media only screen and (max-width: 770px) and (min-width:750px) {
    .display-elepsis-mobile {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 19rem;
        padding-left: 1.5rem;
    }

    #carousel-marketing-info > .carousel-inner > .carousel-item {
        display: block !important;
        margin-right: 0rem !important;
        flex: initial;
        padding: 1rem !important;
        width: auto;
        height: auto;
    }

    .detail-card-infos-marketing {
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        display: block !important;
        overflow: hidden !important;
        width: inherit;
    }

    .marketing-description {
        overflow-y: scroll;
        max-height: 36rem !important;
        scrollbar-width: thin;
        scrollbar-color: var(--primaryA) var(--systemE);
    }

    .btn-primary-block-garantie-desktop {
        display: none;
    }
    /* MIB #39539 le 18/01/2023 Ajout icon information option 4ème niveau */
    .icon-informations-green-color-desktop {
        display: none;
        /* Fin #39539 */
    }

    .card-beneficiaire {
        background: var(--systemA) 0% 0% no-repeat padding-box;
        border: 0.0625rem solid var(--systemA);
        border-radius: 0.625rem;
        opacity: 1;
        margin-right: 0.5rem;
        margin-left: 0.5rem;
        height: auto !important;
    }
}

@media only screen and (max-width: 550px) and (min-width:430px) {
    #carousel-marketing-info > .carousel-inner > .carousel-item {
        display: block !important;
        margin-right: 0rem !important;
        padding: 1rem !important;
        width: auto;
        height: auto;
    }

    .detail-card-infos-marketing {
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        display: block !important;
        overflow: hidden !important;
        width: inherit;
    }

    .marketing-description {
        overflow-y: scroll;
        max-height: 22rem !important;
        scrollbar-width: thin;
        scrollbar-color: var(--primaryA) var(--systemE);
    }

    .btn-primary-block-garantie-desktop {
        display: none;
    }

    .btn-primary-block-garantie-mobile {
        color: #fff;
        background-color: var(--primaryB);
        border-color: var(--primaryB);
        box-shadow: none;
        display: block;
        width: 100%;
    }
    /* MIB #39539 le 18/01/2023 Ajout icon information option 4ème niveau */
    .icon-informations-green-color-desktop {
        display: none;
    }

    .icon-informations-green-color-mobile {
        color: var(--primaryA) !important;
        background-color: white;
        border-radius: 0.625rem;
        font-size: 1.6rem !important;
        display: block;
    }
    /* Fin #39539 */
    .lieuNaissanceMobile {
        margin-top: 2rem !important;
    }

    .card-beneficiaire {
        background: var(--systemA) 0% 0% no-repeat padding-box;
        border: 0.0625rem solid var(--systemA);
        border-radius: 0.625rem;
        opacity: 1;
        margin-right: 0.5rem;
        margin-left: 0.5rem;
        height: auto !important;
    }
}

@media only screen and (max-width: 575px) and (min-width:551px) {
    .lieuNaissanceMobile {
        margin-top: 2rem !important;
    }

    .card-beneficiaire {
        background: var(--systemA) 0% 0% no-repeat padding-box;
        border: 0.0625rem solid var(--systemA);
        border-radius: 0.625rem;
        opacity: 1;
        margin-right: 0.5rem;
        margin-left: 0.5rem;
        height: auto !important;
    }
}

@media only screen and (max-width: 376px) and (min-width:300px) {
    .display-elepsis-mobile {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 15rem;
        padding-left: 1.5rem;
    }

    #carousel-marketing-info > .carousel-inner > .carousel-item {
        display: block !important;
        margin-right: 0rem !important;
        flex: 0 0 calc(100%/1) !important;
        padding: 1rem !important;
        width: auto;
        height: auto;
    }

    .detail-card-infos-marketing {
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        width: inherit;
    }

    .marketing-description {
        overflow-y: scroll;
        max-height: 25rem !important;
        scrollbar-width: thin;
        scrollbar-color: var(--primaryA) var(--systemE);
    }

    .btn-primary-block-garantie-desktop {
        display: none;
    }

    .btn-primary-block-garantie-mobile {
        color: #fff;
        background-color: var(--primaryB);
        border-color: var(--primaryB);
        box-shadow: none;
        display: block;
        width: 100%;
    }
    /* MIB #39539 le 18/01/2023 Ajout icon information option 4ème niveau */
    .icon-informations-green-color-desktop {
        display: none;
    }

    .icon-informations-green-color-mobile {
        color: var(--primaryA) !important;
        background-color: white;
        border-radius: 0.625rem;
        font-size: 1.6rem !important;
        display: block;
    }
    /* Fin #39539 */
    .lieuNaissanceMobile {
        margin-top: 2rem !important;
    }

    .card-beneficiaire {
        background: var(--systemA) 0% 0% no-repeat padding-box;
        border: 0.0625rem solid var(--systemA);
        border-radius: 0.625rem;
        opacity: 1;
        margin-right: 0.5rem;
        margin-left: 0.5rem;
        height: auto !important;
    }
}

@media only screen and (max-width: 429px) and (min-width:377px) {
    .display-elepsis-mobile {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 18rem;
        padding-left: 1.5rem;
    }

    #carousel-marketing-info > .carousel-inner > .carousel-item {
        display: block;
        margin-right: 0rem;
        flex: 0 0 calc(100%/1) !important;
        padding: 1rem !important;
        width: auto;
        height: auto;
    }

    .detail-card-infos-marketing {
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        width: inherit;
    }

    .marketing-description {
        overflow-y: scroll;
        max-height: 35rem !important;
        scrollbar-width: thin;
        scrollbar-color: var(--primaryA) var(--systemE);
    }

    .btn-primary-block-garantie-desktop {
        display: none;
    }

    .btn-primary-block-garantie-mobile {
        color: #fff;
        background-color: var(--primaryB);
        border-color: var(--primaryB);
        box-shadow: none;
        display: block;
        width: 100%;
    }
    /* MIB #39539 le 18/01/2023 Ajout icon information option 4ème niveau */
    .icon-informations-green-color-desktop {
        display: none;
    }

    .icon-informations-green-color-mobile {
        color: var(--primaryA) !important;
        background-color: white;
        border-radius: 0.625rem;
        font-size: 1.6rem !important;
        display: block;
    }
    /* Fin #39539 */
    .lieuNaissanceMobile {
        margin-top: 2rem !important;
    }

    .card-beneficiaire {
        background: var(--systemA) 0% 0% no-repeat padding-box;
        border: 0.0625rem solid var(--systemA);
        border-radius: 0.625rem;
        opacity: 1;
        margin-right: 0.5rem;
        margin-left: 0.5rem;
        height: auto !important;
    }
}

@media only screen and (max-width: 420px) and (min-width:390px) {
    .marketing-description {
        overflow-y: scroll;
        max-height: 35rem !important;
        scrollbar-width: thin;
        scrollbar-color: var(--primaryA) var(--systemE);
    }

    .btn-primary-block-garantie-desktop {
        display: none;
    }

    .btn-primary-block-garantie-mobile {
        color: #fff;
        background-color: var(--primaryB);
        border-color: var(--primaryB);
        box-shadow: none;
        display: block;
        width: 100%;
    }
    /* MIB #39539 le 18/01/2023 Ajout icon information option 4ème niveau */
    .icon-informations-green-color-desktop {
        display: none;
    }

    .icon-informations-green-color-mobile {
        color: var(--primaryA) !important;
        background-color: white;
        border-radius: 0.625rem;
        font-size: 1.6rem !important;
        display: block;
    }
    /* Fin #39539 */
    .lieuNaissanceMobile {
        margin-top: 2rem !important;
    }

    .card-beneficiaire {
        background: var(--systemA) 0% 0% no-repeat padding-box;
        border: 0.0625rem solid var(--systemA);
        border-radius: 0.625rem;
        opacity: 1;
        margin-right: 0.5rem;
        margin-left: 0.5rem;
        height: auto !important;
    }
}
/*Fin #35257*/
/* MEDIA TODO mettre à 950px pour les test mettre à 1500px*/
@media screen and (max-width: 992px) {
    .login-page {
        -ms-flex-align: center;
        align-items: center;
        background-color: var(--systemA); /*#34047 , ARA le 23/03/2022*/
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        -ms-flex-pack: center;
        justify-content: normal;
        background: none;
        margin-left: inherit;
        width: inherit;
    }

    .login-box {
        margin-top: 0rem;
        width: 100%;
    }

    .logo-modal-identite {
        background-image: var(--logoMut);
        background-repeat: no-repeat;
        height: 8em;
        background-position: center;
    }

    .footer-identite {
        display: none
    }

    .footer-identite-mobile {
        display: block;
        text-align: center;
        padding-block-start: 2em;
    }

    .footer-aide-mobile {
        font: normal normal bold 16px/18px Arial;
        padding-block-end: 1em;
    }

    a[data-widget="pushmenu"] {
        display: block;
    }

    .main-header {
        background-color: var(--systemA);
        font: normal normal bold 16px/22px Neo Sans Pro Regular;
        color: white;
    }

    .topNavigation {
        display: none;
    }

    .nav-link > .icon-notifications {
        color: var(--primaryA);
    }

    .icon-gestion-profil {
        color: var(--primaryA);
    }

    .icon-notification-line {
        color: var(--primaryA);
    }

    .topNavigationMobile {
        display: block;
        color: var(--primaryA);
    }

        .topNavigationMobile > a {
            color: inherit;
        }

    .data-card {
        width: 100%;
    }

    .col-4 {
        max-width: initial;
    }

    .row-exigences-mdp {
        margin-left: 30%;
    }

    .inlineData {
        display: block;
        max-width: 100%;
    }

    .inlineInputTel {
        max-width: 73%;
    }

    .affichage-desktop {
        display: none;
    }

    .affichage-mobile {
        display: block;
    }

    .tab-text-align-beneficiaire {
        text-align: left
    }


    .card-tools a > span {
        /*display: none;*/
    }

    /* Début #36514 ASI css page error*/
    .page-404 {
        background-color: var(--systemA);
        -ms-flex-align: center;
    }

    .page-500 {
        background-color: var(--systemA);
        -ms-flex-align: center;
    }

    /* Fin #36514 ASI css page error*/

    .slide_fonc {
        display: none;
    }

    /*Début #36711 ASI le 22/09/2022*/
    #modal-footer {
        display: none;
    }

    #modal-footer-mobile {
        padding-top: 1rem;
        padding-left: 2rem;
        padding-right: 1rem;
        background: var(--primaryC) 0% 0% no-repeat padding-box;
        box-shadow: 0px -4px 5px #00000007;
        border-radius: 0px 0px 6px 6px;
        opacity: 1;
        display: block;
    }

    /*Fin  #36711*/

    .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        max-width: 100%;
    }

    .modal-content {
        height: 100%;
        min-height: 100%;
        border-radius: 0;
    }

    #modal-body {
        color: var(--systemC);
        font: normal normal normal 1rem/1.125rem Arial !important;
        overflow-y: scroll;
        max-height: 100vh !important;
        /* #34418 GEL le 19/04/2022 Works on Firefox */
        scrollbar-width: thin;
        scrollbar-color: var(--primaryA) var(--systemE);
    }

    .card-tuto {
        border: solid 0px white;
        border-bottom: solid 3px white !important;
        box-shadow: none;
    }

    #modal-marketing {
        padding-right: 0px !important;
        /*  display: block;*/
    }

    #modal-dialog-marketing > .modal-content {
        padding-top: 0% !important;
        padding-bottom: 0% !important;
        border-radius: 0rem !important;
    }

    .btn-primary-block-garantie-desktop {
        display: none;
    }

    .btn-primary-block-garantie-mobile {
        color: #fff;
        background-color: var(--primaryB);
        border-color: var(--primaryB);
        box-shadow: none;
        display: block;
        width: 100%;
    }
    /* MIB #39539 le 18/01/2023 Ajout icon information option 4ème niveau */
    .icon-informations-green-color-desktop {
        display: none;
    }

    .icon-informations-green-color-mobile {
        color: var(--primaryA) !important;
        background-color: white;
        border-radius: 0.625rem;
        font-size: 1.6rem !important;
        display: block;
    }
    /* Fin #39539 */
    .exemple-remboursement {
        text-align: center !important;
        padding-top: 1rem !important;
    }

    .rz-switch {
        position: absolute;
        display: flex;
        width: 3rem;
        min-width: 3.5rem !important;
        height: 1.8rem;
    }

    .rz-dialog {
        z-index: 1001 !important;
        opacity: 1 !important;
        position: absolute !important;
        width: 100% !important;
        height: 100% !important;
        left: 15.6rem !important;
        border-radius: 0;
    }

    #modal-title-marketing {
        border-top-left-radius: 0rem !important;
        border-top-right-radius: 0rem !important;
    }

    .contrat-libelle_margin {
        margin-top: 0rem !important;
    }

    .contrat-title-h1 {
        text-align: left;
        font: normal normal 1rem/1.5rem Neo Sans Pro bold !important;
        letter-spacing: 0px;
        color: var(--systemC);
        opacity: 1;
    }

    .scrollTeleconsultation {
        max-height: 90% !important;
    }

    .parrainage-libelle {
        text-align: left;
        font: normal normal 18px/26px Neo Sans Pro bold;
        letter-spacing: 0px;
        color: var(--systemC);
        opacity: 1;
    }

    .parrainage-code-row {
        background-image: repeating-linear-gradient(0deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px), repeating-linear-gradient(90deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px), repeating-linear-gradient(180deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px), repeating-linear-gradient(270deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px);
        background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
        background-position: 0 0, 0 0, 100% 0, 0 100%;
        background-repeat: no-repeat;
        border-radius: 6px;
        opacity: 1;
        height: 48px;
    }

        .parrainage-code-row > div.col-8 {
            font: normal normal normal 24px/14px Arial;
            letter-spacing: 0px;
            color: var(--systemC);
            opacity: 1;
            padding-left: 23px;
            padding-right: 0px;
        }

        .parrainage-code-row > div.col-4 {
            text-align: right;
            float: right;
            padding-right: 23px;
            padding-left: 0px;
        }

            .parrainage-code-row > div.col-4 > button.btn {
                font: normal normal normal 38px/14px Arial;
                letter-spacing: 0px;
                color: var(--systemC);
                opacity: 1;
                padding-bottom: 0px;
                padding-top: 0px;
                padding-left: 0px;
                padding-right: 0px;
                height: 48px !important;
                width: 48px !important;
            }

    #codeParrainage {
        line-height: 48px
    }

    .icon-copier-coller-parrainage {
        vertical-align: middle;
        font-size: 3rem;
        line-height: 48px;
        height: 48px !important;
        width: 48px !important;
    }

    .onglet-parrainage {
        text-align: left;
        font: normal normal normal 16px/24px Neo Sans Pro Regular;
        letter-spacing: 0px;
        color: var(--systemC);
        opacity: 1;
        padding-right: 0.5rem;
    }

    .onglet-parrainage-active {
        text-align: left;
        font: normal normal 16px/24px Neo Sans Pro bold;
        letter-spacing: 0px;
        color: #328D45;
        opacity: 1;
        padding-bottom: 0.5rem;
        border-bottom-width: 2px;
        border-bottom-style: solid;
        margin-right: 0.5rem;
    }

    .ongelt-parrainage-div {
        margin-left: 0px;
        padding-top: 10px;
        padding-bottom: 20px;
        padding-right: 1rem;
    }

    .scrollParrainage {
        max-height: 98% !important;
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
        overflow-x: hidden;
    }

        .scrollParrainage::-webkit-scrollbar {
            width: 4px !important;
            height: 510px !important;
            overflow-y: scroll !important;
        }

        .scrollParrainage::-webkit-scrollbar-track {
            box-shadow: inset 0 0 5px var(--systemE) !important;
            border-radius: 14px !important;
        }

        .scrollParrainage::-webkit-scrollbar-thumb {
            background: var(--primaryA) !important;
            border-radius: 14px !important;
        }
}

@media only screen and (max-width: 1160px) and (min-width:992px) {
    .login-box {
        margin-top: 0rem;
        width: 25rem;
    }

    #carousel-marketing-info > .carousel-inner > .carousel-item {
        display: block !important;
        margin-right: 0rem !important;
        flex: initial;
        padding: 1rem !important;
        width: auto;
        height: auto;
    }

    .detail-card-infos-marketing {
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        width: inherit;
    }
}

@media only screen and (max-width: 1400px) and (min-width:1161px) {

    #carousel-marketing-info > .carousel-inner > .carousel-item {
        display: block !important;
        margin-right: 0rem !important;
        flex: initial;
        padding: 1rem !important;
        width: auto;
        height: auto;
    }

    .detail-card-infos-marketing {
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        width: inherit;
        height: 2rem !important;
    }
}

@media only screen and (max-width: 1500px) and (min-width:1401px) {

    #carousel-marketing-info > .carousel-inner > .carousel-item {
        display: block !important;
        margin-right: 0rem !important;
        flex: initial;
        padding: 1rem !important;
        width: auto;
        height: auto;
    }

    .detail-card-infos-marketing {
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        width: inherit;
        height: 2rem !important;
    }
}

@media only screen and (max-width: 1700px) and (min-width:1501px) {

    #carousel-marketing-info > .carousel-inner > .carousel-item {
        display: block !important;
        margin-right: 0rem !important;
        flex: initial;
        padding: 1rem !important;
        width: auto;
        height: auto;
    }

    .detail-card-infos-marketing {
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        width: inherit;
        height: 2rem !important;
    }
}

@media only screen and (max-width: 1800px) and (min-width:1701px) {

    #carousel-marketing-info > .carousel-inner > .carousel-item {
        display: block !important;
        margin-right: 0rem !important;
        flex: initial;
        padding: 1rem !important;
        width: auto;
        height: auto;
    }

    .detail-card-infos-marketing {
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        width: inherit;
        height: 2rem !important;
    }
}

@media only screen and (min-width:1950px) and (max-width:2150px) {

    #carousel-marketing-info > .carousel-inner > .carousel-item {
        display: block !important;
        margin-right: 0rem !important;
        flex: initial;
        padding: 1rem !important;
        width: auto;
        height: auto;
    }

    .detail-card-infos-marketing {
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        display: block !important;
        overflow: hidden !important;
        width: inherit;
        height: 2rem !important;
    }
}

@media only screen and (min-width:2150px) {

    #carousel-marketing-info > .carousel-inner > .carousel-item {
        display: block !important;
        margin-right: 0rem !important;
        flex: initial;
        padding: 1rem !important;
        width: auto;
        height: auto;
    }

    .detail-card-infos-marketing {
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        display: block !important;
        overflow: hidden !important;
        width: inherit;
        height: 2rem !important;
    }
}

@media only screen and (max-width: 299px) and (min-width:199px) {
    #carousel-marketing-info > .carousel-inner > .carousel-item {
        display: block !important;
        margin-right: 0rem !important;
        flex: 0 0 calc(100%/1) !important;
        padding: 1rem !important;
        width: auto;
        height: auto;
    }

    .detail-card-infos-marketing {
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        display: block !important;
        overflow: hidden !important;
        width: inherit;
    }

    .marketing-description {
        overflow-y: scroll;
        max-height: 25rem !important;
        scrollbar-width: thin;
        scrollbar-color: var(--primaryA) var(--systemE);
    }

    .btn-primary-block-garantie-desktop {
        display: none;
    }

    .btn-primary-block-garantie-mobile {
        color: #fff;
        background-color: var(--primaryB);
        border-color: var(--primaryB);
        box-shadow: none;
        display: block;
        width: 100%;
    }
    /* MIB #39539 le 18/01/2023 Ajout icon information option 4ème niveau */
    .icon-informations-green-color-desktop {
        display: none;
    }

    .icon-informations-green-color-mobile {
        color: var(--primaryA) !important;
        background-color: white;
        border-radius: 0.625rem;
        font-size: 1.6rem !important;
        display: block;
    }
    /* Fin #39539 */
    .lieuNaissanceMobile {
        margin-top: 2rem !important;
    }

    .card-beneficiaire {
        background: var(--systemA) 0% 0% no-repeat padding-box;
        border: 0.0625rem solid var(--systemA);
        border-radius: 0.625rem;
        opacity: 1;
        margin-right: 0.5rem;
        margin-left: 0.5rem;
        height: auto !important;
    }
}

/*Carousel*/
.carousel-text {
    margin: 1rem;
}

.carousel-caption {
    margin: auto !important;
    position: initial !important;
    padding-right: 8rem;
    padding-left: 8rem;
}

.carousel-indicators {
    bottom: -6px !important;
    margin-bottom: 0 !important;
}

    .carousel-indicators li {
        margin-bottom: 0 !important;
        margin-left: 5px !important;
        margin-right: 5px !important;
        background-color: black !important;
        width: 12px !important;
        height: 12px !important;
        border-radius: 100% !important;
    }

    .carousel-indicators .active {
        margin-bottom: 0 !important;
        margin-left: 5px !important;
        margin-right: 5px !important;
        background-color: var(--primaryA) !important;
        width: 12px !important;
        height: 12px !important;
        border-radius: 100% !important;
    }

.itemCarouselScrollY {
    height: 60px !important;
    max-height: 100px !important;
    overflow-y: auto !important;
}

.lienChangeVisibilite {
    color: var(--primaryA) !important;
    font-size: 11px !important;
    visibility: visible !important;
}

.pTexteCarouselProfil {
    font-size: 14px !important;
    padding-top: 0px !important;
}


/* #34178, YLA le 14/04/2022 */
.labelFormProfil {
    display: block;
    font-size: 0.7em;
    font-family: 'Neo Sans Pro Bold';
    margin-top: 1rem;
}

.curseur-pointer {
    cursor: pointer;
}

.modal-changerEmail {
    top: 20%;
    width: 68%;
    outline: none;
    overflow: hidden;
}

.labelMessageInfoToast {
    color: var(--primaryA);
}

/* MIB #39539 le 18/01/2023 Ajout icon information option 4ème niveau */
.modal-ajoutOption4emeNiveau {
    top: 20%;
    width: 68%;
    outline: none;
    overflow: hidden;
}
/*Fin  #39539 */

/*-----------------------------*/
/* Toast CST_TYPE_TOAST_SUCCES */
/*-----------------------------*/
/* Information : la couleur --toast-succes-bgcolor à été défini à "l'oeil", pas donnée dans la doc. */
.toast {
    background-color: transparent !important;
    border: 1px solid var(--toast-succes-bordercolor) !important;
}

    .toast .bg-succes {
        background-color: var(--toast-succes-bgcolor) !important;
        border: 1px solid var(--toast-succes-bordercolor) !important;
        border-radius: 4px !important;
        opacity: 0.2 !important;
    }

        .toast.bg-succes .toast-header {
            border: none !important;
            border-bottom: unset !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-align: center !important;
            align-items: center !important;
            padding: 0.25rem 0.75rem !important;
            color: var(--systemC) !important;
            background-color: var(--toast-succes-bgcolor) !important;
            background-clip: padding-box !important;
            border-bottom: 0 !important;
            border-top-left-radius: calc(0.25rem - 1px) !important;
            border-top-right-radius: calc(0.25rem - 1px) !important;
        }

        .toast.bg-succes .toast-body {
            background-color: var(--toast-succes-bgcolor) !important;
            border: none !important;
            padding: .75rem !important;
        }

    /*-----------------------------*/
    /* Toast CST_TYPE_TOAST_ERREUR */
    /*-----------------------------*/
    /* TODO Exemple : on n'a pas encore les style de Céline */
    .toast.bg-danger {
        background-color: transparent !important;
    }

    .toast .bg-danger {
        background-color: var(--toast-erreur-bgcolor) !important;
        border: 1px solid var(--toast-erreur-bordercolor) !important;
        border-radius: 4px !important;
        opacity: 0.2 !important;
    }

        .toast.bg-danger .close {
            color: var(--systemC) !important;
            text-shadow: 0 1px 0 #000;
        }

        .toast.bg-danger .toast-header {
            border: none !important;
            border-bottom: unset !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-align: center !important;
            align-items: center !important;
            padding: 0.25rem 0.75rem !important;
            color: var(--systemC) !important;
            background-color: var(--toast-erreur-bgcolor) !important;
            background-clip: padding-box !important;
            border-bottom: 0 !important;
            border-top-left-radius: calc(0.25rem - 1px) !important;
            border-top-right-radius: calc(0.25rem - 1px) !important;
        }

        .toast.bg-danger .toast-body {
            background-color: var(--toast-erreur-bgcolor) !important;
            border: none !important;
            padding: .75rem !important;
            color: var(--systemC) !important;
        }
/* fin #34178,*/

@media (min-width: 992px) {
    /*pour affichage text Bonjour dans top navigation*/
    body: not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
        margin-left: 250px;
    }
}

/* fin MEDIA */


.labelExigencesMotDePasse {
    font-weight: 400;
    font-family: Arial;
    font-size: 0.8em;
}

/* #34431, YLA le 28/04/2022 : Tableau de bord - Vos contrats */
.VosContrats-tableTitre {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.VosContrats-colonne1Titre {
    text-align: left;
    width: 6%;
    padding: 0px;
    margin: 0px;
}

.VosContrats-colonne2Titre {
    text-align: left;
    width: 86%;
    font-weight: bolder;
    padding-top: 7px;
}

.VosContrats-nopadding {
    padding: 0px;
    margin: 0px;
}

.vosContrats-lien {
    color: var(--primaryA);
    float: right;
}

.vosContrats--lienText {
    font-size: 0.8rem;
    font-weight: 400;
    white-space: nowrap;
    vertical-align: middle;
}

.vosContrats-icon {
    color: black;
    vertical-align: middle;
    font-size: 1.8rem;
}

.vosContrats-iconPrev {
    vertical-align: middle;
    font-size: 1.6rem !important;
    color: var(--prevoyance);
}

.vosContrats-iconSante {
    vertical-align: middle;
    font-size: 1.6rem !important;
    color: var(--sante);
}

.vosContratsTitre-icon {
    vertical-align: middle;
    font-size: 2.4rem;
    margin: 0px;
    padding: 0px;
    padding-bottom: 8px;
}

.VosContrats-row {
    margin-top: 1.2rem;
    padding-right: 10px;
}

.VosContrats-Bloc {
    font-size: 13px;
    min-height: 70px;
    padding-bottom: 12px !important;
}

.VosContrats-tableDetail {
    width: 99%;
    height: 99%;
}

.VosContrats-tableDetailLigne {
    width: 100%;
    height: 100%;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px !important;
}

.VosContrats-tableDetailCol1 {
    width: 10%;
    text-align: center;
    vertical-align: middle;
}

.VosContrats-tableDetailCol2 {
    width: 90%;
    text-align: left;
    vertical-align: middle;
    font-weight: 700;
}

    .VosContrats-tableDetailCol2 span {
        font-family: Neo Sans Pro Regular;
        font-weight: 100;
    }

/*#42417 MLO le 19/05/2023 Classes spécifiques à la case et à la mention "Résilié"*/
.VosContrats-tableDetailCol1-resilie {
    width: 10%;
    text-align: center;
    vertical-align: middle;
}

.VosContrats-tableDetailCol2-resilie {
    width: 70%;
    text-align: left;
    vertical-align: middle;
    font-weight: 700;
}

    .VosContrats-tableDetailCol2-resilie span {
        font-family: Neo Sans Pro Regular;
        font-weight: 100;
    }

.VosContrats-tableDetailCol3-resilie {
    width: 20%;
    text-align: center;
    vertical-align: middle;
}

    .VosContrats-tableDetailCol3-resilie span {
        padding: 0.3em 0.8em 0.3em 0.8em;
        border: solid 1px var(--primaryB);
        border-radius: 10px;
        color: var(--primaryB);
        font: 0.75rem/1rem Arial !important;
        font-weight: bold !important;
        margin-right: 5px;
    }
/* Fin #42417 */
.bord-color-sante {
    outline: 1px solid var(--sante) !important;
}

.bord-color-prevoyance {
    outline: 1px solid var(--prevoyance) !important;
}

.msg-contenu-indisponible {
    background: var(--msg-contenu-indisponible-bg) 0% 0% no-repeat padding-box;
    background-color: var(--msg-contenu-indisponible-bg);
    color: black;
    opacity: 1;
    border: 1px solid var(--msg-contenu-indisponible-border);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px !important;
    text-align: center;
    min-height: 45px;
    padding: 1rem;
    font-size: 14px;
    box-sizing: border-box;
}

.contenu-information-non-disponible {
    font: normal normal normal 1rem/1.125rem Arial;
}
/*fin #34431*/

/*spinner*/
.load4 .loader {
    color: #ffffff;
    font-size: 20px;
    margin: 100px auto;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

@-webkit-keyframes load4 {
    0%, 100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }

    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }

    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }

    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}

@keyframes load4 {
    0%, 100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }

    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }

    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }

    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}

.load-container {
    width: 240px;
    height: 240px;
    float: left;
    position: relative;
    overflow: hidden;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.loader {
    color: #ffffff;
    font-size: 0.5rem;
    margin: 100px auto;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    top: 5%;
}
/*spinner fin*/

/*#34433, GEL le 03/05/2022 : Ajout du bloc Raccourcis.TableauDeBord*/
.raccourcis-icon-right {
    -ms-flex-align: center;
    align-items: center;
    display: flex;
    font-size: 1.5rem;
    -ms-flex-pack: center;
    justify-content: right;
}

.info-box .info-box-text {
    /*font-weight: 600;*/
}

.info-box .info-box-number {
    font: normal normal normal 14px/18px Arial;
    margin-top: 0;
}

.info-box .info-box-icon {
    background: var(--systemF);
    margin-left: 0.2rem;
    width: 3.7rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    border-radius: 10px;
    border: 1px solid var(--systemA);
    font-size: 1.375rem;
    opacity: 1;
}

.divInfoBoxRaccourcis a:hover {
    color: var(--primaryA);
}
/*fin #34433*/


/*#34667 GEL le 12/05/2022*/
.salaries-iconSante {
    vertical-align: middle;
    font-size: 2rem;
    color: var(--sante);
    margin-right: 0.2rem;
}

.salaries-iconPrev {
    vertical-align: middle;
    font-size: 2rem;
    color: var(--prevoyance);
    margin-right: 0.2rem;
}

.salaries-DropDown-iconSante {
    vertical-align: middle;
    font-size: 1.5rem;
    color: var(--sante);
    margin-right: 0.4rem;
}

.salaries-DropDown-iconPrev {
    vertical-align: middle;
    font-size: 1.5rem;
    color: var(--prevoyance);
    margin-right: 0.4rem;
}

.rz-dropdown-item > span {
    display: flex;
    align-items: center;
}



.lienPrestations {
    color: var(--primaryA);
    text-decoration: underline;
    font-size: 0.75rem;
    margin-left: 0.5rem;
}

.lbRisques {
    font: normal normal normal 0.75rem/1rem Arial;
}

.spanCellCouverturePrevoyance {
    white-space: pre-wrap;
}

.spanTitleSalariesMobile {
    font: normal normal bold 1.125rem/1.625 Neo Sans Pro Regular;
}

/*Fin #34667*/




/* #34677 GEL le 30/05/2022 Liste des salariés Détail */
.divDetailSalarie {
    padding-top: 1.5rem;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.fontAdresseSalarie {
    font: normal normal normal 0.875rem/1.313px Arial;
    padding-bottom: 1.35rem;
}

.btnExpandCollapseDetail .fa-plus:before {
    font-family: "solimut-font";
    content: "\e91d";
    font-size: 2rem;
}

.btnExpandCollapseDetail .fa-minus:before {
    font-family: "solimut-font";
    content: '\e915';
    font-size: 2rem;
}

.btnExpandCollapseDetail .fas {
    font-weight: 400;
    color: var(--rz-row-datagrid);
}

.detailSalarieBorder {
    border-radius: 0.75rem;
}

.titreContrat {
    font: normal normal normal 1.125rem/1.625rem Neo Sans Pro Regular;
}

.detailContrat {
    font: normal normal bold 1rem/1.125rem Arial;
}

.detailRisqueFicovie {
    font: normal normal normal 1rem/1.125rem Arial;
    margin-right: 0.5rem;
}

.dateRisqueFicovie, .dateNonRecueFicovie {
    font: normal normal normal 0.875rem/1rem Arial;
    text-align: center;
    padding: 0.3rem;
}

.dateRisqueFicovie {
    background-color: var(--alertLow);
}

.dateNonRecueFicovie {
    background-color: var(--alertMedium);
}

.validiteContrat {
    font: normal normal normal 1rem/1.375rem Neo Sans Pro Regular;
}

.blocContrat {
    display: flex;
}

.divRightContrat {
    margin-left: auto;
    text-align: right;
}

    .divRightContrat td, .divRightContrat td button {
        padding-right: 0rem;
        padding-top: 0.6rem;
    }

        .divRightContrat td button i {
            margin-right: -0.15rem;
        }


/* Fin #34677 */

/*#35257 GEL le 09/06/2022 Page des contrats */

.tableContrats {
    width: 100%;
}

.colonneContrats {
    width: 25%;
    padding-right: 0.5rem;
    vertical-align: top;
}

.colonneBorder {
    border-left: 0.125rem solid rgba(var(--systemERGB), 0.2);
    width: 1%;
}

.detailContratCollectif, .ContatCollectifConseiller {
    vertical-align: top;
}

    .detailContratCollectif table {
        width: 100%;
    }

    .detailContratCollectif .card, .ContatCollectifConseiller .card {
        box-shadow: none;
    }

    .ContatCollectifConseiller .card {
        margin-bottom: 0rem;
    }

    .detailContratCollectif .card-body, .ContatCollectifConseiller .card-body {
        padding-top: 1rem;
        padding-right: 0.625em;
    }

    .ContatCollectifConseiller .card-body {
        padding-bottom: 1.25rem;
    }

    .detailContratCollectif .card-body {
        padding-bottom: 0rem;
    }

    .detailContratCollectif .card-body {
        padding-left: 3.38rem;
    }

    .ContatCollectifConseiller .card-body {
        padding-left: 0.1rem;
    }

    .detailContratCollectif .card-header, .ContatCollectifConseiller .card-header {
        border-top: 0.125rem solid rgba(var(--systemERGB), 0.2);
        border-bottom: none;
        border-radius: 0rem;
        padding-bottom: 0.75rem;
        padding-right: 1.25rem;
    }

    .detailContratCollectif .card-header {
        padding-top: 1.7rem;
        padding-left: 1.25rem;
    }

    .ContatCollectifConseiller .card-header {
        padding-top: 1rem;
        padding-left: 0.1rem;
    }

        .detailContratCollectif .card-header .card-title, .ContatCollectifConseiller .card-header .card-title {
            font: normal normal bold 1.125rem/1.625rem Neo Sans Pro Regular;
        }

.contratSelectionne {
    border-radius: 0.75rem;
    background-color: var(--systemA);
}

.widthPremiereColonne {
    width: 35%;
}

.fontEntete {
    font: normal normal bold 0.75rem/1rem Neo Sans Pro Regular;
}

.fontCorps {
    font: normal normal normal 1rem/1.125rem Arial;
}

.fontNomPrenomConseiller {
    font: normal normal normal 1.125rem/2rem Neo Sans Pro Regular;
}

.fontTelMailConseiller {
    font: normal normal normal 1rem/2rem Arial;
}

.ligneDetailEntreprise td {
    padding-bottom: 1rem;
}

/*Fin #35257*/



/* Mention RGPD*/
.mentions-rgpd {
    font-size: 0.75rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
    padding-left: 0rem;
    padding-right: 0rem;
    text-align: justify;
}


/*
    #35265 GEL le 13/06/2022 Page des contrats garanties et risques
    #36572 ASI le 04/08/2022 Correction retour recette 
*/
.tableGaranties {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    background: var(--systemA);
    padding-top: 0.5rem;
    border-bottom-width: 0.5rem;
    border-left-width: 0rem;
    padding-left: 0rem;
    padding-bottom: 0.5rem;
    margin-left: 0rem;
    margin-right: 0rem;
    border-radius: 0.625rem;
}

.garantieAffichee {
    padding-left: 1rem;
    padding-right: 0rem;
}

    .garantieAffichee > span {
        text-align: left;
        font: normal normal normal 1rem/1.125rem Arial;
        letter-spacing: 0rem;
        color: var(--systemC);
        opacity: 1;
    }

.downloadDocGarantie {
    padding-right: 1rem;
    padding-left: 0rem;
    text-align: right
}

.loadingDetailBlocDroit .card-body {
    padding-bottom: 1.25rem;
}

/*Fin #35265*/
.arret-pres-prev-tab-selected {
    border-bottom: 0.13rem solid green;
}

.my-reconnect-modal > div {
    position: fixed;
    inset: 0px;
    z-index: 1050;
    display: block;
    overflow: hidden;
    background-color: rgb(255, 255, 255);
    opacity: 0.8;
    text-align: center;
    font-weight: bold;
    transition: visibility 0s linear 500ms;
    visibility: visible;
}

.components-reconnect-hide > div {
    display: none;
}

.components-reconnect-show > div {
    display: none;
}

.components-reconnect-show > .show {
    padding-top: 5rem;
    display: block;
}

.components-reconnect-failed > div {
    display: none;
}

.components-reconnect-failed > .failed {
    padding-top: 5rem;
    display: block;
}

.components-reconnect-rejected > div {
    display: none;
}

.components-reconnect-rejected > .rejected {
    padding-top: 5rem;
    display: block;
}

.loader-reconnexion-blazor {
    font-size: 0.5rem;
    margin: 100px auto;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    top: 5%;
    margin-top: 0rem;
    margin-bottom: 0rem;
    color: var(--systemC);
}

.container-errors {
    padding-top: 6rem;
}

    .container-errors .row div h2 {
        text-align: center;
        color: var(--systemC);
        opacity: 1;
    }

    .container-errors .row div p {
        text-align: center;
        font: normal normal normal 1.125rem/1.625rem Neo Sans Pro Regular;
        letter-spacing: 0px;
        color: var(--systemC);
    }

.page-404 {
    background: var(--imagePage404) var(--systemA);
    background-repeat: no-repeat;
    background-position-y: 15rem;
    background-position-x: center
}

.page-500 {
    background: var(--imagePage500) var(--systemA);
    background-repeat: no-repeat;
    background-position-y: 15rem;
    background-position-x: center
}


.wordWrap {
    word-wrap: break-word;
    white-space: pre-wrap;
}

.layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link, .layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link, .layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse .wrapper .brand-link {
    height: 8rem;
    width: 4.6rem;
}

/* Carrousel Fonctionnalités */
.h150 {
    height: 150px;
}

.carousel-image {
    max-height: 500px;
    margin-bottom: 43px;
}

/*Début #36711 ASI le 22/09/2022*/
.modal-footer-libelle-mentions-legales {
    text-align: left;
    font: normal normal bold 0.9rem/1.2rem Arial;
    letter-spacing: 0rem;
    color: var(--systemC);
    opacity: 1;
    padding-left: 0rem;
    padding-right: 0rem;
}

.btn_rejected_mentions_legales {
    background: var(--primaryC) 0% 0% no-repeat padding-box;
    border-radius: 0.375rem;
    opacity: 1;
    width: inherit;
    height: 2.2rem;
    border-width: 0rem;
}

    .btn_rejected_mentions_legales > span {
        text-align: center;
        font: normal normal normal 1rem/1.375rem Neo Sans Pro Regular;
        letter-spacing: 0rem;
        color: var(--systemC);
        opacity: 1;
    }

.btn_accepted_mentions_legales {
    width: inherit;
}

    .btn_accepted_mentions_legales > span {
        text-align: center;
        font: normal normal bold 1rem/1.375rem Neo Sans Pro Regular;
        letter-spacing: 0px;
        color: var(--systemA);
        opacity: 1;
    }

/*Fin #36711*/

/*Début #39540 MAB le 25/01/2023*/
.label-EnteteTable {
    display: block;
    font-size: 0.7em;
    font-family: 'Neo Sans Pro Bold';
}

.label-Form {
    display: block;
    font-size: 0.7em;
    font-family: 'Neo Sans Pro Bold';
}


.btn_Annuler {
    background: var(--primaryC) 0% 0% no-repeat padding-box;
    border-radius: 0.375rem;
    opacity: 1;
    width: inherit;
    height: 2.2rem;
    border-width: 0rem;
    text-align: center;
    font: normal normal normal 16px/22px Neo Sans Pro Regular;
    letter-spacing: 0px;
    color: var(--systemC);
}

    .btn_Annuler > span {
        text-align: center;
        font: normal normal normal 1rem/1.375rem Neo Sans Pro Regular;
        letter-spacing: 0rem;
        color: var(--systemC);
        opacity: 1;
    }

.libelle-beneficiaire {
    background: var(--systemA) 0% 0% no-repeat padding-box;
    border-radius: 0.625rem;
    opacity: 1;
    text-align: center;
    padding: 0.5em;
    font: normal normal normal 1rem/1.125rem Arial;
    letter-spacing: 0px;
    color: var(--systemC);
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    margin-right: 0.5em;
}

    .libelle-beneficiaire > div > span {
        vertical-align: middle;
    }

/*Fin #36711*/

/*Début #37924*/

/*#carousel-marketing-info {
    padding-bottom: 0px;
    padding-top: 0px;
}
#carousel-marketing-info > .carousel-inner {
    display: flex;
}
#carousel-marketing-info > .carousel-inner > .carousel-item {
    display: block;
    margin-right: 0rem;
    flex: initial;
    padding: 1rem;
    width: auto;
    height: auto;
}
#carousel-marketing-info > .carousel-inner > .carousel-item:hover {
    cursor: pointer;
}
#carousel-marketing-info > .carousel-inner > .carousel-item > .card {
    margin: 0;
    width: 300px;
    height: 254px;
}
#carousel-marketing-info > .carousel-inner > .carousel-item > .card {
    margin: 0;
}
#carousel-marketing-info > .carousel-inner > .carousel-item > .card > .card-body > p {
    padding: 1em !important;
}*/


.card-img-top {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 133px;
    width: 300px;
    object-fit: cover;
}

.detail-card-infos-marketing {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    width: inherit;
    height: 2rem !important;
}

.nouveau-infos-marketing {
    position: absolute;
    padding: 1rem;
}

    .nouveau-infos-marketing > div {
        background: var(--primaryC) 0% 0% no-repeat padding-box;
        border: 1px solid var(--systemA);
        border-radius: 6px;
        opacity: 1;
    }

        .nouveau-infos-marketing > div > span {
            text-align: center;
            font: normal normal bold 0.75em/1em Neo Sans Pro Regular;
            letter-spacing: 0px;
            color: #328D45;
            opacity: 1;
            padding: 0.5em;
        }


.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: start !important;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
    width: 0.1rem !important;
}

.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: inline-flex !important;
    -ms-flex-align: center;
    align-items: center !important;
    -ms-flex-pack: center;
    justify-content: end !important;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
    width: 0.1rem !important;
}

.slide-info-marketing {
    font-size: 4em;
    color: black;
    background-color: white !important;
}
/*Fin*/

.rz-button.btn-primary {
    color: #fff !important;
    background-color: var(--primaryB) !important;
    border-color: var(--primaryB) !important;
    box-shadow: none !important;
}

.rz-dropdown {
    line-height: 1.5em;
    height: 2.25rem;
}

.rz-dropdown-label, .rz-inputtext {
    text-align: left;
    font: normal normal normal 16px/18px Arial !important;
    letter-spacing: 0px;
    color: var(--systemC);
    opacity: 1;
}

/*Début #38184 */
#modal-header-marketing {
    border-bottom: none !important;
    padding-left: 0rem !important;
    padding-top: 0rem !important;
    padding-right: 0rem !important;
}

    #modal-header-marketing > button {
        margin-top: 0.5rem !important;
        margin-right: 1.2rem !important;
        margin-left: -3rem !important;
        background-color: white;
        padding-left: 0.15625rem !important;
        padding-right: 0.15625rem !important;
        border-radius: 1.5rem !important;
    }

        #modal-header-marketing > button i {
            font-size: 1.2rem;
            text-shadow: none;
        }

#modal-title-marketing {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

#modal-dialog-marketing > .modal-content {
    padding-top: 0%;
    padding-bottom: 2%;
    border-radius: 1rem;
}

.detail-marketing-title {
    text-align: left;
    font: normal normal bold 1.5rem/2.125rem Neo Sans Pro Regular;
    letter-spacing: 0rem;
    color: var(--systemC);
    opacity: 1;
}

.detail-marketing-description {
    text-align: left;
    font: normal normal normal 1rem/1.125rem Arial;
    letter-spacing: 0rem;
    color: var(--systemC);
    opacity: 1;
}

.marketing-description {
    overflow-y: scroll;
    max-height: 10em;
    /* #34418 GEL le 19/04/2022 Works on Firefox */
    scrollbar-width: thin;
    scrollbar-color: var(--primaryA) var(--systemE);
}

    .marketing-description::-webkit-scrollbar {
        width: 5px !important; /* width of the entire scrollbar */
    }

    .marketing-description::-webkit-scrollbar-track {
        background: var(--systemE) !important; /* color of the tracking area */
        border-radius: 20px !important; /* roundness of the scroll thumb */
    }

    .marketing-description::-webkit-scrollbar-thumb {
        background-color: var(--primaryA) !important; /* color of the scroll thumb */
        border-radius: 20px !important; /* roundness of the scroll thumb */
        border: 1px solid var(--systemE) !important; /* creates padding around scroll thumb */
    }

/*Fin #38184*/

/*Début #38510*/

.contrat-title-h1 {
    text-align: left;
    font: normal normal 1.5rem/2.125rem Neo Sans Pro bold;
    letter-spacing: 0px;
    color: var(--systemC);
    opacity: 1;
}

.contrat-libelle-h1 {
    margin-bottom: 0px;
    vertical-align: middle;
    display: inline-block;
    padding-left: 0.5em;
}

.contrat-libelle_margin {
    margin-top: -0.5rem;
}

.contrat-souscription {
    text-align: left;
    font: italic normal bold 16px/18px Arial;
    letter-spacing: 0px;
    color: var(--systemC);
}

/*Fin #38510*/

/*Début #38512*/
.dernier-paiement-contrat {
    text-align: left;
    font: normal normal bold 0.75rem/1rem Neo Sans Pro Regular;
    letter-spacing: 0px;
    color: #191919;
    opacity: 1;
    padding-bottom: 0.5em;
}

.dernier-paiement-contrat-montant {
    text-align: left;
    font: normal normal normal 1rem/1.125rem Arial;
    letter-spacing: 0px;
    color: var(--systemC);
    opacity: 1;
}
/*Fin #38512*/

/*Début #38511*/
.libelle-risque {
    background: var(--systemA) 0% 0% no-repeat padding-box;
    border-radius: 0.625rem;
    opacity: 1;
    text-align: center;
    padding: 0.5em;
    font: normal normal normal 1rem/1.125rem Arial;
    letter-spacing: 0px;
    color: var(--systemC);
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    margin-right: 0.5em;
}

    .libelle-risque > div > span {
        vertical-align: middle;
    }

.icon-download-green {
    color: var(--primaryA);
    font-size: 1.4rem;
    vertical-align: middle;
}

.exemple-remboursement {
    text-align: left;
    font: normal normal normal 0.875rem/1rem Arial;
    letter-spacing: 0px;
    opacity: 1;
    padding-top: 0rem;
}

    .exemple-remboursement > a > span {
        color: var(--primaryA);
    }

.nopadding-left-right {
    padding-left: 0px;
    padding-right: 0px;
}

.div-garantie-libelle {
    opacity: 1;
    text-align: left;
    padding: 0.5em;
    font: normal normal normal 1rem/1.125rem Arial;
    letter-spacing: 0px;
    color: var(--systemC);
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    margin-right: 0.5em;
}

/*Fin*/

.text-simple {
    text-align: left;
    font: normal normal normal 0.875rem/1.125rem Arial;
    letter-spacing: 0px;
    color: var(--systemC);
    opacity: 1;
}

.text-titre {
    text-align: left;
    font: normal normal bold 1rem/1.375rem Neo Sans Pro Regular;
    letter-spacing: 0px;
    color: var(--systemC);
    opacity: 1;
    vertical-align: middle;
}

/*Début #39540 MAB le 25/01/2023*/
.modal-text-simple {
    text-align: left;
    font: normal normal normal 0.875rem/1rem Arial;
    letter-spacing: 0px;
    color: var(--systemC);
    opacity: 1;
}


.text-note-bas-page {
    text-align: left;
    font: normal normal normal 0.75rem/1rem Arial;
    font-size: 0.75rem;
    letter-spacing: 0px;
    color: var(--systemC);
    opacity: 1;
}

.row-modal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

hr {
    height: 0px;
    border: none;
    border-top: 0.1rem solid silver;
}


/*Fin*/


.icon-informations-green {
    color: white;
    background-color: green;
    border-radius: 20px;
}

.icon-informations-green-color {
    color: var(--primaryA) !important;
    background-color: white;
    border-radius: 0.625rem;
    font-size: 1.6rem !important;
}

.icon-informations-warning {
    color: white;
    background-color: darkorange;
    border-radius: 20px;
}

.btn-modifier-beneficiaire {
    padding-right: 0px;
}

    .btn-modifier-beneficiaire > i {
        vertical-align: middle
    }

.btn-supprimer-beneficiaire {
    padding-left: 0px;
}

    .btn-supprimer-beneficiaire > i {
        vertical-align: middle
    }

.padding-bottom {
    padding-bottom: 0.5rem;
}

.card-body-tableau-bord {
    padding-bottom: 0;
    padding-top: 0;
}

.row-dernier-paiement {
    padding-top: 0.0rem;
    padding-bottom: 0.0rem;
}

.rz-dialog-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--primaryA);
    opacity: 0.25;
}

.rz-dialog-title {
    text-align: left;
    font: normal normal 24px/34px Neo Sans Pro bold;
    letter-spacing: 0px;
    color: var(--primaryA);
    opacity: 1;
}

.rz-dialog-content {
    padding: 2.0rem;
    overflow: auto;
}


.rz-dialog-titlebar {
    padding: 2.0rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    padding-bottom: 1rem;
}

.rz-dialog-titlebar-close {
    float: right;
    vertical-align: middle;
}

    .rz-dialog-titlebar-close .rzi-times {
        font-size: 1.75rem;
        color: var(--dark);
        vertical-align: middle;
    }



.col-form-label {
    text-align: left;
    font: normal normal 12px/16px Neo Sans Pro bold;
    font-weight: normal;
    letter-spacing: 0px;
    color: var(--systemC);
    opacity: 1;
}

.rz-dialog-wrapper .rz-dialog-content {
    font: normal bold 1rem/1.375rem Neo Sans Pro Bold;
    color: var(--dark);
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    /*height:100%;*/
}

    .rz-dialog-wrapper .rz-dialog-content > p {
        padding-left: 32px;
        padding-right: 32px;
        margin-right: 0px;
        margin-left: 0px;
    }

    .rz-dialog-wrapper .rz-dialog-content > div {
        padding-left: 32px;
        padding-right: 32px;
        margin-right: 0px;
        margin-left: 0px;
    }

.icon-teletrans-ok-active {
    color: var(--primaryA);
}

.icon-teletrans-ko-active {
    color: darkorange;
}

.option4Niv-texte-bold {
    text-align: center;
    font: normal normal bold 0.875rem/1rem Arial;
    letter-spacing: 0px;
    color: var(--systemC);
    opacity: 1;
}

.btn-code-non-recu {
    font: normal normal normal 1rem/1.375rem Neo Sans Pro Regular;
    letter-spacing: 0px;
    color: var(--systemC);
    opacity: 1;
    background-color: var(--primaryC) !important;
    border-width: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.expiration-time {
    text-align: center;
    font: normal normal bold 0.875rem/1rem Arial;
    letter-spacing: 0px;
    color: var(--primaryA);
}

.rz-dialog-alert-buttons {
    float: right;
    text-align: right;
    gap: 0.5rem;
}

.change-cursor:where(:hover) {
    cursor: pointer;
}

.icon-envoyer-green {
    color: var(--primaryA);
    font-size: x-large;
    vertical-align: middle;
    float: right;
}

.rz-datepicker-trigger .rzi-calendar:before {
    font-family: 'solimut-font';
    content: '\f274';
}

#zone-facture {
    width: 100%;
    border-radius: 0.375rem;
    font: normal normal normal 1rem/1.3rem Arial;
    display: flex;
    align-content: center;
    align-items: center;
    background-image: repeating-linear-gradient(0deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px), repeating-linear-gradient(90deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px), repeating-linear-gradient(180deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px), repeating-linear-gradient(270deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px);
    background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
}

#envoi-facture {
    width: 90%;
    margin: 2% auto;
    text-align: center;
}

    #envoi-facture a:hover {
        color: var(--primaryA);
    }


    #envoi-facture #fichier-facture {
        display: none;
    }


#zone-CAM {
    width: 100%;
    border-radius: 0.375rem;
    font: normal normal normal 1rem/1.3rem Arial;
    display: flex;
    align-content: center;
    align-items: center;
    background-image: repeating-linear-gradient(0deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px), repeating-linear-gradient(90deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px), repeating-linear-gradient(180deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px), repeating-linear-gradient(270deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px);
    background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
}

#envoi-CAM {
    width: 90%;
    margin: 2% auto;
    text-align: center;
}

    #envoi-CAM a:hover {
        color: var(--primaryA);
    }


    #envoi-CAM #fichier-CAM {
        display: none;
    }

.recap_demande_remboursement_sante_doc {
    background: var(--systemA) 0% 0% no-repeat padding-box;
    border: 0.063rem dashed var(--systemE);
    border-radius: 0.375rem;
    opacity: 1;
    margin-top: 1rem;
    padding: 1rem;
}

.recap_demande_remboursement_sante_infoBenef_libelle {
    text-align: left;
    font: normal normal normal 0.875rem/1rem Arial;
    letter-spacing: 0px;
    color: var(--systemC);
    opacity: 1;
}

.recap_demande_remboursement_sante_infoBenef {
    text-align: right;
    font: normal normal bold 1rem/1.375rem Neo Sans Pro Regular;
    letter-spacing: 0px;
    color: var(--systemC);
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .nav-sidebar .nav-item > .nav-link .right {
        transition: none;
        right: 35px;
    }
}

.nav-sidebar .nav-item > a.nav-link {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.nav-sidebar .menu-open > .nav-link svg.right, .nav-sidebar .menu-open > .nav-link i.right, .nav-sidebar .menu-is-opening > .nav-link svg.right, .nav-sidebar .menu-is-opening > .nav-link i.right {
    -webkit-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
}

.card .overlay {
    border-radius: 10px;
}

.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
    height: 38px;
    width: 100%;
    text-align: left;
    font: normal normal normal 16px/18px Arial;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

#carousel-marketing-info > .carousel-inner > .carousel-item > .card > .card-body > h2 {
    display: block;
    overflow: hidden;
    height: 2.5rem !important;
}

.fontPoliceTable {
    font: normal normal normal 0.875rem/1rem Arial !important;
}

.medaviz-icons {
    text-align: center;
    font-size: 3rem;
    color: var(--primaryA);
    padding: 1rem;
}

.medaviz-text {
    text-align: center;
}

.zoneMedaviz-icons {
    background-color: var(--systemA);
    border-radius: 10px;
}

/*Début #41614*/
.fichier-prev {
    display: none;
}

#zone-fichier-prev {
    width: 100%;
    border-radius: 0.375rem;
    font: normal normal normal 1rem/1.3rem Arial;
    display: flex;
    align-content: center;
    align-items: center;
    background-image: repeating-linear-gradient(0deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px), repeating-linear-gradient(90deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px), repeating-linear-gradient(180deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px), repeating-linear-gradient(270deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px);
    background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
}

#envoi-fichier-prev {
    width: 90%;
    margin: 2% auto;
    text-align: center;
}

    #envoi-fichier-prev a:hover {
        color: var(--primaryA);
    }

/*Fin #41614*/

.nav-bonjour {
    height: auto !important;
}

    .nav-bonjour > span {
        text-align: left;
        font: normal normal 24px/34px Neo Sans Pro bold;
        letter-spacing: 0px;
        color: var(--primaryC);
        opacity: 1;
    }

.card-img-marketing {
    height: 133px !important;
    width: 300px !important;
}

.libelle-contrat-tb {
    text-align: left !important;
    font: normal normal bold 0.875rem/1rem Arial !important;
    letter-spacing: 0px !important;
    color: var(--systemC) !important;
    opacity: 1 !important;
}

.logo-pel {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 160px;
    height: 20px;
}

.dialog-footer {
    background: var(--primaryC) 0% 0% no-repeat padding-box;
    box-shadow: 0px -4px 5px #00000007;
    padding-top: 1rem;
}

.card-Resilier-Contrat {
    background: var(--disabled) 0% 0% no-repeat padding-box;
    border: 1px solid var(--disabled);
    border-radius: 10px;
    opacity: 1;
    box-shadow: none;
}

.autreMotifResiliation {
    text-align: right;
    font: normal normal normal 1rem/1.125rem Arial;
    letter-spacing: 0px;
    color: var(--systemC);
}

.affichage-img-etape-resiliation {
    width: 130px;
    height: auto;
}

.btn-parrainage-partage {
    border-radius: 50%;
    border: 1px solid #C1B6B2;
    padding: 0px;
    width: 55px;
    height: 55px;
    margin-right: 14px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 0px;
    padding-right: 0px;
}


    .btn-parrainage-partage > i.icon {
        font-size: 1.3rem;
        vertical-align: middle;
    }

.parrainage-condition {
    text-align: left;
    font: normal normal bold 12px/14px Arial;
    letter-spacing: 0px;
    color: var(--systemC);
    opacity: 1;
}

.parrainage-condition-offre {
    background: rgba(var(--systemERGB), 0.2);
    padding-right: 0.7rem;
    margin: 0rem;
    height: 3rem;
    border-top: 0.05rem solid;
    border-top-color: currentcolor;
    border-top-color: var(--primaryC);
    align-items: center;
    border-radius: 10px;
}

    .parrainage-condition-offre > div.col-11 > span {
        margin-left: 0px;
        padding-left: 16px;
        padding-right: 0px;
    }

    .parrainage-condition-offre > div.col-1 > i {
        padding-right: 20px;
    }

.parrainage-parrain-libelle {
    text-align: left;
    font: normal normal normal 18px/26px Neo Sans Pro Regular;
    letter-spacing: 0px;
    color: var(--systemC);
    opacity: 1;
}

.filleul-text {
    text-align: left;
    font: normal normal normal 16px/18px Arial;
    letter-spacing: 0px;
    color: var(--systemC);
    opacity: 1;
}

/* #42086, ARA le 12/05/2023 : body du toast cookie*/
.modal-dialog-cookie {
    position: absolute;
    bottom: 20px;
    right: 20px;
    margin: 0;
    min-height: unset;
    overflow-y: scroll;
}

    .modal-dialog-cookie .modal-content {
        border-radius: 20px !important;
        max-height: 90vh;
        box-shadow: none;
    }

        .modal-dialog-cookie .modal-content .modal-header {
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
            box-shadow: none;
        }

    .modal-dialog-cookie .modal-body {
        max-height: 100rem !important;
        color: var(--systemC);
        font: normal normal normal 1rem/1.125rem Arial !important;
        overflow-y: scroll;
        scrollbar-width: thin;
        scrollbar-color: var(--primaryA) var(--systemE);
        padding-left: 2rem;
        padding-right: 0.5rem;
    }



/* background du bouton disabled*/
.btn-secondary {
    color: #fff;
    background-color: var(--systemE);
    border-color: var(--systemE);
    box-shadow: none;
}

/* ajout span en mode link a*/
.spanLink {
    cursor: pointer;
}

    .spanLink:hover {
        color: var(--primaryA);
    }

.spanCocher {
    color: var(--systemB);
}

.cookie-label-checkbox {
    text-align: left;
    font: normal normal 1rem/1.5rem Neo Sans Pro bold !important;
    letter-spacing: 0px;
    color: var(--systemC);
}

.cookie-text-checkbox {
    padding-left: 1.6rem;
    padding-top: 0.5rem;
}

.btn-cookie-1 {
    font: normal normal 16px/22px Neo Sans Pro bold;
    background-color: transparent;
    color: var(--primaryA);
    padding: 0.3rem 0.45rem;
}

.btn-cookie-2 {
    background-color: transparent;
    color: var(--systemC);
    text-decoration: underline;
    padding: 0;
}

.row-header-cookie {
    display: contents;
}

.div-btn-cookie-1 {
    text-align: center;
}

@media screen and (max-width: 992px) {
    #modalCookie {
        width: 100vw;
        /*        display: flex;
        justify-content: center;*/
    }

    .modal-dialog-cookie {
        position: relative;
        height: 100%;
        width: 100vw;
        padding-right: 0;
        padding-top: 0;
        bottom: 0;
        right: 0;
    }

        .modal-dialog-cookie .modal-content {
            height: 100%;
            min-height: 100%;
            border-radius: 0 !important;
        }
}
/* fin #42086 */

.fontArialRegular16px {
    font: normal normal normal 0.875rem/0.875rem Arial !important;
}

/* Correctif décalage des checkbox */
#checkboxDmdSante label.custom-control-label.form-check-label.modal-text-simple::before, #checkboxDmdSante label.custom-control-label.form-check-label.modal-text-simple::after {
    top: 0px !important;
}

#checkboxTeleconsult label.custom-control-label.form-check-label.modal-text-simple::before, #checkboxTeleconsult label.custom-control-label.form-check-label.modal-text-simple::after {
    top: 0px !important;
}



/* Btn des pages de dmd santé - prev - pec hospi */
.btn-responsive {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin: auto;
}

@media all and (max-width: 768px) {
    .btn-responsive {
        width: 100%;
    }
}

/* Hover effects */
.card-tools a > span:hover {
    font-weight: bold;
    letter-spacing: -0.35px;
}

a:hover .greenHover {
    color: var(--primaryA);
}

/* Masque le bouton de reveal générique sur les champs de mdp sur Edge */
input::-ms-reveal,
input::-ms-clear {
    display: none;
}


/* #44523, YAL le 19/10/2023 : icons détail */
.info-box-icon-refuse {
    background: var(--BGiconRefuse) 0% 0% no-repeat padding-box !important;
    color: var(--primaryC) !important;
    border-radius: 8px 0px 0px 8px !important;
    opacity: 1 !important;
    width: 52px;
    height: 52px;
    opacity: 1;
}

.info-box-icon-accepte {
    background: var(--BGiconAccepte) 0% 0% no-repeat padding-box !important;
    color: var(--primaryC) !important;
    border-radius: 8px 0px 0px 8px !important;
    width: 52px;
    height: 52px;
    opacity: 1 !important;
}

.info-box-icon-attente {
    background: var(--BGiconAttente) 0% 0% no-repeat padding-box !important;
    color: var(--primaryC) !important;
    border-radius: 8px 0px 0px 8px !important;
    width: 52px;
    height: 52px;
    opacity: 1 !important;
}

.info-box-icon-autre {
    color: var(--menugris) !important;
    background: #e6dddd 0% 0% no-repeat padding-box !important;
    border-radius: 8px 0px 0px 8px !important;
    width: 52px;
    height: 52px;
    opacity: 1 !important;
}

.td-info-box-text-paiement {
    width: 25% !important;
    font: normal normal bold 16px/18px Arial;
    letter-spacing: 0px;
    text-align: left;
    letter-spacing: 0rem;
    color: var(--systemC);
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.td-box-paiement {
    font: normal normal normal 16px/18px Arial;
    letter-spacing: 0px;
    width: 37% !important;
    font-weight: normal;
    margin-bottom: 6px;
    padding-bottom: 6px;
}

.table-box-paiement {
    width: 100%;
}

.title-tabs-selected {
    margin-bottom: 0px;
    text-align: left;
    font: normal normal 18px/26px Neo Sans Pro Bold;
    letter-spacing: 0px;
    color: #328D45;
    opacity: 1;
    border-bottom: 0.13rem solid green;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.title-tabs-not-selected {
    margin-bottom: 0px;
    font: normal normal normal 18px/26px Neo Sans Pro Regular;
    letter-spacing: 0px;
    color: #758085;
    opacity: 1;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.card-header-tabs {
    padding: 0px;
    margin: 0px;
    border-bottom-width: 1px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

    .card-header-tabs > nav {
        padding: 0px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

.margin-tabs {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
}

.rz-tooltip {
    max-width: 228px !important;
    position: fixed;
    width: 228px !important;
    background: var(--primaryC) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 9px #00000029;
    border-radius: 4px;
    opacity: 1;
}

.rz-right-tooltip-content {
    background: transparent !important;
    padding: 1rem;
}

.motif-refus-title {
    text-align: left;
    font: normal normal bold 14px/16px Arial;
    letter-spacing: 0px;
    color: var(--alertHigh);
    opacity: 1;
}

.rz-tooltip-content {
    white-space: normal !important;
}

.motif-refus-text {
    word-break: break-word;
    text-align: left;
    font: normal normal normal 12px/14px Arial;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

#motifRefus {
    display: none;
}

.etatDossier:hover + #motifRefus {
    display: block;
}

#tooltip {
    background: var(--primaryC) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 9px #00000029;
    border-radius: 4px;
    opacity: 1;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

.etatFacture {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.etatFacture-attente {
    background: var(--primaryC) 0% 0% no-repeat padding-box;
    border: 1px solid var(--BGiconAttente);
    border-radius: 20px;
    opacity: 1;
}

.etatFacture-rejete {
    background: var(--primaryC) 0% 0% no-repeat padding-box;
    border: 1px solid var(--BGiconRefuse);
    border-radius: 20px;
    opacity: 1;
}

.etatFacture-regle {
    background: var(--primaryC) 0% 0% no-repeat padding-box;
    border: 1px solid var(--BGiconAccepte);
    border-radius: 20px;
    opacity: 1;
}

/*fin #44523*/

/*Début #45725*/

.rz-navigation-item-icon-children {
    display: none;
}

.transformPEC {
    background: var(--primaryC) 0% 0% no-repeat padding-box;
    border: 3px solid var(--systemA);
    border-radius: 10px;
    opacity: 1;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1rem;
}

.btnCreeDevisOption {
    width: 111px;
    height: 36px;
    background: #DC241F 0% 0% no-repeat padding-box;
    border-radius: 6px;
    opacity: 1;
}
/*Fin #45725*/

.invalid {
    border: 1px ridge var(--alertHigh);
}

/*Début #45772*/
.zone {
    width: 100%;
    border-radius: 0.375rem;
    font: normal normal normal 1rem/1.3rem Arial;
    display: flex;
    align-content: center;
    align-items: center;
    background-image: repeating-linear-gradient(0deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px), repeating-linear-gradient(90deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px), repeating-linear-gradient(180deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px), repeating-linear-gradient(270deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px);
    background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
}

.envoi {
    width: 90%;
    margin: 2% auto;
    text-align: center;
}

    .envoi a:hover {
        color: var(--primaryA);
    }

    .envoi .inputFile {
        display: none;
    }

.marging-left-right {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}
/*Fin #45772*/

[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link:hover, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link:focus {
    background: var(--systemA) 0% 0% no-repeat padding-box;
    opacity: 1;
}

ul.sub-menu-items > li.nav-item > a > p {
    font: normal normal normal 16px/18px Arial Regular;
    letter-spacing: 0px;
    color: var(--systemC);
    opacity: 1;
}

.sub-menu-active {
    background: var(--systemA) 0% 0% no-repeat padding-box;
    opacity: 1;
}

.btn-detail {
    background: var(--primaryB) 0% 0% no-repeat padding-box;
    border-radius: 6px;
    opacity: 1;
    width: auto;
}

hr.separation-line {
    height: 0px;
    border: none;
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    opacity: 1;
}

.annuler-pec-span {
    text-align: left;
    font: normal normal normal 14px/16px Arial;
    letter-spacing: 0px;
    color: var(--systemC);
    opacity: 1;
}

/*Debut #45796*/
.StepProgress {
    position: relative;
    padding-left: 45px;
    list-style: none;
}

    .StepProgress::before {
        display: inline-block;
        content: '';
        position: absolute;
        top: 0;
        left: 15px;
        width: 10px;
        height: 100%;
    }

.StepProgress-item {
    position: relative;
    counter-increment: list;
}

    .StepProgress-item:not(:last-child) {
        padding-bottom: 30px;
    }


    .StepProgress-item::before {
        display: inline-block;
        content: '';
        position: absolute;
        left: -30px;
        height: 100%;
        width: 10px;
    }

    .StepProgress-item::after {
        content: counter(list);
        display: inline-block;
        position: absolute;
        top: 0;
        left: -41px;
        width: 25px;
        height: 25px;
        border: 2px solid #CCC;
        border-radius: 50%;
        background-color: #FFF;
    }

    .StepProgress-item.is-done::before {
        border-left: 2px solid green !important;
    }

    .StepProgress-item.is-done::after {
        content: counter(list);
        font-size: 15px;
        color: white !important;
        ;
        text-align: center;
        border: 2px solid green !important;
        background-color: green !important;
    }

    .StepProgress-item.current::before {
        border-left: 2px solid #C1B6B2;
    }

    .StepProgress-item.current::after {
        content: counter(list);
        padding-top: 1px;
        width: 25px;
        height: 25px;
        top: 0;
        left: -41px;
        font-size: 14px;
        text-align: center;
        color: #C1B6B2;
        border: 2px solid #C1B6B2;
        background-color: white;
    }

.StepProgress strong {
    display: block;
}

.table-devis {
    margin-top: 1rem;
    background: rgba(10, 149, 63, 0.13) 0% 0% no-repeat padding-box;
    border: 1px solid rgba(10, 149, 63, 0.13);
    border-radius: 6px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

    .table-devis > table {
        width: inherit;
        margin-bottom: 0.5rem;
    }

        .table-devis > table > tr > th {
            padding-top: 1rem;
            padding-bottom: 1rem;
        }

        .table-devis > table > tr > td:first-child {
            width: 120px;
            padding-left: 1rem;
        }

        .table-devis > table > tr > td {
            border: 1px solid #D9D9D9;
            background-color: white;
        }

.dropListTable {
    text-align: center;
    vertical-align: middle;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
}

.rz-chkbox-box .rzi, .rz-chkbox-box
.rz-column-drag, .rz-chkbox-box .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-chkbox-box .rzi-circle-o-notch, .rz-chkbox-box .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-chkbox-box .rzi-plus, .rz-chkbox-box .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-chkbox-box .rzi-grid-sort, .rz-chkbox-box .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-chkbox-box .rzi-chevron-circle-down, .rz-chkbox-box .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-chkbox-box .rzi-chevron-circle-right, .rz-chkbox-box .rz-fileupload-row .rz-button .rzi-close, .rz-chkbox-box .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-chkbox-box .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-chkbox-box .rzi-close, .rz-chkbox-box .rz-fileupload-row .rz-button .rzi-times, .rz-chkbox-box .rz-fileupload-row .rz-paginator-element .rzi-times, .rz-fileupload-row .rz-button .rz-chkbox-box .rzi-times, .rz-fileupload-row .rz-paginator-element .rz-chkbox-box .rzi-times, .rz-chkbox-box .rz-fileupload-row .rz-button .rz-icon-trash, .rz-chkbox-box .rz-fileupload-row .rz-paginator-element .rz-icon-trash, .rz-fileupload-row .rz-button .rz-chkbox-box .rz-icon-trash, .rz-fileupload-row .rz-paginator-element .rz-chkbox-box .rz-icon-trash, .rz-chkbox-box .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-chkbox-box .rz-menuitem-icon {
    width: inherit !important;
    height: inherit !important;
    font-size: x-large !important;
    color: var(--primaryA) !important;
    vertical-align: middle !important;
    background-color: transparent !important;
    border-radius: 0.125rem !important;
}

.recap-beneficiaire {
    text-align: left;
    font: normal normal normal 16px/18px Arial;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

#tabRecapDevis {
    border-collapse: collapse;
    border-spacing: 0;
    width: inherit;
    table-layout: fixed;
}

    #tabRecapDevis.detail-odd > tbody > tr:not(:last-child) {
        background: var(--systemA) 0% 0% no-repeat padding-box;
        border-bottom: 0.5rem solid var(--primaryC);
        opacity: 1;
    }

.align-right {
    text-align: right;
}

th.align-right {
    text-align: right;
    padding-right: 18px;
}

/*.rz-autocomplete:hover:not(.rz-state-disabled), .rz-radiobutton-box:hover:not(.rz-state-disabled), .rz-chkbox-box:hover:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-spinner:not(:disabled):not(.rz-state-disabled):focus, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus, .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-spinner:not(:disabled):not(.rz-state-disabled):hover, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover {
    box-shadow: none;
    border: 1px solid var(--primaryA);
}*/
/*Fin #45796*/


ul.creerNVDevisUl {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 9px #00000029;
    border-radius: 4px;
    opacity: 1;
    width: 206px;
    list-style: none;
    padding-left: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

    ul.creerNVDevisUl > li {
        text-align: left;
        font: normal normal normal 14px/16px Arial;
        letter-spacing: 0px;
        color: #03120E;
        opacity: 1;
    }

.table-devis-dentaire > table.dent-ccam {
    width: inherit;
    margin-bottom: 0.5rem;
}

    .table-devis-dentaire > table.dent-ccam > tr {
        height: 48px;
    }

        .table-devis-dentaire > table.dent-ccam > tr > th {
            padding-top: 1rem;
            padding-bottom: 1rem;
        }

            .table-devis-dentaire > table.dent-ccam > tr > th:last-child {
                padding-top: 1rem;
                padding-bottom: 1rem;
                display: none;
            }

        .table-devis-dentaire > table.dent-ccam > tr > td {
            border: 1px solid #D9D9D9;
            background-color: white;
        }

            .table-devis-dentaire > table.dent-ccam > tr > td:last-child {
                border: none;
                background-color: white;
            }

.rz-radiobutton-box .rzi-circle-on {
    border-radius: 50%;
    vertical-align: middle;
    background-color: var(--primaryA);
    box-shadow: inset 0 4px 7px 0 rgba(0, 0, 0, 0.03);
}

.rz-radio-button-list-vertical:not(.rz-state-disabled) > div > .rz-radiobutton-label:hover,
.rz-radio-button-list-horizontal:not(.rz-state-disabled) > div > .rz-radiobutton-label:hover {
    color: var(--primaryA);
    cursor: pointer;
}

#footerDevis {
    bottom: 0;
    position: absolute;
    max-width: 100%;
    width: 100%;
    margin-bottom: 2rem;
}

#actesDentaire {
    overflow-x: hidden;
    overflow-y: auto;
}

.rz-radiobutton-label {
    margin: 0 1rem 0 0.5rem;
    vertical-align: middle;
    text-align: left;
    font: normal normal normal 16px/18px Arial !important;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.ajouterLigneActeDentaire {
    padding-top: 0.5rem;
}

    .ajouterLigneActeDentaire > div > span > i.icon-ouvrir {
        font-size: x-large;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 0.5rem;
    }

    .ajouterLigneActeDentaire > div > span {
        cursor: pointer;
        text-align: left;
        font: normal normal normal 16px/18px Arial;
        letter-spacing: 0px;
        color: #000000;
        opacity: 1;
        padding-left: 0.5rem;
    }

        .ajouterLigneActeDentaire > div > span:hover {
            color: var(--primaryA);
        }

.tooth {
    cursor: pointer;
    stroke: var(--systemC);
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: miter;
    stroke-miterlimit: 4;
    stroke-opacity: 1;
    stroke-dasharray: none
}

.tooth-butt {
    cursor: pointer;
    stroke: var(--systemC);
    stroke-width: 1;
    stroke-linecap: butt;
    stroke-linejoin: miter;
    stroke-miterlimit: 4;
    stroke-opacity: 1;
    stroke-dasharray: none;
}

.tooth-round {
    cursor: pointer;
    fill: none;
    stroke: #000000;
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 4;
    stroke-opacity: 1;
    stroke-dasharray: none;
    marker-start: none;
    marker-mid: none;
}

.tooth-text {
    font-size: 10.13467216px;
    font-style: normal;
    font-weight: normal;
    line-height: 125%;
    letter-spacing: 0px;
    word-spacing: 0px;
    fill: var(--systemC);
    fill-opacity: 1;
    stroke: none;
    font-family: Sans
}

div.table-devis-dentaire > table > tr > td > i.icon-dentaire:hover {
    color: var(--primaryA);
}

.table-devis-dentaire > table.dent-ngap {
    width: inherit;
    margin-bottom: 0.5rem;
}

    .table-devis-dentaire > table.dent-ngap > tr {
        height: 48px;
    }

        .table-devis-dentaire > table.dent-ngap > tr > th {
            padding-top: 1rem;
            padding-bottom: 1rem;
        }

        .table-devis-dentaire > table.dent-ngap > tr > td {
            border: 1px solid #D9D9D9;
            background-color: white;
        }

.td-infoAMO > i.icon-attention {
    vertical-align: central;
    font-size: x-large;
    color: #F1A66A;
    margin-left: 1rem;
    cursor: pointer
}

.td-infoAMO > i.fa-trash {
    vertical-align: central;
    font-size: x-large;
    color: black;
    margin-left: 1rem;
    cursor: pointer
}

#tooltipInfoAMO > h1#tooltipInfoAMO_title {
    text-align: left;
    font: normal normal 18px/26px Neo Sans Pro bold;
    letter-spacing: 0px;
    color: var(--systemC);
    opacity: 1;
    padding-left: 1rem;
    margin-right: 1rem;
    margin-top: 1rem;
}

#tooltipInfoAMO > div.row {
    padding-left: 1rem;
    padding-right: 1rem;
    background: none;
    border: 0;
    border-radius: 0;
    margin: 0;
}

    #tooltipInfoAMO > div.row > div.col-12 > p {
        text-align: left;
        font: normal normal normal 14px/18px Arial;
        letter-spacing: 0px;
        color: #000000;
        opacity: 1;
    }

#tooltipInfoAMO {
    box-shadow: 0px 3px 9px #00000029;
    border-radius: 4px;
    opacity: 1;
    padding: 0.5rem;
    background-color: var(--primaryC);
    max-width: max-content;
    position: absolute;
    right: 0;
    display: none;
}

    #tooltipInfoAMO > div {
        background: #F6F6F6 0% 0% no-repeat padding-box;
        border: 1px solid #F6F6F6;
        border-radius: 10px;
        opacity: 1;
        margin-left: 1rem;
        margin-right: 1rem;
        margin-bottom: 1rem;
    }

        #tooltipInfoAMO > div > ul {
            text-align: left;
            font: normal normal normal 12px/14px Arial;
            letter-spacing: 0px;
            color: #000000;
            opacity: 1;
            padding-left: 40px;
        }

            #tooltipInfoAMO > div > ul > li {
                margin-top: 0.5rem;
                margin-bottom: 0.5rem;
            }

                #tooltipInfoAMO > div > ul > li::marker {
                    color: var(--primaryA);
                }

/* #48043, MSA le 16/04/2024 */
/* #45944, YLA le 17/01/2024 */
#footerPecHos, #footerDevisSex {
    bottom: 0;
    position: absolute;
    max-width: 100%;
    width: 100%;
    margin-bottom: 2rem;
}

/* #48043, MSA le 16/04/2024 */
#actesPecHos, #actesPecSex, #actesDevisSex {
    overflow-x: hidden;
    overflow-y: auto;
}


.tablePecHos {
    width: inherit;
    margin-bottom: 0.5rem;
}

    .tablePecHos > tr {
        height: 48px;
    }

        .tablePecHos > tr > th {
            padding-top: 1rem;
            padding-bottom: 1rem;
            width: 48%;
        }

            .tablePecHos > tr > th:last-child {
                padding-top: 1rem;
                padding-bottom: 1rem;
                display: none;
                width: 4%;
            }

        .tablePecHos > tr > td {
            border: 1px solid #D9D9D9;
            background-color: white;
            width: 48%;
        }

            .tablePecHos > tr > td:last-child {
                border: none;
                background-color: white;
                width: 4%;
                text-align: center;
            }


.ligneTableRecapHosp {
    background: var(--systemA) 0% 0% no-repeat padding-box;
    border-bottom: 0.5rem solid var(--primaryC);
    opacity: 1;
}

    .ligneTableRecapHosp > td {
        padding: 1rem;
    }

.tablePecSex {
    width: inherit;
    margin-bottom: 0.5rem;
}

    .tablePecSex > tr {
        height: 48px;
    }

        .tablePecSex > tr > th {
            padding-top: 1rem;
            padding-bottom: 1rem;
        }

            .tablePecSex > tr > th:last-child {
                padding-top: 1rem;
                padding-bottom: 1rem;
                display: none;
                /*width: 4%;*/
            }

        .tablePecSex > tr > td {
            border: 1px solid #D9D9D9;
            background-color: white;
            width: 48%;
        }

            .tablePecSex > tr > td:last-child {
                border: none;
                background-color: white;
                /*width: 4%;*/
                text-align: center;
            }

/* Début #45948 */
.toast-cookie-body {
    background-color: white
}

.toast-cookie h1 {
    margin-bottom: 0;
}

.toast-cookie {
    max-width: 650px;
}
/* Fin #45948 */

.login-extraPec {
    overflow-x: hidden;
    align-items: normal;
    background: #F6F6F6 0% 0% no-repeat padding-box;
}