html {
  font-size: 14px !important;
}

.form-control::placeholder {
  color: #cbcbcb;
}

.form-control:-ms-input-placeholder {
  color: #cbcbcb;
}

.form-control::-ms-input-placeholder {
  color: #cbcbcb;
}

.trim {
  -o-text-overflow: '…' !important;
  text-overflow: ellipsis !important;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}

.nav-link.active {
  font-weight: bold;
}

.navbar-brand img {
  height: 35px !important;
}

.navbar {
  padding: 0.1rem;
}

.dropdown-toggle.active {
  font-weight: bold;
}

.dropdown-category {
  max-width: 250px;
}

.dropdown-perpage {
  max-width: 100px;
}

.pagination {
  margin-bottom: 0 !important;
}

.table {
  margin-bottom: 0 !important;
}

.w-2 {
  width: 2% !important;
}
.w-3 {
  width: 3% !important;
}
.w-4 {
  width: 4% !important;
}
.w-5 {
  width: 5% !important;
}
.w-6 {
  width: 6% !important;
}
.w-7 {
  width: 7% !important;
}
.w-8 {
  width: 8% !important;
}
.w-10 {
  width: 10% !important;
}
.w-11 {
  width: 11% !important;
}
.w-12 {
  width: 12% !important;
}
.w-15 {
  width: 15% !important;
}
.w-18 {
  width: 18% !important;
}
.w-20 {
  width: 20% !important;
}
.w-22 {
  width: 22% !important;
}
.w-30 {
  width: 30% !important;
}

.sp-count-sm {
  padding: 6px 8px 10px 0;
}

.sp-count {
  text-align: right;
  padding: 12px 16px 20px 0;
}

.sp-count-extra {
  padding: 6px 0 0 0;
}

.opacity-50 {
  opacity: 0.5;
}

.font-plus {
  font-size: 110%;
}

.bg-selected {
  background-color: #fdf5d6 !important;
}