.table-xs td {
  padding: 0rem 0.1rem;
}
.table-xs th {
  padding: 0.2rem;
}
.card-pricing .card-pricing-features li {
  padding: 5px;
}
.datepicker {
  z-index: 1040 !important;
}
.breadcrumb-item + .breadcrumb-item::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f054" !important;
}
.badge-outline-medium {
  color: #99a4b2;
  border: 1px solid #99a4b2;
}

.card-footer.success {
  border-top: 1px solid #0acf97;
}
.card-footer.danger {
  border-top: 1px solid #fa5c7c;
}
.remove-color .badge-outline-success,
.remove-color .badge-outline-info,
.remove-color .badge-outline-secondary {
  border: 1px solid #6c757d !important;
  color: #6c757d !important;
}

.remove-color .text-danger,
.remove-color .text-success,
.remove-color a,
.remove-color p {
  color: #6c757d !important;
}
.breadcrumb-item + .breadcrumb-item::before {
  font-size: 0.7rem;
  line-height: 1.9;
}

.hide-dark {
  display: none !important;
}

.hide-light {
  display: none !important;
}

.badge {
  vertical-align: bottom !important;
  min-height: 18px !important;
}
.card-header,
.card-body,
.card-footer {
  padding: 0.75rem;
}
@media only screen and (max-width: 530px) {
  .btn-group {
    width: 100%;
  }
}

.text-none,
a.text-none,
a.text-none:hover {
  color: inherit;
}

.hand,
.grab {
  cursor: pointer;
}
.dragula-handle:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f141" !important;
}

a[target="_blank"]:after {
  display: inline-block;
  padding-left: 5px;
  content: "\f08e";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  font-size: 0.8em;
}

@media (max-width: 991.98px) {
  .auth-fluid .auth-fluid-form-box {
    max-width: 100%;
    min-height: 100vh;
  }
}

.is-valide {
  border-color: #0acf97 !important;
}

.is-not-valide {
  border-color: #fa5c7c !important;
}

.template,
.template small {
  cursor: pointer;
  font-size: 0.85em;
}
.template .col-1,
.template .col-2,
.template .col-3,
.template .col-4,
.template .col-5,
.template .col-6,
.template .col-7,
.template .col-8,
.template .col-9,
.template .col-10,
.template .col-11,
.template .col-12 {
  padding: 1px;
}

.minh-3 {
  min-height: 25px;
}
.minh-6 {
  min-height: 50px;
}
.minh-9 {
  min-height: 75px;
}

a.no-after[target="_blank"]:after {
  content: inherit;
}

.has-error > .form-control {
  border: 1px solid #fa5c7c !important;
}

.display-7 {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.1;
}

.display-6 {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.1;
}

.display-5 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.1;
}

.badge {
  text-transform: lowercase !important;
}

.text-underline {
  text-decoration: underline !important;
}

.btn-group-xs > .btn,
.btn-xs {
  padding: 0.28rem 0.8rem;
  font-size: 0.675rem;
  line-height: 1.5;
  border-radius: 0.15rem;
}

.has-error label {
  color: #fa5c7c !important;
}
.has-error input,
.has-error select {
  border-color: #fa5c7c !important;
}
.has-error .control-label.text-danger {
  font-size: 0.8em !important;
}

.notification-list .noti-icon-help {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  display: inline-block;
  position: absolute;
  top: 21px;
  right: 2px;
  border-radius: 50%;
  height: 7px;
  width: 7px;
}
.breadcrumb-item .fa,
.breadcrumb-item .fab,
.breadcrumb-item .fad,
.breadcrumb-item .fal,
.breadcrumb-item .far,
.breadcrumb-item .fas {
  line-height: inherit;
}

.fa-1-1x {
  font-size: 1.1em;
}
.fa-1-2x {
  font-size: 1.2em;
}
.fa-1-3x {
  font-size: 1.3em;
}
.fa-1-4x {
  font-size: 1.4em;
}
.fa-1-5x {
  font-size: 1.5em;
}
.fa-1-6x {
  font-size: 1.6em;
}
.fa-1-7x {
  font-size: 1.7em;
}
.fa-1-8x {
  font-size: 1.8em;
}
.fa-1-9x {
  font-size: 1.9em;
}

.side-nav .menu-arrow {
  font-family: "Font Awesome 5 Pro";
}
.side-nav .menu-arrow:before {
  content: "\f054";
  font-size: 0.8em;
}