/*
.navbar {
  position: relative;
  min-height: 50px;
  border: 1px solid transparent; }
  .navbar:after {
    clear: both; }
  @media (min-width: 768px) {
    .navbar {
      border-radius: 0; } }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
      margin-left: -15px; } }


.navbar-inverse {
    background-color: #e2e2e2;
    border-color: #ffffff; }
    .navbar-inverse .navbar-brand {
      color: #f3f3f3; }
      .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
        color: #ffffff;
        background-color: transparent; }
    .navbar-inverse .navbar-text {
      color: #9d9d9d; }
    .navbar-inverse .navbar-nav > li > a {
      color: #818181; }
      .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
        color: #fff;
        background-color: #5f76e8; }
    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
      color: #fff;
      background-color: #1e8cae; }
    .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
      color: #444;
      background-color: transparent; }
    .navbar-inverse .navbar-toggle {
      border-color: #333; }
      .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
        background-color: #333; }
      .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #fff; }
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
      border-color: #2197bb; }
    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
      background-color: #1e8cae;
      color: #fff; }
    @media (max-width: 767px) {
      .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #1e8cae; }
      .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #1e8cae; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #f3f3f3; }
        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
          color: #fff;
          background-color: #2095b8; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #1e8cae; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent; } }
    .navbar-inverse .navbar-link {
      color: #f3f3f3; }
      .navbar-inverse .navbar-link:hover {
        color: #fff; }
    .navbar-inverse .btn-link {
      color: #f3f3f3; }
      .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
        color: #fff; }
      .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
      fieldset[disabled] .navbar-inverse .btn-link:hover,
      fieldset[disabled] .navbar-inverse .btn-link:focus {
        color: #444; }
*/

.table-resultsWrapper-header {
  margin-top: 1rem;
  padding-top: 1rem; }
  .table-resultsWrapper-header::after {
    clear: both;
    content: "";
    display: table; }

.table-resultsWrapper {
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: thin solid #cccccc; }
  .table-resultsWrapper::after {
    clear: both;
    content: "";
    display: table; }

.modal .table-resultsWrapper {
  border: none; }

.table-resultsWrapper--subhead {
  margin-bottom: 1rem; }

.table-status {
  text-align: center; }

.form-table-status .form-group {
  margin-right: 10px; }

.form-table-status .glyphicon {
  padding-right: 3px; }

.nav:before, .nav:after {
    content: " ";
    display: table; }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #eeeeee; }
    .nav > li.disabled > a {
      color: #777777; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #777777;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #337ab7; }
  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }


.table-backToTop {
  float: right;
  color: #8B959E;
  font-size: 0.6875rem; }
/*
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 0; }
  .pagination > li {
    display: inline; }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      line-height: 1.42857;
      text-decoration: none;
      color: #999999;
      background-color: #fff;
      border: 1px solid #ddd;
      margin-left: -1px; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-bottom-left-radius: 0;
      border-top-left-radius: 0; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }
  .pagination > li > a:hover, .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    color: #2140db;
    background-color: #eeeeee;
    border-color: #ddd; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #4059d6;
    border-color: #2140db;
    cursor: default; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }
*/
#changelist .toplinks {
  list-style: none;
  margin: 0;
  padding-left: 0; }

#changelist .toplinks li {
  display: inline;
  font-size: 0.75rem; }

#changelist .toplinks > li + li:before {
  color: #cccccc;
  content: "/";
  padding: 0; }


#changelist-search .input-group {
  left: -16px;
  top: -11px;
  width: 250px; }

#changelist-search .form-control, #changelist-search .func_select {
  border-bottom-left-radius: 0;
  height: 42px;
  padding-left: 15px;
  text-overflow: ellipsis; }

#changelist-search .input-group-btn .btn {
  border-radius: 0;
  height: 42px; }

#changelist-search .tooltip {
  opacity: 1;
  top: -32px;
  z-index: 999; }

#changelist-search .tooltip a {
  color: #5bc0de;
  font-weight: bold; }

#changelist-search .tooltip a {
  color: #5bc0de; }

#changelist-search .tooltip a:hover {
  color: #428bca; }
@media (max-width: 767px) {
  #changelist-search .input-group {
    width: 150px; } }


.object-tools {
  padding: 0; }

.object-tools li {
  display: inline-block;
  margin-left: 5px; }

.surelink-cs-tests-widget-test-section-form-wrapper {
    padding-bottom: 15px;
}

.surelink-cs-tests-widget-form-group {
  margin-bottom: 0;
  border-top: 1px solid #EEEEEE;
}

.row {
  margin-left: 0px;
  margin-right: 0px; }


.btn--medium {
  font-size: 0.8125rem;
  padding: 0.5rem 0.9375rem; }

.btn {
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.btn--tiny {
  font-size: 0.5625rem;
  padding: 0.1875rem 0.3125rem; }

.btn--small {
  font-size: 0.6875rem;
  padding: 0.3125rem 0.625rem; }

.btn--medium {
  font-size: 0.8125rem;
  padding: 0.5rem 0.9375rem; }

.btn--orange {
  color: #ffffff;
  background-color: #FFB900;
}

.btn--green {
  color: #ffffff;
  background-color: #00A000;
}

.btn--red {
  color: #ffffff;
  background-color: #cc3b3b;
}

.btn--purple {
  color: #ffffff;
  background-color: #800080;
}

.btn--disabled,
.btn.is-disabled {
  cursor: not-allowed;
  pointer-events: none;
  background-color: #eee;
  box-shadow: 2px 2px 0 0 #8B959E;
  color: #8B959E; }
  .btn--disabled:hover, .btn--disabled:focus,
  .btn.is-disabled:hover,
  .btn.is-disabled:focus {
    top: 0;
    left: 0;
    background-color: #eee;
    box-shadow: 2px 2px 0 0 #8B959E;
    color: #8B959E; }

.panel {
  margin-bottom: 20px;
  border-radius: 0;
  border: 1px solid transparent;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

/* Unfortunately Pane has been dropped entirely in BootStrap 4 for the new card component.
  So this has to stay in chamge.css */

.panel-body {
  padding-bottom: 5px;
  padding: 15px; }
  .panel-body:before, .panel-body:after {
    content: " ";
    display: table; }
  .panel-body:after {
    clear: both; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: -1;
  border-top-left-radius: -1; }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit; }
  .panel-title > a,
  .panel-title > small,
  .panel-title > .small,
  .panel-title > small > a,
  .panel-title > .small > a {
    color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1; }

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0; }
  .panel > .list-group .list-group-item,
  .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0; }
  .panel > .list-group:first-child .list-group-item:first-child,
  .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: -1;
    border-top-left-radius: -1; }
  .panel > .list-group:last-child .list-group-item:last-child,
  .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: -1;
    border-bottom-left-radius: -1; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.list-group + .panel-footer {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0; }
  .panel > .table caption,
  .panel > .table-responsive > .table caption,
  .panel > .panel-collapse > .table caption {
    padding-left: 15px;
    padding-right: 15px; }

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: -1;
  border-top-left-radius: -1; }
  .panel > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: -1;
    border-top-right-radius: -1; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
      border-top-left-radius: -1; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
      border-top-right-radius: -1; }

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1; }
  .panel > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-left-radius: -1;
    border-bottom-right-radius: -1; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
      border-bottom-left-radius: -1; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
      border-bottom-right-radius: -1; }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd; }

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0; }
  .panel > .table-bordered > thead > tr > th:first-child,
  .panel > .table-bordered > thead > tr > td:first-child,
  .panel > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-bordered > tfoot > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .panel > .table-bordered > thead > tr > th:last-child,
  .panel > .table-bordered > thead > tr > td:last-child,
  .panel > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-bordered > tfoot > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .panel > .table-bordered > thead > tr:first-child > td,
  .panel > .table-bordered > thead > tr:first-child > th,
  .panel > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-bordered > tbody > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0; }
  .panel > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0; }

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0; }

.panel-group {
  margin-bottom: 20px; }
  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0; }
    .panel-group .panel + .panel {
      margin-top: 5px; }
  .panel-group .panel-heading {
    border-bottom: 0; }
    .panel-group .panel-heading + .panel-collapse > .panel-body,
    .panel-group .panel-heading + .panel-collapse > .list-group {
      border-top: 1px solid #ddd; }
  .panel-group .panel-footer {
    border-top: 0; }
    .panel-group .panel-footer + .panel-collapse .panel-body {
      border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }
  .panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #ddd; }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ddd; }
    .panel-default > .panel-heading .badge {
      color: #f5f5f5;
      background-color: #333333; }
  .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd; }

.panel-primary {
  border-color: #337ab7; }
  .panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7; }
    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #337ab7; }
    .panel-primary > .panel-heading .badge {
      color: #337ab7;
      background-color: #fff; }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7; }

.panel-success {
  border-color: #d6e9c6; }
  .panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6; }
    .panel-success > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #d6e9c6; }
    .panel-success > .panel-heading .badge {
      color: #dff0d8;
      background-color: #3c763d; }
  .panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6; }

.panel-info {
  border-color: #bce8f1; }
  .panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1; }
    .panel-info > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #bce8f1; }
    .panel-info > .panel-heading .badge {
      color: #d9edf7;
      background-color: #31708f; }
  .panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1; }

.panel-warning {
  border-color: #faebcc; }
  .panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc; }
    .panel-warning > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #faebcc; }
    .panel-warning > .panel-heading .badge {
      color: #fcf8e3;
      background-color: #8a6d3b; }
  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }
  .panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1; }
    .panel-danger > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ebccd1; }
    .panel-danger > .panel-heading .badge {
      color: #f2dede;
      background-color: #a94442; }
  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1; }

.col-xs-12 {
  width: 100%; }
/*.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {*/
/*  position: relative;*/
/*  min-height: 1px;*/
/*  padding-left: 15px;*/
/*  padding-right: 15px; }*/
/*.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {*/
/*  float: left; }*/

.sortoptions {
  float: right;
  font-size: 12px;
  position: relative;
  top: 2px; }

.sortoptions .sortpriority {
  display: none; }


.info-actions {
  display: none; }



.list--inline, .list-shortcuts, .list-linkedTests {
  display: inline-block; }
  .list--inline > li, .list-shortcuts > li, .list-linkedTests > li {
    display: inline-block; }

/**
 * Shortcuts
 */
.list-shortcuts {
  margin: 0;
  padding: 0; }

.list-shortcut-item, .list-linkedTests-item {
  font-size: 0.75rem;
  margin-right: 5px;
  position: relative; }
  .list-shortcut-item:after, .list-linkedTests-item:after {
    position: absolute;
    top: 0;
    right: -7px;
    content: "|"; }
  .list-shortcut-item:last-child:after, .list-linkedTests-item:last-child:after {
    content: none; }

/**
 * Linked Test Results
 */
.list-linkedTests {
  margin: 0;
  padding: 0; }

.pull-right {
  float: right !important; }

.filters {
  background-color: #f4f8fb;
  border: thin solid #cccccc;
  padding: 0;
  margin-bottom: 10px; }
  .filters::after {
    clear: both;
    content: "";
    display: table; }

.filters-header {
  background-color: #8B959E;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 0.875rem;
  margin: 0;
  padding: 1rem; }

.filters-group {
  display: block;
  padding: 1rem; }
  .filters-group:first-child {
    padding-top: 0; }

.filters-title {
  font-size: 0.875rem;
  text-transform: uppercase;
  padding: 0 0 0.5rem;
  margin: 0 0 0.5rem;
  border-bottom: thin solid #cccccc; }

.filters-nav {
  margin: 0;
  padding: 0; }

.filters-wrapper {
  margin: 0 0 2rem; }
  .filters-wrapper::after {
    clear: both;
    content: "";
    display: table; }

.filters-navItem {
  list-style-type: none;
  font-size: 0.875rem;
  float: left;
  margin-right: 0.625rem; }
  .filters-navItem.is-selected {
    padding: 0 3px;
    background-color: #5f76e8; }
    .filters-navItem.is-selected a {
      color: #ffffff; }
    .filters-navItem.is-selected:hover {
      background-color: #5f76e8; }
      .filters-navItem.is-selected:hover a {
        color: #f3f3f3; }

#id_groups .filters-navItem,
#id_category .filters-navItem,
#id_service-category .filters-navItem {
  margin-right: 0;
  float: none; }

.form-cbsmWrapper ul {
  list-style-type: none;
}

.hidden {
  display: none !important;
}


pre {
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 0;
}

em {
  font-style: normal;
}

.l-reportsHeader{
  background-color: #4d4d4d;
  border-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  color: #fff;
}
html {
  overflow: hidden;
}
.card {
  min-width: unset;
}
.ml-2, .mx-2{
  margin-left: 1.5rem !important;
}

.dashboard-scorecard-top {
  margin-bottom: 0 !important;
}

.dashboard-scorecard-bottom {
  margin-bottom: 10px !important;
}

.dashboard-scorecard-body {
  padding: 20px !important;
}

.tooltip {
  pointer-events: none;
}
.job-type-table {
  font-size: 0.875rem !important;
}

/* Weird range that makes text go into one line on a card on an ipad */
@media only screen
and (min-device-width: 576px)
and (max-device-width: 884px) {
  .custom-card {
    max-width: 100% !important;
    flex: none !important;
  }
}

.add-supply-request-panels td:first-child {
  width: 20%;
}

.add-supply-request-panels input[type='number'] {
  width: 35%;
}
.add-supply-request-panels input[type='checkbox'] {
  width: 150px;
}

.change-supply-request-panels input[type='number'] {
  width: 30%;
}

.change-supply-request-panels td{
  width: 15%;
}

.change-supply-request-panels input[type='checkbox'] {
  width: 175px;
}

.change-supply-request-panels th{
  font-weight: bold !important;
}

@media (max-width: 1200px) and (min-width: 1000px) {
  .add-supply-request-panels input[type='number']  {
    width: 60%;
  }

  .change-supply-request-panels input[type='checkbox'] {
    width: 15%;
  }

  .add-supply-request-panels input[type='checkbox'] {
    width: 20%;
  }
}

@media (max-width: 2000px) and (min-width: 1000px) {
  .change-supply-request-panels input[type='number']  {
    width: 60%;
  }

  .add-supply-request-panels input[type='number']  {
    width: 65%;
  }
}

@media (max-width: 1000px) {
  .change-supply-request-panels input[type='number'], .add-supply-request-panels input[type='number'] {
    width: 90%;
  }

  .change-supply-request-panels input[type='checkbox'] {
    width: 15%;
  }

  .add-supply-request-panels input[type='checkbox'] {
    width: 20%;
  }
}

@media only screen and (max-device-width: 1000px) {
  .change-supply-request-panels input[type='checkbox'] {
    width: 15%;
  }

   .add-supply-request-panels input[type='checkbox'] {
    width: 25%;
  }
}

#map-container #map{
  height: 350px;
  width: 80%;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media only screen and (max-device-width: 576px) {
  #map-container #map{
  height: 100px;
  width: 200px;
}
}

#map-container-open-booking #map{
  height: 350px;
  width: 500px;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media only screen and (max-device-width: 576px) {
  #map-container-open-booking #map{
  height: 200px;
  width: 300px;
}
}

@media (max-device-width: 640px) {
  .icos-header {
    display: none;
  }
}

#collection-site-address{
  font-weight: bold !important;
  text-align: center !important;
}

#form-container strong {
  font-weight: bolder !important;
}

.two-column-checkbox ul {
  column-count: 2 !important;
  column-gap: 2rem !important;
  list-style: none !important;
}

.dt-buttons {
  margin-top: 5px;
}

.master-fee-schedule-table table{
  width: 100% !important;
}

.master-fee-schedule-table .table-service {
  width: 28% !important;
}

.master-fee-schedule-table .text-edit-rate {
  width: 10% !important;
}

.master-fee-schedule-table tr{
  height: 40px;
}

.notification-review tr {
  height: 30px;
}

.master-fee-schedule-table thead th{
  font-weight: bold !important;
  border-top: 0;
}

.master-fee-schedule-table td, .master-fee-schedule-table th, .fee-schedule-table td, .fee-schedule-table th {
  vertical-align: middle;
}

.master-fee-schedule-table .fa-asterisk, .fee-schedule-table .fa-asterisk {
  font-size: 8px;
  vertical-align: top;
}

.master-fee-schedule-table input[type=number], .fee-schedule-table input[type=number] {
  max-width: 150px;
}

.client-package-container {
  max-width: 1450px;
  font-size: 0.9rem;
}

.client-package-container .table thead th {
  font-weight: 600 !important;
}

.client-package-box {
  border-radius: 7px;
  padding-top: 5px;
}

.fee-schedule-table {
  width: 100%;
  table-layout: fixed;
}

.section-table {
  color: #5c6063;
}

.fee-schedule-table .panel-title, .section-table td  {
  font-size: 0.875rem !important;
}

.fee-schedule-table thead th {
  -webkit-font-smoothing: antialiased;
  color: #5f76e8 !important;
  border: none;
  font-size: 0.9rem;
  background-color: #f7f7fc !important;
  padding: 12px 15px 10px 15px !important;
}

.service-fee-row {
  height: 40px;
}

.fee-schedule-table th, .fee-schedule-table .section-table .service-fee-row td {
  padding: 5px 15px !important;
  vertical-align: middle;
}

.section-table .select-all td {
  padding: 10px 15px !important;
  vertical-align: middle;
}

.fee-schedule-table .panel-heading {
  position: relative;
  padding: 15px 15px !important;
}

.fee-schedule-bg {
  background-color: #fafafc !important;
}

.fee-schedule-table .panel-title:before {
  position: absolute;
  font-size: 1.2em;
  content: "+";
  right: 20px;
  top: 15px;
}

.fee-schedule-table .panel-title[aria-expanded="true"]:before {
  position: absolute;
  content: "-";
  font-size: 1.9em;
  right: 20px;
  top: 8px;
}

.service-fee-row input[type=checkbox] {
  margin-right: 3px;
}

.changed-fee {
  border-color: rgb(237 182 52 / 30%);
  box-shadow: 0 0 0 0.15rem rgb(237 182 52  / 25%);
}

.percent-fee {
  border-color: rgb(114 184 224 / 30%);
  box-shadow: 0 0 0 0.15rem rgb(114 184 224  / 25%);
}

.tooltip-inner {
  max-width: 210px;
  width: 210px;
}

#id_fee_confirm_modal .modal-lg {
  max-width: 950px !important;
}

#id_fee_confirm_modal table {
  font-size: 0.9em;
}

#id_fee_confirm_modal table td strong {
  font-weight: 600;
}

.affix-header {
  position: fixed;
  width: 100%;
  display: table;
  z-index: 9999;
}

.reasons_table {
  table-layout: fixed;
  word-wrap: break-word !important;
}

.reasons_table .lab-based-dropdown .selectize-dropdown {
  width: 400px !important;
}

.reasons_table .express-lab-dropdown .selectize-dropdown, .reasons_table .express-dropdown .selectize-dropdown {
  width: 300px !important;
}

.reasons_table .selectize-dropdown-content {
  max-height: 90vh !important;
}

.reasons_table thead th option, .reasons_table thead th, .reasons_table tbody td option {
  font-weight: bold;
}

.reasons_table thead th {
  color: #5f76e8;
}

@media (max-width: 1399px) {
  #account-setup-container .container {
    min-width: inherit !important;
  }

  .account-setup-review th {
    font-size: 11px;
   }

  #results-notification .container {
    min-width: 100%;
  }

  .framework-header {
    font-size: 1.8em;
  }
}

.account-setup-review {
  width: 100%;
}

.account-setup-review td, .account-setup-review th {
  line-height: 1.5em;
  padding: 7px 10px;
  overflow-wrap: anywhere;
}

.account-setup-review thead tr {
  background-color: #171717;
  color: #ebebeb;
  font-weight: bold;
  border-collapse: collapse;
}

.account-setup-review tbody tr {
  border-bottom: 1px solid #e8e8e8;
}

.account-setup-review tbody td:not(:last-of-type) {
  border-right: 1px solid #e8e8e8;
}

.account-setup-review .table-warning {
  background-color: #fff7e1;
}

#id_rhsq_upload {
  color: transparent;
  width: 120px;
}

#historyModal table td {
  overflow-wrap: break-word;
}

#usa_fee_schedule .service-fee-row input[type=number] {
  width: 120px;
}

.yellow-highlight {
  background-color: #fff7e1;
}

.hide-opacity-btn {
  opacity: 0;
  pointer-events: none;
}

.show-opacity-btn {
  opacity: 100;
  pointer-events: auto;
}

.duplicate_percent {
  width: 90px;
}

.pdf-button {
  width: 145px;
}

.send-notification-btn {
  width: 253px;
  height: 38px;
  font-size: 13px;
}

#workflow-diagram {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 400px;

  .card-header {
    padding: 5px;
    color: white;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
  }

  .card-body {
    font-size: 12px;
    padding: 10px 20px;
    color: #585555;
    border-bottom-left-radius: 0.25em;
    border-bottom-right-radius: 0.25em;
  }

  .line-container {
    position: relative;
    height: 20px;
  }

  .line-container::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
  }

  .summary-badge {
    margin: -2px auto 0 auto;
    text-align: center;
  }

  .summary-badge .badge {
    font-size: 10px;
    font-weight: 700;
    width: 60px;
    padding-top: 7px;
    padding-bottom: 5px;
    letter-spacing: 1px;
  }

  .panel-list {
    list-style: circle;
    padding-left: 40px;
  }

  .panel-list li {
    text-indent: -18px;
  }

  .test-badge {
    font-size: 9px;
    font-weight: 600;
    margin-left: 8px;
    text-transform: uppercase;
  }
}

.progress-circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: conic-gradient(
    #4caf50 0deg,
    #4caf50 0deg, /* This will be dynamically changed */
    #e0e0e0 0deg
  );
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: background 0.5s ease-in-out;
}

.progress-inner {
  width: 80%;
  height: 80%;
  background-color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#progressValue {
  font-size: 0.8rem;
  font-weight: bold;
  color: black;
  letter-spacing: 0;
}

.consent-title {
  font-size: 1.6em;
}

.intake-title {
  font-size: 1.3em;
}

.intake-btn {
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 100px;
}

@media (max-width: 500px) {
  .consent-title {
    font-size: 1.3em;
  }
  .intake-title {
    font-size: 1.2em;
  }
}

@media (max-width: 800px) {
  .intake-container, .consent-container, .icos-intake-container {
    max-width: 100vw !important;
  }
}

@media (min-width: 801px) {
  .intake-container {
    max-width: inherit !important;
  }

  .consent-container, .icos-intake-container {
    width: 1200px !important;
  }
}

@media (max-width: 350px) {
  .intake-card {
    padding: 20px 5px !important;
  }

  .consent-intake .card-body {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .intake-banner {
    padding: 10px !important;
  }

  .intake-banner h4 {
    font-size: 1em;
  }

  .intake-btn, .consent-header a, .consent-intake .card-body {
    font-size: 0.9em;
  }

  .intake-completed {
    padding: 20px 10px !important;
  }
}

#notification_charts {
  #id_monthly_wait_period .c3-line {
    stroke-width: 2px !important;
  }
}

input[name='notificationRadios']:hover, #id_notification_filter_dropdown label:hover, input[name='mobileRadios']:hover, #id_mobile_filter_dropdown label:hover {
  cursor:pointer;
}

.notification-card {
  height: 38px;
}

.result-upload-section {
  .custom-file input {
    cursor: pointer;
  }

  .result-file-button, input[type='email'], .file-list .list-group-item {
    min-height: 40px;
  }

  .custom-file-label::after {
    height: 100%;
    line-height: 2;
    font-size: 13px;
    width: 69px;
  }

  .custom-file-label {
    line-height: 1.9;
    border-radius: 3px !important;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .result-file-button {
    font-size: 12px;
    border-radius: 3px !important;
    width: 94px;
  }

  .file-list .list-group-item .glyphicon-trash {
    font-size: 12px !important;
    margin-right: 5px;
    cursor: pointer;
  }

  .email-mro-button {
    padding-top: 8px;
    width: 165px;
  }

  .spinner-border {
    width: 0.8rem;
    height: 0.8rem;
  }
}

.result_ohs_field {
  width: 40vw;
}


#qr_content_container {
  padding: 25px 50px;
}

@media (max-width: 500px) {
  #qr_content_container {
    padding: 25px 10px;
  }
}