@font-face {
  font-family: "Tahoma";
  src: url("Tahoma-Regular.ttf") format("truetype");
}


body {
  font-size: 16px;
  font-family: Tahoma;
  --clm-dark-green: #105C77;
  --clm-light-green: #13BBB2;
  --clm-pink: #FB5080;
  --clm-light-grey: #F7F7F7;
  --clm-dark-grey: #EFEFEF;
  --clm-title-light-grey: #8C8888;
  --clm-title-dark-grey: #333131;
}
.video{
    background-color: #fb5080;
    margin-top: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    float:right;
    font-family: Calibri;
    color:white;
    padding-left:20px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    box-shadow: -1px 1px 1px 1px rgba(0,0, 0, 0.2);
z-index: 999;
}
.video:hover>a>img{
        content:url("video2.png");
    }
a {
  text-decoration: none;
}
th > p {
    color: white !important;
    font-weight: bold;
}
.searchText{
        height:30px;
         border-radius: 5px;
        border-color:#105c77;
        border:0px;
    }
    .searchText{
        border:2px solid #fb5080;
    }
    #textToSearch{
        height:30px;
         border-radius: 5px;
        width: 250px; !important
        border-color:#105c77;
        border:1px solid #13bbb2;
    }
    #textToSearch:focus{
        border:2px solid #fb5080;
    }

    .searchFieldSet{
        border:0px;
    }
legend {
font-size:0;
}

legend:before {
  font-size:1rem;
  content: ' ';
}
    .searchButton{
        border-radius: 5px;
        background-color: #13bbb2;
        color:white;
        height:30px;
        width : 150px;

    }
    #doSearch{
        background-color: #13bbb2;
        color:white;
        cursor: pointer;
        border:0px;

    }
     #doSearch:hover{
        background-color: #ffffff;
        color:#105c77;
        cursor: pointer;
        border:1px solid #13bbb2;
    }
 .btn{
    background-color: #FFFFFF;
    color: #105b77;
    
  border-radius: 5px;
  border-style: none;
 border: solid 1px #13bbb2;
  cursor: pointer;
  display: inline-block;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: 60px;
  
  margin-left: 10px;
  outline: 0;
  text-align: center;
  
  vertical-align: bottom;
  width: 190px;
}
 .btn:hover{
        /*border: solid 1px #fb5080;*/
        background-color: #13bbb2;
        color: white;
        
    }
    .acc:hover>img{
        content:url("accueil.png");
    }
    .patient:hover>img{
        content:url("patient.png");
    }
    .traitement:hover>img{
        content:url("traitement.png");
    }
    .detail:hover>img{
        content:url("detail.png");
    }
    .facturation:hover>img{
        content:url("facturation.png");
    }
    .teletrans:hover>img{
        content:url("teletrans.png");
    }
    .activite:hover>img{
        content:url("activite.png");
    }
    .tla:hover>img{
        content:url("tla.png");
    }
    .parametre:hover>img{
        content:url("parametre.png");
    }
    .dsm:hover>img{
        content:url("dsm.png");
    }
    .agenda:hover>img{
        content:url("agenda.png");
    }
    .dsoin:hover>img{
        content:url("dsoin.png");
    }
    .planning:hover>img{
        content:url("planning.png");
    }
    .prescription:hover>img{
        content:url("prescription.png");
    }
    
    .accueil{
        max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
        background-color: rgba(237, 243, 246, .75);
        border-radius: 5px;
        padding: 50px;
    }

/* ====== Title page ====== */
#content div.book>div.titlepage h1 {
  text-align: center;
  font-family: Tahoma, sans-serif;
  font-weight: normal;
  font-size: 32px;
}

div.book>div.titlepage h2.subtitle {
  font-style: normal;
  text-align: center;
  font-family: Tahoma;
  color:#fb5080;
}

/* ====== Titles ====== */
div.titlepage {
  font-family: Tahoma, sans-serif;
    border: 1px solid #EDF3F6;
    /*border-radius: 0% 0% 10% 10%;*/
    border-bottom-left-radius : 30px;
    border-bottom-right-radius: 30px;
    text-align: center;
    background-color: #EDF3F6;
}

div.titlepage h2,
div.titlepage h3,
div.titlepage h4,
div.titlepage h5,
div.titlepage h6 {
  /*font-style: italic;*/
    
}

#content div.chapter>div.titlepage h2,
#content div.appendix>div.titlepage h2,
#content div.preface>div.titlepage h2,
#content div.index>div.titlepage h2 {
  font-size: 30px;
  color: var(--clm-pink);
    
  padding: 8px 2px 6px 2px;
  font-family: Tahoma;
  border-bottom: 0px solid var(--clm-dark-green);
}

#content div.section div.titlepage h2 {
  font-family: Tahoma;
  font-size: 22px;
  
  color: var(--clm-light-green);
  border-bottom: 0px solid var(--clm-light-green);
}

div.section div.titlepage h3 {
  font-size: 22px;
  color: var(--clm-dark-green);
}

div.section div.titlepage h4 {
  font-size: 22px;
  color: var(--clm-dark-green);
}

div.section div.titlepage h5 {
  font-size: 18px;
  color: var(--clm-dark-green);
  
}

div.section div.titlepage h6 {
  font-size: 100%;
  color: var(--clm-dark-green);
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
  font-family: Tahoma;
  margin-top: 16px;
  color: var(--clm-pink);
   font-family: Tahoma;
    font-size: 22px;
}

#content p.copyright,
#content div.legalnotice p {
  font-size: 14px;
  color: white;
}

p.copyright {
  padding: 16px;
  margin-bottom: 0;
  background-color: var(--clm-dark-green);
}

div.legalnotice p {
  margin: 0;
}

div.legalnotice {
  padding: 16px;
  background-color: var(--clm-dark-green);
}

#content div.book>div.titlepage p.copyright {
  margin-top: 6em;
}

/* ====== Header, Footer ====== */
#header {
  background: none;
  background-color: #13bbb2;
  border-bottom: 2px solid var(--clm-dark-green);
  height: 120px;
}

#navheader {
  position: static;
  float: left;
  padding: 80px 0px 0px 0px;
}

#navheader table {
  border-spacing: 0px;
}

#navheader td {
  padding: 0px;
}

.pointLeft {
  background: url("wh-showHideTreeIcon.png") 0 0 no-repeat;
}

.pointRight {
  background: url("wh-showHideTreeIcon.png") -15px 0 no-repeat;
}

/* ====== Bread crumbs ====== */
#navheader table {
  font-family: Calibri;
  color: white;
}

#navheader table a {
  color: white;
    
}

#navheader td.breadcrumbs {
  font-weight: bold;
  padding-left: 4px;
}

#navheader a {
  color: white;

}

#leftnavigation {
  top: 101px;
}

#content {
  top: 101px;
}

/*#headerlogo {
    float: right;
    padding: 5px 5px 0px 0px;
}*/

/*img.headerlogo {
    position: fixed;
    right: 0px;
    top: 0px;
    overflow: hidden;
    height: 100px;
    z-index: -10;
}*/

/*#headerlogo img {
    height: 50px;
}*/

#pagetitle {
  padding-top: 6px;
  font: bold 14px Tahoma, sans-serif;
  color: #656567;
  text-align: center;
}

.navfooter a {
  color: #13bbb2;
}

/* ====== Tree ====== */
.treeview .hover {
  font-family: Tahoma
}

.treeview .leaf a {
  color: var(--clm-dark-green);
}

.treeview .preface a,
.treeview .chapter a {
  color: var(--clm-dark-green);
}

.treeview .sectionLevel1 a {
  color: var(--clm-dark-green);
}

.treeview .sectionLevel2 a {
  color: var(--clm-dark-green);
}

.treeview .sectionLevel3 a,
.treeview .sectionLevel4 a,
.treeview .sectionLevel5 a,
.treeview .sectionLevel6 a {
  color: var(--clm-dark-green);
}

.filetree span.file {
  background: url(book.png) 0 0 no-repeat;
}

/*.filetree .collapsable > span.file {
    background: url(book-open.png) 0 0 no-repeat;
}*/

.filetree span.file.leaf {
  background: url(book.png) 0 0 no-repeat;
}

.ui-tabs .ui-tabs-panel {
  padding: 10px 5px 10px 4px;
}

/* ====== TOCs ====== */
#content .toc>p,
#content .list-of-figures>p,
#content .list-of-tables>p,
#content .list-of-examples>p {
  font-size: 24px;
  color: var(--clm-dark-green);
  font-family: Tahoma;
  text-transform: uppercase;
  border-bottom: 1px solid var(--clm-dark-green);
  font-weight: 400;
}

#content .toc strong {
  font-weight: 400;
}

#content .toc a {
  color: var(--clm-dark-green);
}

#content .toc .chapter a,
#content .toc .preface a,
#content .toc .appendix a,
#content .toc .index a {
  font-size: 16px;
  color: var(--clm-pink);
    font-weight: bold;
}

#content .toc .section.level1 a {
  color: var(--clm-light-green);

}

#content .toc .section.level2 a {
  color: var(--clm-dark-green);
}
.section.level2:before {content: "● "; color:#fb5080}

#content .toc .section.level3 a {
  color: var(--clm-dark-green);
}
.section.level3:before {content: "> "; color:#fb5080}

/* ====== Content ====== */
#content p,
#content ul,
#content ol,
#content li {
  font: 15px Tahoma;
  color: var(--clm-dark-green);
}

#content ul>li {
  color: var(--clm-pink);
  font-size: 16px;
}

#content ul>li.step {
  color: var(--clm-pink);
  font-size: 16px;
}

#content .itemizedlist ul>li {
    color: var(--clm-pink);
  font-size: 16px;
}

#content ul>li>* {
  color: #105c77;
}

#content li>div>ul>li {
  color: #105c77;
  list-style-type: disc;
}

#content li>div>ul>li>div>ul>li {
  list-style-type: square;
}

#content ol.orderedlist>li {
  font-weight: bold;
  color: var(--clm-pink);
}

#content ol.orderedlist>li>* {
  color: #105c77;
}

li p {
  margin: 4px 0px 4px 0px;
    
}


#content .procedure p {
  color: #105c77;
}

div.revhistory table {
  border-collapse: collapse;
}

div.revhistory th {
  text-align: center;
}

.programlisting {
  background-color: #eeeeee;
  padding: 4px;
}

.screen {
  background-color: #000000;
  color: #ffffff;
  padding: 4px;
}

.informaltable,
.table {
  margin-bottom: 12px;
}

.informaltable table,
.table table,
.colheader table,
.std table,
.alt table {
  border-collapse: collapse;
  width: 100%;
}

.informaltable th,
.table th,
.colheader th,
.std th,
.informaltable td,
.table td,
.colheader td,
.std td {
  padding: 5px;
}

.informaltable th,
.table th,
.colheader th,
.std th,
.alt th {
  background-color: var(--clm-dark-green);
  font-family: Tahoma, sans-serif;
  font-weight: bold;
  color: white;
}

/*.informaltable th p, .table th p, .colheader th p, .std th p
.informaltable td p, .table td p, .colheader td p, .std td p {
    margin: 2px 0px 2px 0px;
}*/

.informaltable th p,
.table th p,
.colheader th p,
.std th p {
  font-weight: bold;
}

.colheader tr>td:first-child {
  background-color: #595959;
  color: white;
  font-weight: bold;
}

.colheader tr>td:first-child p {
  font-weight: bold;
}

.oddrow {
  background-color: var(--clm-light-grey);
}

.evenrow {
  background-color: var(--clm-dark-grey);
}

.note,
.tip,
.important,
.warning,
.caution {
  padding-top: 6px;
  padding-bottom: 6px;
  margin: 12px 0px 12px 0px;
}

#content .note {
  color: #008bd2;
  border-top: 2px solid #008bd2;
  border-bottom: 2px solid #008bd2;
}

#content .note>* {
  color: #008bd2;
}

#content .tip {
  color: #008bd2;
  /*border-top: 2px solid #008bd2;
  border-bottom: 2px solid #008bd2;*/
}

#content .tip>* {
  color: #008bd2;
}

.tip table table {
    border-radius: 3px;
    box-shadow: 2px 2px 2px rgb(16 92 119 / .5);
}

.tip th:first-child {
    background: rgb(19 187 178 / .9);
    font-weight: normal !important;
    
}
.tip tr.evenrow:first-child{
    background: rgb(16 92 119 / .1);
}


#content .important {
  color: #f6a000;
  border-top: 2px solid #f6a000;
  border-bottom: 2px solid #f6a000;
}

#content .important>* {
  color: #f6a000;
}

#content .warning {
  color: #f6a000;
  border-top: 2px solid #f6a000;
  border-bottom: 2px solid #f6a000;
}

#content .warning>* {
  color: #f6a000;
}

#content .caution {
  color: #f6a000;
  border-top: 2px solid #f6a000;
  border-bottom: 2px solid #f6a000;
}

#content .caution>* {
  color: #f6a000;
}

#content .admon-content p {
  margin: 0px 0px 6px 0px;
}

#content a {
  color: #13bbb2;
}

#content dt {
  margin-top: 1em;
  font-family: Tahoma;
}

span.term {
  font-weight: bold;
  font-size: 90%;
}

div.mediaobject {
  margin-bottom: 12px;
  text-align: center;
}

img {
  vertical-align: middle;
}

#content img {
  max-width: 95%;
  vertical-align: middle;
}

/* == Formal Titles == */
#content p.title,
#content p.legalnotice-title {
  font-family: Tahoma, sans-serif;
  font-size: 14px;
    
}

#content p.legalnotice-title {
  color: #e6017f;
}

div.figure {
  text-align: center;
}

#content div.figure p.title {
  font-size: 18px;
  margin-bottom: 20px;
}

.mediaobject table {
  margin-left: auto;
  margin-right: auto;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: var(--clm-dark-green);
}

.parameter {
  font-weight: bold;
  text-decoration: underline;
}

.guilabel,
.guibutton,
.guimenuitem,
.guimenu,
.guisubmenu {
  font-style: italic;
}

.application {
  font-weight: bold;
}

#logo-img {
  height: 65px;
  top: 5px;
  position: absolute;
    left :72px;

  

}

#lines-img {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 70px;
}

span.clickable a {
  display: block;
  position: absolute;
  box-sizing: border-box;
  text-decoration: none;
  border: 2px solid var(--clm-pink);
}

span.clickable {
  position: relative;
  display: inline-block;
}

span.clickable a:hover {
  border: 2px solid var(--clm-light-green);
}

p,
ul,
ol,
li {
  font: 11pt Tahoma;
    color : var(--clm-dark-green);
}

embed {
  border: 2px solid black;
}

#content {
  margin: 0 0 0 280px;
    color : var(--clm-dark-green);
}

#leftnavigation {
  width: 280px;
}