.font-10 {
  font-size: 10px;
}

.font-11 {
  font-size: 11px;
}

.font-12 {
  font-size: 12px;
}

.font-13 {
  font-size: 13px;
}

.font-14 {
  font-size: 14px;
}

.font-15 {
  font-size: 15px;
}

.font-16 {
  font-size: 16px;
}

.font-17 {
  font-size: 17px;
}

.font-18 {
  font-size: 18px;
}

.font-19 {
  font-size: 19px;
}

.font-20 {
  font-size: 20px;
}

.font-21 {
  font-size: 21px;
}

.font-22 {
  font-size: 22px;
}

.font-23 {
  font-size: 23px;
}

.font-24 {
  font-size: 24px;
}

.font-25 {
  font-size: 25px;
}

.font-26 {
  font-size: 26px;
}

.font-27 {
  font-size: 27px;
}

.font-28 {
  font-size: 28px;
}

.font-29 {
  font-size: 29px;
}

.font-30 {
  font-size: 30px;
}

.page-title {
  font-size: 1.1rem;
  font-weight: bold;
}

.font-mobile-bold {
  font-weight: bold;
}

@media (min-width: 768px) {
  .page-title {
    font-size: 1.6rem;
  }

  .font-mobile-bold {
    font-weight: inherit;
  }
}
img.img-browser-optimized {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: crisp-edges;
}

.js-datatable .dataTables_empty {
  text-align: center;
}

.dataTables_paginate .pagination {
  margin-bottom: 0;
}
.dataTables_paginate .paginate_button .page-link {
  padding: 2px 4px;
  line-height: 1;
}

.custom-file-input-preview {
  background-color: #fff;
  padding: 0;
}
.custom-file-input-preview .file-drop-zone {
  min-height: auto !important;
  margin: 0;
  padding: 0;
  border: 0;
}
.custom-file-input-preview .krajee-default.file-preview-frame, .custom-file-input-preview .krajee-default.file-preview-frame:not(.file-preview-error):hover {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
.custom-file-input-preview .file-drop-zone .file-drop-zone-title {
  padding: 20px !important;
}

.kv-preview-data {
  height: auto !important;
}

.file-thumbnail-footer {
  height: auto !important;
  padding: 4px;
}

.nav-tabs.nav-tabs-horizontal, .nav-pills.nav-tabs-horizontal {
  flex-wrap: nowrap !important;
  overflow-x: auto;
  overflow-y: hidden;
}
.nav-tabs.nav-tabs-horizontal .nav-link, .nav-pills.nav-tabs-horizontal .nav-link {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.select2-container--bootstrap4 .select2-selection__clear {
  width: 15px !important;
  height: 15px !important;
  margin-right: 20px !important;
  line-height: 12px !important;
  color: #000 !important;
  padding: 0 !important;
  font-size: 14px !important;
}

.dropdown-menu-center {
  top: 100% !important;
  right: auto !important;
  left: 50% !important;
  transform: translate3d(-50%, 0, 0) !important;
}

.fit-cover {
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
  -o-object-fit: cover;
  -ms-object-fit: cover;
  object-fit: cover;
}

.object-position-left {
  -webkit-object-position: left;
  -moz-object-position: left;
  -o-object-position: left;
  -ms-object-position: left;
  object-position: left;
}