body{
  text-align: left;
  margin: 10;
  font-family: 'Source Sans Pro',sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #e8e8e8;
}

.overall-wrapper{
 margin-left: 30px;
 margin-bottom: 30px;
 margin-right: 30px;
 display: flex;
 flex-direction: column;
}

.title-flexbox{
  display:flex;
  flex-grow: 12;
  align-items: flex-start;
  justify-content: space-evenly;

  padding-top: 1.5em;
  padding-bottom: 1.3em;
  padding-left: 1.3em;
  padding-right: 1.3em;
  color: #e8e8e8;
  background-color: #487a7b;
 }

.title-image{
  width: 100%;
  max-width: 332px;
  height: auto;
  max-height: 79px;
  padding-top: 5px;
  padding-left: 0px;
  padding-right: 45px;
  padding-bottom: 0px;
}

.title-text-1{
  /*font-size: 1.2em;*/
  font-style: normal;
  line-height: 1;
  text-transform: uppercase;
  font-family: 'Crimson Text',serif;
  font-weight: 400;
  padding-top: 0px;
  text-align: center;
}

.query-flexbox, .submit-flexbox{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.query-flexbox-segment{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding-left:30px;
}

.filter-flexbox-segment{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left:30px;
}

.left-header{
  padding-right: 15px;
  width: 45px;
  flex-shrink: 1;
  align-self: flex-start;
}

.query-text{
  padding-right: 15px;
  width: calc(100%-105px);
 }

.query-editor, .results-box{
  height: 240px;
  border: 1px solid black;
  background-color: whitesmoke;
  padding: 3px;
  cursor: text;
  overflow-y: scroll;
  word-wrap: break-word;
  min-width: 80%;
  flex: 0 0 90%;
}

.filter-box {
  height: 20px;
  width: 180px;
  border: 1px solid black;
  background-color: whitesmoke;
  padding: 3px;
  margin-left: 38px;
  overflow-y: scroll;
  word-wrap: break-word;
}

.maxlines-box {
  width: 190px;
}

.select2-search {
  display: none
 }

.select2-results {
  background-color: #e8e8e8 !important;
  color: #333;
}

.select2-choice {
  background-color: #e8e8e8 !important;
  color: #333;
}

.select2-container--default .select2-selection--single {
  background-color: #e8e8e8 !important;
  color: #333;
}


[contenteditable="true"].single-line {
    white-space: nowrap;
    width:200px;
    overflow: hidden;
} 
[contenteditable="true"].single-line br {
    display:none;

}
[contenteditable="true"].single-line * {
    display:inline;
    white-space:nowrap;
}


.submit-flexbox-segment{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding-left:30px;
}
.submit-button{
  margin-top: 1em;
}


/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 420px;
  background-color: black;
  color: #fff;
  text-align: left;
  padding: 0px 5px 0px 15px;
  border-radius: 6px;
 
  /* Position the tooltip text */
  bottom: 100%;
  left: 50%;
  margin-left: -210px;
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}