/* Fix Header */

.searchTerm {
  height: auto !important;
}

ul {
  margin-bottom: 0rem !important;
  padding-left: 0;
}

/* colors  */
.bg-primary,
.btn-primary {
  background-color: #007dc3 !important;
}

.text-primary,
.alert-primary {
  color: #007dc3 !important;
}

.text-success,
.alert-success {
  color: #69af32 !important;
}

.btn-success,
.bg-success {
  background-color: #69af32 !important;
  border-color: #fff;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #69af32;
  border-color: #69af32;
}

.btn-outline-primary {
  color: #007dc3;
  border-color: #007dc3;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #007dc3;
  border-color: #007dc3;
}

.btn-outline-success {
  color: #69af32;
  border-color: #69af32;
}

#details {
  padding: 5px;
  margin-top: 10px;
}

#details span {
  display: block;
  overflow: hidden;
  color: #007dc3;
  padding-left: 35px;
  background: url(https://www.protocase.com/img/arrow-plus-minus.png) 0 0
    no-repeat;
  font-size: 16px;
  cursor: pointer;
  margin-bottom: 10px;
  font-weight: 600;
}

#details span:hover {
  color: #007dc3;
}

#details span.active {
  color: #303030;
  background: url(https://www.protocase.com/img/arrow-plus-minus.png) 0 -72px no-repeat;
}

#details p {
  display: block;
  height: 0;
  overflow: hidden;
  position: relative;
  margin-left: 35px;
}

/* Scroll bar style */
.sbl::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.sbl::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
}

.sbl::-webkit-scrollbar-thumb {
  background-color: #dfdfdf;
  border-radius: 10px;
}


@media only screen and (max-width: 800px) {

  /* Force table to not be like tables anymore */
  #no-more-tables table,
  #no-more-tables thead,
  #no-more-tables tbody,
  #no-more-tables th,
  #no-more-tables td,
  #no-more-tables tr {
      display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  #no-more-tables thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
  }

  #no-more-tables tr {
      border: 1px solid #ccc;
  }

  #no-more-tables td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50%;
      white-space: normal;
      text-align: left;
  }

  #no-more-tables td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
      text-align: left;
      font-weight: bold;
  }

  /*
Label the data
*/
  #no-more-tables td:before {
      content: attr(data-title);
  }
}