table.dataTable.table-as-card {
  background: none !important;
  border: none !important; }
  table.dataTable.table-as-card tr {
    display: flex;
    align-items: center;
    padding: 0rem 0.5rem 0rem 0.5rem;
    margin-bottom: 0.5rem;
    border: none;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    background: #FFF !important;
    font-size: 0.75rem; }
  table.dataTable.table-as-card td {
    display: block;
    padding: 8px 4px; }
  table.dataTable.table-as-card tbody td {
    padding: 8px 2px; }

table.documents-table {
  background: none !important;
  border: none !important; }
  table.documents-table tr {
    display: grid;
    grid-template-columns: 0.5fr repeat(2, 1fr) 3fr 0.5fr;
    grid-template-rows: auto 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: none;
    border-bottom: 1px solid #e9ecef;
    background: #FFF !important;
    font-size: 0.75rem; }
    table.documents-table tr.selected {
      background-color: #F1F1F1; }
  table.documents-table tbody tr.selected > * {
    background-color: #F1F1F1;
    color: inherit;
    box-shadow: none; }
  table.documents-table .checkbox-box {
    grid-area: 1 / 1 / 3 / 2;
    display: flex;
    align-items: center;
    padding-left: 1rem; }
  table.documents-table .description-box {
    grid-area: 2 / 2 / 3 / 5;
    padding-top: 0px; }
  table.documents-table .type-box {
    grid-area: 1 / 5 / 3 / 6;
    display: flex;
    align-items: center;
    padding-right: 1rem; }
  table.documents-table td {
    display: block;
    padding: 8px 4px; }

table.dataTable tr.selected {
  background-color: #F1F1F1; }
table.dataTable tbody tr.selected > * {
  background-color: #F1F1F1;
  color: inherit;
  box-shadow: none; }
table.dataTable.bordered-bottom thead th, table.dataTable.bordered-bottom tbody td {
  border-bottom: 1px solid #F1F1F1; }
table.dataTable thead th {
  font-weight: 400;
  font-size: 0.75rem;
  color: #646464;
  padding: 16px 20px; }
table.dataTable.dataTable.no-footer {
  border-bottom: none; }
table.dataTable tbody td {
  font-size: 0.75rem;
  padding: 10px 20px; }
table.dataTable tfoot th {
  font-weight: 700;
  font-size: 0.75rem;
  border-top: 1px solid #F1F1F1;
  padding: 16px 20px; }

.footer-table {
  padding: 8px 16px; }

.dataTables_length, .dataTables_filter {
  font-size: 12px !important;
  color: #646464 !important; }

.dataTables_info {
  font-size: 10px !important;
  color: #646464 !important;
  margin-right: 16px !important; }

.dataTables_paginate .paginate_button {
  margin-left: 8px !important;
  margin-right: 8px !important;
  font-size: 12px !important;
  cursor: pointer !important;
  padding: 4px 6px !important;
  color: #040404 !important;
  border-radius: 4px !important;
  background: transparent !important;
  background-color: transparent !important; }
  .dataTables_paginate .paginate_button:hover {
    background-color: #e9ecef !important; }
  .dataTables_paginate .paginate_button.disabled {
    color: #9F9F9F !important; }

.datatable-hide-filter .dataTables_filter,
.datatable-hide-info .dataTables_info,
.datatable-hide-length .dataTables_length,
.datatable-hide-paginate .dataTables_paginate,
.datatable-hide-thead thead {
  display: none; }

table.table th {
  border-top: none; }
table.table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #F1F1F1;
  font-weight: 400;
  color: #646464; }

p {
  margin-bottom: 0; }

img {
  vertical-align: baseline; }

.w-4 {
  width: 1rem;
  /* 24px */ }

.w-6 {
  width: 1.5rem;
  /* 24px */ }

.w-12 {
  width: 3rem;
  /* 48px */ }

.w-20 {
  width: 5rem;
  /* 80px */ }

.w-24 {
  width: 6rem;
  /* 96px */ }

.w-28 {
  width: 7rem;
  /* 112px */ }

.w-44 {
  width: 11rem;
  /* 176px */ }

.w-60 {
  width: 15rem;
  /* 240px */ }

.w-80 {
  width: 20rem;
  /* 320px */ }

.w-128 {
  width: 32rem;
  /* 512px */ }

.vh-100 {
  height: 100vh; }

.min-w-0 {
  min-width: 0;
  /* 256px */ }

.min-w-8 {
  min-width: 2rem;
  /* 32px */ }

.min-w-64 {
  min-width: 16rem;
  /* 256px */ }

.min-w-80 {
  min-width: 20rem;
  /* 320px */ }

.min-w-104 {
  min-width: 26rem;
  /* 416px */ }

.w-fit {
  width: fit-content; }

.min-w-fit {
  min-width: fit-content; }

.h-1 {
  height: 1px; }

.h-2px {
  height: 2px; }

.h-4 {
  height: 1rem; }

.h-6 {
  height: 1.5rem;
  /* 24px */ }

.h-12 {
  height: 3rem;
  /* 48px */ }

.h-20 {
  height: 5rem;
  /* 80px */ }

.h-36 {
  height: 9rem;
  /* 144px */ }

.h-36 {
  height: 9rem;
  /* 144px */ }

.h-44 {
  height: 11rem;
  /* 176px */ }

.min-h-8 {
  min-height: 2rem;
  /* 32px */ }

.max-h-20 {
  max-height: 5rem;
  /* 80px */ }

.max-h-80 {
  max-height: 20rem;
  /* 320px */ }

.py-4\.5 {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.mb-4\.5 {
  margin-bottom: 2rem; }

.mb-6 {
  margin-bottom: 4rem; }

.shadow-sm {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) !important; }

.text-xs {
  font-size: 0.625rem; }

.text-3 {
  font-size: 0.75rem; }

.text-sm {
  font-size: 0.875rem; }

.text-lg {
  font-size: 1.25rem; }

.text-orange {
  color: #ff8001; }

.text-gray-600 {
  color: #9f9f9f; }

.text-gray-800 {
  color: #646464; }

.hover\:bg-gray-200:hover {
  background-color: #e9ecef; }

.opacity-50 {
  opacity: 0.5; }

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms; }

.btn {
  cursor: pointer;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 700; }
  .btn.btn-primary, .btn.btn-danger, .btn.btn-secondary {
    color: #fff; }

.bg-gray-600 {
  background-color: #9f9f9f; }

.whitespace-nowrap {
  white-space: nowrap; }

.border-bottom-gray-100 {
  border-bottom: 1px solid #f1F1F1; }

.border-bottom-gray-200 {
  border-bottom: 1px solid #e9ecef; }

.border-primary {
  border: 1px solid #46BFA5; }

.border-gray-600 {
  border: 1px solid #9f9f9f; }

.border-transparent {
  border-color: transparent; }

.border-2 {
  border-width: 2px; }

.gap-y-2 {
  row-gap: 0.5rem;
  /* 8px */ }

.overflow-y-auto {
  overflow-y: auto; }

.overflow-y-scroll {
  overflow-y: scroll; }

.overflow-hidden {
  overflow: hidden; }

.position-relative {
  position: relative; }

.position-absolute {
  position: absolute; }

.position-fixed {
  position: fixed; }

.cursor-pointer {
  cursor: pointer; }

.flex-grow-1 {
  flex-grow: 1; }

.object-cover {
  object-fit: cover; }

.input-group-append {
  position: relative;
  width: 100%; }
  .input-group-append input {
    padding-right: 40px; }
  .input-group-append i {
    position: absolute;
    color: #646464;
    width: 2rem;
    height: 1.5rem;
    font-size: 1.5rem;
    text-align: center;
    right: 10px;
    top: 10px; }
    .input-group-append i.small {
      width: 1.25rem;
      height: 1.25rem;
      font-size: 1.25rem;
      right: 22px;
      top: 12px; }

.navlink {
  display: flex;
  align-items: center;
  height: 3rem;
  /* 48px */
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  color: #646464;
  cursor: pointer;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms; }
  .navlink:hover {
    background-color: #e9ecef; }
  .navlink a {
    color: #646464;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center; }
  .navlink.text-primary a {
    color: #46BFA5; }

.was-validated .form-control:valid ~ .invalid-feedback {
  display: none; }

.invalid-feedback {
  font-size: 0.625rem; }

.form-control.flex-grow-1 {
  width: auto; }

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

.form-control.invalid {
  border-color: #ff7060; }
  .form-control.invalid:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 112, 96, 0.25); }

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 48px;
  margin: 0;
  opacity: 0; }
  .custom-file-input:focus ~ .custom-file-label {
    border-color: rgba(4, 4, 4, 0.15);
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #46BFA5; }
    .custom-file-input:focus ~ .custom-file-label::after {
      border-color: rgba(70, 191, 165, 0.15); }
  .custom-file-input:disabled ~ .custom-file-label {
    background-color: #e9ecef; }

input[type="file"].custom-input-file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }
  input[type="file"].custom-input-file + label {
    font-size: 0.75em;
    font-weight: 400;
    color: #9f9f9f;
    background-color: #f1F1F1;
    border: 1px solid #9f9f9f;
    border-radius: 8px;
    display: block;
    width: 100%;
    padding: 0.625rem 1rem;
    cursor: pointer; }
  input[type="file"].custom-input-file:focus + label, input[type="file"].custom-input-file + label:hover {
    background-color: #fff; }

select.form-control {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.3rem center;
  background-size: 1em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.modal-dialog .modal-header button.close {
  cursor: pointer;
  padding: 5px; }

.nav.nav-tabs {
  border-bottom: none; }

.nav-tabs .nav-link.active {
  background-color: transparent;
  font-weight: 700;
  border-color: transparent transparent #46BFA5;
  border-bottom: 2px solid #46BFA5; }

.nav-tabs .nav-link {
  color: #040404;
  text-transform: uppercase;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms; }

.nav-tabs .nav-link:hover {
  background-color: #e9ecef;
  border-color: transparent transparent #46BFA5; }

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: spinner-grow .75s linear infinite;
  animation: spinner-grow .75s linear infinite; }

.slide-left-out {
  animation: slideleftout .3s forwards;
  -webkit-animation: slideleftout .3s forwards; }

.slide-left-in {
  opacity: 0;
  left: -1000px;
  animation: slideleftin .3s forwards;
  -webkit-animation: slideleftin .3s forwards; }

.slide-right-in {
  opacity: 0;
  right: -1000px;
  animation: sliderightin .3s forwards;
  -webkit-animation: sliderightin .3s forwards; }

.slide-right-out {
  animation: sliderightout .3s forwards;
  -webkit-animation: sliderightout .3s forwards; }

@keyframes slideleftin {
  from {
    left: -1000px;
    opacity: 0; }
  to {
    left: 0px;
    opacity: 1; } }
@keyframes slideleftout {
  from {
    left: 0px;
    opacity: 1; }
  to {
    left: -1000px;
    opacity: 0; } }
@keyframes sliderightin {
  from {
    right: -1000px;
    opacity: 0; }
  to {
    right: 0px;
    opacity: 1; } }
@keyframes sliderightout {
  from {
    right: 0px;
    opacity: 1; }
  to {
    right: -1000px;
    opacity: 0; } }
@keyframes spinner-grow {
  0% {
    transform: scale(0); }
  50% {
    opacity: 1; } }

/*# sourceMappingURL=main.css.map */