*{padding: 0; margin: 0;    box-sizing: border-box;}

body{font-family: Tahoma, Geneva, sans-serif ;background: white;text-align:left;color:DarkBlue;font-weight: normal;font-size:14px; padding:10px;}
.menu-bar{overflow: hidden; background-image: linear-gradient(ForestGreen, palegreen);text-align: center;font-size:16px;}
.menu-bar ul{display: inline-flex; list-style: none; color: white; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
.menu-bar ul li{width: 120px; margin: 4px; padding: 4px; color: white; text-shadow: 1px 1px black; border-style: solid; border-width: 1px; border-color: darkgreen; border-radius: 5px; box-shadow: 1px 1px blue;}
.menu-bar ul li a{text-decoration: none; color: white;}
.active, .menu-bar ul li:hover{background-image: linear-gradient(darkgreen, Aquamarine); border-radius: 5px;}
.menu-bar .fa{margin-right: 5px;}
.sub-menu-1, .sub-menu-2{display: none;}
.menu-bar ul li:hover .sub-menu-1{display: block; position: absolute;  background-image: linear-gradient(darkgreen, Aquamarine); margin-top: 5px; margin-left: -15px; width: 200px; z-index: 1;}
.menu-bar ul li:hover .sub-menu-1 ul{display: block; margin: 5px; z-index: 1;}
.menu-bar ul li:hover .sub-menu-1 ul li{width: 180px; padding: 5px; border-bottom: 1px dotted white; background: transparent; border-radius: 0; text-align: left;}
.menu-bar ul li:hover .sub-menu-1 ul li:last-child{border-bottom: none;}
.menu-bar ul li:hover .sub-menu-1 ul li a:hover{color: aqua;}
.fa-angle-right{float: right;}
.hover-me:hover .sub-menu-2{display: block; position: absolute; background-image: linear-gradient(darkgreen, Aquamarine); margin-top: -40px; margin-left: 140px;}
/*nu le foloseam în index_douaBareDeMenu.php
    .menu-bar-home{overflow: hidden; background-image: linear-gradient(CornflowerBlue, Cyan);text-align: center;font-size:14px;}
    .menu-bar-home ul{display: inline-flex; list-style: none; color: white; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
    .menu-bar-home ul li{width: 100px; margin: 5px; padding: 5px; color: white; text-shadow: 1px 1px black; border-style: solid; border-width: 1px; border-color: darkgreen; border-radius: 5px; box-shadow: 1px 1px blue;}
*/
.tooltip {position: relative;display: inline;}
.tooltip .tooltiptext { visibility: hidden;  width: 720px;bottom: 100%;left: 100%;margin-left: -10px; background-color: floralwhite;color: darkmagenta;border: 1px solid blue; text-align: center;  padding: 5px 0;  border-radius:10px;  position: absolute;  z-index: 1;}
.tooltip:hover .tooltiptext {visibility: visible;}

H1,H2{font-family:'Arial';font-weight: bold;}
H1{background:palegreen;color:forestgreen;font-size:150%;}
H2{background:LightGreen;color:darkgreen;font-size:1.2em;}

p{line-height:22px;width: 100%;}
/*div {width: 100%;line-height:150%;}*/
div {line-height:150%;}
.tableFormat{color:DarkSlateBlue ;font-size:18px;font-weight: normal;}
.curPage, .butonLitera {font-size:16px;font-color:black;text-align: center;border: 1px solid green;padding:2px; margin:1px;border-radius: 5px; background: url(paper.png); background-position: left top; background-repeat: repeat;}
.butonLitera {padding: 5px 5px;  font-size: 24px;}
.butonLiteraSelectat {font-size:28px;font-color:yellow;text-align: center;border: 1px solid green;padding:8px; margin:1px;border-radius: 5px; background: red; background-position: left top; background-repeat: repeat;}
.cuvCheie{font-family:Tahoma, Geneva, sans-serif ;font-size:10px;color:Lavender;text-align: left;}
.numePlanta{font-family:Tahoma, Geneva, sans-serif ;font-size:16px;color:DarkBlue;background:PaleGreen ;text-align: left;font-weight: bold;}
.textCopyright{font-family:Tahoma, Geneva, sans-serif ;background: white;color:DarkBlue;font-size:16px;font-weight: normal;line-height:22px;width: 100%;text-align: center; background-image: linear-gradient(palegreen,ForestGreen);border-bottom-left-radius:40px; border-bottom-right-radius:40px;}

.title_box, .result_box {max-width: 90%; position: relative;  left: 5%; margin: 0px;}
.title_box_left {max-width: 49%; float: left;}
.title_box_right {max-width: 58%; float: right;}
.title_box_bottom {max-width: 60%; position: absolute;  top: 900px; left: 20%;}
.title_box_synonyms,.title_box_formula, .title_box_class {width: 100%;}
.title_box_identifiers {width: 100%;}
.title_box_taste, .title_box_sensoryData, .title_box_receptors, .title_box_antiinflammatory, .title_box_plantSource {width: 100%;}

.title_box, .title_box_left, .title_box_right, .title_box_bottom, .title_box_synonyms, .title_box_identifiers, .title_box_formula, .title_box_class, .title_box_taste, .title_box_sensoryData, .title_box_receptors, .title_box_references, .title_box_antiinflammatory, .title_box_plantSource {border: #3c5a86 1px dotted;background-color: mintcream; box-shadow: 4px 4px 2px grey;width: auto; }
.result_box{border: #3c5a00 1px dotted;background-color: SeaShell; box-shadow: 4px 4px 2px  Thistle;width: auto; }
/*
.result_box{border: #3c5a00 1px dotted;background-color: SeaShell; box-shadow: 4px 4px 2px  MistyRose;width: auto; }
.result_box{border: #3c5a00 1px dotted;background-color: Thistle; box-shadow: 4px 4px 2px PowderBlue;width: auto; }
PowderBlue sau Thistle
*/

.title_box_synonyms, .title_box_identifiers, .title_box_formula, .title_box_class, .title_box_taste, .title_box_sensoryData, .title_box_receptors, .title_box_antiinflammatory, .title_box_plantSource {
  align-items: start;justify-content: space-between;margin: 0px 0px 0px 0px;}

.title_box #title, .title_box_left #title, .title_box_right #title, .title_box_bottom #title, .title_box_synonyms #title, .title_box_identifiers #title, .title_box_formula #title, .title_box_class #title, .title_box_taste #title, .title_box_sensoryData #title, .title_box_receptors #title, .title_box_references #title, .title_box_antiinflammatory #title, .title_box_plantSource #title { position: relative; top : -0.7em;margin-left: 1em;display: inline; font-size:18px;font-weight: bold; color: white;
    text-shadow: 1px 1px 2px MidnightBlue, 0 0 25px MidnightBlue, 0 0 5px MidnightBlue;}
.result_box #title { position: relative; top : -0.7em;margin-left: 1em;display: inline; font-size:18px;font-weight: bold; color: white;
    text-shadow: 1px 1px 2px Purple, 0 0 25px Purple, 0 0 5px MidnightBlue;}
.title_box #content, .title_box_left #content, .title_box_right #content, .title_box_bottom #content, .title_box_synonyms #content, .title_box_identifiers #content, .title_box_formula #content, .title_box_class #content, .title_box_taste #content, .title_box_sensoryData #content, .title_box_receptors #content, .title_box_references #content, .title_box_antiinflammatory #content, .title_box_plantSource  #content {font-family:Tahoma, Geneva, sans-serif ;text-align:left;color:Darkgreen;font-size:16px;font-weight: normal;line-height:22px;width:95%;padding: 0px 5px 5px 5px;}
.result_box #content  {font-family:Tahoma, Geneva, sans-serif ;text-align:left;color:RebeccaPurple;font-size:16px;font-weight: normal;line-height:22px;width:95%;padding: 0px 5px 5px 5px;}

.box {display: grid;width: 540px;grid-template-columns: 120px 120px 120px;
  align-items: start;justify-content: space-between;border: #3c5a86 1px dotted;background-color: azure; box-shadow: 4px 4px 2px grey;}
.box :first-child {align-self: center;}
     

A:link{color:black;text-decoration: none; } 
A:visited{color:blue} 
A:active{color:green} 
A:hover{color:darkviolet} 
A:textgoogle{color:Lavender} 

table.browsePhytocompounds {font-family: arial, sans-serif;border-collapse: collapse;width: 100%;}
table.browsePhytocompounds th {border: 1px solid #dddddd;text-align: left;padding: 8px 2px 2px 2px;}
table.browsePhytocompounds td {border: 1px solid #dddddd;text-align: left;padding: 8px 2px 2px 2px;vertical-align: middle;}
td.compound  {border: 0px solid #dddddd;}
table.compound {font-family: arial, sans-serif;border-collapse: collapse;width: 100%;border: 0px solid #dddddd;}
table.browsePhytocompounds tr:nth-child(even) {background-color: #dddddd;}
table.numberEntriesPerPage{width: 330px;vertical-align: top;}

table.descriptComp{font-family: arial, sans-serif;border-collapse: collapse;width: 100%;}
table.descriptComp td {border: 1px solid #dddddd;text-align: left;padding: 8px 2px 2px 2px;vertical-align: middle;}
td.firstColumn{width: 30%;}
td.secondColumn{width: 30%;}
/*.secondColumn{width: 400px;}*/
td.thirdColumn{width: 40%; vertical-align: top;}
td.firstSecondColumns{width: 60%;}
td.allColumns{width: 100%;}

ul{}
.references {list-style-type: none;}
li{}
.menu{list-style-type: none;display: inline;}
.references {display: block; list-style-type: none; padding: 5px 15px;}