.navbar-vertical .navbar-nav .nav-item .nav-link .icon i {
  color: #141727;
}

.navbar-vertical .navbar-nav .nav-item .nav-link.active .icon i {
  color: #fff;
}

.icon-sm i.fa,
.icon-sm i.far {
  top: 0;
  font-size: 1rem;
}

.icon-xxs i.fa,
.icon-xxs i.far {
  top: 0px;
  font-size: .75rem;
}

.btn.btn-sm i {
  font-size: .75rem;
}

.bg-primary-soft {
  background: rgba(121, 40, 202, .03)
}

.bg-info-soft {
  background: rgba(33, 82, 255, .03)
}

.bg-success-soft {
  background: rgba(23, 173, 55, .03)
}

.bg-warning-soft {
  background: rgba(245, 57, 57, .03)
}

.bg-danger-soft {
  background: rgba(234, 6, 6, .03)
}

.badge-primary {
  color: #a3017e;
  background-color: #f883dd;
}

.badge-secondary {
  color: #5974a2;
  background-color: #e4e8ed;
}

.badge-info {
  color: #08a1c4;
  background-color: #abe9f7;
}

.badge-success {
  color: #67b108;
  background-color: #cdf59b;
}

.badge-danger {
  color: #bd0000;
  background-color: #fc9797;
}

.badge-warning {
  color: #fbc400;
  background-color: #fef5d3;
}

.badge-light {
  color: #c7d3de;
  background-color: #fff;
}

.badge-dark {
  color: #1e2e4a;
  background-color: #8097bf;
}

.dataTable-wrapper .dataTable-top {
  padding: 1.5rem
}

.dataTable-wrapper .dataTable-top .dataTable-dropdown {
  float: left
}

.dataTable-wrapper .dataTable-top .dataTable-dropdown label {
  margin-bottom: 0;
  margin-left: 0;
  color: #8392ab;
  font-weight: 400
}

.dataTable-wrapper .dataTable-top .dataTable-dropdown label .dataTable-selector {
  border-color: #e9ecef;
  border-radius: .25rem
}

.dataTable-wrapper .dataTable-top .dataTable-search input {
  font-size: .875rem;
  color: #495057;
  border: 1px solid #e9ecef;
  border-radius: .5rem
}

.dataTable-wrapper .dataTable-top .dataTable-search input:focus-visible {
  outline: none
}

.dataTable-wrapper .dataTable-container .table thead tr th {
  padding: .75rem 1.5rem;
  opacity: .7;
  font-weight: bolder;
  color: #8392ab;
  text-transform: uppercase;
  font-size: .65rem
}

.dataTable-wrapper .dataTable-container .table tbody tr td {
  padding: .75rem 1.5rem
}

.dataTable-wrapper .dataTable-bottom {
  padding: 1.5rem;
  padding-top: 0
}

.dataTable-wrapper .dataTable-bottom .dataTable-info {
  color: #8392ab;
  font-size: .875rem
}

.dataTable-wrapper .dataTable-bottom .dataTable-pagination .dataTable-pagination-list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8392ab;
  padding: 0;
  margin: 0 3px;
  border: 1px solid #dee2e6;
  border-radius: 50% !important;
  width: 36px;
  height: 36px;
  font-size: .875rem;
  margin-left: 0
}

.dataTable-wrapper .dataTable-bottom .dataTable-pagination .dataTable-pagination-list li a:hover {
  background: #e9ecef
}

.dataTable-wrapper .dataTable-bottom .dataTable-pagination .dataTable-pagination-list .active a {
  background: transparent;
  background-image: linear-gradient(310deg, #7928ca, #ff0080);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .09), 0 2px 3px -1px rgba(0, 0, 0, .07);
  color: #fff;
  border: none;
  border-radius: 50% !important
}

.dataTable-wrapper .dataTable-bottom .dataTable-pagination .dataTable-pagination-list .active a:hover {
  background-image: linear-gradient(310deg, #7928ca, #ff0080)
}

.dataTable-wrapper.no-footer .dataTable-container {
  border-bottom: 0
}

.dataTable-table tbody td, .dataTable-table tbody th, .dataTable-table tfoot td, .dataTable-table tfoot th, .dataTable-table thead td, .dataTable-table thead th {
  vertical-align: middle !important
}

@media (max-width: 575.98px) {
  .dataTable-top>div:last-child {
    float: left;
    margin-top: 1rem
  }
}

.accordion .accordion-button {
  font-size: inherit !important
}

.accordion div button[aria-expanded=true] .collapse-close {
  display: none
}

.accordion div button[aria-expanded=true] .collapse-open {
  display: block
}

.accordion div button[aria-expanded=false] .collapse-open {
  display: none
}

.accordion div button[aria-expanded=false] .collapse-close {
  display: block
}

.collapsing {
  -webkit-transition: none;
  transition: none;
  display: none;
}

.pagination .page-item {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  cursor: pointer;
}

.pagination .page-item .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.btn-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-right: 0.25rem !important;
}

.dropdown-item-flex {
  display: flex;
  align-items: center;
  justify-content: start;
  height: 32px;
  padding: 4px 8px;
  border-radius: 5px;
  line-height: 1;
}

.table-borderless {
  border-bottom-width: 0;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.form-control-xs {
  padding: 0.1rem 0.75rem;
}

.invalid-feedback,
.text-comment {
  padding: 2px 8px;
  border: 0;
  margin-top: 4px;
  margin-left: 1px;
  border-left-color: #fbc400;
  border-left-width: 4px;
  border-left-style: solid;
  border-radius: 3px;
  color: #aaa;
  background: #f9f8f4;
  font-size: .65rem !important;
}

form .invalid-feedback {
  border-left-color: #fd5c70;
  border-radius: 3px;
  color: #aaa;
  background: #fff1f3;
}

.table-sm {
  width: 100%;
  table-layout: fixed;
  min-width: 280px;
  border-radius: 0.25rem;
  overflow: hidden;
}

.table-sm,
.table-sm thead tr th,
.table-sm tbody tr td {
  margin: 0;
  border: 0;
  padding: 0;
  text-align: left;
}

.table-sm thead tr th,
.table-sm tbody tr td {
  margin: 0;
  border: 0;
  padding: 0.05rem 0.5rem;
  text-align: left;
  border: 1px solid #d8d8d8aa !important;
}

.table-sm thead tr th {
  background: #e8e8e8aa;
  color: #888;
  text-transform: uppercase;
  font-size: 8px;
}

.table-sm tbody tr td {
  background: #ffffff66;
  color: #000;
  font-size: 10px;
  padding: 0.125rem 0.5rem !important;
}

.table-sm.table-dark tbody tr td {
  background: #22222288;
  color: #aaa;
  font-size: 10px;
  padding: 0.1rem 0.5rem !important;
}

.table-sm tbody tr td.table-header {
  color: #999;
  background: #ffffff44;
  font-weight: 600;
}

.table {
  border-spacing: 0;
}

/* .table tbody tr:nth-child(even) {
  background: #f8f8f8;
} */

.table tbody tr:hover {
  background: #f8f6f033;
}

.swal2-popup {
  padding: .25rem .5rem .5rem .5rem;
}

.swal2-popup.swal2-toast {
  padding: .1rem .5rem;
}

.swal2-popup .swal2-input {
  margin: 0.5em 0;
  border: 1px solid #00000011;
}

.swal2-styled.swal2-confirm {
  padding: .5rem .5rem;
  width: 7em;
  text-transform: uppercase;
  font-weight: 700;
  color: #ffffffcc;
}

.swal2-styled.swal2-cancel {
  padding: .5rem .5rem;
  width: 7em;
  text-transform: uppercase;
  font-weight: 700;
  color: #ffffffcc;
}

.swal2-actions {
  justify-content: flex-end;
  height: auto;
  margin: 0;
  margin-top: 0.3125em;
  padding: 0 0.325rem;
}

.swal2-popup .swal2-html-container {
  font-size: .9em;
}

.icon-badge {
  width: 100% !important;
  padding-left: .5rem;
  padding-right: .5rem;
}

.form-check-input[type=checkbox]:disabled {
  cursor: not-allowed;
}

.link {
  cursor: pointer;
  font-weight: 600;
  text-decoration: underline;
}

@media (min-width: 1200px) {
  .sidenav:hover {
    max-width: 15.625rem;
  }

  .sidenav .sidenav-toggler {
    padding: 1.5rem;
  }

  .sidenav.fixed-start~.main-content {
    margin-left: 16.625rem;
  }

  .sidenav.fixed-end~.main-content {
    margin-right: 16.625rem;
  }
}

.g-sidenav-hidden .navbar-vertical:hover.fixed-start~.main-content {
  margin-left: 15.625rem;
}

.navbar-vertical.navbar-expand-xs .navbar-collapse {
  display: block;
  overflow: auto;
  height: calc(100vh - 160px);
}

html, body {
  overflow-x: hidden;
}

.d-flex canvas {
  box-shadow: 0 0 12px white;
}

@media (max-width: 1199.98px) {
  .g-sidenav-show.g-sidenav-pinned .sidenav {
    background: #eeeeee;
    background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 0.95) 100%);
    max-width: 6rem !important;
  }

  .g-sidenav-show.g-sidenav-pinned .sidenav .pinned-hidden,
  .g-sidenav-show.g-sidenav-pinned .sidenav span.nav-link-text {
    display: none !important;
  }

  .g-sidenav-show.g-sidenav-pinned .sidenav .sidenav-header {
    height: 2.875rem;
  }
}

.pagination.pagination-primary .page-item.active>.page-link, .pagination.pagination-primary .page-item.active>.page-link:focus, .pagination.pagination-primary .page-item.active>.page-link:hover {
  background-image: linear-gradient(310deg, #38284a, #706080);
  border: none;
  color: #fff
}

#iconSidenav {
  display: none;
}

@media (max-width: 1199.98px) {
  #iconSidenav {
    display: block !important;
  }
}

.bg-body-color {
  background: #f4f5f9;
}

.bg-theme {
  background-image: url('/theme/img/curved-images/curved7.jpg')
}

.form-control.just-field:disabled {
  background-color: #00000088;
  opacity: 1
}

.menu-icon {
  width: 24px;
}

ul {
  list-style-position: inside;
  padding-left: 8px;
}