.c-w{color:#fff !important}
.c-b{color:#000 !important}
.c-r{color: #f00 !important}
.c-mq{color:#FB4F14 !important}
.cbg-w{background-color:#fff !important}
.cbg-b{background-color:#000 !important}
.cbg-mq{background-color:#FB4F14 !important}
.absolute{position:absolute !important}
.relative{position:relative !important}
.fixed{position:fixed!important}
.d-flex{display:flex!important}
.d-none{display:none!important}
.d-block{display:block!important}
.d-inline{display:inline!important}
.d-inlineblock{display:inline-block!important}
.justify-content-center{justify-content:center!important}
.marg-bot{margin-bottom:75px!important}
.left{float:left !important;}
.right{float:right !important;}
.bg-gray{background-color:#c9c9c9}

.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}
.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}

a {
    cursor: pointer;
}

.container-fluid{
    padding-left: 0px;
    padding-right: 0px;
}

#contenu{
    padding-left: 15px;
    padding-right: 15px;
}

#logo img{
    top:0;
    width: 160px;
    z-index: 10;
    margin-top: 5px;
}

#serviceCalmedica{
    color: #4b4b4b;
    position: absolute;
    bottom: 0px;
    left: 10px;
    /*border: 1px dotted orangered;*/
    font-style: italic;
    font-size: small;
}

#nav > li.current > ul.dropdown-menu > li:not(.current) > a, #nav > li:not(.current) > ul.dropdown-menu > li.current > a  {
    color: #333 !important;
}
#nav li.onglet_menu:not(.current) a, #nav #menu_profil:not(.current), #nav #menu_utilitaires:not(.current), #menu_utilitaires:not(.current), #menu_facturation:not(.current), a.dropdown-toggle{
    color: #FFF !important;
}
#nav > li.current > ul.dropdown-menu > li.current > a, #nav > li.current > a, #nav li:not(.dropdown) a:hover, #nav #menu_profil:hover, #nav #menu_utilitaires:hover, #menu_facturation:hover, #menu_outils_protocole:hover, #nav #menu_gerer_pro_sante:hover{
    color: rgb(251, 79, 20) !important;
}
#nav ul.dropdown_menu a{
    color: black !important;
}
#nav .onglet_menu, #nav a.dropdown-toggle{
    font-weight: bold;
}

.dropdown-menu > .current > a, .dropdown-menu > .current > a:focus, .dropdown-menu > .current > a:hover {
    background-color: #bbb;
}

.menu_dropdown {
    text-indent: 10px;
}

.icone_info_patient:hover {
    cursor: pointer;
}

canvas {
    max-width: 100%;
    max-height: 100%;
}

.infobulle {
    position: fixed;
    max-width: 400px;
    display: none;
    border: 1px solid Black;
    padding: 5px;
    font-size: 0.8em;
    background-color: #FFFFCC;
    color:#000;
    top: 0;
}

/* PAGE D'ACCUEIL */
#slogan{
    margin-bottom: 15px;
}

#texte_accueil{
    margin-bottom: 15px;
}
/*-------*/


/* -------------- pictogrammes ------------------- */

/*Positionne le "?" correctement dans ModeleDeRegle*/
.panel-body .picto_aide{
    bottom: 30px;
    left: 70px;
}

#donnees_dynamiques .picto_aide{
    left: 445px;
}

.picto_aide {
    background-image: url(/images/images_memoquest/picto_info_avec_fond.png);
    background-repeat:no-repeat;
    width: 33px;
    height : 33px;
    display: inline-block;
    position: absolute;
    left: 420px;
    margin-top: -25px;
}


.picto_aide a:link, .picto_aide a:visited {
    color:#FFFFFF;
    text-decoration:none;
    display : block;
}


.picto_supprimer {
    width: 20px;
    height : 20px;
    background-image:url(/images/images_communes/picto_poubelle.png);
    background-repeat:no-repeat;
    border-width : 1px;
    border-style:hidden;
    margin : auto;
    display: block;
    line-height: 20px;
}


.picto_supprimer a:link, .picto_supprimer a:visited, .picto_supprimer a:hover {
    text-decoration: none;
    display: block;
}

.icone_ajouter a:link, .picto_ajouter a:visited, .picto_ajouter a:hover {
    text-decoration: none;
}

/** Bouton standard **/
.bouton_standard{
    display: inline-block;
    margin-left: 125px;
    outline: none;
}

/* Fichier */
#fichier{
    display: block;
    margin: auto auto 40px auto;
}


form[id^=form_] #Modifier, form[id^=form_] #update,
form[id^=form_] #Change, form[id^=form_] #annuler, form[id^=form_] #enregistrer, form[id^=form_] #reaffecter,
form[id^=form_] #Importer\ fichier, form[id^=form_] #Import\ file,
form[id^=form_] input[type=button]:last-child, form[id^=form_] input[type=submit]:last-child, #restaurer,
#generer_dump, form[id^=form_] #valider{
    width: 180px;
    display: inline-block;
    vertical-align: middle;
    margin:15px 20px 0 20px;
}

form[id^=form_] #enregistrer,
form[id^=form_] #Importer\ fichier, form[id^=form_] #Import\ file, #restaurer, #generer_dump{
    margin-left: 60px !important;
}


form[id^=form_]{
    max-width: 700px;
    margin: auto;
}
form[id^=form_]{
    line-height: 2em;
}

#form_membre div input, #form_client_oauth div input, #form_acquitte_alerte div input{
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    outline: none;
    padding-left: 8px;

}
#form_client_oauth div input{
    width: 250px !important;
}
#form_membre #date_demarrage{
    width: 110px !important;
}

/**
*
*   Mise en forme personnalisée du formulaire acquittement alerte
**/
#fenetre_acquitter .modal-content
{
    width: 600px !important;
}
#form_acquitte_alerte{
    max-width: 500px;
    margin:0 10px;
    overflow: hidden;
}

#form_acquitte_alerte #annuler, #form_acquitte_alerte #enregistrer, #restaurer, #generer_dump{

    margin-left: 10px !important;
    width: 165px;
}
#form_acquitte_alerte textarea{
    display: inline-block;
    width: 230px !important;
}

/**
*   Affichage profil
*/
#form_affichage_profil div input, #form_affichage_profil div select{
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    padding-left: 8px;
    outline: none;
    width: 250px !important;

}
#lien_reponse{
    display: block;
    text-align: center;
}


/**
*   Modification profil
*/

#form_modification_profil div input, #form_modification_profil div select{
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    padding-left: 8px;
    outline: none;
    width: 250px !important;

}


/**
*   Modification mot de passe
*/

#form_modification_passe div input{
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    margin-bottom: 4px;
    outline: none;
    width: 250px !important;

}



/** Log **/

#boite_contenu{
    width: 48%;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    word-wrap: break-word;
}


/** Autocomplétion **/

.ui-menu-item{
    line-height: 25px;
    font-size: 10px;
}


/** datepicker **/

.ui-datepicker{
    min-width: 300px;
    font-size: 14px;
}
.ui-datepicker table td a{
   line-height: 17px;

}
.ui-datepicker table td a, .ui-datepicker table th, .ui-datepicker-title{
    font-weight: bold;
    font-size: 15px;
}


/* ------------------- icones action ---------------- */

#icone_excel, #icone_excel a:link, #icone_excel a:visited {
    background:url(/images/images_memoquest/picto_csv.png) no-repeat;
    background-position:center;
    display : block;
    height : 33px;
    width:44px;
    text-decoration:none;
}


/** Formulaire nouvelle utilisateur **/

#form_inscription #type_compte, #form_inscription #nom_utilisateur, #form_inscription #email,
#form_inscription #indicatif_tel, #form_inscription #mot_de_passe, #form_inscription #confirmation_passe{
    border-radius: 5px;
    outline: none;
    width: 250px !important;
    text-indent: 8px;
}
#form_inscription input{
    border: 1px solid #e1e1e1;
}


/** Formulaire passe perdu **/
#formulaire_passe_perdu, #formulaire_passe_perdu table, #modification_passe_util, #modification_passe_util table{
    text-align: center;
    margin: auto;
}
#formulaire_passe_perdu td, #modification_passe_util td{
    font-weight: bold;
    padding-top: 20px;
 }

#formulaire_passe_perdu #email, #modification_passe_util #nouveau_passe, #modification_passe_util #confirmation_passe{

    border-radius: 5px;
    outline: none;
    width: 250px !important;
    text-indent: 8px;
    border: 1px solid #e1e1e1;
    line-height: 30px;

 }
#formulaire_passe_perdu input[type=submit], #modification_passe_util input[type=submit], #modification_passe_util input[type=button]{
    width: 200px;
    border: none;
    border-radius: 5px;
    line-height: 30px;
    margin: 20px 0 0 100px;
    display: block;
    font-weight: normal;
}

/** Message d'erreur lors des saisies de champs formulaire **/
label.error{
    display: block;
    text-indent: 10px;
    color: red;
}

#tableau_bord [id*=_wrapper]{
    margin-top: 25px;
    border-bottom: 1px solid #e1e1e1;
}

#tableau_telechargement_rapport_excel td, #tableau_telechargement_rapport_excel th{
    max-width: 60px;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;

}

input#email{
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    line-height: 25px;
}
.date_telechargement_rapport{
    display: inline-block;
    width: 220px;
    vertical-align: top;
}

#historiqueConversation {
    display: flex;
    flex-direction: column;
    flex: 0 1 auto;
    position: fixed;
    top: 0;
    right: 0;
    min-width: 250px;
    max-width: 450px;
    max-height: calc(90vh - 45px);
    min-height: 50px;
    padding: 3px 5px;
    margin: 10px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 15px 0 15px 15px;
    box-shadow: 0 0 5px #808080;
    transform: translateY(50px);
}

#historiqueConversation .messagesContainer {
    overflow-y: auto;
    max-height: calc(90vh - 150px);
}

#historiqueConversation.fermer{
    display: none !important;
}

#historiqueConversation .heureMessage{
    font-size: 10px;
    margin-left: 15px;
    margin-right: 15px;
}

#historiqueConversation .messageClient {
    margin-bottom: 10px;
}

#historiqueConversation  .messageClient .wrapperReponse {
    display: inline-block;
    padding: 3px 10px;
    background-color: #FF5711;
    border-radius: 10px 0 10px 10px;
    margin: 3px 6px;
    max-width: 80%;
    overflow-wrap: break-word;
    line-height: 21px;
}

#historiqueConversation  .messageServeur {
    max-width: 80%;
    margin-bottom: 10px;}

#historiqueConversation .messageServeur .wrapperServeur {
    display: inline-block;
    padding: 3px 10px;
    background-color: #ddd;
    border-radius: 0px 10px 10px 10px;
    margin: 3px 6px;
    overflow-wrap: break-word;
    min-height: 30px;
    line-height: 21px; }

#historiqueConversation .messageServeur .wrapperManuel {
    display: inline-block;
    padding: 3px 10px;
    background-color: #59D;
    border-radius: 0px 10px 10px 10px;
    margin: 3px 6px;
    overflow-wrap: break-word;
    min-height: 30px;
    line-height: 21px;
}
#historiqueConversation .messageServeur .wrapperNoeud {
    display: inline-block;
    padding: 3px 10px;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 0px 10px 10px 10px;
    margin: 3px 6px;
    overflow-wrap: break-word;
    min-height: 30px;
    line-height: 21px;
}
#historiqueConversation #envoiManuel{
    display: flex;
    padding: 3px;
}
#historiqueConversation textarea{
    width: 100%;
    height: 50px;
    resize: none;
    padding: 5px 20px 5px 5px;
    overflow: hidden !important;
    text-overflow: ellipsis;
    border-radius: 7px; border: solid 2px gray;
}
#envoiManuel > div:first-child{
    display: flex;
    position: relative;
    border-radius: 15px;
    width: 100%;
}

#envoiManuel > button {
    border-radius: 50%;
    padding: 0.5em;
    border: solid 1px gray;
    background-color: #fb4f14 !important;
    margin-left: 2%;
    color: white;
    flex-shrink: 0;
    width: 35px;
    height: 35px;
}

#deleteFileToPatient:before{
    content: "×";
}
#deleteFileToPatient{
    cursor: pointer;
    font-size: 1.5em;
    color: red;
    margin-left:0.4em;
    border-radius: 4px;
    font-weight: bold;
    line-height: 0;
    padding: 10px 3px;
}
#deleteFileToPatient:hover {
    background: #ddd6d6;
}
.uploadFiles {
    position: absolute;
    right: 5px;
    height: 70%;
    border-left: solid 2px gray;
    transform: translateY(16%);
}

.identifyingIntelsAcquittements,.identifyingIntels{
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
    cursor: pointer;
}
.identifyingIntels{
    padding: 1em;
}
.identifyingIntelsContainer {
    display: flex;
    background-color: #f5f5f5;
    min-width: 240px;
    max-width: 435px;
    margin: 0 0 1em;
    padding: 0.5em;
    width: -moz-available !important;
}

.boxclose{
    cursor: pointer;
    border-radius: 4px;
    font-size: 2.4em;
    font-weight: bold;
    line-height: 0;
    padding: 10px 3px;
    color: gray;
    margin: auto;
}

.boxclose:before {
    content: "×";
}

.boxclose:hover {
    background: #ddd6d6;
}

.noMsg{
    margin-top: 40px;
}


.champ_formulaire{
    display: inline-block;
    width: 320px;
    vertical-align: top;
}
.champ_formulaire input{
    border-color: #bbbbbb #bbbbbb #a2a2a2;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 3px 12px;
    vertical-align: middle;
}

.previousAcquittement {
    max-height: 230px;
    overflow: hidden;
    overflow-y: auto;
}

.btnAjoutEntite {
    position: absolute;
    bottom: 0;
    right: 0;
}

/* width */
.package-assemble ::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}

/* Track */
.package-assemble ::-webkit-scrollbar-track {
    background: #e4e4e4;
    border-radius: 10px;
}

/* Handle */
.package-assemble ::-webkit-scrollbar-thumb {
    background: #919191;
    border-radius: 10px;
}

/* Handle on hover */
.package-assemble ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.package-assemble {
    width: auto;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2vh;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    margin: auto;
}

.package {
    height: 800px;
    width: 400px;
    min-width: 300px;
    max-width: 400px;
    margin: 20px;
    text-align: center;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 0px 10px 2px gray;
}

.package-column-correction {
    height: 80vh;
    min-height: 600px;
    max-height: 700px;
    width: 2vh;
    min-width: 2vh;
}

.package-title {
    width: auto;
    height: 85px;
    padding: 1px;
    text-shadow: 2px 2px 10px rgba(150, 150, 150, 1);
}

.package-title h2 {
    font-weight: bold;
    font-family: 'Segoe script', 'sans-serif';
    color: #FB4F14;
}

.package-underline {
    width: 100px;
    height: 5px;
    background-color: #FB4F14;
    margin: auto;
}

.package-zone-buttons {
    margin-top: 10px;
    height: 30px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-evenly;
}

.package-button, .package form {
    height: 30px;
    font-size: 10pt;
    padding: 5px;
    border-radius: 6px;
    width: 40%;
}

.package form {
    background-color: #d9534f;
}

.package-button a, .package input {
    text-decoration: none;
    color: white;
    border: 0;
    width: 100%;
    text-align: center;
}

.package-list {
    min-height: 625px;
    max-height: 625px;
    overflow-x: hidden;
    padding: 20px;
    text-align: left;
    display: block;
}

.package-list-item {
    display: flex;
    width: auto;
    margin-bottom: 5px;
}

.package-list-item strong,
.package-list-item p {
    padding-left: 10px;
}

varobject {
    display: none;
}

@media only screen and (max-width: 1000px) {
    .package-assemble {
        overflow-x: hidden;
        max-height: unset;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-evenly;
        margin: auto;
    }

    .package-column-correction {
        display: none;
    }
}

@media screen and (max-width: 830px){
    .picto_aide{
        left: 80%;
    }
}

@media screen and (max-width: 865px) {
    #donnees_dynamiques .picto_aide{
        left: 80%;
    }
}

@media screen and (max-width: 768px) {
    body {
        margin-top: 0;
    }

    .checkbox_donnees_dynamiques {
        margin-left: -15px !important;
        text-align: left !important;
    }
    .checkbox_donnees_dynamiques input[type="checkbox"]{
        left: 120px !important;
    }
}

@media screen and (max-width: 640px){
    .conteneur{
        padding-left: 0px;
        padding-right: 0px;
    }
}

.desactiver{
    color:#B6B5B5 !important;
    font-style: italic !important;
    font-weight: 100;
}

.conversation_ouverte{
    background-color:#cccccc !important;
}

.numero-support{
    color: white !important;
    font-weight: bold;
}

.checkbox_donnees_dynamiques{
    font-size: 14px;
    font-weight: bold !important;
    margin-top: -7px;
    padding-left: 15px !important;
    padding-right: 15px !important;
    width: 100px !important;
    text-align: right;
    margin-left: calc(-16.666667% - 36px);
}
.checkbox_donnees_dynamiques input[type="checkbox"]{
    margin-top: 9px !important;
    vertical-align: middle;
    position: absolute;
    left: 50px;
}

.faq-question{
    max-width: calc(100% - 250px);
    overflow-wrap: break-word;
    font-size: 14px;
    font-weight: bold;
}

.boutons_faq{
    margin-right:15px;
    margin-top: 3px;
    float: right;
    height: 100%;
}

.boutons_faq .btn-warning{
    margin-right: 15px !important;
}

.boutons_faq form{
    display: inline;
}

.protocole_modifier_prosante {
    display: none;
}

.variableDynamique {
    margin-left: 30px;
}


/**
    Afficher les Indicateurs :
 */

.headerIndicateur {
    display: flex;
    flex-flow: row nowrap;
    padding: 4px;
    box-shadow: 0px 1px 5px 2px lightgray;
}

.logoChart {
    width: 40px;
    height: 40px;
}

.titleChart {
    margin-left: 10px;
    color: gray;
    width: 750px;
}

.headerIndicateur button {
    margin: 2px;
    width: 150px;
}

/**
    Page admin pour la configuratin de fp
 */
#contenuFtp form label small{
    display: block;
    font-weight: normal;
}

/**
 represente les page supports dans admin et pro sante
 */
.overlay-modal-support, .overlay-list-support, .overlay-list-files {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: none;
    z-index: 1;
}
.overlay-modal-support.show, .overlay-list-support.show, .overlay-list-files.show{
    display: block;
}
.overlay-modal-support div, .overlay-modal-support img,
.overlay-list-support div, .overlay-list-support img,
.overlay-list-files div, .overlay-list-files img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}
#modal-files .modal-footer input[type='file'] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
}
#files .thumbnail {
    display: inline-block;
    max-width: 210px;
    margin-left: 15px;
}
/** Jquery text editor **/

.jqte_tool_label {
    min-height: 20px !important;
}

/**
 CSS pour le listing des dossiers ftp
 */

#testFtp .tree, #testFtp .tree ul {
    margin:0;
    padding:0;
    list-style:none
}
#testFtp .tree ul {
    margin-left:1em;
    position:relative
}
#testFtp .tree ul ul {
    margin-left:.5em
}
#testFtp .tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
#testFtp .tree li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    color: #999;
    position:relative;
    cursor: pointer;
}
#testFtp .tree li.branch {
    white-space: nowrap;
}
#testFtp .tree li.branch .ftp-tree-dir-more {
    padding: 0 10px;
}
#testFtp .tree li i {
    color: #F8D775;
}
#testFtp .tree ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
#testFtp .tree ul li:last-child:before {
    height:auto;
    top:1em;
    bottom:0
}
#testFtp .tree .indicator {
    margin-right:5px;
}
#testFtp .tree li a {
    text-decoration: none;
}
#testFtp .tree li a.ftp-tree-dir {
    color: #000;
    font-weight: 500;
}
#testFtp .tree li a.ftp-tree-file {
    color: #333;
}

#testFtp .tree .ftp-tree-dir-info {
    font-size: 12px;
}
#testFtp .tree .ftp-tree-dir-more {
    display: none;
}

.custom_logo, .camedica_page_patient{
    width: 150px;
}

.float-right{
    float: right;
}

.float-left{
    float: left;
}

.float-none{
    float: none;
    clear: both;
}

.mr-5 { margin-right: 5px; }
.ml-5 { margin-left: 5px; }
.mt-5 { margin-top: 5px; }
.mb-5 { margin-bottom: 5px; }

.mr-10 { margin-right: 10px; }
.ml-10 { margin-left: 10px; }
.mt-10 { margin-top: 10px; }
.mb-10 { margin-bottom: 10px; }

.mr-15 { margin-right: 15px; }
.ml-15 { margin-left: 15px; }
.mt-15 { margin-top: 15px; }
.mb-15 { margin-bottom: 15px; }


/**
*  Pour voir les photos transmises par la patient,
**/
.photo-tcm {
   max-width: 600px;
    margin-left: 15px;
}

.photo-pwf, .pdf-pwf {
    max-width: 600px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 30px;
}

.photo-tcm-wrap {
    margin-top: 50px;
}

.photo-tcm-container {
    margin-top: 15px;
    position: relative;
    padding: 10px 0;
    border-color: #e5e5e5 #eee #eee;
    border-style: solid;
    border-width: 1px;
}

.photo-tcm-container img {
    display: block;
    width: 100%;
}
/**
* Fin photos
 */

.btn-input-icon {
    background: transparent;
    border: none;
    outline: none;
    user-select: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.table-row-bordered {
    min-width: 25%;
    border-spacing: 0 10px;
    border-collapse: separate;
}

.table-row-bordered > tr {
    border: 2px solid #c9c9c9;
}
.table-row-bordered > tr > td {
    padding: 5px 15px;
    border: 1px solid #c9c9c9;
}
.table-row-bordered > tr > td:first-child {
    font-weight: bolder;
    border-right: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    text-align: right;
    padding-left: 30px;
}

.table-row-bordered > tr > td:nth-child(2) {
    border-left: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: left;
    padding-right: 75px;
}

/**
 * Styles Bootstrap dropdown : submenu
 **/

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:0;
    -webkit-border-radius:0 4px 4px 4px;
    -moz-border-radius:0 4px 4px 4px;
    border-radius:0 4px 4px 4px;
    box-shadow: 2px 2px 8px rgb(0 0 0 / 18%);
    -webkit-box-shadow: 2px 2px 8px rgb(0 0 0 / 18%);
    width: fit-content;
    display: none!important;
}
.dropdown-submenu:hover .dropdown-menu {
    display:block!important;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#333;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
/** submenu white is used to separate darkgrey top navbar menu from white menu's submenu's rules **/
.dropdown-submenu-white>.dropdown-toggle {
    font-weight: normal!important;
    color: #333!important;
}
/* Use this rule to color the caret on hover (not used) */
.dropdown-submenu:hover>a:after {
    /*border-left-color:#ffffff;*/
}
.dropdown-submenu.pull-left {
    float:none;
}

@keyframes fade {
    0%,100% { opacity: 0.3 }
    50% { opacity: 1 }
}

#waiting_list_memoswap>.modal-content {
    width: 766px;
}

#waiting_list_memoswap .modal-body {
    display: flex;
    gap: 10px;
}
#waiting_list_memoswap button {
    flex: 1;
}

#waiting_list_memoswap button:last-child {
    font-size: 12px;
}

#manualQuestions {
    border-radius: 4%;
    border: 2px solid gray;
    padding: 0.5em 1em 0.5em 1em;
}

#manualQuestions > div {
    cursor:pointer;
    padding-left: 1em;
    padding-top: 0.5em;
}
#sendByClick {
    margin-top: auto;
    margin-bottom: auto;
}