@font-face {
  font-family: "NT";
  src: url("../fonts/NT\ Font/NT Regular.ttf") format("truetype");
}

body {
  font-family: "NT";
  font-size: 20px;
}

.card .card-body {
  font-family: "NT";
}

.text-sm,
.btn {
  font-size: 1rem !important;
}

.text-xs {
  font-size: 0.8rem !important;
}

.navbar .nav-link {
  font-size: 1.2rem;
}

.navbar-vertical.navbar-expand-xs .navbar-collapse {
  height: auto !important;
}

.table td .progress {
  height: 4px !important;
  width: auto !important;
}

label,
.form-label,
.form-select,
.form-control {
  font-size: 1rem;
}

.form-switch .form-check-input {
  height: 1em;
}

svg.port-swap {
  transform: rotate(180deg);
  will-change: filter;
}

.navbar-vertical.navbar-expand-xs {
  z-index: 1009 !important;
}

.btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}


.table-custom {
  /* max-height: calc(89% - 1.6rem); */
  /* background-color: #fffb; */
  margin: .8rem auto;
  border-radius: .6rem;

  overflow: auto;
  overflow: overlay;
}

.table-custom table {
  width: 100%;
  margin-bottom: .6rem;
}

/* .table-custom td img {
    width: 36px;
    height: 36px;
    margin-right: .5rem;
    border-radius: 50%;

    vertical-align: middle;
  } */

/* table,
  th,
  td {
    border-collapse: collapse;
    padding: 1rem;
    text-align: left;
  } */

.table-custom thead th {
  position: sticky;
  top: 0;
  left: 0;
  /* background-color: #d5d1defe; */
  cursor: pointer;
  text-transform: capitalize;
}

/* .table-custom tbody tr:nth-child(even) {
    background-color: #0000000b;
  } */

.table-custom tbody tr {
  --delay: .1s;
  transition: .5s ease-in-out var(--delay), background-color 0s;
}

.table-custom tbody tr.hide {
  opacity: 0;
  transform: translateY(100%);
}

.table-custom tbody tr:hover {
  background-color: #fff6 !important;
}

.table-custom tbody tr td,
.table-custom tbody tr td p,
.table-custom tbody tr td img,
.table-custom tbody tr td div {
  transition: .2s ease-in-out;
}

.table-custom tbody tr.hide td,
.table-custom tbody tr.hide td p,
.table-custom tbody tr.hide td h6 {
  padding: 0 !important;
  font: 0 / 0 sans-serif;
  transition: .2s ease-in-out .5s;
  margin: 0 !important;
  border-bottom-width: 0px !important;
}

.table-custom tbody tr.hide td img,
.table-custom tbody tr.hide td circle-progress,
.table-custom tbody tr.hide td span,
.table-custom tbody tr.hide td a {
  width: 0 !important;
  height: 0 !important;
  transition: .2s ease-in-out .5s;
  display: none;
}

.table-custom tbody tr.hide td>div {
  height: 0;
  transition: .2s ease-in-out .5s;
  display: none;
}




.table-custom thead th span.icon-arrow {
  display: inline-block;
  /* width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    border: 1.4px solid transparent; */

  text-align: center;
  font-size: 1rem;

  margin-left: .5rem;
  transition: .2s ease-in-out;
}

.table-custom thead th:hover {
  color: #6c00bd;
}

.table-custom thead th.asc span.icon-arrow {
  transform: rotate(180deg);
}

.table-custom thead th.active,
.table-custom tbody td.active {
  color: #6c00bd;
}

.btn-outline-primary:hover:not(.active) {
  background-color: #5e72e4;
  opacity: 1;
  box-shadow: none;
  color: #fff;
}

.btn-outline-danger:hover:not(.active) {
  background-color: #f5365c;
  opacity: 1;
  box-shadow: none;
  color: #fff;
}

.btn-outline-success:hover:not(.active) {
  background-color: #2dce89;
  opacity: 1;
  box-shadow: none;
  color: #fff;
}


circle-progress::part(base),
circle-progress {
  width: 100px;
  height: 100px;
}

circle-progress.success::part(circle),
circle-progress.primary::part(circle),
circle-progress.warning::part(circle),
circle-progress.secondary::part(circle) {
  stroke-width: 8px;
  stroke: #eee;
}

circle-progress.success::part(text) {
  font-weight: bold;
  fill: #00E699;
}

circle-progress.success::part(value) {
  stroke-width: 10px;
  stroke: #00E699;
}

circle-progress.primary::part(text) {
  font-weight: bold;
  fill: #11cdef;
}

circle-progress.primary::part(value) {
  stroke-width: 10px;
  stroke: #11cdef;
}

circle-progress.warning::part(text) {
  font-weight: bold;
  fill: #fb6340;
}

circle-progress.warning::part(value) {
  stroke-width: 10px;
  stroke: #fb6340;
}

circle-progress.secondary::part(text) {
  font-weight: bold;
  fill: #adb5bd;
}

circle-progress.secondary::part(value) {
  stroke-width: 10px;
  stroke: #adb5bd;
}

.checkboxes-label {
  /* background-color: #ededed; */
  border: 1px solid #d6d6d6d2;
  border-radius: 5px;
  display: inline-block;
  padding: 8px 15px;
  /*margin-right: 20px;*/
  transition: all 0.25s ease-in-out;
  width: 100%;
  margin-bottom: 0px;
  color: #3d3d3d;
  position: relative;
}

.checkboxes-label:hover {
  background-color: #feed80;
  cursor: pointer;
}

.checkboxes input[type=checkbox] {
  display: none;
}

.checkboxes input[type=checkbox]:checked+.checkboxes-label {
  background-color: #fedc01;
  border: 1px solid #414141;
  color: #2f2f2f;
}

.checkboxes input[type=checkbox]:checked+.checkboxes-label span.check-icon::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f058";
  position: absolute;
  right: 10px;
}

.form-check:not(.form-switch) .form-check-input[type="checkbox"],
.form-check:not(.form-switch) .form-check-input[type="radio"] {
  margin-top: 0.4rem;
}

.form-check:not(.form-switch) .form-check-input[type="radio"]:checked {
  padding: 8.5px;
}
.form-check .form-check-input{
  float: unset;
}