:root {
    --background-image-url: url("/images/iqvia/bouton-denregistrement.png");
    --iqvia-logo: url("/images/iqvia/iqvia-logo-color.svg");
    /* Noir par default */
    --noir: #2b3a42;
    /* Color palette */
    --couleur_principale: #250056;
    --couleur_secondaire: #0076AE;
    --couleur_link: #0c7bc0;
    --couleur_link_hover: #005587;
    /* Color palette badge */
    --color-vert: #027223;
    --color-rouge: #da291c;
    --color-jaune: #ffc107;
    --color-orange: #FF8C00;
    --color-bleu_clair: #0DCAF0;
    --color-bleu: #005587;
    --color-gris: #787878;
    --color-gris-clair: #CED4DA;

    /* Couleur message */
    --warning-bg: #fff3cd;
    --warning-border: #ffecb5;
    --warning-color: #9F6000;
    --alert-color: #842029;
    --alert-bg: #f8d7da;
    --alert-border: #f5c2c7;
    --info-color: #084298;
    --info-bg: #cfe2ff;
    --info-border: #b6d4fe;
    --gris-bg: #f4f4f4;
    --gris-border: #CED4DA;
}
/*  Globale Style */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');

body *:not(i) {
    font-family: 'Noto Sans', sans-serif !important;
    font-optical-sizing: auto;
}
body {
    color: var(--noir);
    font-size: 16px;
}

a {
    color: var(--couleur_link)!important;
    text-decoration: none!important;
}
a:hover {
    color: var(--couleur_link_hover)!important;
    text-decoration: underline!important;
}

h1,
h2,
h3,
h4 {
    color: var(--couleur_principale);
}

body #langues {
    min-width: inherit!important;
    width: 100%;
}

#header {
	background: white var(--iqvia-logo) no-repeat scroll 10px center;
	color: rgb(0,170,231);
	border-bottom: 1px solid #CCCCCC;
	background-size: 250px;
}

body #content:before {
    content: "";
    width: 100%;
    height: 100vh;
    display: block;
    position: fixed;
    z-index: -2;
    background: #f4f4f4;
    top: 0;
    left: 0;
}

body #header #banner-name {
    color: var(--couleur_secondaire);
}

body #header #information_connexion #banner-logout span:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 24px;
    height: 24px;
    right: 16px;
    margin-top: 0px;
    background-color: var(--couleur_link) !important;
    mask-size: 78%;
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MCA4NC40NCI+PGcgZGF0YS1uYW1lPSJDYWxxdWUgMiI+PHBhdGggZD0iTTQ0LjQ0IDQuNDRhNC40NCA0LjQ0IDAgMSAwLTguODggMHY0MGE0LjQ0IDQuNDQgMCAxIDAgOC44OCAwWk0yNC45MyAxNy4yMmE0LjQ0IDQuNDQgMCAxIDAtNC4zMS03Ljc3QTQwIDQwIDAgMSAwIDYwIDkuOGE0LjQ0IDQuNDQgMCAwIDAtNC40NSA3LjY5IDMxLjExIDMxLjExIDAgMSAxLTMwLjYyLS4yN1oiIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZCIgZGF0YS1uYW1lPSJDYWxxdWUgMSIvPjwvZz48L3N2Zz4=")
}


body .contenu-page-style {
    padding: 0;
}

@media (min-width: 780px) {

    body #content {
        margin: 0 0 40px 0!important;
        padding: 20px;
        width: calc(100% - 40px)!important;
        margin-top: 90px!important;
        min-width: inherit!important;
    }

    body #content.divDeconnexion{
        margin-top: 0px;
        padding: 20px;
        width: calc(40% - 40px) !important;
        margin-top: 90px !important;
        min-width: inherit !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body #header #information_connexion p:last-child:before {
        content: "";
        position: absolute;
        border-left: 3px solid #ccc;
        display: block;
        height: 46px;
        top: 5px;
    }
    body .tipsy {
        font-size: 12px;
    }
}


@media (max-width: 779px) {
    body .tipsy {
        display: none!important
    }
    body #menu .elementMenu ul li.menu-acces-rapide,
    body #menu .elementMenu .plus_moins_menu {
        display: none;
    }

    body.open_menu #header #information_connexion {
        position: absolute;
        border: 1px solid #FFF;
        width: 100%;
        height: 36px;
        margin-top: 83px;
    }

    body.open_menu #header #information_connexion {
        position: absolute;
        border: 1px solid #FFF;
        width: calc(100% - 50px);
        display: table;
        margin-top: 78px;
        border-radius: 20px;
        padding: 5px;
        margin-left: 20px;
        margin-right: 20px;
        background: #FFF;
        box-shadow: 10px 8px 9px -8px rgba(0, 0, 0, .26) !important;
        z-index: 100;
    }


    body.open_menu #menu:after {
        content: "";
        display: block;
        width: 100%;
        background: linear-gradient(135deg, var(--couleur_principale), var(--couleur_secondaire)) !important;
        height: 150px;
        position: fixed;
        left: 0;
        bottom: calc(100% - 150px);
        border-bottom: 1px solid rgba(0, 0, 0, 0.45);
        box-shadow: 10px 8px 9px -8px rgba(0, 0, 0, .26) !important;
        filter: grayscale(40%);
    }


    body #header #information_connexion p:last-child:before {
        content: "";
        position: absolute;
        border-left: 3px solid #ccc;
        display: block;
        height: 100%;
        top: 0px;
    }




    body #header #information_connexion #banner-logout {
        text-align: center;
        display: table-cell;
        vertical-align: middle;
    }

    body #header #information_connexion #banner-logout span:before {
        right: 10px;
        mask-size: 70%;
    }

    body #header #information_connexion #banner-name {
        text-align: center;
        display: table-cell;
        color: var(--couleur_principale);
        vertical-align: middle;
    }


    body #header #information_connexion #banner-name span:before {
        content: "";
        position: absolute;
        display: inline-block;
        background-color: var(--couleur_principale);
        width: 24px;
        height: 23px;
        left: 10px;
        margin-top: 0px;
        background-size: 50%;
        background-position: center center;
        background-repeat: no-repeat;
        border-radius: 100%;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNDgwIj48ZyBkYXRhLW5hbWU9IkNhbHF1ZSAyIj48cGF0aCBkPSJNMjI0IDI1NkExMjggMTI4IDAgMSAwIDk2IDEyOGExMjggMTI4IDAgMCAwIDEyOCAxMjhabS00NS43IDdDNzkuOCAyNjMgMCAzNDYuMjUgMCA0NDljMCAxNy4xMSAxMy4zIDMxIDI5LjcgMzFoMzg4LjZjMTYuNCAwIDI5LjctMTMuODggMjkuNy0zMSAwLTEwMi43Ni03OS44LTE4Ni0xNzguMy0xODZaIiBzdHlsZT0iZmlsbDojZmZmIiBkYXRhLW5hbWU9IkNhbHF1ZSAxIi8+PC9nPjwvc3ZnPg==")
    }



    body.open_menu #corps,
    body.open_menu #corps:before {
        display: none!important;
    }

    #information_connexion {
        display: none;
    }
    body #content {
        padding: 20px;
        width: calc(100% - 40px)!important;
        margin: 50px auto 40px auto!important;
        min-width: inherit;
    }


    body #header {
        height: 50px;
        border-bottom: 1px solid #FFF;
    }

    body #banner-title {
        display: none!important;
    }
}

body #header {
    position: fixed;
    top: 0;
    box-shadow: 0 5px 8px rgba(0, 0, 0, .15);
}

body #header #logo {
    left: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: -5px;
    color: var(--couleur_principale);
}
body #header #information_connexion {
    margin-top: 11px;
}

body #header #information_connexion p {
    display: inline-block;
    margin-right: 20px;
}

body #header #information_connexion p:last-child a {
    color: var(--couleur_link)!important;
}

body #header #information_connexion p:last-child a {
    padding-left: 5px;
    border: none!important;
}





@media (max-width: 779px) {
    body #header #logo {
        justify-content: right;
        margin-top: -12px;
    }
    body #header #logo span {
        display: none!important;
    }

    body #header #information_connexion p a:after {
        content: "";
        opacity: 0;
        display: block;
        height: 100%;
        position: absolute;
        width: 100%;
        top: 0;
        border: none!important;
    }
}


body #footer {
    background: var(--couleur_principale);
    border-top: 1px solid var(--couleur_principale);
    left: 0;
}




/*  Button input */
body button {
    height: 47px;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    padding-left: 30px!important;
    padding-right: 30px!important;
    align-items: center;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    position: relative;
    margin: 20px 0 10px 0;
    background: var(--couleur_link);
    color: #FFF!important;
    -ms-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

body .lng-button {
    font-size: 16px;
    color: var(--couleur_link) !important;
    background: #FFF;
    border: 1px solid var(--couleur_link);
    border-radius: 10px;
    padding: 10px 20px;
}
body button:hover,
body .lng-button:hover {
    text-decoration: none!important;
    background: var(--couleur_link);
    color: #FFF!important;
    opacity: 0.8;
}


body #afficherTacheEnCours button {
    background: var(--color-jaune);
    color: var(--noir)!important;
}
body #afficherTacheEnCours button:hover {
    opacity: 0.7;
}

body button#ajouterComptePatient {
    background: #608834;
}

body button#ajouterComptePatient:hover {
    background: #608834;
}


body textarea {
    display: block;
    width: calc(100% - 40px)!important;
    color: #606b71;
    background: #fff;
    border: 1px solid #959ca0;
    border-top-color: rgb(149, 156, 160);
    border-right-color: rgb(149, 156, 160);
    border-bottom-color: rgb(149, 156, 160);
    border-left-color: rgb(149, 156, 160);
    border-radius: 20px;
    padding: 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 12px;
}

body label {
    display: block;
    color: var(--couleur_principale);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    padding: 0 15px 10px 15px;
    text-align: left;
    float: inherit;
    width: calc(100% - 30px);
}


body img[src="/tlm/checkbox_no.png"],
body img[src="/tlm/checkbox_yes.png"] {
    display: none!important
}

body input[type="checkbox"]:not(:disabled) + label:before,
body input[type="radio"]:not(:disabled) + label:before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    border: 1px solid rgba(43, 58, 66, 0.5);
    border-top-color: rgba(43, 58, 66, 0.5);
    border-right-color: rgba(43, 58, 66, 0.5);
    border-bottom-color: rgba(43, 58, 66, 0.5);
    border-left-color: rgba(43, 58, 66, 0.5);
    border-radius: 50%;
    margin-right: 8px;
    line-height: 1;
    position: absolute;
    background: #FFF
}

/*body input[type="checkbox"]:disabled + label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 3px solid #ccc;
    border-radius: 50%;
    margin-right: 8px;
    line-height: 1;
    position: absolute;
    background: #FFF
}
*/


body input[type="checkbox"] + label::before {
    border-radius: 0%!important;
}
/*clininfo*/
body td.tdlibitm.checkboxCSS input[type="checkbox"] + label::before,
body span.tdlibitm.checkboxCSS input[type="checkbox"] + label::before {
    border-radius: 100%!important;
}



body .tabitm input[type="checkbox"],
body .form_saisie input[type="checkbox"],
body .tabitm input[type="radio"],
body .form_saisie input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

body input[type="checkbox"],
body input[type="radio"] {
    cursor: pointer;
}

body input[type="checkbox"] + label:after{
    content: "";
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDEuNUw0IDkuNUwxIDYuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=") center center no-repeat;
    background-size: auto;
    background-size: 66%;
    border-radius: 0;
}

/*body input[type="checkbox"]:disabled + label:after {
    content: "";
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDEuNUw0IDkuNUwxIDYuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=") center center no-repeat;
    background-size: auto;
    background-size: 66%;
    
    border: 1px solid red;
}*/
/*clininfo*/
body td.tdlibitm.checkboxCSS input[type="checkbox"] + label:after,
body span.tdlibitm.checkboxCSS input[type="checkbox"]:checked + label::after ,
body input[type="radio"]:checked + label:after {
    content: "";
    background: var(--background-image-url) center center no-repeat;
    background-size: auto;
    background-size: 66%;
    border-radius: 0;
}


body input[type="checkbox"] + label,
body input[type="radio"] + label {
    user-select: none;
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    display: inline-block;
    width: initial!important;
}
body input[type="checkbox"]:not(:disabled) + label::before,
body input[type="radio"] + label::before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    border: 1px solid rgba(43, 58, 66, 0.5);
    border-radius: 50%;
    margin-right: 8px;
    line-height: 1;
    position: absolute;
    left: 0;
    top: -2px;
}

body td.tdlibitm:not(.checkboxCSS) input[type="checkbox"]:not(:checked):disabled + label::before,
body td.tdlibitm:not(.checkboxCSS) input[type="checkbox"]:not(:checked):disabled + label::after,
body span.tdlibitm:not(.checkboxCSS) input[type="checkbox"]:not(:checked):disabled + label::before,
body span.tdlibitm:not(.checkboxCSS) input[type="checkbox"]:not(:checked):disabled + label::after
{
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    border: 3px solid #ccc;
    /* border: 3px solid red; */
    margin-right: 8px;
    line-height: 1;
    position: absolute;
    left: 0;
    top: -5px;
    background: white;
}


body input[type="radio"] + label::before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    border: 3px solid #ccc;
    border-radius: 50%;
    margin-right: 8px;
    line-height: 1;
    position: absolute;
    left: 0;
    top: -2px;
}
body input[type="checkbox"]:disabled + label:hover::after,
body input[type="checkbox"]:disabled + label:hover::before,
body input[type="radio"]:disabled + label:hover::after,
body input[type="radio"]:disabled + label:hover::before{
    cursor: not-allowed;
}

body input[type="checkbox"]:checked + label::after,
body input[type="radio"]:checked + label::after {
    content: "";
    position: absolute;
    background-color: #005587;
    width: 19px;
    height: 19px;
    border: 1px solid #005587;
    border-radius: 50%;
    left: 0;
    top: -2px;
}

body input[type="checkbox"]:checked:disabled + label::after,
body input[type="radio"]:checked:disabled + label::after {
    content: "";
    position: absolute;
    background-color: #ccc;
    width: 19px;
    height: 19px;
    border: 3px solid #ccc;
    border-radius: 50%;
    left: 0;
    top: -2px;
}
/*modif clininfo*/

body td.tdlibitm.checkboxCSS input[type="checkbox"]:disabled + label::after, 
body span.tdlibitm.checkboxCSS input[type="checkbox"]:disabled + label::after{
    content: "";
    position: absolute;
    background-color: white;
    width: 19px;
    height: 19px;
    border: 3px solid #ccc;
    border-radius: 50%;
    left: 0;
    top: -2px;
}

body td.tdlibitm.checkboxCSS input[type="checkbox"]:checked + label::after,
body span.tdlibitm.checkboxCSS input[type="checkbox"]:checked + label::after  {
    content: "";
    position: absolute;
    background-color: #005587;
    width: 19px;
    height: 19px;
    border: 1px solid #005587;
    border-radius: 50%;
    left: 0;
    top: -2px;
}

body td.tdlibitm.checkboxCSS input[type="checkbox"]:disabled:checked + label::after,
body span.tdlibitm.checkboxCSS input[type="checkbox"]:disabled:checked + label::after  {
    content: "";
    position: absolute;
    background-color: #ccc;
    width: 19px;
    height: 19px;
    border: 3px solid #ccc;
    border-radius: 50%;
    left: 0;
    top: -2px;
}


@media (max-width: 779px) {

    body input[type="checkbox"]:checked + label::after,
    body input[type="radio"]:checked + label::after,
    body input[type="checkbox"] + label::before,
    body input[type="radio"] + label::before {
        top: 0px!important;
    }
}

body input[type="checkbox"]:checked + label::after {
    border-radius: 0!important;
}
/*clininfo*/
body td.tdlibitm.checkboxCSS input[type="checkbox"]:checked + label::after,
body span.tdlibitm.checkboxCSS input[type="checkbox"]:checked + label::after  {
    border-radius: 100% !important;
}


body input[type="checkbox"]::before {
    border-radius: 0;
}

body input[type="radio"] + label::before {
    border-radius: 100%;
}
/*clininfo*/
body td.tdlibitm.checkboxCSS input[type="checkbox"]::before,
body span.tdlibitm.checkboxCSS input[type="checkbox"]::before {
    border-radius: 100%;
}


body input[type=text],
body input[type=password] {
    display: block;
    width: 100%;
    color: #606b71;
    background: #fff;
    border: 1px solid #959ca0;
    border-radius: 24px;
    padding: 10px 20px!important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    box-sizing: border-box;
    float: inherit!important;
}
body input[type=text]:focus {
    border-color: #606B71;
}
body input[disabled="disabled"],
body select[disabled],
body textarea[disabled] {
    background-color: #ced4da!important;
    color: #606B71;
    cursor: not-allowed;
}


body select {
    height: 45px;
    border-radius: 24px !important;
    border: 1px solid #959ca0;
    background-color: #fff;
    padding: 0 35px 0 20px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAQCAYAAAAFzx/vAAAACXBIWXMAAAsTAAALEwEAmpwYAAABRUlEQVQ4jbXVwSsEURwH8M+uzYXDuqu5c3WgXIjUSspFuTg47GGTf8NJOVDKSVEclEiRkygHufkDZG8uLntDDjtT02vGDK3vad7vvTef15uZN5UoihrY080GTvU2S9iOr5uVKIpeMZwa0MJuD7Fj1OJ2u5oxaAdb/4CBKpr4CAav4xD9PcQ+sFHFJRbRSXXWsILzP6B52BpOky29xAzaweRp3KPeA+yA7pYmecBkgNYwFqNRAdYowkIQXmL0MaiP4O4HtIGzIiwLTNBZXAf1YTxjvAQmC8sD4R0LOArqA7iJkQQ7ycBWszDoq9frOaZPXGAQE6l6P5YxhM14Eem0sJ9305/ABL3CF6ZS9Wq8iPCTKTylisAkt3jDnPzHUOpIzJuclV3drexk9JU+f38D0v2TzATorw778O0qkweMYh5Pcbt0vgFAIEVrEZwaGAAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: calc(100% - 1.1rem);
    appearance: none;
    cursor: pointer;
    color: var(--noir);
}


@media (min-width: 780px) {

    body label,
    body input[type=text] {
        display: inline-block;
        width: auto;
    }
}



/*  END ---- Button input*/
@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/*  END --- Globale Style */
/*  Page connexion */
body .connexion h2 {
    color: var(--couleur_principale);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 10px;
}




body .connexion h2:before {
    content: "";
    display: block;
    background-color: var(--couleur_principale);
    width: 150px;
    height: 150px;
    margin: 0 auto 10px auto;
    background-size: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 100%;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNDgwIj48ZyBkYXRhLW5hbWU9IkNhbHF1ZSAyIj48cGF0aCBkPSJNMjI0IDI1NkExMjggMTI4IDAgMSAwIDk2IDEyOGExMjggMTI4IDAgMCAwIDEyOCAxMjhabS00NS43IDdDNzkuOCAyNjMgMCAzNDYuMjUgMCA0NDljMCAxNy4xMSAxMy4zIDMxIDI5LjcgMzFoMzg4LjZjMTYuNCAwIDI5LjctMTMuODggMjkuNy0zMSAwLTEwMi43Ni03OS44LTE4Ni0xNzguMy0xODZaIiBzdHlsZT0iZmlsbDojZmZmIiBkYXRhLW5hbWU9IkNhbHF1ZSAxIi8+PC9nPjwvc3ZnPg==")
}


body .connexion:before,
body #ch-mdp:before {
    content: "";
    filter: brightness(80%);
    background: linear-gradient(135deg, var(--couleur_principale), var(--couleur_secondaire)) !important;
    position: fixed;
    top: 0;
    z-index: -1;
    height: 100vh;
    width: 100vw;
    right: 0;
}

@media (min-width: 780px) {
    @keyframes scaleAnimation {
        0% {
            transform: scale(0);
        }
        100% {
            transform: scale(1.5);
        }
    }





    body .connexion:after,
    body #ch-mdp:after {
        content: '';
        position: absolute;
        width: 100%;
        height: calc(100% + 80px);
        top: -50px;
        z-index: -1;
        left: 0;
        transform: scale(1.5);
        animation: scaleAnimation 1.5s ease-in-out;
        background: linear-gradient(90deg, var(--couleur_principale) 0%, var(--couleur_principale) 50%, var(--couleur_secondaire) 50%, var(--couleur_secondaire) 100%);
        mask-size: contain;
        mask-position: center;
        mask-repeat: no-repeat;
        mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NjAiIGhlaWdodD0iNTMwIiB2aWV3Qm94PSIwIDAgNzYwIDUzMCI+CiAgPGc+CiAgICA8cGF0aCBkPSJNNzYuNzUxODUsMjUwLjIxMjU1Yy0yOC44MzgtMS40NTEyNi01My41MzQtMTUuNzc1MzItNjcuMDU5OS00NS41MDM0MUMtNC4wMzkzMSwxNzQuNTI5Ni0uNDMxNDYsMTQ0Ljg2NjM1LDIyLjIzODQ5LDEyMC41OTY0N2MzMS4zNjU3Ni0zMy41NzkzNSw2NC4wNzUtNjUuOTg0Myw5Ny40NjI2OC05Ny41NjY2OCwyMi45MTc2Mi0yMS42Nzg0Myw1MS4xNjYtMjYuMDI3LDgwLjQxNTI5LTE0LjYwMiwyOS4xMTEsMTEuMzcxLDQ1LjYwMzY5LDMzLjc0MTksNDkuMDIzMzQsNjQuOTYwMDksMi40Njc4LDIyLjUyODc1LTMuNjc2NTksNDMuMDc5OTMtMTkuNDE3MjIsNTkuMzE0NS0zMi4wMDA3OCwzMy4wMDUtNjQuNjIzMjksNjUuNDIwMTYtOTcuNDk0ODMsOTcuNTYxN0MxMTguMDY4LDI0NC4xMDkzOCwxMDAuMDk1LDI0OS45MTg0LDc2Ljc1MTg1LDI1MC4yMTI1NVoiIGZpbGw9IiMwMDAiLz4KICAgIDxwYXRoIGQ9Ik01ODguNzA4NDQsNTI4LjAxNWE3Ny42NzMzNiw3Ny42NzMzNiwwLDAsMS01NS4zNzIyLTEzMi40OTAzMmMzMC4zNDQzLTMwLjQ0NDA5LDYwLjU1Mjc0LTYxLjAyODc4LDkxLjI0NS05MS4xMTksMjIuMjAwNS0yMS43NjUsNDguOTM1MTItMjguNjI3MTEsNzguNjI4MTEtMTkuMjcxMDYsMjkuNzM1NzgsOS4zNjk1MSw0Ny43MjA2NCwzMC40NTA3NSw1My4xOTM2LDYwLjk5OTUxLDQuNjAxMTQsMjUuNjgyLTIuNjU4Miw0OC42NDk0NS0yMS4wNTg0Nyw2Ny4zMzIzNy0zMC4yNzc3NywzMC43NDI4My02MC45NTksNjEuMDg4MzItOTEuNDczMjYsOTEuNTk4MjFBNzYuMjIyMjMsNzYuMjIyMjMsMCwwLDEsNTg4LjcwODQ0LDUyOC4wMTVaIi8+CiAgPC9nPgo8L3N2Zz4K");
        filter: brightness(80%);
    }
}


body .connexion,
body #ch-mdp {
    position: relative;
    box-shadow: 0 12px 31px rgba(0, 0, 0, 0.4);
    border-radius: 12px;
    margin: 30px auto;
    max-width: calc(520px - 60px);
    width: 100%;
    padding: 20px 30px 30px;
    background: #FFF;
    animation: 1s autoplay2 ease-in-out;
}

@media (max-width: 779px) {
    body .connexion,
    body #ch-mdp {
        width: calc(100% - 40px);
        padding: 20px;
        margin: 0 auto;
    }
}

@keyframes autoplay2 {
    0% {
        top: -100%;
    }

    100% {
        top: 0;
    }
}





body .connexion #champs-visibles {
    height: auto!important;
}

@media (max-width: 500px) {
    body .connexion #champs-visibles {
        display: inherit;
        flex-direction: inherit;

        margin-left: inherit;
    }
}

.connexion form input {
    margin: 0;
}

.connexion form input[type=text],
.connexion form input[type=password],
.row form input[type=password] {
    display: block;
    width: 100%;
    color: #606b71;
    background: #fff;
    border: 1px solid #959ca0;
    border-radius: 24px;
    padding: 10px 20px!important;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    box-sizing: border-box;
    float: inherit!important;
}
.connexion form input[type=text]:focus,
.connexion form input[type=password]:focus,
.row form input[type=password]:focus {
    border-color: #606B71;
}

.connexion form label {
    display: block;
    color: var(--couleur_principale);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    padding: 0 15px 10px 15px;
    text-transform: uppercase;
    text-align: left;
    float: inherit;
    width: 100%;
}

.connexion form button[type=submit],
#usernameForm form button[type=submit],
form .row input[type=submit] {
    height: 47px;
    padding: 10px 30px;
    align-items: center;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #fff;
    background: var(--couleur_secondaire);
    position: relative;
    margin: 20px 0 10px 0;
    width: 100%;
}

#usernameForm form button[type=submit] {
    display: inline-block;
    width: inherit;
}

.connexion button[type=submit]:before {
    display: block;
    content: '';
    position: absolute;
    top: 29px;
    right: -20px;
    background-color: #fff;
    width: 9px;
    height: 2px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform-origin: 20px -4px;
    transform-origin: 20px -4px
}
.connexion button[type=submit]:after {
    display: block;
    content: '';
    position: absolute;
    top: 25px;
    right: -20px;
    background-color: #fff;
    width: 9px;
    height: 2px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.connexion button[type=submit]:hover:after {
    right: 20px;
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg)
}
.connexion button[type=submit]:hover:before {
    right: 20px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}


.connexion form button[type=submit] i {
    display: none
}
/* Interface Patient */
body#interface_patient #corps {
    display: block;
    position: relative;
    box-shadow: 10px 8px 9px -8px rgba(0, 0, 0, .26) !important;
    padding: 10px 20px 40px 20px;
    border: 1px solid rgba(0, 0, 0, 0);
    background: #FFF;
    border-radius: 20px;
    margin-bottom: 30px!important;
    margin-top: 7px!important;
    top: 7px;
}


body#interface_patient .card {
    display: block;
    position: relative;
    box-shadow: none !important;
    padding: 0px;
    background: #FFF;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
}

body#interface_patient h1:not(.titreVisite) {
    display: block!important;
    z-index: 2;
    padding: 10px 20px;
    border-radius: 20px;
    position: absolute;
    background: transparent;
    color: #FFF !important;
    margin-bottom: 30px;
    margin-top: -30px;
    font-size: 18px;
    font-weight: normal;
    width: calc(100% - 40px);
    left: 0;
    text-align: left!important;
}


body#interface_patient h1:not(.titreVisite):before {
    content: "";
    position: absolute;
    z-index: -1;
    padding: 10px 20px;
    border-radius: 20px;
    -webkit-box-shadow: 10px 8px 9px -8px rgba(0, 0, 0, .26);
    box-shadow: 10px 8px 9px -8px rgba(0, 0, 0, .26);
    filter: brightness(80%);
    background: linear-gradient(135deg, var(--couleur_principale), var(--couleur_secondaire)) !important;
    height: calc(100% - 20px);
    left: 0;
    top: 0;
    width: calc(100% - 40px);
    font-weight: bold;
}


body#interface_patient #contenuPage {
    margin-top: 40px;
}

body#interface_patient .cal_patient_ul {
    margin: 0 auto;
    padding-left: 0px;
    max-width: inherit;
    width: 100%;
    display: flex;
}

body#interface_patient #toolbox,
body#interface_patient #tooltipBox {
    display: none!important;
}

body#interface_patient #contenuPage table.tabitm {
    margin-left: 0px;
}

body#interface_patient #contenuPage table.eq5d-table {
    display: table;
}

body#interface_patient #contenuPage table.eq5d-table td {
    display: table-cell;
    padding-left: 5px;
}

body#interface_patient #contenuPage table.eq5d-table label {
    padding: 0;
}

body#interface_patient .card #contenuPage {
    margin-top: 0;
}

body#interface_patient .card #contenuPage .epro_info,
body#interface_patient .card #contenuPage .cal_patient_ul {
    margin-top: 15px;
}
body#interface_patient .card #contenuPage .cal_patient_ul {
    margin-bottom: 14px;
}
body#interface_patient .card #contenuPage .epro_info {
    margin-bottom: 0px;
}


@media (max-width: 779px) {

    body#interface_patient #corps {
        width: 100% !important;
        padding: 20px 0px;
        top: 15px!important;
    }

    body#interface_patient.open_menu:before {
        content: " ";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        display: block;
        height: 100%;
        z-index: -1;
        background: linear-gradient(135deg, var(--couleur_principale), var(--couleur_secondaire))!important;
    }
    body#interface_patient #banner-name,
    body#interface_patient #banner-logout:before {
        display: none!important
    }

    body#interface_patient:not(.open_menu) #menu-patient {
        display: none!important
    }
    body#interface_patient #menu-patient {
        margin-top: 110px !important;
    }

    body#interface_patient.open_menu #menu-patient:after {
        content: "";
        display: block;
        width: 100%;
        background: linear-gradient(135deg, var(--couleur_principale), var(--couleur_secondaire)) !important;
        height: 150px;
        position: fixed;
        left: 0;
        bottom: calc(100% - 150px);
        border-bottom: 1px solid rgba(0, 0, 0, 0.45);
        box-shadow: 10px 8px 9px -8px rgba(0, 0, 0, .26) !important;
        filter: grayscale(40%);
    }
    body#interface_patient #menu-patient li a {
        width: calc(100% - 25px)!important;
    }
    body#interface_patient #validFormButtons button {
        padding-left: 16px !important;
        padding-right: 16px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        text-align: center;
    }
    body#interface_patient .epro_info {
        margin-left: 5px;
        margin-right: 5px;
    }
    body#interface_patient .card #contenuPage .epro_info {
        margin-bottom: 15px;
    }
    body#interface_patient .cal_patient_ul {
        margin-top: 0px;
        margin-left: 5px;
        margin-right: 5px;
        padding-left: 0px;
        width: calc(100% - 10px);
    }
}
@media (min-width: 780px) {
    body#interface_patient #corps {
        width: calc(100vw - 290px - 40px) !important;
        margin-top: 15px!important;
        top: 0!important;
        position: relative;
    }
    body#interface_patient #banner-name:before {
        content: "|";
        color: transparent;
    }
    body#interface_patient #header #information_connexion p:last-child::before {
        display: none
    }
    body#interface_patient #banner-logout:before {
        border-color: transparent;
    }
    body#interface_patient:before {
        content: " ";
        position: fixed;
        top: 0;
        left: 0;
        width: 240px;
        display: block;
        height: 100%;
        z-index: -1;
        background: linear-gradient(135deg, var(--couleur_principale), var(--couleur_secondaire))!important;
    }

    body#interface_patient #menu-patient {
        width: calc(240px - 10px);
        position: fixed;
        top: 90px;
    }

    body#interface_patient .card #contenuPage .epro_info {
        margin-top: 24px;
    }
}

body#interface_patient #menu-patient {
    background: transparent;
    border: none;
    margin-top: 15px;
    height: 100%;
}

body#interface_patient #menu-patient li {
    display: block;
    font-size: 15px;
}


body#interface_patient #menu-patient li a {
    font-size: 15px;
    padding: 14px;
    border-radius: 20px;
    border-color: transparent!important;
    margin: 2px 14px 2px 0;
    color: #FFF !important;
    width: calc(100% - 60px);
    font-weight: normal;
    background-color: transparent;
    text-decoration: none !important;
    height: auto;
}

body#interface_patient #menu-patient li a:hover {
    padding: 14px;
    border-radius: 20px;
    border-bottom: 1px solid transparent;
    background: var(--couleur_link) !important;
    height: auto;
}

body#interface_patient #menu-patient li a i {
    font-size: 20px;
    margin-top: -3px;
    margin-right: 6px;
}

body#interface_patient #menu-patient li a:link,
body#interface_patient #menu-patient li a:visited,
body#interface_patient #menu-patient li a:focus,
body#interface_patient #menu-patient {
    color: #FFF !important;
    font-weight: normal;
    border: none;
    transition: background-color 0.6s ease;
}

body#interface_patient .epro_info {
    margin-top: 50px;
    border-radius: 4px;
    border: 1px solid var(--gris-border);
    background: var(--gris-bg);
    color: var(--noir);
}


body#interface_patient table.tabitm tr.coloreven td {
    background: var(--couleur_principale);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
    border: 5px solid transparent !important;
    color: #FFF;
}

/* champs formulaire */
body#interface_patient input[type="checkbox"],
body#interface_patient input[type="radio"] {
    position: inherit;
    width: inherit;
    height: inherit;
    padding: inherit;
    margin: inherit;
    overflow: inherit;
    clip: inherit;
    border: inherit;
}

body#interface_patient input[type="checkbox"] {
    position: relative;
    width: 22px;
    height: 22px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid rgba(43, 58, 66, 0.5);
    background-color: #fff;
    cursor: pointer;
    outline: none;
    transition: background-color 0.3s, border-color 0.3s;
}

/* Style pour l'état coché */
body#interface_patient input[type="checkbox"]:checked {
    background-color: #005587;
    border-color: #005587;
}

/* Effet visuel pour l'état coché */
body#interface_patient input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDEuNUw0IDkuNUwxIDYuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=") center center no-repeat;
    background-size: 66%;
    border-radius: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}



/* END ---- champs formulaire */
/* END ------  Interface Patient */
/*  Password recovery */
body #usernameForm {
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, .15);
    box-shadow: 0 5px 8px rgba(0, 0, 0, .15);
    padding: 10px 20px 20px 6px;
    display: block;
    width: 600px;
    margin: 30px auto 20px auto;
}

body #usernameForm label {
    font-size: 14px;
}

@media (max-width: 779px) {
    body #usernameForm {
        display: block;
        width: calc(100% - 20px);
        padding: 20px 10px;
    }
    body #usernameForm label {
        margin-bottom: 10px;
        margin-top: 5px;
    }
}

/*  END -- Password recovery */
/*  Changement de mot de passe */
/*  END --- Changement de mot de passe */
/*  Dashboard */
body #contenuPage {
    width: 100%!important;
    overflow-x: auto;
    padding: 0px;
    float: inherit !important;
}


body #corps {
    position: relative;
    height: 100%;
    display: block;
    margin-top: 65px;
}

body #breadcrumb {
    font-size: 14px;
    color: var(--noir);
    margin-top: -42px!important;
}




body #breadcrumb:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 14px;
    margin-right: 5px;
    mask-repeat: no-repeat;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91c2UtZG9vci1maWxsIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik02LjUgMTQuNXYtMy41MDVjMC0uMjQ1LjI1LS40OTUuNS0uNDk1aDJjLjI1IDAgLjUuMjUuNS41djMuNWEuNS41IDAgMCAwIC41LjVoNGEuNS41IDAgMCAwIC41LS41di03YS41LjUgMCAwIDAtLjE0Ni0uMzU0TDEzIDUuNzkzVjIuNWEuNS41IDAgMCAwLS41LS41aC0xYS41LjUgMCAwIDAtLjUuNXYxLjI5M0w4LjM1NCAxLjE0NmEuNS41IDAgMCAwLS43MDggMGwtNiA2QS41LjUgMCAwIDAgMS41IDcuNXY3YS41LjUgMCAwIDAgLjUuNWg0YS41LjUgMCAwIDAgLjUtLjUiLz4KPC9zdmc+");
    mask-size: auto;
    background-color: var(--noir);
}

body #breadcrumb a {
    color: var(--noir)!important;
}

#titre_bordereau{
    margin-right: 10px;
}

body #menu input[type="text"] {
    width: 130px;
    padding: 18px 10px !important;
    border-radius: 4px;
    height: 39px;
    font-size: 16px;
}



body #menu .elementMenu ul li {
    font-size: 15px;
    padding-left: 7px;
}
body #menu .elementMenu ul li a {
    font-size: 15px;
    padding: 14px;
    border-radius: 20px;
    margin: 2px 14px 2px 0;
}

body #menu .titrebox {
    margin: 0 7px;
    font-size: 14px;
    padding: 14px;
    border-radius: 20px;
    border-bottom: 1px solid transparent;
    background: var(--couleur_link) !important;
}


body #menu #menu-acces-rapide-form {
    position: relative;
    border: 1px solid #959ca0;
    border-radius: 55px;
    color: #606b71;
    background: #FFF;
    margin-right: 10px;
}
body #menu .menu-acces-rapide {
    padding-left: 0px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
body #menu .menu-acces-rapide:before {
    content: "";
    display: block;
    margin-left: -25px;
    width: calc(100% + 40px);
    border-top: 1px solid #CCCCCC;
}
body #menu .menu-acces-rapide:after {
    content: "";
    display: block;
    margin-left: -25px;
    width: calc(100% + 40px);
    padding-bottom: 10px;
    border-bottom: 1px solid #CCCCCC;
}


body #menu #menu-acces-rapide-form input#menu-acces-rapide-patient {
    background: transparent;
    border: 1px solid transparent;
    font-size: 14px;
    outline: none;
}

body #menu button.menu-acces-rapide-button {
    padding: 1px 8px !important;
    height: 39px;
    position: absolute;
    right: 0;
    top: 0;
}

@media (min-width: 780px) {
    body #corps,
    body #breadcrumb {
        width: calc(100vw - 290px)!important;
        margin-left: 243px!important;
    }

    body #breadcrumb {
        box-shadow: 10px 8px 9px -8px rgba(0, 0, 0, .26) !important;
        padding: 30px 20px 15px 20px;
        border: 1px solid rgba(0, 0, 0, 0);
        background: #FFF;
        border-radius: 20px;
        z-index: 10;
        position: absolute;
        width: calc(100vw - 330px)!important;
    }
    body #menu {
        height: calc(100vh - 83px - 38px) !important;
    }
}


@media (max-width: 779px) {
    body #breadcrumb {
        opacity: 0;
        padding-top: 10px;
    }

    body #corps,
    body #breadcrumb {
        width: calc(100vw - 40px)!important;
        margin: 0!important;
    }
    body #menu {
        display: none!important;
    }
    body #menu:before {
        display: none!important;
    }
    body.open_menu #menu {
        top: 76px;
        display: block!important;
        width: 100%;
        z-index: 999;
        position: relative;
        height: inherit !important;
    }

    body #footer {
        display: none!important;
    }
    body.open_menu #content {
        overflow-y: hidden!important;
        margin: 50px auto 0px auto!important;
        padding-bottom: 40px!important;
    }

    body.open_menu #menu:before {
        width: 100%;
        display: block!important;
    }
}


body #information_connexion {
    position: absolute;
    float: unset;
    right: 0;
}

/*  Button menu mobile */
@media (min-width: 780px) {
    body #bouton-menu-mobile {
        display: none!important;
    }
}


body #bouton-menu-mobile {
    color: #fff;
    height: 20px;
    width: 20px;
    position: relative;
    float: right;
    padding: 9px 23px 9px 20px;
    margin-top: 8px;
    margin-bottom: 8px;
    border-radius: 4px;
    cursor: pointer;
    transform: scale(1.1);
}

body #bouton-menu-mobile * {
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


body #bouton-menu-mobile span {
    width: 20px;
    height: 2px;
    margin-bottom: 3px;
    background-color: #999;
    display: block;
}
body.open_menu #bouton-menu-mobile span:nth-of-type(1) {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform-origin: 1px 3px;
    -webkit-transform-origin: 1px 3px;
    -moz-transform-origin: 1px 3px;
    -o-transform-origin: 1px 3px;
    transform-origin: 1px 3px;
    width: 24px;
}
body.open_menu #bouton-menu-mobile span:nth-of-type(2) {
    -ms-transform: rotate(-360deg) scale(0);
    -webkit-transform: rotate(-360deg) scale(0);
    -moz-transform: rotate(-360deg) scale(0);
    -o-transform: rotate(-360deg) scale(0);
    transform: rotate(-360deg) scale(0);
}
body.open_menu #bouton-menu-mobile span:nth-of-type(3) {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transform-origin: 9px 2px;
    -webkit-transform-origin: 9px 2px;
    transform-origin: 9px 2px;
    width: 24px;
}
body #bouton-menu-mobile span {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    width: 20px;
}

/*  END Button menu mobile */
body #menu {
    display: block;
    margin: 0 auto;
    width: 240px;
    float: inherit!important;
    position: fixed;
    overflow: auto;
    padding-left: 0;
    left: 0;
    top: 83px;
    padding-top: 15px;
}


body #menu:before {
    content: " ";
    position: fixed;
    top: 0;
    left: 0;
    width: 240px;
    display: block;
    height: 100%;
    z-index: -1;
    background: linear-gradient(135deg, var(--couleur_principale), var(--couleur_secondaire))!important;
}


body #menu .elementMenu {
    background: transparent;
    width: 100%;
}

body #menu .elementMenu:last-child {
    padding-bottom: 25px;
}


body #menu .elementMenu ul {
    padding-left: 22px;
}


body #menu .elementMenu ul li a:link,
body #menu .elementMenu ul li a:visited,
body #menu .elementMenu ul li a:focus,
body #menu .elementMenu {
    color: #FFF!important;
    font-weight: normal;
    border: none;
    transition: background-color 0.6s ease;
}

body #menu .elementMenu ul li a:hover,
body #menu .elementMenu ul li a:active {
    color: #FFF!important;
    font-weight: normal;
    background-color: var(--couleur_link) !important;
    text-decoration: none!important;
}


body #menu .elementMenu ul li.menu-acces-rapide {
    padding-left: 0px;
    margin-right: 13px;
    margin-top: 15px;
}
body #menu .menu-acces-rapide-titre {
    color: #FFF;
    padding-top: 8px;
    padding-bottom: 10px;
}
body #menu .elementMenu .titrebox span i {
    font-size: 20px;
    margin-top: -3px;
    margin-right: 6px;
}

body center {
    overflow-x: auto;
    z-index: 1;
}




body .card {
    display: block;
    position: relative;
    box-shadow: 10px 8px 9px -8px rgba(0, 0, 0, .26) !important;
    padding: 10px 20px 40px 20px;
    border: 1px solid rgba(0, 0, 0, 0);
    background: #FFF;
    border-radius: 20px;
    margin-bottom: 50px;
    width: calc(100% - 40px);
}

body #information-haut-container {
    float: inherit;
    margin-top: 0px;
}

body #contenuPage .information_haut {
    margin-top: -30px;
}

body .information_haut:first-child {
    margin-top: -30px;
}

body .information_haut {
    margin-top: 50px;
    z-index: 2;
    padding: 10px 20px;
    border-radius: 20px;
    position: relative;
    background: transparent;
    color: #FFF!important;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 30px;
}

body .information_haut:before {
    content: "";
    position: absolute;
    z-index: -1;
    padding: 10px 20px;
    border-radius: 20px;
    -webkit-box-shadow: 10px 8px 9px -8px rgba(0, 0, 0, .26);
    box-shadow: 10px 8px 9px -8px rgba(0, 0, 0, .26);
    filter: brightness(80%);
    background: linear-gradient(135deg, var(--couleur_principale), var(--couleur_secondaire)) !important;
    height: calc(100% - 20px);
    left: 0;
    top: 0;
}


body #np1 {
    display: block;
    position: relative;
    margin-top: -25px;
    box-shadow: 10px 8px 9px -8px rgba(0, 0, 0, .26) !important;
    padding: 40px 20px 40px 20px;
    border: 1px solid rgba(0, 0, 0, 0);
    background: #FFF;
    border-radius: 20px;
    margin-bottom: 50px;
}



body #np1 table tr td {
    font-size: 14px;
    padding: 6px;
}

body #np1 input {
    text-align: center;
}

@media (min-width: 780px) {
    body .information_haut:before {
        width: calc(100vw - 330px)!important;
    }
    body #np1 {
        width: auto;
        padding: 40px 60px 40px 60px;
        display: inline-block;
    }
}

@media (max-width: 779px) {
    body .information_haut:before {
        width: calc(100% - 40px) !important;
    }
    body #np1 {
        width: calc(100% - 50px);
    }
}


/*body .apexchart, body .apexchart > div {
    max-width: calc(100% - 40px);
    
}*/


body .apexchart {
    padding: 20px 10px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 22px 35px -16px rgba(0, 0, 0, );
    margin: 0 auto;
    border-radius: 10px;
}

body .apexchart#graphique-nbpat {
    padding: 20px 10px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 22px 35px -16px rgba(0, 0, 0, );
    width: 94%;
    margin: 0 auto;
    border-radius: 10px;
}





/*  END ----- Dashboard */
/*   Datatable */
body #corps table.display.dataTable td {
    font-size: 13px;
    padding: 6px 10px !important;
}

body table.dataTable tr td[style*="font-weight: bold; cursor: pointer;"] {
    color: var(--couleur_secondaire);
}


body table.scrollTab tbody tr:nth-child(2n + 1),
body #scrollTab tbody tr:nth-child(2n + 1),
body table.scrollTab tr:nth-child(2n + 1),
body #scrollTab tr:nth-child(2n + 1) {
    background: transparent!important;
}

body .label-legende-status,
body .statut-html-monitorage {
    font-size: 12px;
}

body .label-legende-status {
    border-radius: 20px;
    padding: 4px 8px;
}

body .statut-html-monitorage > * {
    border-radius: 20px;
    padding: 4px 8px;
    text-align: center;
}

body #corps .dataTables_wrapper {
    border-radius: 20px!important;
    background: transparent!important;
    overflow-x: auto;
    width: 100%;
    display: grid;
}

body #corps .dataTables_wrapper .fg-toolbar {
    position: relative;
    background: transparent!important;
    border: none!important;
    display: block;
    z-index: 1;
    color: var(--noir);
    padding: 8px 10px 10px 10px;
    margin-bottom: 14px;
}



body #corps .dataTables_wrapper .fg-toolbar:first-child {
    padding: 10px 0px 2px 0px;
}
body #corps .dataTables_wrapper .fg-toolbar:last-child {
    padding: 30px 3px 2px 0px;
}
body #corps .dataTables_wrapper .fg-toolbar .dataTables_info {
    font-size: 14px
}

body #corps .dataTables_wrapper .fg-toolbar label {
    color: var(--noir);
    font-weight: normal;
}

body #corps .dataTables_wrapper .fg-toolbar .dataTables_length label {
    padding-left: 0;
}
body #corps .dataTables_wrapper .fg-toolbar .dataTables_filter label {
    padding-right: 1px;
}


body #corps .dataTables_wrapper .fg-toolbar .dataTables_length,
body #corps .dataTables_wrapper .fg-toolbar .dataTables_filter {
    width: auto;
    display: inline-block;
    float: inherit;
}
body #corps .dataTables_wrapper .fg-toolbar .dataTables_filter {
    padding-left: 0px;
    float: right!important;
}


body tr.odd {
    background-color: #F2F2F2;
}


body table.display thead th,
body #changementVariablesTable th {
    background: var(--couleur_secondaire)!important;
    color: #FFF!important;
    border: 1px solid transparent!important;
}


body table.display#tableCi thead th {
    background: var(--couleur_secondaire)!important;
    color: #FFF!important;
    border: 1px solid #CCC!important;
    padding-right: 4px;
    border-radius: inherit;
}
body table.display#tableCi thead tr.surEnteteTriable:last-child th {
    background: #E9E9E9!important;
    color: var(--noir)!important;
}

body table.display#tableCi tr:last-child td {
    border-bottom: thin rgba(0, 0, 0, 0.2) solid!important;
}


body table.display#tableCi thead th div.DataTables_sort_wrapper span {
    filter: brightness(100%);
}

body table.display thead tr:first-child th:first-child,
body #changementVariablesTable th:first-child {
    border-radius: 10px 0 0 0;
    border: 1px solid transparent!important;
}
body table.display thead tr:first-child th:last-child,
body #changementVariablesTable th:last-child {
    border-radius: 0 10px 0 0;
    border: 1px solid transparent!important;
}


body table.scrollTab,
body #scrollTab,
body .dataTable {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid transparent!important;
}

body table.scrollTab td,
body #scrollTab td {
    border: 1px solid var(--couleur_secondaire)!important;
    vertical-align: middle;
}

body table#changementVariablesTable select {
    height: 38px;
    font-size: 12px;
}

body #changementVariablesTable td {
    border: 1px solid var(--couleur_secondaire)!important;
}

body #corps .dataTables_wrapper .fg-toolbar label {
    font-size: 14px
}
body #corps .dataTables_wrapper .fg-toolbar:before {
    content: "";
    position: absolute;
    z-index: -1;
    background: #FFF !important;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

body #corps .dataTables_wrapper .fg-toolbar:first-child:before {
    border-radius: 5px 5px 0 0 !important;
}

body #corps .dataTables_wrapper .fg-toolbar .dataTables_paginate a {
    border-radius: 5px !important;
    padding: 2px 10px !important;
    margin: 0px 4px;
    border: 1px solid var(--couleur_link);
}

body #corps .dataTables_wrapper .fg-toolbar .dataTables_paginate a.ui-state-default {
    background: #FFF!important;
    color: var(--couleur_link)!important;
}

body #corps .dataTables_wrapper .fg-toolbar .dataTables_paginate a.ui-state-disabled {
    cursor: not-allowed !important;
}
body #corps .dataTables_wrapper .fg-toolbar .dataTables_paginate a:hover {
    text-decoration: none !important;
    background: var(--couleur_link)!important;
    color: #FFF!important;
}
body #corps .dataTables_wrapper .fg-toolbar .dataTables_paginate a.ui-state-disabled:hover {
    opacity: 0.35;
}


body #corps .dataTables_wrapper input {
    font-size: 16px;
}
@media (max-width: 779px) {
    body .dataTables_wrapper .dataTables_filter {
        display: none!important;
    }
    body #corps .dataTables_wrapper .dataTables_length {
        width: 100%;
    }

    body .fg-toolbar .dataTables_paginate {
        text-align: left!important;
        display: block;
        width: 100%;
        margin-left: -3px;
        margin-top: 5px;
        float: inherit;
    }
    body .fg-toolbar .dataTables_info {
        text-align: left!important;
        display: block;
        width: 100%;
        float: inherit;
    }
    body #corps .dataTables_wrapper .fg-toolbar .dataTables_length label {
        width: 100%;
    }
}

body #corps .dataTables_wrapper .dataTables_filter label {
    text-align: right;
    line-height: 45px;
}

body #corps .dataTables_wrapper .dataTables_filter input {
    text-align: left;
    margin-left: 4px;
    margin-top: 0px;
    height: 43px;
}

body table.display thead th div.DataTables_sort_wrapper span {
    filter: brightness(200%);
}


/*  END ----- Datatable */
/* Questionnaire */
body .calendrier-lien-formulaire a {
    color: var(--couleur_link)!important
}

body .errnb input,
body .err input,
body .errnb textarea,
body .errnb select,
body .err textarea,
body .err select,
body .berrnb input,
body .berr input,
body .berrnb textarea,
body .berrnb select,
body .berr textarea,
body .berr select {
    background: var(--alert-bg);
}

body .err:not(.tdlibitm) input[type="checkbox"] {
    position: relative;
    width: 22px;
    height: 22px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid rgba(43, 58, 66, 0.5);
    background-color: #fff;
    cursor: pointer;
    outline: none;
    transition: background-color 0.3s, border-color 0.3s;
    top: 8px;
}

body .err:not(.tdlibitm) input[type="checkbox"]:checked {
    background-color: var(--color-rouge);
    border-color: var(--alert-color);
}

body .err:not(.tdlibitm) input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDEuNUw0IDkuNUwxIDYuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=") center center no-repeat;
    background-size: 66%;
    border-radius: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

body a#afficherMessageTabcontrol,
body a#masquerMessageTabcontrol,
body a.berrnb,
body a.berr,
body .berrnb,
body .berr,
body .errnb,
body .err,
.comment {
    color: var(--alert-color)!important;
}


body .titre_rouge {
    background: var(--color-rouge);
    border-radius: 0
}

body .titre-signature {
    background: var(--couleur_principale);
    border-radius: 8px 8px 0 0;
}
body #etat-signature {
    border: thin solid var(--couleur_principale);
    margin-bottom: 10px;
    border-radius: 10px;
}


body .sectionBarreProgression {
    border-radius: 10px;
    border: 1px solid transparent;
    background: #eeeeee;
}
body .sectionBarreProgression > .progression {
    border-radius: 10px;
    border-right: 1px solid transparent;
}

body .sectionBarreProgression > .progression.progression-default {
    background-color: #198754;
}
body .sectionBarreProgression > .progression.progression-0 {
    background-color: #dc3545;
}
body .sectionBarreProgression > .progression.progression-20 {
    background-color: var(--color-orange);
}
body .sectionBarreProgression > .progression.progression-40 {
    background-color: #ffc107;
}
body .sectionBarreProgression > .progression.progression-60 {
    background-color: #A7B20B;
}
body .sectionBarreProgression > .progression.progression-80 {
    background-color: var(--color-vert);
}


body #contenuPage table.tabitm {
    width: calc(100% - 30px);
    margin-left: 30px;
    border-collapse: collapse;
}

body #contenuPage .tabitmscroll,
body #resultatBilan .tabitmscroll {
    width: 100%!important;
    margin-left: 0!important;
}



body #contenuPage .tabitm tr td,
body #contenuPage .tabitm tr td:first-child {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 15px;
    vertical-align: middle;
}
body #contenuPage tr td.tdtit,
body #contenuPage tr td.tdtit:first-child {
    background: var(--couleur_principale);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
    border: 5px solid transparent!important;
}

body #np1 table tr,
body #np1 table {
    border: none!important;
}


body #np1 table tr:first-child td:first-child {
    border-radius: 10px 0 0 0!important;
}


body #np1 table tr:last-child td:first-child {
    border-radius: 0 0 0 10px!important;
}


/* body #contenuPage tr.trtit.coloreven {
    background: #FFF!important;
} */

body #contenuPage table.tabitm label {
    text-align: left;
    font-size: 14px;
    color: inherit;
    font-weight: inherit;
}

body table.tabitm select {
    font-size: 15px;
}

body span.aide {
    width: 18px;
    height: 22px;
    background-size: 18px;
    background-position: center 4px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTE2LDhBOCw4LDAsMSwxLDgsMGE4LDgsMCwwLDEsOCw4TTUuNSw2aC44MmEuMjguMjgsMCwwLDAsLjI3LS4yNUExLjI1LDEuMjUsMCwwLDEsNy45Myw0LjY1LDEuMTYsMS4xNiwwLDAsMSw5LjI0LDUuODJjMCwuNjMtLjM3LjkyLTEsMS4zN2EyLjI2LDIuMjYsMCwwLDAtMS4xNywydi4yMWEuMjYuMjYsMCwwLDAsLjI1LjI1aC44MWEuMjUuMjUsMCwwLDAsLjI1LS4yNVY5LjI4YzAtLjcxLjI4LS45MiwxLTEuNDhhMi40NiwyLjQ2LDAsMCwwLDEuMjUtMi4wNkMxMC42OCw0LjIzLDkuNCwzLjUsOCwzLjVBMi40NywyLjQ3LDAsMCwwLDUuMjUsNS43OS4yMy4yMywwLDAsMCw1LjQ4LDZoMG0yLjMyLDYuNDVhLjk0Ljk0LDAsMSwwLDAtMS44Ny45NC45NCwwLDEsMCwwLDEuODdaIiBzdHlsZT0iZmlsbDojMDg0Mjk4Ii8+PC9zdmc+")
}

@media (max-width: 779px) {

    body #contenuPage table.tabitm {
        width: 100%;
        margin-left: 0px;
        border-collapse: collapse;
    }
    body .bouton-suivant-precedent {
        height: 90px;
        border-bottom: 1px solid #c6c6c6;
        margin-bottom: 10px
    }
    body .bouton-suivant-precedent table tr td:last-child,
    body .bouton-suivant-precedent table tr td:first-child {
        display: none!important;
    }

    body #toolbox {
        display: table;
        width: 100%;
        left: 0;
        bottom: 0;
        top: unset;
        background: #FFF;
        z-index: 9999;
        border: 1px solid #FFF;
        transform: rotate(180deg);
        box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
    }

    body #toolbox div {
        display: table-cell;
        border: 1px solid transparent;
        height: 40px;
        vertical-align: middle;
        transform: rotate(180deg);
    }

    body #toolbox div:hover {
        opacity: 0.8;
    }
    body #toolbox div:after {
        content: "";
        position: absolute;
        width: auto;
        height: calc(100% + 14px);
        display: table-cell;
        border-left: 1px solid rgba(0, 0, 0, .2);
        top: -4px;
        z-index: 0;
        border-right: 1px solid transparent;
        margin-left: -5px;
    }


    body #contenuPage table.tabitm td {
        width: calc(100% - 30px);
        display: block;
        border-bottom: 1px solid transparent;
    }


    body #contenuPage table.tabitm td.tdlibitm label {
        display: inline-block;
        padding-left: 40px;
        padding-top: 2px;
    }


    body #etat-signature {
        margin: auto 0 2rem 0;
    }
}

@media all and (min-width: 780px) and (max-width: 1280px) {
    body #boutonPrecedent,
    body #boutonSuivant {
        width: 30px!important;
        text-align: center!important;
        font-size: 0px!important;
        height: 30px;
    }
    body #boutonPrecedent i,
    body #boutonSuivant i {
        font-size: 14px!important;
        margin-right: 0px;
    }

    body .bouton-suivant-precedent td:first-child,
    body .bouton-suivant-precedent td:last-child {
        width: 30px!important;
        padding-top: 17px;
    }
}



@media (min-width: 780px) {
    body td.tdlibitm {
        width: auto;
    }

    body td.tdlibitm:last-child {
        width: 260px!important;
        /*190px*/
    }

    body #contenuPage .tabitm tr td,
    body #contenuPage .tabitm tr td:first-child {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    body .affichageMessageTabcontrol {
        width: calc(100% - 80px);
        margin-left: 30px;
    }

    body #etat-signature {
        margin: 0 0 10px 0;
        z-index: 12!important;
        position: relative;
    }

    body .bouton-suivant-precedent:before {
        content: "";
        position: absolute;
        display: block;
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.999019676229867) 85%, rgba(255, 255, 255, 0) 100%);
        width: 56px;
        height: 160px;
        left: -20px;
    }

    body .bouton-suivant-precedent {
        margin-top: -21px;
        z-index: 11!important;
        position: relative;
    }
    body .bouton-suivant-precedent td:first-child,
    body .bouton-suivant-precedent td:last-child {
        width: 110px;
        padding-top: 17px;
    }

    body #boutonPrecedent,
    body #boutonSuivant {
        width: 110px;
        font-size: 11px;
        color: var(--couleur_link)!important;
        background: #FFF;
        border: 1px solid var(--couleur_link);
        padding-left: 0!important;
        padding-right: 0!important;
        padding-top: 0!important;
        padding-bottom: 0!important;
        border-radius: 20px;
    }

    body #boutonPrecedent:hover,
    body #boutonSuivant:hover {
        color: #FFF!important;
        background: var(--couleur_link)!important;
    }

    body .bouton-suivant-precedent:after {
        content: "";
        border-bottom: 1px solid #c6c6c6;
        margin-left: -21px;
        height: 1px;
        margin-bottom: 20px;
        display: block;
        width: calc(100% + 42px);
        z-index: 11!important;
        position: relative;
    }


    body #sectionBarreProgression-container {
        margin: 20px;
    }

    body #toolbox {
        display: block;
        width: 36px;
        left: 270px;
        box-shadow: 10px 8px 9px -8px rgba(0, 0, 0, .35) !important;
        border-radius: 10px;
        border: 1px solid #c6c6c6;
        background: #FFF;
        z-index: 9;
        top: 391px;
    }

    body #toolbox div {
        padding: 0;
        height: 32px;
        margin-left: 0;
        margin-right: 0;
        padding-left: 7px;
        padding-right: 7px;
        width: 23px;
    }
    body #toolbox div:hover {
        opacity: 0.7
    }
}



/*  END ----- Questionnaire */
/* Sign the data */
body #validerSignatureListe h2,
body #validerSignatureForm h2 {
    font-size: 18px;
    border-radius: 10px 10px 0 0;
    padding: 10px 15px;
    background: var(--couleur_secondaire);
    color: #FFF;
    font-weight: normal;
}

body #validerSignatureListe,
body #validerSignatureForm {
    text-align: center;
    background: #FFF;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    margin: 40px 5%;
    box-shadow: 10px 8px 9px -8px rgba(0, 0, 0, .16);
}

body #boutonSignerForm {
    margin-top: 0;
}
body #signAcceptMessage label {
    color: inherit;
    font-weight: normal;
    line-height: 20px
}

@media (min-width: 780px) {
    body #validerSignatureForm_detail {
        text-align: center;
    }
    body #validerSignatureForm_detail input {
        width: 200px;
        margin-left: 10px;
        display: inline-block;
    }
    body #validerSignatureForm_detail label.form_label {
        min-width: inherit;
    }
}


body #validerSignatureForm_detail .form_label {
    text-align: left;
    color: inherit;
    font-weight: inherit;
}

body #signAcceptMessage {
    width: 100%;
}

#signAccept {
    display: none !important;
}


/*  END ----- Sign the data */
/*  Contact Hotline */
body #contactProtocole h3,
body #contactTechnique h3,
body #contactDPO h3,
body #cochage-monitorage h3 {
    background: var(--couleur_secondaire) !important;
    color: #FFF;
    border: none;
    margin: 0;
    padding: 10px 20px;
    border-radius: 10px;
    -webkit-box-shadow: 10px 8px 9px -8px rgba(0, 0, 0, .26);
    box-shadow: 10px 8px 9px -8px rgba(0, 0, 0, .26);
}


body #contactProtocole h3,
body #contactTechnique h3,
body #contactDPO h3,
body #cochage-monitorage h3 {
    padding: 10px 10px;
}

.monitorage-element-titre {
    min-width: 0px;
    display: inline-block;
    text-align: left;
  }


@media (max-width: 779px) {

    body #contactProtocole h3 i,
    body #contactTechnique h3 i,
    body #contactDPO h3 i,
    body #cochage-monitorage h3 i {
        display: none!important;
    }

    body #contactProtocole h3 small,
    body #contactTechnique h3 small,
    body #contactDPO h3 small,
    body #cochage-monitorage h3 small {
        margin-top: 10px;
        display: block;
        font-size: 13px
    }

    body #contactSupport hr,
    body #cochage-monitorage hr {
        width: 100%;
        color: #CCCCCC;
        margin: 0px auto 30px auto;
    }

    body #contactSupport .contact-element-titre {
        width: 100%;
        padding-left: 0;
        text-align: left;
    }
    body #contactSupport .contact-element-valeur,
    body .monitorage-element-valeur,
    body .monitorage-element-titre {
        font-weight: bold;
        margin-bottom: 6px;
        margin-top: 6px;
        display: block;
        margin-left: 0px;
    }
    body #contenuPage table.tabcontrol:after {
        width: calc(100% + 40px)!important;
        left: -20px!important;
        display: block;
    }
}





body #contactProtocole_detail,
body #contactTechnique_detail,
body #contactDPO_detail,
body #cochage-monitorage_detail {
    padding: 20px;
}


body #contactIntro {
    margin: 20px 0;
}

body #contactProtocole,
body #contactTechnique,
body #contactDPO{
    background: #FFF;
    border: 1px solid #CCCCCC;
    margin: 30px 0 0 0;
    border-radius: 10px;
    -webkit-box-shadow: 10px 8px 9px -8px rgba(0, 0, 0, .26);
    box-shadow: 10px 8px 9px -8px rgba(0, 0, 0, .26);
}


body #cochage-monitorage {
    background: #FFF;
    border: 1px solid #CCCCCC;
    margin: 30px 0 0 30px;
    border-radius: 10px;
}




body #contenuPage table.tabcontrol {
    position: relative;
    border-spacing: 0;
    border-collapse: separate;
    border-radius: 10px;
    border: 1px solid var(--alert-color);
    margin-bottom: 50px;
    padding: 0 10px 10px 10px;
}


body #contenuPage .tabcontrol tr.err td:first-child {
    padding: 5px 2px 8px 9px;
}
body #contenuPage .tabcontrol tr.err td {
    padding: 5px 2px 8px 2px;
    border-bottom: 1px solid #DDDDDD;
    border-top: none!important;
    border-left: none!important;
    border-right: none!important;
}
body #contenuPage .tabcontrol tr.err:last-child td {
    border-bottom: none!important;
}


body #contenuPage .tabcontrol tr.tr_titre_query td {
    border: none!important;
    text-align: left;
    color: var(--noir);
    padding-top: 15px;
    padding-bottom: 10px;
}

body #contenuPage table.tabcontrol:after {
    content: '';
    position: absolute;
    border-bottom: 1px solid #DDDDDD;
    bottom: -40px;
    width: calc(100% + 80px);
    left: -30px;
    display: block;
}


body #contenuPage table.tabcontrol tr.tr_titre_query td small {
    padding: 2px 4px;
    border-radius: 5px;
    border: 1px solid var(--warning-color);
    font-weight: normal;
    color: var(--warning-color);
}



/*  END ----- Contact Hotline */
/* buttons */
body #validFormButtons #SUBMIT_1,
body #bouton-back {
    background: var(--color-gris);
}
body #validFormButtons #SUBMIT_3,
body #validFormButtons #SUBMIT_3:hover,
body #boutonSignature_bas,
body #boutonSignature_bas:hover,
body #telechargerExcel,
body #telechargerExcel:hover,
body #boutonSignerForm,
body #boutonSignerForm:hover,
body #boutonRedirection {
    background: var(--color-vert);
}

body #validFormButtons #SUBMIT_AUDIT_TRAIL,
body #validFormButtons #SUBMIT_AUDIT_TRAIL:hover {
    background: #FFF;
    color: var(--warning-color)!important;
    border: 2px solid var(--color-jaune);
}
body #validFormButtons #SUBMIT_AUDIT_TRAIL i {
    color: var(--warning-color)!important
}

body #validFormButtons button .fa {
    color: #FFF;
}

body button#SUBMIT_PDF .fa,
body button#SUBMIT_PDF:hover .fa {
    color: var(--color-rouge);
}

body #telechargerExcel:hover,
body #validFormButtons #SUBMIT_AUDIT_TRAIL:hover,
body #validFormButtons #SUBMIT_3:hover,
body #SUBMIT_PDF:hover,
body #boutonSignature_bas:hover,
body #boutonSignerForm:hover {
    opacity: 0.6;
}

body #SUBMIT_PDF,
body #SUBMIT_PDF:hover {
    background: #FFF;
    color: var(--color-rouge)!important;
    border: 2px solid var(--color-rouge);
}

body #validFormButtons button {
    margin-left: 4px;
    margin-right: 4px
}

body .buttonToolbox#SUBMIT_3_toolbox .fa,
body .buttonToolbox#SUBMIT_3_toolbox .fas,
body .buttonToolbox#SUBMON_toolbox .fa,
body .buttonToolbox#SUBMON_toolbox .fas {
    color: var(--color-vert);
}

body .buttonToolbox#SUBMIT_2_toolbox .fa,
body .buttonToolbox#SUBMIT_2_toolbox .fas {
    color: var(--color-bleu);
}

body .buttonToolbox#PDF_toolbox .fa,
body .buttonToolbox#PDF_toolbox .fas {
    color: var(--color-rouge);
}

body .buttonToolbox#HISTOALL_toolbox .fa,
body .buttonToolbox#HISTO_toolbox .fa,
body .buttonToolbox#HISTOALL_toolbox .fas,
body .buttonToolbox#HISTO_toolbox .fas {
    color: var(--color-jaune);
}

body .buttonToolbox#ERREURS_toolbox .fa,
body .buttonToolbox#ERREURS_toolbox .fas {
    color: var(--color-rouge);
}




/*  END ----- buttons */
/*  Database status */
@media (min-width: 1276px) {
    body form.form_saisie div:first-child {
        padding-right: 20px;
    }

    body form.form_saisie div:nth-child(2) {
        padding-left: 20px;
    }
}


@media (max-width: 779px) {
    body label.form_label {
        max-width: 100%!important;
    }

    body form.form_saisie input {
        margin-top: 0px!important;
        margin-bottom: 20px!important;
    }
    body form.form_saisie div {
        width: 100%;
    }
}

body form.form_saisie {
    padding-top: 50px;
}

body form.form_saisie input {
    /* margin-top: -15px;
    margin-bottom: 35px;
    text-align: left; */
    margin-right: 250px;
}

body form.form_saisie label {
    margin-bottom: 20px;
    text-align: left;
}

body label.form_label {
    margin-right: 0!important;
    padding: 0!important;
    color: inherit!important;
    font-weight: inherit!important;
    font-size: 14px;
    max-width: 180px;
}

body form.form_saisie span {
    display: block;
    margin-bottom: 20px;
}

/*  END ---- Database status *

/*  list of patients */
body #compte_patients tr td:last-child {
    white-space: nowrap!important;
}


body #toutMasquer button,
body #toutAfficher button {

    font-size: 12px;
    color: var(--couleur_link)!important;
    background: #FFF;
    border: 1px solid var(--couleur_link);
    border-radius: 10px;
}

body #toutMasquer button:hover,
#toutAfficher button:hover {
    color: #FFF!important;
    background: var(--couleur_link)!important;
}



body #lien-pdf-container {
    position: absolute;
    margin-top: 50px;
    width: 100%;
    text-align: center;
    left: 0
}

body #divBoutonSignature {
    margin: 130px 5% -45px 5%;
    border-radius: 4px;
    border: 1px solid var(--gris-border);
    background: var(--gris-bg);
}

body #calendrierPatient {
    margin-top: 120px;
    z-index: 2;
    position: relative;
}



body #calendrierPatient .calendrier-groupe-pere {
    font-size: 16px;
    background-color: var(--couleur_secondaire);
}

body #calendrierPatient .calendrier-groupe-pere {
    background-color: #f4f4f4;
    color: var(--couleur_secondaire);
}
body #calendrierPatient tr.ligne-entete.calendrier-patient-ligne {
    position: relative;
}



body #calendrierPatient tr.ligne-entete.calendrier-patient-ligne td:first-child {
    border-radius: 10px 0 0 0!important;
}

body #calendrierPatient tr.ligne-entete.calendrier-patient-ligne td:last-child {
    border-radius: 0 10px 0 0;
}

body #calendrierPatient tr.ligne-entete.calendrier-patient-ligne td {
    background: var(--couleur_secondaire) !important;
    color: #FFF !important;
    border: 1px solid transparent !important;
}

body #calendrierPatient .ligne-entete td {
    font-size: 14px;
}
body #calendrierPatient .calendrier-groupe td {
    padding: 10px;
    border-bottom: 1px solid var(--gris-border);
    background: var(--gris-bg);
}

body #formEditerComptePatient form.form_saisie {
    padding-top: 30px;
    display: table;
}

body form.form_saisie div:nth-child(2) {
    padding-left: 0;
}

body #formEditerComptePatient div .rowForm {
    display: table;
    width: 100%;
    margin: 10px;
}

body #formEditerComptePatient div .rowForm .form_label,
body #formEditerComptePatient div .rowForm select {
    display: table-cell;
    text-align: left;
}

body #formEditerComptePatient div .rowForm input {
    width: auto;
}

/*  END ----- list of patients */
/*  Automatic queries */
body #export-excel {
    position: absolute;
    /* margin: 40px auto 0px auto; */
    width: 100%;
    left: 0;
}

body #tableCi_wrapper {
    margin-top: 60px;
}

body #tableCi_wrapper #tableCi {
    background: #FFF
}

/*  END ----- Automatic queries */
/*  Popup Jquery ui */
@media (max-width: 779px) {
    body .ui-dialog {
        position: relative!important;
        width: calc(100% - 10px - 60px)!important;
        margin: 0 auto;
        left: 0!important;
        display: block;
    }
}

/*  Popup iframe */
@media (min-width: 780px) {
    body#dialog > #content {
        margin: 0!important;
    }
    body#dialog > #content > #corps {
        width: 100%!important;
        margin-left: 0px !important;
        margin-top: 10px;
    }
    body#dialog > #content #corps #toolbox {
        display: none!important;
    }
    body#dialog > #content #corps .information_haut:before,
    body#iframe > #content #corps .information_haut {
        width: calc(100% - 40px) !important;
    }
    body#dialog > #content #corps .bouton-suivant-precedent:before {
        display: none!important;
    }
}


body#dialog > #content #contenuPage .tabitm tr td {
    width: auto!important;
}
body#dialog > #content #corps #contenuPage table.tabitm {
    margin-left: 0;
}

body #dialogFormulaire.ui-dialog-content.ui-widget-content {
    background-color: #FCFCFC!important;
}
/*  END ---- Popup iframe */
body .ui-dialog #inputEmailChamps .label .iconeAgrandir {
    position: absolute;
    right: 16px;
    margin-bottom: 0;
    float: inherit;
    margin-top: -16px;
    cursor: pointer;
}

body .ui-dialog #inputEmailChamps {
    margin-top: 20px!important;
}


body .ui-dialog #inputEmailChamps .controle {
    margin-bottom: 20px!important;
}




body .ui-widget-content {
    color: var(--noir)!important;
}

body .ui-widget-overlay {
    background: rgba(43, 58, 66, .5)!important;
    opacity: 1;
}
body .ui-dialog {
    box-shadow: 0 5px 8px rgba(0, 0, 0, .15);
    font-size: 14px;
}


body .ui-dialog a.ui-dialog-titlebar-close,
body .ui-dialog a.ui-dialog-titlebar-close.ui-state-hover,
body .ui-dialog .ui-widget-header .ui-icon {
    color: transparent!important;
    background: transparent!important;
    border: none;
    background-image: none!important;
}

body .ui-dialog .ui-dialog-titlebar-close:after {
    content: "×";
    font-size: 32px;
    position: absolute;
    top: -14px;
    font-weight: normal;
    color: #606b71
}

body .ui-dialog .ui-dialog-titlebar-close:hover:after {
    color: black;
    left: -1px;
}

body .ui-dialog .ui-dialog-titlebar.ui-widget-header {
    background: #FFF!important;
    border-bottom: none;
    border-top: none;
    border-left: none;
    border-right: none;
    font-size: 20px;
    font-weight: normal;
    padding: 10px 20px;
}




body .ui-dialog .ui-dialog-content.ui-widget-content {
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
}

body .ui-dialog .ui-dialog-buttonpane {
    border: none;
    margin: 0;
    padding: 10px 0;
}



body .ui-dialog form input {
    margin-top: 0px;
    margin-bottom: 0px;
}


body .ui-dialog {
    border-top-left-radius: 12px!important;
    border-top-right-radius: 12px!important;
    border-bottom-left-radius: 12px!important;
    border-bottom-right-radius: 12px!important;
    border: 1px solid #FFF;
}


body .ui-dialog .controle,
body .ui-dialog .libelleOption {
    display: flex;
    margin-bottom: 0;
}
body .ui-dialog input[type="checkbox"],
body .ui-dialog input[type="radio"] {
    position: initial;
    width: initial;
    height: initial;
    padding: initial;
    margin: initial;
    overflow: initial;
    clip: initial;
    border: initial;
    margin-right: 6px;
}

body .ui-dialog form.form_saisie {
    padding-top: 0;
    display: table;
    width: 98%;
}


body .ui-dialog label {
    display: block;
    color: var(--noir);
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 18px;
    padding: 0px;
    margin-bottom: 0!important;
}

body .ui-dialog #formEditerComptePatient div .rowForm {
    margin: 10px 0;
}


body .ui-dialog .ui-dialog-buttonset button {
    background: var(--couleur_link)!important;
    height: 47px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    align-items: center;
    border: none;
    border-radius: 50px!important;
    cursor: pointer;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    position: relative;
    margin: 0 4px 0 4px!important;
    color: #FFF !important;
}


body #changementVariables + .ui-resizable-n + .ui-resizable-e + .ui-resizable-s + .ui-resizable-w + .ui-resizable-se + .ui-resizable-sw + .ui-resizable-ne + .ui-resizable-nw + .ui-dialog-buttonpane .ui-dialog-buttonset  button:first-of-type  {
    background: var(--color-vert) !important;
}

body #changementVariables + .ui-resizable-n + .ui-resizable-e + .ui-resizable-s + .ui-resizable-w + .ui-resizable-se + .ui-resizable-sw + .ui-resizable-ne + .ui-resizable-nw + .ui-dialog-buttonpane .ui-dialog-buttonset  button:nth-of-type(2)  {
    background: var(--color-gris) !important;
}


body .ui-dialog .ui-dialog-buttonset button .ui-icon {
    filter: brightness(200%);
}

#dialog .entete_bordereau {
    position: fixed;
    z-index: 1000;
    background-color: white;
    width: calc(100vw - 80px) !important;
  }

body #changementVariablesTable tr th:first-child,
body #changementVariablesTable tr td:first-child {
    text-align: center!important;
}

/*  END ----- Popup Jquery ui */
/* Zebra_DatePicker */
body .Zebra_DatePicker {
    color: var(--noir);
    text-align: center;
    margin-top: 3px;
    padding: 0 !important;
    border-color: var(--couleur_secondaire)!important;
    border-radius: 10px !important;
    margin-left: -10px;
    box-shadow: 10px 8px 9px -8px rgba(0, 0, 0, .26) !important;
    z-index: 99999 !important;
}
body .Zebra_DatePicker .dp_monthpicker,
body .Zebra_DatePicker .dp_yearpicker {
    border-spacing: 7px;
}

body body .Zebra_DatePicker table.dp_yearpicker td.dp_current,
body .Zebra_DatePicker table.dp_monthpicker td.dp_current {
    border: 1px solid var(--couleur_secondaire)!important;
}

body .Zebra_DatePicker table.dp_yearpicker td,
body .Zebra_DatePicker table.dp_monthpicker td {
    border-radius: 20px;
    border-color: transparent !important;
    text-align: center !important;
    color: var(--noir);
    font-size: 14px;
    padding: 0!important;
    background: #EEEEEE;
    vertical-align: middle;
}

body .Zebra_DatePicker table.dp_yearpicker td.dp_hover,
body .Zebra_DatePicker table.dp_monthpicker td.dp_hover,
body .Zebra_DatePicker table td.dp_selected {
    border: solid 1px transparent !important;
    box-shadow: 0px 0px 5px 0px rgba(116, 168, 188, .9);
    color: #FFF!important;
    background: var(--couleur_link) !important;
}

body .Zebra_DatePicker table td.dp_selected {
    font-weight: bold;
}


body .Zebra_DatePicker table.dp_header {
    background-color: var(--couleur_secondaire) !important;
    background-image: none !important;
    border-radius: 8px 8px 0 0 !important;
    margin: 0;
    padding: 0 !important;
    border-bottom: 5px solid var(--couleur_secondaire);
    border-top: 5px solid var(--couleur_secondaire);
    border-left: 1px solid var(--couleur_secondaire);
    border-right: 1px solid var(--couleur_secondaire);
}

body .Zebra_DatePicker .dp_caption,
body .Zebra_DatePicker .dp_caption.dp_hover {
    display: table-cell!important;
    vertical-align: middle;
    background: #FFF;
    color: var(--noir)!important;
    font-size: 16px !important;
    font-weight: bold;
    padding: 0 35px 0 16px;
    text-align: center;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAQCAYAAAAFzx/vAAAACXBIWXMAAAsTAAALEwEAmpwYAAABRUlEQVQ4jbXVwSsEURwH8M+uzYXDuqu5c3WgXIjUSspFuTg47GGTf8NJOVDKSVEclEiRkygHufkDZG8uLntDDjtT02vGDK3vad7vvTef15uZN5UoihrY080GTvU2S9iOr5uVKIpeMZwa0MJuD7Fj1OJ2u5oxaAdb/4CBKpr4CAav4xD9PcQ+sFHFJRbRSXXWsILzP6B52BpOky29xAzaweRp3KPeA+yA7pYmecBkgNYwFqNRAdYowkIQXmL0MaiP4O4HtIGzIiwLTNBZXAf1YTxjvAQmC8sD4R0LOArqA7iJkQQ7ycBWszDoq9frOaZPXGAQE6l6P5YxhM14Eem0sJ9305/ABL3CF6ZS9Wq8iPCTKTylisAkt3jDnPzHUOpIzJuclV3drexk9JU+f38D0v2TzATorw778O0qkweMYh5Pcbt0vgFAIEVrEZwaGAAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: calc(100% - 1.1rem);
    appearance: none;
    cursor: pointer;
    border-radius: 24px !important;
}

body .Zebra_DatePicker .dp_previous,
body .Zebra_DatePicker .dp_next,
body .Zebra_DatePicker .dp_previous.dp_hover,
body .Zebra_DatePicker .dp_next.dp_hover {
    color: #FFF!important;
    font-weight: normal;
    border-color: transparent!important;
    width: 25px;
    text-align: center;
    height: 40px;
    display: table-cell!important;
    border: none!important;
    background: inherit;
}



/*  END ----- Zebra_DatePicker */
/* Datepicker */
body .ui-datepicker-trigger {
    margin: 0 0 0 5px;
    vertical-align: text-top;
}

body .ui-datepicker {
    text-align: center;
    margin-top: 3px;
    padding: 0 !important;
    border-color: var(--couleur_secondaire)!important;
    border-radius: 10px !important;
    margin-left: -10px;
    box-shadow: 10px 8px 9px -8px rgba(0, 0, 0, .26) !important;
    z-index: 99999 !important;
}

body .ui-datepicker .ui-datepicker-header.ui-widget-header {
    border: none!important;
}
body .ui-datepicker a:hover {
    text-decoration: none!important;
}
body .ui-datepicker {
    width: 256px;
}


body .ui-datepicker table {
    width: 256px;
    table-layout: fixed;
}



body .ui-datepicker-header {
    background-color: var(--couleur_secondaire) !important;
    background-image: none !important;
    border-radius: 8px 8px 0 0!important;
    margin: 0;
    padding: 0 !important;
}


body .ui-datepicker-title {
    line-height: 35px !important;
    margin: 0 10px !important;
    padding-bottom: 4px;
    border-radius: 10px;
}

body .ui-datepicker-prev span {
    display: none !important;
}

body .ui-datepicker-next {
    text-align: center;
}

body .ui-datepicker-next span {
    display: none !important;
}

body .ui-datepicker-prev {
    background-color: transparent !important;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAUklEQVQYlXWPwQnAMAwDj9IBOlpH8CjdJLNksuujFIJjC/w6WUioFBcqJ7sGEAD5Y/hpqLRghRv4YQlUjqXI3Kql2MixraGbEhVcDXcFUR/1egEHNuTBpFW0NgAAAABJRU5ErkJggg==') !important;
    height: 12px !important;
    width: 7px !important;
    margin: 14px 12px;
    display: inline-block;
    left: 0 !important;
    top: 0 !important;
}


body .ui-datepicker-next {
    cursor: pointer;
    top: 4px!important;
}

body .ui-datepicker-prev {
    cursor: pointer;
    top: 4px!important;
}

body .ui-datepicker-next {
    background-color: transparent !important;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAVUlEQVQYlXWQ0Q3AIAhEL07gKI7kKN2kI3Wk1w9to3KQEELucQEECOizhhTQGHFnwOdgobWx0GkZILfYBhXl0STVbPoBarbkL7ozN/F8VBBXh8uJgF5r2hrI4GHUkAAAAABJRU5ErkJggg==') !important;
    height: 12px !important;
    width: 8px !important;
    margin: 14px 12px;
    display: inline-block;
    right: 0 !important;
}

body .ui-datepicker .ui-datepicker-today .ui-state-default {
    border: 1px solid var(--couleur_secondaire)!important;
}

body .ui-datepicker .ui-datepicker-today .ui-state-hover:hover {
    background: var(--couleur_secondaire)!important;
}


body .ui-datepicker-month {
    border-radius: 2px;
    width: 90px !important;
    height: 34px;
    color: var(--noir);
    font-size: 14px !important;
    font-weight: 600;
    border: none !important;
    margin-right: 10px !important;
    vertical-align: text-top;
    padding: 0 35px 0 16px;
    text-align: center;
}


body .ui-datepicker-year {
    text-align: center;
    border-radius: 2px;
    color: var(--noir);
    width: 97px !important;
    height: 34px;
    border: none !important;
    font-size: 14px !important;
    font-weight: 600;
    vertical-align: text-top;
    cursor: pointer;
}



body .ui-datepicker-month option,
body .ui-datepicker-year option {
    color: #3985a0 !important;
    background-color: #fff !important;
    font-size: 14px !important;
    font-weight: 600;
}

body .ui-datepicker-month option[selected],
body .ui-datepicker-year option[selected] {
    background-color: #e5edf0 !important;
}

body .ui-datepicker .ui-state-hover {
    border: 0 !important;
}

body .ui-datepicker td {
    vertical-align: top;
}

body .ui-datepicker .ui-state-default {
    border-radius: 100%;
    border-color: transparent !important;
    width: 24px;
    height: 24px;
    padding: 0 !important;
    line-height: 24px;
    text-align: center !important;
    color: var(--noir);
    font-size: 14px;
    font-weight: 400 !important;
    margin: 7px 0 0 4px;
}

body .ui-datepicker .ui-state-default.ui-state-hover {
    width: 24px;
    height: 24px;
    padding: 0 !important;
    border-radius: 100%;
    border: solid 1px transparent !important;
    box-shadow: 0px 0px 5px 0px rgba(116, 168, 188, .9);
    color: #FFF!important;
}

body .openemr-calendar .ui-state-default {
    font-size: 10px;
    margin: 0;
}

body .ui-datepicker td {
    width: 33px;
}

body .ui-state-default.ui-state-hover {
    border-color: #dcdcdc;
    background-color: var(--couleur_link) !important;
    color: #FFF;
}

body .ui-datepicker .ui-state-active {
    border-color: var(--couleur_link);
    background-color: var(--couleur_link)!important;
    color: #FFF !important;
    font-weight: bold!important;
}

body .ui-datepicker-calendar thead tr th {
    color: var(--noir);
    font-size: 14px;
    font-weight: normal;
    padding: 0.45em 0.3em !important;
    border-bottom: 1px solid var(--couleur_secondaire)!important;
}


body .ui-datepicker-close {
    display: none;
}

body .ui-datepicker thead {
    background-color: #f5f5f5;
}

body .openemr-calendar .ui-datepicker thead {
    background: none;
}

body .ui-state-default.ui-datepicker-current {
    float: none !important;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    vertical-align: top;
    margin: 0 !important;
    background-color: transparent !important;
}

body .ui-datepicker-buttonpane.ui-widget-content {
    text-align: center;
    background-color: #3e9aba;
    margin: 0 !important;
    height: 28px;
    padding: 0 !important;
}

/* END Datepicker */
/*  Menu button */
#menuOuvrir,
#menuFermer {
    display: none!important
}
/*  END ----- Menu button */

/*  icons action table */
#compte_patients tbody tr td:last-child {
    font-size: 1px;
    letter-spacing: -10px;
}

#compte_patients tbody tr td:last-child img:first-child {
    border-left: 1px solid #959ca0!important;
    border-radius: 6px 0 0 6px!important;
    padding-left: 10px;
}

#compte_patients tbody tr td:last-child img:last-child {
    border-right: 1px solid #959ca0!important;
    border-radius: 0 6px 6px 0!important;
    padding-right: 10px;
}

#compte_patients tbody tr td:last-child img {
    position: relative;
    background-color: #fff;
    border-top: 1px solid #959ca0;
    border-bottom: 1px solid #959ca0;
    border-right: 1px solid #959ca0;
    padding: 6px;
    display: inline-block;
    height: 18px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#compte_patients tbody tr td:last-child img:hover {
    opacity: .8;
}
img:after {
    content: "\1F63B";
    font-size: larger;
    margin: -1em;
}
body #compte_patients img.btn_compte_patient.blocage_compte_patient:before {
    content: "oo";
    mask-size: 50%;
    mask-repeat: no-repeat;
    mask-position: 10px center;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdW5sb2NrLWZpbGwiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTExIDFhMiAyIDAgMCAwLTIgMnY0YTIgMiAwIDAgMSAyIDJ2NWEyIDIgMCAwIDEtMiAySDNhMiAyIDAgMCAxLTItMlY5YTIgMiAwIDAgMSAyLTJoNVYzYTMgMyAwIDAgMSA2IDB2NGEuNS41IDAgMCAxLTEgMFYzYTIgMiAwIDAgMC0yLTIiLz48L3N2Zz4=")
}

/*  END ---- icon action table */
/*  Message alert */
body .warning_info {
    background-color: var(--warning-bg);
    color: var(--warning-color);
    border-color: var(--warning-border);
}

body #listeTacheEnCours.warning_info {
    padding-right: 14px!important;
}

body .message_alert p {
    background: none;
    color: var(--alert-color);
}

body .message_alert {
    color: var(--alert-color);
    background-color: var(--alert-bg);
    border-color: var(--alert-border);
    background-repeat: no-repeat;
    background-size: 27px;
    background-position: 10px center;
    background-image: none;
}

body #login-warning-dev {
    color: var(--alert-color);
    border: 1px solid var(--alert-border);
    background: var(--alert-bg);
    padding: 20px 25px;
    margin: 90px 10% 20px 10%;
    font-size: 11px;
    border-radius: 5px;
}

body .message_info {
    color: var(--info-color);
    background-color: var(--info-bg);
    border-color: var(--info-border);
}


body .message_alert p,
body .connexion .message_alert p {
    position: relative;
    padding-left: 30px;
    text-align: left;
}
body .connexion .message_alert p {
    margin: 4px;
}

body .message_alert p:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 1px;
    background-color: var(--alert-color);
    padding-left: 20px;
    mask-repeat: no-repeat;
    mask-size: 20px;
    mask-position: top left;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZXhjbGFtYXRpb24tdHJpYW5nbGUtZmlsbCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOC45ODIgMS41NjZhMS4xMyAxLjEzIDAgMCAwLTEuOTYgMEwuMTY1IDEzLjIzM2MtLjQ1Ny43NzguMDkxIDEuNzY3Ljk4IDEuNzY3aDEzLjcxM2MuODg5IDAgMS40MzgtLjk5Ljk4LTEuNzY3ek04IDVjLjUzNSAwIC45NTQuNDYyLjkuOTk1bC0uMzUgMy41MDdhLjU1Mi41NTIgMCAwIDEtMS4xIDBMNy4xIDUuOTk1QS45MDUuOTA1IDAgMCAxIDggNW0uMDAyIDZhMSAxIDAgMSAxIDAgMiAxIDEgMCAwIDEgMC0yIi8+Cjwvc3ZnPg==");
}


body .message_info {
    background: url("/images/ecrf/messagebox_info.png");
    color: var(--info-color);
    width: 90%;
}
body .message_legende {
    background: url("/images/ecrf/messagebox_info.png");
}


body .message_warning {
    background: url("/images/ecrf/notification_warning.png");
    color: var(--noir);
    font-style: normal;
}
body .message_loading {
    padding-top: 5px;
    color: var(--info-color);
    background: url("/images/ecrf/ajax-loader.gif");
}
body .message_question {
    padding-top: 20px;
    color: var(--info-color);
    background: url("/images/ecrf/messagebox_help.png");
}
body .message_alert,
body .message_info,
body .message_legende,
body .message_loading,
body .message_question {
    display: block;
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    font-weight: normal;
    background-repeat: no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
}
body .message_alert p,
body .message_info p,
body .message_loading p,
body .message_question p {
    text-align: left;
}
body .message_warning {
    /*min-height: 30px;*/
    border: 1px solid #f59829;
    padding: 10px 10px 10px 10px;
    margin: 10px auto;
    font-weight: bold;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: 10px center;
    text-align: center;
}

body .danger_info h1 {
    color: var(--alert-color)!important;
}
body .danger_info,
body .affichageMessageTabcontrol {
    text-align: center;
    font-size: 16px;
    color: var(--alert-color);
    background-color: var(--alert-bg);
    border-color: var(--alert-border);
}





/*  Alert message */
body #msg-connexion {
    width: inherit;
    padding-bottom: 5px;
    animation: fadein 3s;
    -moz-animation: fadein 3s;
    /* Firefox */
    -webkit-animation: fadein 3s;
    /* Safari et Chrome */
    -o-animation: fadein 3s;
    /* Opera */
}



/* badge */
/* Statut empty */
body .label-legende-status-_ {
    background-color: white;
    border: 1px solid var(--noir);
    color: var(--noir);
}
/* Statut empty */
body .label-legende-status-C {
    background-color: white;
    border: 1px solid var(--color-bleu);
    color: var(--color-bleu);
}
/* Statut non réalisé */
body .label-legende-status-non-realise {
    background-color: white;
    border: 1px solid var(--color-gris-clair);
    color: var(--noir);
}
/* Statut in entry process */
body .label-legende-status-I {
    background-color: var(--color-gris);
}
/* Statut with error */
body .label-legende-status-M {
    background-color: var(--color-rouge);
}
/* Statut without error */
body .label-legende-status-B {
    background-color: var(--color-vert);
}
/* Statut completed */
body .label-legende-status-V {
    background-color: var(--noir);
}
body .label-legende-status-monitored-queries {
    background-color: var(--color-rouge);
    color: white;
}
body .label-legende-status-cantmonitor {
    color: var(--noir);
    border: 1px solid #AAAAAA;
    background: #EEEEEE;
}
body .label-legende-status-to-be-monitored-again {
    background-color: var(--color-orange);
}
body .label-legende-status-monitored-ok {
    background-color: var(--color-vert);
}
body .label-legende-status-monitored-queries-icon {
    color: var(--color-rouge);
    font-size: 16px;
}
body .label-legende-status-monitored-ok-icon {
    color: var(--color-vert);
    font-size: 16px;
}
body .label-legende-status-monitored-nm-icon {
    color: var(--noir);
    font-size: 16px;
}
body .label-legende-status-cantmonitor-icon {
    color: #888888;
    font-size: 16px;
}
body .label-legende-status-monitored-again-icon {
    color: var(--color-orange);
    font-size: 16px;
}

body .icone-nombre-query-monitorage-vide {
    background-color: var(--color-gris);
}
body .icone-nombre-query-monitorage-ok {
    background-color: var(--color-vert);
}
body .icone-nombre-query-monitorage {
    background-color: var(--color-rouge);
}
/* END --- Badge */


/* .patient-info {
    align-items: center;
    justify-content: space-between;
} */

.patient-info div {
    display: flex;
    align-items: center;
}

.patient-info .details {
    display: flex;
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
}

.patient-info .details h2 {
    font-size: 70px;
    color: var(--couleur_link);
  }

.patient-info .details p{
    font-size: 25px;
    margin-top: -50px;
}

.patient-info img {
    width: 150px;
    height: 150px;
}

.tasks-info ul {
    padding: 0;
}

.tasks-info {
    justify-self: flex-start;
    text-align: left;
}


.tasks-info ul li {
    margin: 5px 0;
    margin-left: 15px;
}

.tasks-info ul li span {
    font-weight: bold;
}

.item{
    margin-left: 50px;
}
.btn_inclu{
    margin-left: 25px;
    float: left;
}

.dashboard {
    display: grid; 
    grid-template-columns: 1fr 1fr;
    margin-top: 10px;    
}

@media (max-width: 779px) {
    .dashboard {
        display: ruby; 
    }
    .item{
        margin-left: 0px;
    }
}


/* .dashboard {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 20px;
    width: 90%;
    border-radius: 10px;
} */

.item-full {
    grid-column: 1 / -1;
}

#titre_tache {
    color: var(--color-jaune);
    font-size: 25px;

}

#btn-tache-attente, .btn_inclu{
    font-size: 20px;
    margin-top: -5px;
}

.rbm-info-cochage {
    margin-left: 20px;
  }

  #cochage-monitorage hr {
    width: 25%;
    color: #CCCCCC;
    margin: 20px auto;
      margin-left: auto;
    margin-left: 20px;
  }



  .information_haut.banniere-cal{
    z-index: 30;
    display: inline-table;
    float: unset;
    position: absolute;
    overflow: auto;
    width: inherit;
  }

  span.comment[id^="MSGMON"] {
    display: block;
  }