@font-face {
  font-family: Inter;
  src: url(/inter.ttf);
}

:root {
    --tblr-font-sans-serif: "Inter";
}

.badge:not(.bg-default) {
	--tblr-badge-color: var(--tblr-white);
}

.card-title {
	width: 100%;
}

select + .select2-container--bootstrap-5 {
	padding: 0;
}

/* ================ SELECT 2 =========================== */
.select2:not(.input-group .select2) {
	width:100%!important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
	font-size: .875rem;
	line-height: 1.4285714286!important;
	color: var(--tblr-body-color)!important;
	padding-top: 3px!important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
	color: #000!important;
	background-color: #e9ecef!important;
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection,
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25)!important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
	font-size: .875rem!important;
	padding: 0.15rem 0.65rem!important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
	width: 0.6rem!important;
	height: 0.6rem!important;
	margin-top: 2px;
}

.iti {
	width: 100%;
}

i[data-bs-toggle="tooltip"], a i, span[data-bs-toggle="tooltip"] {
	cursor: pointer;
}

.input-group-text.is-invalid {
	border-color : var(--tblr-form-invalid-border-color);
}

.password-strength-0 {
	background-color: transparent;
	width: 0%!important;
}

.password-strength-1 {
	background-color: var(--tblr-form-invalid-border-color);
	width: 20%!important;
}

.password-strength-2 {
	background-color: var(--tblr-alert-border-color);
	width: 40%!important;
}

.password-strength-3 {
	background-color: var(--tblr-alert-border-color);
	width: 60%!important;
}

.password-strength-4 {
	background-color: var(--tblr-alert-border-color);
	width: 80%!important;
}

.password-strength-5 {
	background-color: var(--tblr-alert-border-color);
	width: 100%!important;
}

.popover-body {
	background-color: var(--tblr-border-color);
}

.rotate-180 .ti {
	-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
	transform: rotate(-180deg);
	transition: transform 0.1s ease-in-out;
	display: block;
}

.rotate-0 .ti {
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
	transition: transform 0.1s ease-in-out;
	display: block;
}

.table-hover>tbody>tr.collapse-content:hover>* {
	--tblr-table-bg-state: transparent;
}

.btn-avatar {
	--tblr-avatar-size: var(--tblr-avatar-list-size, 2.5rem);
    --tblr-avatar-status-size: 0.75rem;
    --tblr-avatar-bg: var(--tblr-bg-surface-secondary);
    --tblr-avatar-box-shadow-color: var(--tblr-border-color-translucent);
    --tblr-avatar-box-shadow: inset 0 0 0 1px var(--tblr-avatar-box-shadow-color);
    --tblr-avatar-font-size: 1rem;
    --tblr-avatar-icon-size: 1.5rem;
    --tblr-avatar-brand-size: 1.25rem;
    position: relative;
    font-size: var(--tblr-avatar-font-size);
    font-weight: var(--tblr-font-weight-medium);
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--tblr-secondary);
    text-align: center;
    text-transform: uppercase;
    vertical-align: bottom;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: var(--tblr-avatar-bg) no-repeat center / cover;
    border-radius: var(--tblr-border-radius);
    box-shadow: var(--tblr-avatar-box-shadow);
    transition: color .3s, background-color .3s, box-shadow .3s;
	border-width: 0px;
}

.page-item.active .page-link:hover {
	background-color: var(--tblr-primary-darken);
	border-color: transparent;
}

.page-item:not(.active) .page-link:hover {
	background-color: rgba(var(--tblr-primary-rgb), 0.1);
}

.steps {
	border-left:1px solid transparent;
}

.card-check {
	cursor: pointer;
}

div:has(> .card-inactive) {
	cursor: not-allowed;
}

.card-status-start {
	width: 9px;
}

.dropzone.is-invalid {
	border: 1px dashed var(--tblr-form-invalid-border-color)!important;
}

.vh-80 {
	height: 80vh;
}

.spinner-border-xl {
	--tblr-spinner-width: 4.5rem;
    --tblr-spinner-height: 4.5rem;
    --tblr-spinner-vertical-align: -0.125em;
    --tblr-spinner-border-width: 4px;
    --tblr-spinner-animation-speed: 0.75s;
    --tblr-spinner-animation-name: spinner-border;
}

/* Optional label styling */
.error-label {
  margin-bottom: 0.5rem;
}

/* div that behaves like a pre */
.pre-like {
  /* display: block; */
  white-space: normal;
  overflow-x: auto;
  overflow-y: auto;
  max-width: 100%;
  box-sizing: border-box;
  margin-bottom: 1rem;
}