body {
  animation: fadeInAnimation ease .5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
body {
  background-image: url(../../assets/img/pdf/bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-x: left;
  background-blend-mode: hard-light;
  background-attachment: fixed;
}
@media (min-width: 1200px) {
  body {
    background-size: 80%;
  }
}
.signature-pad {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 10px;
  width: 100%;
  height: 100%;
}
.signature-pad--body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #f4f4f4;
  border-radius: 0.5rem;
}
.signature-pad--body.empty {
  background-color: #333;
}
.signature-pad--body canvas {
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
  background-color: #ffffff;
}
.signature-pad--actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
}
.error-message {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.error-message.show {
  opacity: 1;
}
#message-box {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  background: #fff;
  z-index: -1;
  font-size: 16px;
  color: #333;
  padding: 16px 40px;
  font-weight: 400;
  display: none;
  justify-content: flex-start;
  align-items: center;
  position: fixed;
  top: 40px;
  width: 80%;
  border-radius: 8px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3), 0 -6px 16px -6px rgba(0, 0, 0, 0.025);
}
.login #message-box,
.mfa #message-box,
.registration #message-box,
.reset_request #message-box,
.reset_password #message-box  {
  padding: 16px 20px;
  position: relative;
  top: 0;
  width: 100%;
}
#message-box .icon {
  background-image: linear-gradient(310deg, #f97316 0%, #f97316 100%);
  color: #fff;
}
table .form-check {
  display: table-cell;
}
table .form-check .form-check-input {
  float: none;
}
table.table.dataTable>tbody>tr.selected>* {
  box-shadow: inset 0 0 0 9999px rgb(244, 244, 245) !important;
  color: rgb(0, 0, 0) !important;
}
.form-check:not(.form-switch) .form-check-input[type=checkbox]:after {
  font-family: "Font Awesome 6 Free";
}
.bg-gradient-dark .form-switch .form-check-input:after,
.bg-dark .form-switch .form-check-input:after {
  background-color: #18181b;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -2px rgba(0, 0, 0, 0.5);
}
.bg-gradient-dark .form-switch .form-check-input:checked,
.bg-dark .form-switch .form-check-input:checked, {
  border-color: #ffffff;
  background-color: #ffffff;
}
.bg-gradient-dark .form-switch .form-check-input,
.bg-dark .form-switch .form-check-input {
  border: 1px solid #e3e3e7;
  background-color: #e3e3e7;
}
.page-link.active,
.active>.page-link {
  color: #fff;
}
.table> :not(caption)>*>* {
  padding: .75rem 1.5rem;
}
table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
  text-align: start !important;
}
.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
input::placeholder {
  color: #ccc !important;
}
.modal {
  border-radius: 0.75rem;
  overflow: hidden;
  background-color: transparent;
}
#templateModal .modal-content,
#logModal .modal-content {
  max-height: 80vh;
}
#templateModal span {
  background-color: #f4f4f5;
  padding: 0px 60px;
}
#templateModal .modal-body,
#logModal .modal-body {
  overflow-y: auto;
}
#templateModal .modal-dialog,
#logModal .modal-dialog {
  max-width: 90vw;
}
@media (min-width: 1200px) {
  #templateModal .modal-dialog,
  #logModal .modal-dialog {
    max-width: 60vw;
  }
}
#logModal code {
  font-size: 1em;
}
#logModal code span {
  display: inline-flex;
}
.modal .modal-content {
  background-color: transparent;
  border: none;
  border-radius: 0.75rem;
}
.modal .modal-content .modal-body {
  border-radius: 0.75rem;
  overflow: hidden;
  background-color: #fff;
  padding-left: 0px;
  padding-right: 0px;
  -webkit-box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.9);
  box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.9);
}
.modal .btn:disabled,
.modal .btn.disabled {
  color: rgba(255, 255, 255, 0.65);
}
.btn-close {
  position: absolute;
  right: 20px;
  top: 20px;
}
.btn-close {
  filter: invert(72%) sepia(13%) saturate(2%) hue-rotate(314deg) brightness(110%) contrast(94%);
}
.navbar-vertical.navbar-expand-xs .navbar-collapse {
  /*height: calc(100vh - 200px);*/
  height: auto;
}
body.datatable .navbar-vertical.navbar-expand-xs .navbar-collapse {
  /*height: calc(100vh - 434px);*/
}
.lh-xl {
    line-height: 2.4 !important;
}
.badge-dot {
  padding-left: 0;
  padding-right: 0;
  background: transparent;
  font-weight: 400;
  font-size: .875rem;
  text-transform: none;
}
.badge-dot i {
  display: inline-block;
  vertical-align: middle;
  width: .375rem;
  height: .375rem;
  border-radius: 50%;
  margin-right: .375rem;
}
.w-1 { width: 1%!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-9 { width: 9%!important; }
.w-10 { width: 10%!important; }
.w-11 { width: 11%!important; }
.w-12 { width: 12%!important; }
.w-13 { width: 13%!important; }
.w-14 { width: 14%!important; }
.w-15 { width: 15%!important; }
.w-16 { width: 16%!important; }
.w-17 { width: 17%!important; }
.w-18 { width: 18%!important; }
.w-19 { width: 19%!important; }
.w-20 { width: 20%!important; }
.w-21 { width: 21%!important; }
.w-22 { width: 22%!important; }
.w-23 { width: 23%!important; }
.w-24 { width: 24%!important; }
.w-25 { width: 25%!important; }
.w-26 { width: 26%!important; }
.w-27 { width: 27%!important; }
.w-28 { width: 28%!important; }
.w-29 { width: 29%!important; }
.w-30 { width: 30%!important; }
.w-31 { width: 31%!important; }
.w-32 { width: 32%!important; }
.w-33 { width: 33%!important; }
.w-34 { width: 34%!important; }
.w-35 { width: 35%!important; }
.w-36 { width: 36%!important; }
.w-37 { width: 37%!important; }
.w-38 { width: 38%!important; }
.w-39 { width: 39%!important; }
.w-40 { width: 40%!important; }
.w-41 { width: 41%!important; }
.w-42 { width: 42%!important; }
.w-43 { width: 43%!important; }
.w-44 { width: 44%!important; }
.w-45 { width: 45%!important; }
.w-46 { width: 46%!important; }
.w-47 { width: 47%!important; }
.w-48 { width: 48%!important; }
.w-49 { width: 49%!important; }
.w-50 { width: 50%!important; }
.w-51 { width: 51%!important; }
.w-52 { width: 52%!important; }
.w-53 { width: 53%!important; }
.w-54 { width: 54%!important; }
.w-55 { width: 55%!important; }
.w-56 { width: 56%!important; }
.w-57 { width: 57%!important; }
.w-58 { width: 58%!important; }
.w-59 { width: 59%!important; }
.w-60 { width: 60%!important; }
.w-61 { width: 61%!important; }
.w-62 { width: 62%!important; }
.w-63 { width: 63%!important; }
.w-64 { width: 64%!important; }
.w-65 { width: 65%!important; }
.w-66 { width: 66%!important; }
.w-67 { width: 67%!important; }
.w-68 { width: 68%!important; }
.w-69 { width: 69%!important; }
.w-70 { width: 70%!important; }
.w-71 { width: 71%!important; }
.w-72 { width: 72%!important; }
.w-73 { width: 73%!important; }
.w-74 { width: 74%!important; }
.w-75 { width: 75%!important; }
.w-76 { width: 76%!important; }
.w-77 { width: 77%!important; }
.w-78 { width: 78%!important; }
.w-79 { width: 79%!important; }
.w-80 { width: 80%!important; }
.w-81 { width: 81%!important; }
.w-82 { width: 82%!important; }
.w-83 { width: 83%!important; }
.w-84 { width: 84%!important; }
.w-85 { width: 85%!important; }
.w-86 { width: 86%!important; }
.w-87 { width: 87%!important; }
.w-88 { width: 88%!important; }
.w-89 { width: 89%!important; }
.w-90 { width: 90%!important; }
.w-91 { width: 91%!important; }
.w-92 { width: 92%!important; }
.w-93 { width: 93%!important; }
.w-94 { width: 94%!important; }
.w-95 { width: 95%!important; }
.w-96 { width: 96%!important; }
.w-97 { width: 97%!important; }
.w-98 { width: 98%!important; }
.w-99 { width: 99%!important; }
.w-100 { width: 100%!important; }
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background: rgba(255, 255, 255, 0.8);*/
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.loader {
  width: 120px;
  height: 120px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin:auto;background:none;display:block;' width='120px' height='120px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath d='M10 50A40 40 0 0 0 90 50A40 43 0 0 1 10 50' fill='%23f97316' stroke='none'%3E%3CanimateTransform attributeName='transform' type='rotate' dur='1s' repeatCount='indefinite' keyTimes='0;1' values='0 50 51;360 50 51'%3E%3C/animateTransform%3E%3C/path%3E%3C/svg%3E");
}
.badge-success {
  color: rgb(17.4935064935, 162.5064935065, 70.8725201179);
  background-color: rgb(156.2441558442, 237.9558441558, 186.3220779221);
}
.badge-danger {
  color: rgb(247.6802955665, 8.3197044335, 8.3197044335);
  background-color: rgb(251.8630541872, 218.3369458128, 218.3369458128);
}
.password.tooltip,
.id-card.tooltip {
  position: absolute;
  background-image: linear-gradient(310deg, #eab308 0%, #f97316 100%);
  left: 1.5rem;
  right: 1.5rem;
  background-color: #f97316;
  color: #ffffff;
  z-index: 1;
  visibility: hidden;
}
input[type="password"]:focus + .tooltip,
input[type="text"]:focus + .tooltip {
  visibility: visible;
  opacity: 1;
}
form .conditional-field {
  display: none;
}
.card .card-header {
  background: transparent;
}
#templateModal ul ul {
  list-style-type: none;
  padding-left: 20px;
}
#templateModal,
#templateModal p {
  font-size: 0.875rem;
}
#templateModal h2,
#templateModal .h2 {
  font-size: 1.5rem;
  line-height: 1.375;
  margin-bottom: 1.25rem;
}
#templateModal h3,
#templateModal .h3 {
  font-size: 1.25rem;
  line-height: 1.375;
}
#templateModal img.content {
  width: 440px;
}
.g-sidenav-show .sidenav .sidenav-footer .btn .logout-text,
.g-sidenav-show .sidenav .sidenav-header {
  transition: 0.3s ease;
  white-space: nowrap;
  opacity: 1;
}
@media (min-width: 1200px) {
  .g-sidenav-hidden .navbar-vertical .sidenav-header {
    opacity: 0;
  }
  .g-sidenav-hidden .navbar-vertical .sidenav-footer .btn .logout-text {
    opacity: 0;
    width: 0;
    height: 0;
  }
  .g-sidenav-hidden .navbar-vertical:hover .sidenav-footer .btn .logout-text,
  .g-sidenav-hidden .navbar-vertical:hover .sidenav-header {
    opacity: 1;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .g-sidenav-hidden .navbar-vertical {
    max-width: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .g-sidenav-hidden .navbar-vertical.fixed-start~.main-content {
    margin-left: 6.5rem;
  }
}
.navbar-vertical.navbar-expand-xs,
.navbar-vertical.navbar-expand-xs .navbar-collapse {
  overflow-x: hidden;
}
.sidenav .navbar-brand,
.sidenav .navbar-heading {
  white-space: break-spaces;
}