/**
 * This file is for overriding some default bootstrap styles.
 *
 * > NOTE THAT THIS FILE AFFECTS GLOBAL STYLES.
 */

// lesshint-disable
* {
  box-sizing: border-box;
}


img {
  display: block;
}

// Get rid of weird background on <a>s with button styles
.btn, [type='button'] {
  -webkit-appearance: none;
}

// Custom link styles within bodies of text
h1, h2, h3, h4, h5, h6, p, li, blockquote, label {
  >a:not(.btn), small >a:not(.btn) {
    color: @brand;
    border-bottom: 1px solid @text-normal;
    &:hover {
      text-decoration: none;
      color: @text-normal;
    }
  }
}

blockquote {
  border-left: 3px solid @border-lt-gray;
  padding-left: 20px;
}

.border {
    border-color: #c4ccd2;
  }

@media (min-width: 576px) {
  .card-columns {
    column-gap: 16px;
  }
}

.card-title {
  font-weight: bold;
  font-size: 15px;
}

.page-item.active {
    .page-link {
      background-color: #007697 !important;
      color: #fff !important;
      z-index: 10;
    }
  }

.page-item {
    border: none;
    .page-link {
      border: none;
      border-radius: 6px;
    }
  }

.page-item.disabled {
  background-color: #f8f9fa !important;
}

.page-link {
  background-color: #f8f9fa !important;
}

a.page-link:hover {
  background-color: #f0f1f2 !important;
}

.custom-select {
  border-color: #c4ccd2;
}

.custom-select:hover {
  border-color: #292b2d;
}

.navbar {
  padding: 0 2rem !important;
}

.nav-item {
  border-bottom: 2px solid #fff;
  height: 59px;
}

.navbar-nav .nav-item:hover {
  border-bottom: 2px solid red;
  transition: border-bottom 0.3s ease-in-out;
}

.navbar-nav .active {
  border-bottom: 2px solid red;
}

.text-danger {
  color: #d9505c;
}

.text-primary {
  color: #007697 !important;
}

.table .thead-light th {
  color: #000;
  font-weight: 700;
  background-color: #F4F4F6;
  border-color: #dee2e6;
}
// lesshint-enable
