.browser{
/*width: 800px;*/
}


.node-holder{

/*  display: flex;
  flex-direction: column;
  max-height: 300px;*/
/*  flex-wrap: wrap;
  width: auto;
  position: relative;*/
  padding-right: 1em;

  max-height: 400px;
  overflow-y: scroll;

  scrollbar-color:  #ffda9a white;
}


.node{
  /*border:  1px dashed gray;*/
 
  font-size:  15pt;
  margin-top:  0.2em;
  flex: 1;

}

.node .clickable{
  display:  inline-block;
   cursor:  pointer;
    display: flex;
        align-items: center; 
     
}

.node:hover{
  /*color:  red;*/
}

.node .children{
  padding-left: 0.5em;
}

.node .abbreviation{
  /*font-size:  10pt;*/
  color:  gray;
  padding-left:  0.3em;
}

.span-plus{
  color:  #aaaaaa;
}

.node .details{
  color:  gray;
  font-size:  10pt;
}

.stage{
  display:  flex;
  flex-direction:  row;
  justify-content:  space-between;
}

.pathway-rack{
/*  position:  fixed;
  top: 10em;
  right:  10em;*/

  min-width:  400px;
  background-color:  gray;
}

.pathway-area{
  position:  fixed;
  top: 0;
  margin:  auto;
  max-width:  900px;
  left: 50%;
transform: translateX(-50%);
/*border:  1px solid red;*/
display:  flex;
justify-content:  flex-end;
}

.ncats,
.npaths{
  font-size:  10pt;
  color:  gray;

  padding-top:  0.2em;
  padding-left:  0.5em;
}

.npaths{
  /*font-weight:  bold;*/
  /*color:  black;*/
}

.cat-name{
/*  font-weight:  bold;*/
  font-size:  15pt;
}

.level-1{ font-size:  15pt; }
.level-2{ font-size:  14pt; }
.level-3{ font-size:  13pt; }
.level-4{ font-size:  12pt; }
.level-5{ font-size:  11pt; }
.level-6{ font-size:  10pt; }
.level-7{ font-size:  9pt; }
.level-8{ font-size:  8pt; }
.level-9{ font-size:  8pt; }
.level-10{ font-size:  8pt; }
.level-11{ font-size:  8pt; }
.level-12{ font-size:  8pt; }
.level-13{ font-size:  8pt; }
.level-14{ font-size:  8pt; }
.level-15{ font-size:  8pt; }




.search-holder{
  padding-top:  3em;
  display:  flex;
  flex-direction:  column;
  align-items:  center;
}
.cat-search-results,
.pathway-search-results{
  padding-top:  1em;
}
.main-search{
  font-size:  15pt;
  font-family: 'Fenix', serif;
  padding:  0.1em;
  max-width:  80%;
  margin-bottom:  1em;
  min-width:  50%;
}

.result{
  cursor: pointer;
}

.result:hover{
/*  cursor: pointer;
  color:  purple;*/
}

.result-frame-bench{
  margin-top:  1em;
  margin-bottom:  1em;
  display:  flex;
  flex-direction:  row;
  align-items:  flex-start;
  justify-content: space-evenly;
}


.selector-holder{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.2em;
}

.selection-area{
/*  background-color: #ceebd6;*/
  display: inline-block;
  padding: 0.2em;
  max-width: 20em;
border-radius: 3px;
}

.selected-description{
  margin-top: 0.2em;
}

.selected{
  font-size: 14pt;
}