.search-page {
  height: 88vh;
  cursor: pointer;
}
/*.search-page-ar {
    height: 88vh;
    cursor: pointer;
    direction:rtl;
 }
.float-ar{
    float: right;
}*/

#navBar{
  height: 4vh;
  line-height: 4vh;
}

.search-query-tabs{
  height: 4vh;
  padding: 1vh 1vw;
  border-radius: 0px;
  font-weight: 700
}

.search-page-query-container {
  height: 12vh;
  border: 1px solid rgba(0,0,0,0.1);
  box-shadow: 0 0 2px 0 rgba(0,0,0,0.2);
  border-top: none;
  font-weight: 700;
}

.search-flex-table {
  height: 72vh;
  /*border: 1px solid rgba(0,0,0,0.1);*/
  border-top: none;
  position: relative;
  text-align: left;
}
.search-table-contents{
  overflow-y: auto;
  height: 63vh;
  font-family: Montserrat;
}

.search-page-results-container {
  height: 72vh;
  min-height: 200px;
}

/* general search */
.general-search-container{
  max-width: 400px;
}
.general-search-submit{
  max-width: 200px;
}

.search-page-query-criteria-builder {
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
  display: flex;
  height: 5vh;
  line-height: 3vh;
  padding: 1vh 0.5vw; 
}

.search-page-query-criteria-builder-operator {
  flex: 1;
  height: 3vh;
  line-height: 3vh;
  margin: 0 0.1vw;
  background: #f2f2f2;
  border-radius: 2px;
  border: 2px solid rgba(161,161,161,0.5);
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 700;
  color: #4f4f4f;
}

.search-page-query-criteria-builder-operator:hover {
  border-color: rgba(45,156,255,0.9);
}

.search-page-query-criteria-builder-input {
  text-transform: inherit;
}

.search-page-query-criteria-builder-submit {
  background: rgba(45,156,255,1);
  border: none;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
  color: white;
  cursor: pointer;
}

.search-page-query-criteria-builder-submit:hover {
  background: rgba(45,156,255,0.9);
  color: rgba(255,255,255,0.9);
}

.search-page-query-list {
  padding: 1.2vh 1vw;
  height: 7vh;
  line-height: 4vh;
  overflow-y: auto;
}

.search-page-query-list-pill {
  float: left;
  background: #2D9CDB;
  border-radius: 2px;
  font-size: 1.4rem;
  padding: 2px 8px;
  color: white;
  font-weight: 700;
  margin-right: 5px;
  cursor: pointer;
}

.search-page-query-list-pill:hover {
  background: #2daaff;
}

.search-page-query-list-pill-x {
  padding: 0 0 0 5px;
  opacity: 0.6;
  font-weight: 400;
}

.search-page-query-list-pill-x:hover {
  opacity: 1;
}

.search-page-query-list-pill-operator {
  color: #454343;
}