body,
html {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
  height: 100%;
  width: 100%;
}

.modal {
  z-index: 99999;
  top: 30vh;
}

.navbar {
  background-color: white;
  line-height: 1.2;
  height: 8vh;
  border-bottom: 1px solid #EFEFEF;
}

#target1 {
  background-color: white;
  z-index: 99999;
  height: 9vh;
  padding-top: 1.5vh;
}

#target2 {
  background-color: white;
  z-index: 9999;
  height: 9vh;
  padding-top: 1.5vh;
}

#target1 .custom-select {
  font-size: .9em;
  padding: .30rem 1.5rem .375rem .75rem;
}

#attr img {
  height: 20px;
}

#searchNavContainer,
.searchNavContainer {
  width: 100%;
  height: 10%;
  background-color: white;
  border-bottom: 1px solid #EFEFEF;
  padding-top: .225%;
}

div#errors {
  color: red;
}

#brand {
  font-size: 1.3em;
}

.contentContainer {
  height: 82vh;
  width: 98.92vw;
  padding: 0;
}

#map {
  height: 82vh;
  width: 66.5%;
}

input#l.form-control.addressInput {
  border-radius: .25rem 0 0 .25rem;
}

.jobInput {
  border-radius: 0;
}

/*div#accordion {
  width: 490px;
}*/

/*li.job.list-group-item {
  width: 493px;
}
*/
select#jt.custom-select {
  border-radius: 0;
  width: 100%;
}

#searchBtn {
  border-radius: 0 .25rem .25rem 0;
}

#searchRowContainer {
  width: 50%;
  padding-top: 10px;
  padding-right: 5;
  border: 1px solid coral;
}

#sortingContainer {
  width: 50%;
  border: 1px solid cyan;
}

#sortPanel {
  background-color: white;
  height: 9vh;
  padding-top: 1.5vh;
}

#searchPanel {
  background-color: white;
  height: 9vh;
  padding-top: 1.5vh;
}

#sortPanel .custom-select {
  font-size: .85em;
  opacity: .9;
  height: calc(2rem + 1px);
  padding: 0.35rem 1.25rem 0.35rem 0.5rem;
  background-position: right .50rem center;
}

#sortPanel .custom-select {
  font-size: .9em;
  padding: .30rem 1.5rem .375rem .75rem;
}

#l {
  border-radius: 0;
}

#q {
  border-radius: 0;
}

.card-header.activeCard {
  background-color: #96caff;
}

#results {
  padding-left: 25px;
  color: #007bff;
}

#attr {
  font-size: 12px;
}

#output {
  font-weight: 350;
}

#output .companyInfo {
  display: inline-flex;
  width: 100%;
  padding-left: 20px;
  /*background: yellow;*/
}

#output .info {
  padding-left: 10px;
}

#output .company_logo img {
  width: 80px;
}

#output .name {
  color: black;
  width: 100%;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}

#output .overallRating {
  background-color: coral;
  color: white;
  float: left;
}

#output .owner {
  color: purple;
  font-size: 15px;
}

.list-group-item {
  background: linear-gradient(#ffffff, #efefef);
}

#output #reviews {
  background: white;
  padding: 1rem 2.5rem 1rem 2.5rem;
}

#output .reviewDateTime {
  font-size: 10px;
}

#output .jobTitle {
  font-weight: bold;
}

#output .location {
  font-weight: bold;
}

#output .headline {
  background: white;
}

#output .overall {
  background-color: lightgreen;
  color: white;
  text-align: right;
}

#jobPanel {
  width: 33.5%;
  height: 82vh;
  background-color: #d1e2ff;
  background: linear-gradient(#ffffff, #00000038);
  /* Standard syntax (must be last) */
  overflow: auto;
}

/*Scroll bar styling*/

#jobPanel::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 0px;
  background-color: #F5F5F5;
}

#jobPanel::-webkit-scrollbar {
  width: 9px;
  background-color: #F5F5F5;
}

#jobPanel::-webkit-scrollbar-thumb {
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #636363;
}