body {
  background-color: #f8f8f8;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400; }

a,
a:visited {
  color: orange; }

.navbar .nav-link {
  color: white; }

.navbar-brand {
  border: 1px solid #0088cc;
  margin-right: 50px;
  padding: 0; }
  .navbar-brand img {
    height: 40px; }

.btn-primary {
  background-color: #ec8625;
  border-color: #ec8625; }
  .btn-primary:hover {
    background-color: #e47914;
    border-color: #e47914; }

/*.table {
  .thead-dark {
    th {
      background-color: $blue;
      border-color: $blue;
    }
  }
}*/
.close {
  color: white;
  text-shadow: none; }
  .close:focus, .close:hover {
    color: white;
    opacity: 1; }

.bg-dark {
  background-color: #0088cc !important; }

h2 {
  color: #0088cc;
  border-bottom: 3px solid #dee2e6;
  margin-bottom: 2em; }

h4.form-text {
  color: #0088cc;
  font-size: 1.2rem;
  margin: 0; }

.login-screen {
  background: url("../img/melamine-wood-001.png");
  z-index: 1050;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0; }

.modal-header {
  background-color: #0088cc;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  color: white; }

.modal-content {
  box-shadow: 0 0px 90px rgba(35, 35, 38, 0.73); }
  #lm-login .modal-content {
    box-shadow: 0 0 90px rgba(236, 134, 79, 0.3); }

#login-error {
  width: 100%; }
  #login-error .modal-footer {
    flex-direction: column; }

.reset-pass {
  padding: 0;
  font-size: small; }

.tab-content {
  background: white;
  border: 1px solid #dee2e6;
  border-top-width: 0;
  padding: 15px;
  max-width: 100%; }

#lm-transmits-table-tbody td,
#lm-transmits-table-tbody th {
  padding: .35em; }

#lm-transmits-table-tbody a:hover {
  text-decoration: none; }

#results-table-view {
  overflow-x: scroll;
  border: 1px solid #8e8e8e; }

#lm-app {
  padding-top: 2.25em; }

.hidden {
  display: none; }

.mw {
  min-width: 60px; }

.mw-lg {
  min-width: 95px; }

@media (min-width: 1200px) {
  .container.container-lg {
    max-width: 1400px; } }

@media (min-width: 992px) {
  .modal-lg {
    max-width: 960px !important; } }

.lm-admin-role {
  display: inline-block;
  padding: .25em .4em;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  border: 1px solid #ec8625;
  font-size: small; }
  .lm-admin-role.active {
    background: #ec8625;
    border-color: #ec8625;
    color: white; }

#transmit-photo .modal-lg {
  max-width: 1024px !important; }

#transmit-photo-content img {
  max-width: 100% !important;
  margin-bottom: 10px; }

#transmit-location-photo .modal-lg {
  max-width: 1024px !important; }

#transmit-location-photo-content img {
  max-width: 100% !important;
  margin-bottom: 10px; }

.delivery-attempt-item .date {
  font-weight: bold;
  text-transform: uppercase; }

.delivery-attempt-item img {
  max-width: 100% !important;
  margin-bottom: 10px; }

.multiselect-native-select .btn-group {
  width: 100%; }
  .multiselect-native-select .btn-group .multiselect.btn.dropdown-toggle {
    width: 100%;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    display: flex;
    align-items: center;
    justify-content: space-between; }

.multiselect-container > li > a > label {
  padding: 3px 20px 3px 10px; }

.multiselect-container.dropdown-menu.show {
  transform: translate3d(0, 37px, 0);
  width: 100%; }

.multiselect-container > li > a > label > input[type=checkbox] {
  margin-bottom: 5px;
  margin-right: 5px; }

.map-legend {
  padding: 5px; }
  .map-legend .legend-title {
    font-size: 1em; }
  .map-legend li {
    font-size: .85em; }

.marker-color {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid rgba(0, 0, 0, 0.3); }

.m-blue {
  color: #007bff; }

.m-red {
  color: #dc3545; }

.m-green {
  color: #28a745; }

.m-orange {
  color: #fd7e14; }

.m-yellow {
  color: #ffc107; }

.m-violet {
  color: #6f42c1; }

.m-gray {
  color: #6c757d; }

.m-black {
  color: #343a40; }
