@import url('https://rsms.me/inter/inter.css');

:root {
  --tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
  /*--tblr-page-padding-y: var(--tblr-spacer-3);*/
}

body {
  /*font-feature-settings: "cv03", "cv04", "cv11";*/
}

/**
* modal, offcanvas
 */
.modal-backdrop {
  --tblr-backdrop-opacity: 0.5;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}

/**
* turbo
 */
.turbo-progress-bar {
  background-color: var(--tblr-primary);
}

/**
* utilities
 */
.py-2\.5 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.px-2\.5 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.p-2\.5 {
  padding: 0.75rem !important;
}

.mt-n1 {
  margin-top: -0.25rem !important;
}

.mb-n1 {
  margin-bottom: -0.25rem !important;
}

/**
* card
 */
.card {
  --tblr-card-cap-padding-y: 0.75rem;
  --tblr-card-cap-padding-x: 1rem;
}

/**
* icons
 */
.icon {
  --tblr-icon-size: 1.26rem;
}

.btn-sm .icon {
  --tblr-icon-size: 1rem;
}

.ti.icon {
  text-align: center;
  line-height: var(--tblr-icon-size) !important;
  width: auto !important;
  height: auto !important;
  min-width: auto !important;
}

.ti.alert-icon {
  text-align: center;
  line-height: 1.5rem !important;
}

/**
* buttons
*/
.btn-group-sm > .btn, .btn-sm {
  /*--tblr-btn-padding-y: 0.25rem;*/
  /*--tblr-btn-padding-x: 0.5rem;*/
  /*--tblr-btn-font-size: 0.875rem;*/
  --tblr-btn-border-radius: var(--tblr-border-radius);
}

/**
* forms
*/

.form-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.form-check-input {
  width: 1rem;
  height: 1rem;
}

.form-check-input:checked[type=checkbox] {
  --tblr-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='27' height='22'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");
}

.card-header .col-form-label {
  padding: 0
}

.card-body {
  padding-left: 1rem
}

/**
* tables / datatables
 */
table td.col-actions {
  padding: 0 0.75rem;
}

table td.col-checkbox,
table th.col-checkbox {
  padding-left: 0.75rem !important;
}

table tr.batch-action-bar {
  background-color: var(--tblr-yellow-lt);
}

/**
* toasts
 */
.toast-container {
  z-index: 1090;
}