/* :root,
[data-bs-theme=light],
[data-bs-theme=dark] {
  --tblr-border-radius: 3px;
  --tblr-border-radius-sm: 2px;
  --tblr-border-radius-lg: 6px;
} */

.footer {
  padding: 1rem 0;
}

.page-header {
  margin: 0 0 .75rem;
}

.card-cover .fe, .page-link .fe {
  padding: 0;
}

.card-cover::before {
  background: rgba(53, 64, 82, 0.24);
}

.avatar-transparent {
  opacity: 0.7;
}

/* .navbar .navbar-nav {
	min-height: 3.2rem;
} */

/* .navbar-brand-image {
  filter: invert(31%) sepia(41%) saturate(2439%) hue-rotate(193deg) brightness(96%) contrast(90%);
  height: 1.7rem;
} */

[data-bs-theme="dark"] .navbar-brand-autodark .navbar-brand-image {
	filter: none;
}

[data-bs-theme="dark"] .card-cover {
	opacity: 0.7;
}

.nav-link-icon {
	width: auto;
	height: auto;
}

.content {
	margin-top: 1.2rem;
	/* margin-bottom: 1.2rem; */
	flex: 1;
	display: flex;
	flex-direction: column;
}

.form-label {
	color: var(--tblr-gray-400);
}
.form-check {
	margin-top: 0.5rem;
}
/* .form-check-input.is-invalid, .form-check-input.is-valid {
	border-color: rgba(101, 109, 119, 0.24);
}
.form-check-input.is-invalid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
	color: #232e3c;
}
.form-check-input.is-valid:checked {
	background-color: #206bc4;
} */

.hr-text {
	font-size: 0.85rem;
  margin-bottom: 1.5rem;
}

.pagination {
	--tblr-pagination-bg: var(--tblr-bg-surface);
}

.table, .markdown > table {
  /* --tblr-table-hover-bg: rgba(0, 0, 0, 0.05); */
  --tblr-table-striped-bg: var(--tblr-bg-surface);
  /* --tblr-table-hover-bg: color-mix(in srgb, var(--tblr-bg-surface), #000 13%); */
}
/* .table > :not(caption) > * > *, .markdown > table > :not(caption) > * > * {
	background-color: transparent !important;
} */
/* .table a {
  color: #206bc4;
} */
.table a:hover {
  text-decoration: none;
}
.table > thead, .markdown > table > thead {
	vertical-align: middle;
}
.table thead th, .markdown > table thead th {
  background-color: color-mix(in srgb, var(--tblr-bg-surface), #000 7%);
  /* font-size: 0.8rem;
  white-space: nowrap; */
}
/* .table-light {
  --tblr-table-bg: #fff;
  --tblr-table-striped-bg: #f4f6fa;
  --tblr-table-hover-bg: rgba(0, 0, 0, 0.075);
}
.table-light thead tr {
  background-color: #ecf7fe;
}
.table-light thead tr:hover {
  background-color: #ddf0fc;
}

.table-dark, .markdown > table {
  --tblr-table-hover-bg: #364150;
}
.table-dark thead tr {
  background-color: #47515e;
}
.table-dark thead tr:hover {
  background-color: #4e5866;
}
.table-dark thead th {
  color: #fff;
} */
.table .fe,
.table .ti {
  font-size: 1rem;
}
.table .form-check .form-check-input {
	float: none;
}

.page-link {
  margin: 0 3px;
  padding: 4px 10px;
  /* background-color: #fff; */
  border: 1px solid var(--tblr-border-color);
}

.btn-sm, .btn-group-sm > .btn {
	font-size: 0.85rem;
  --tblr-btn-line-height: 1.5;
	--tblr-btn-icon-size: .75rem;
}
.btn-sm svg {
	font-size: 1.2rem;
  margin-right: 2px;
}
.dropdown-item svg {
	font-size: 1.2rem;
  fill: #777;
  margin-right: .5rem;
}

.card a:hover {
	text-decoration: none;
}

.datepicker { 
  z-index: 2000 !important;
}
.datepicker-dropdown.datepicker-orient-top::before {
	/* border-top: 7px solid #e6e7e9; */
  border-top: none;
}

.tagsinput .tag {
	position: relative;
	background: #c9e1f9;
	display: block;
	max-width: 100%;
	word-wrap: break-word;
	color: #000;
	padding: 5px 30px 5px 5px;
	border-radius: 2px;
	margin: 0 5px 5px 0;
}
.tagsinput div input::placeholder {
	color: #a7abb1;
}

/* .theme-dark .card, .theme-dark .card-footer, .theme-dark .card-stacked::after, .theme-dark .footer:not(.footer-transparent), .theme-dark .modal-content, .theme-dark .modal-header, .theme-dark .dropdown-menu {
	background-color: #303d4d;
} */

/* .theme-dark .modal-content, .theme-dark .modal-header, .theme-dark .modal-content .card, .theme-dark .modal-content .card-footer {
	background-color: #303d4d;
}

.theme-dark .form-control:disabled, .theme-dark .form-control[readonly], .theme-dark .form-select:disabled, .theme-dark .form-select[readonly] {
	background-color: #455262;
}
.theme-dark .text-muted, .theme-dark .form-label {
	color: #b5b9be !important;
}
.theme-dark .form-control::placeholder {
	color: #4b4f55;
}

.theme-dark .page-link {
  background-color: #c5c5c5;
  border: 1px solid #87888b;
}
.theme-dark .page-item.disabled .page-link {
	border-color: #585c61;
}

.theme-dark .btn-close {
	color: #fff;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat;
}
.theme-dark .dropdown-item svg {
  fill: #ccc;
}

.theme-dark .datepicker .datepicker-switch:hover, .theme-dark .datepicker .prev:hover, .theme-dark .datepicker .next:hover, .theme-dark .datepicker tfoot tr th:hover {
	background: #666;
}
.theme-dark .datepicker table tr td.day:hover, .theme-dark .datepicker table tr td.day.focused {
	background-color: rgb(108, 118, 128);
}
.theme-dark .datepicker table tr td span:hover, .theme-dark .datepicker table tr td span.focused {
	background: #666;
}
.theme-dark .datepicker-dropdown.datepicker-orient-top::after {
	border-top: 6px solid #232e3c;
}

.theme-dark .note-toolbar {
	background-color: #47515e;
  border-bottom: 1px solid #47515e;
}
.theme-dark .note-btn {
  background-color: #47515e;
  border: 1px solid #47515e;
  color: #fff;
}
.theme-dark .note-btn:hover {
  background-color: #1f2936;
}
.theme-dark .note-editor.note-airframe .note-editing-area .note-editable, .theme-dark .note-editor.note-frame .note-editing-area .note-editable {
	background-color: #1f2936;
}
.theme-dark .note-frame {
	color: #fff;
}

.theme-dark .tagsinput {
	background: #1f2936;
}
.theme-dark .tagsinput div input {
	color: #fff;
}
.theme-dark .tagsinput div input::placeholder {
	color: #4b4f55;
} */

/* TRIGGER RADIO BUTTON */
.trigger-radio {
  background-color:red;
}

/* JQUERY UI */
.ui-autocomplete {
  /* z-index MODAL 1040 */
	z-index: 2000;
  background: #fff;
}

.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-content a:hover {
	color: #fff;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #307fdd;
	background: #307fdd;
  color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #307fdd;
}

@media only screen and (max-width: 800px) {

  .table-responsive .table{
    margin-bottom: 20px;
  }
    
  /* Force table to not be like tables anymore */
  .table-responsive .table table,
  .table-responsive .table thead,
  .table-responsive .table tbody,
  .table-responsive .table th,
  .table-responsive .table td,
  .table-responsive .table tr {
    display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  .table-responsive .table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .table-responsive .table tr {
    border: 1px solid #ccc;
    margin-top: 1.5rem;
  }

  .table-responsive .table td { 
    /* Behave  like a "row" */
    border: none;
    /* border-bottom: 1px solid #eee; */
    border-bottom: 1px dotted #666;
    position: relative;
    padding-left: 120px;
    white-space: normal;
    text-align: left !important;
    min-height: 36px;
  }

  .table-responsive .table td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 115px;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
  }

  /*
  Label the data
  */
  .table-responsive .table td:before {
    content: attr(data-label);
  }

  /* .table-light {
    --tblr-table-hover-bg: rgba(66, 153, 225, 0.06);
  } */

}

.icon-vdo-card {
  position: absolute;
  bottom: 8px;
  right: 8px;
}
.icon-vdo-card i {
  margin-right: 4px;
}

.list-timeline:not(.list-timeline-simple)::before {
	left: calc(15rem + 2px);
}
.list-timeline:not(.list-timeline-simple) .list-timeline-content {
	padding: .625rem 0 0 17.5rem;
}
.list-timeline:not(.list-timeline-simple) .list-timeline-icon {
	left: 14rem;
}
.list-timeline:not(.list-timeline-simple) .list-timeline-time {
	width: 13rem;
}

.list-group {
	background: var(--tblr-bg-surface);
}
.list-group-item {
	padding: .75rem 1.25rem;
}

.form-control:disabled, .form-control[readonly] {
  border: none;
  background-color: var(--tblr-backdrop-bg-dark);
}
.form-select:-moz-focusring {
  color: inherit;
}
.form-select.option-loading {
	background-image: url("/images/loading2.gif");
	background-repeat: no-repeat;
	background-position: 20px center;
}

.form-check-input {
	--tblr-form-check-bg: var(--tblr-primary);
}

.card-cover {
  min-height: 160px;
}

.vdo-thumb {
  cursor: pointer;
}

@media only screen and (min-width: 1000px) {
  .modal-lg, .modal-xl {
    max-width: 960px;
  }
}

.btn-outline-tabler:hover, .btn-outline-bitbucket:hover, .btn-outline-flickr:hover, .btn-outline-rss:hover, .btn-outline-vk:hover, .btn-outline-pinterest:hover, .btn-outline-instagram:hover, .btn-outline-github:hover, .btn-outline-dribbble:hover, .btn-outline-vimeo:hover, .btn-outline-youtube:hover, .btn-outline-google:hover, .btn-outline-linkedin:hover, .btn-outline-twitter:hover, .btn-outline-facebook:hover, .btn-outline-cyan:hover, .btn-outline-teal:hover, .btn-outline-green:hover, .btn-outline-lime:hover, .btn-outline-yellow:hover, .btn-outline-orange:hover, .btn-outline-red:hover, .btn-outline-pink:hover, .btn-outline-purple:hover, .btn-outline-indigo:hover, .btn-outline-azure:hover, .btn-outline-blue:hover, .btn-outline-muted:hover, .btn-outline-dark:hover, .btn-outline-light:hover, .btn-outline-danger:hover, .btn-outline-warning:hover, .btn-outline-info:hover, .btn-outline-success:hover, .btn-outline-secondary:hover, .btn-outline-primary:hover {
  --tblr-btn-hover-color: var(--tblr-white);
}

.btn-outline-tabler:hover {
  --tblr-btn-hover-bg: var(--tblr-tabler);
}

.btn-outline-bitbucket:hover {
  --tblr-btn-hover-bg: var(--tblr-bitbucket);
}

.btn-outline-flickr:hover {
  --tblr-btn-hover-bg: var(--tblr-flickr);
}

.btn-outline-rss:hover {
  --tblr-btn-hover-bg: var(--tblr-rss);
}

.btn-outline-vk:hover {
  --tblr-btn-hover-bg: var(--tblr-vk);
}

.btn-outline-pinterest:hover {
  --tblr-btn-hover-bg: var(--tblr-pinterest);
}

.btn-outline-instagram:hover {
  --tblr-btn-hover-bg: var(--tblr-instagram);
}

.btn-outline-github:hover {
  --tblr-btn-hover-bg: var(--tblr-github);
}

.btn-outline-dribbble:hover {
  --tblr-btn-hover-bg: var(--tblr-dribbble);
}

.btn-outline-vimeo:hover {
  --tblr-btn-hover-bg: var(--tblr-vimeo);
}

.btn-outline-youtube:hover {
  --tblr-btn-hover-bg: var(--tblr-youtube);
}

.btn-outline-google:hover {
  --tblr-btn-hover-bg: var(--tblr-google);
}

.btn-outline-linkedin:hover {
  --tblr-btn-hover-bg: var(--tblr-linkedin);
}

.btn-outline-twitter:hover {
  --tblr-btn-hover-bg: var(--tblr-twitter);
}

.btn-outline-facebook:hover {
  --tblr-btn-hover-bg: var(--tblr-facebook);
}

.btn-outline-cyan:hover {
  --tblr-btn-hover-bg: var(--tblr-cyan);
}

.btn-outline-teal:hover {
  --tblr-btn-hover-bg: var(--tblr-teal);
}

.btn-outline-green:hover {
  --tblr-btn-hover-bg: var(--tblr-green);
}

.btn-outline-lime:hover {
  --tblr-btn-hover-bg: var(--tblr-lime);
}

.btn-outline-yellow:hover {
  --tblr-btn-hover-bg: var(--tblr-yellow);
}

.btn-outline-orange:hover {
  --tblr-btn-hover-bg: var(--tblr-orange);
}

.btn-outline-red:hover {
  --tblr-btn-hover-bg: var(--tblr-red);
}

.btn-outline-pink:hover {
  --tblr-btn-hover-bg: var(--tblr-pink);
}

.btn-outline-purple:hover {
  --tblr-btn-hover-bg: var(--tblr-purple);
}

.btn-outline-indigo:hover {
  --tblr-btn-hover-bg: var(--tblr-indigo);
}

.btn-outline-azure:hover {
  --tblr-btn-hover-bg: var(--tblr-azure);
}

.btn-outline-blue:hover {
  --tblr-btn-hover-bg: var(--tblr-blue);
}

.btn-outline-muted:hover {
  --tblr-btn-hover-bg: var(--tblr-muted);
}

.btn-outline-dark:hover {
  --tblr-btn-hover-bg: var(--tblr-dark);
}

.btn-outline-light:hover {
  --tblr-btn-hover-bg: var(--tblr-light);
}

.btn-outline-danger:hover {
  --tblr-btn-hover-bg: var(--tblr-danger);
}

.btn-outline-warning:hover {
  --tblr-btn-hover-bg: var(--tblr-warning);
}

.btn-outline-info:hover {
  --tblr-btn-hover-bg: var(--tblr-info);
}

.btn-outline-success:hover {
  --tblr-btn-hover-bg: var(--tblr-success);
}

.btn-outline-secondary:hover {
  --tblr-btn-hover-bg: var(--tblr-secondary);
}

.btn-outline-primary:hover {
  --tblr-btn-hover-bg: var(--tblr-primary);
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  background-image: url("data:image/svg+xml,%3Csvg%20%20xmlns=%22http://www.w3.org/2000/svg%22%20%20width=%2224%22%20%20height=%2224%22%20%20viewBox=%220%200%2024%2024%22%20%20fill=%22none%22%20%20stroke=%22%23d63939%22%20%20stroke-width=%221.5%22%20%20stroke-linecap=%22round%22%20%20stroke-linejoin=%22round%22%20%20class=%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-alert-triangle%22%3E%3Cpath%20stroke=%22none%22%20d=%22M0%200h24v24H0z%22%20fill=%22none%22/%3E%3Cpath%20d=%22M12%209v4%22%20/%3E%3Cpath%20d=%22M10.363%203.591l-8.106%2013.534a1.914%201.914%200%200%200%201.636%202.871h16.214a1.914%201.914%200%200%200%201.636%20-2.87l-8.106%20-13.536a1.914%201.914%200%200%200%20-3.274%200z%22%20/%3E%3Cpath%20d=%22M12%2016h.01%22%20/%3E%3C/svg%3E");
  background-position: right calc(0.3571428572em + 0.28125rem) center;
  background-size: calc(0.7142857143em + 0.5625rem) calc(0.7142857143em + 0.5625rem);
}

.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
	--tblr-form-select-bg-icon: url("data:image/svg+xml,%3Csvg%20%20xmlns=%22http://www.w3.org/2000/svg%22%20%20width=%2224%22%20%20height=%2224%22%20%20viewBox=%220%200%2024%2024%22%20%20fill=%22none%22%20%20stroke=%22%23d63939%22%20%20stroke-width=%221.5%22%20%20stroke-linecap=%22round%22%20%20stroke-linejoin=%22round%22%20%20class=%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-alert-triangle%22%3E%3Cpath%20stroke=%22none%22%20d=%22M0%200h24v24H0z%22%20fill=%22none%22/%3E%3Cpath%20d=%22M12%209v4%22%20/%3E%3Cpath%20d=%22M10.363%203.591l-8.106%2013.534a1.914%201.914%200%200%200%201.636%202.871h16.214a1.914%201.914%200%200%200%201.636%20-2.87l-8.106%20-13.536a1.914%201.914%200%200%200%20-3.274%200z%22%20/%3E%3Cpath%20d=%22M12%2016h.01%22%20/%3E%3C/svg%3E");
	padding-right: 5.5rem;
	background-position: right 1rem center, center right 2rem;
	background-size: 16px 12px, calc(0.7142857143em + 0.5625rem) calc(0.7142857143em + 0.5625rem)/* 1.8125rem 1.8125rem */;
}

.was-validated .form-control:valid, .form-control.is-valid {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
  background-position: right calc(0.3571428572em + 0.28125rem) center;
  background-size: calc(0.7142857143em + 0.5625rem) calc(0.7142857143em + 0.5625rem);
}

.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
	--tblr-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
	padding-right: 5.5rem;
	background-position: right 1rem center, center right 2rem;
	background-size: 16px 12px, calc(0.7142857143em + 0.5625rem) calc(0.7142857143em + 0.5625rem);
}

/* TOM-SELECT */
.ts-control{
  padding: 0.5625rem 2.25rem 0.5625rem 0.75rem;
}

.ts-dropdown{
  background-color: var(--tblr-bg-forms);
  white-space: nowrap;
}

.ts-control, .ts-control input, .ts-dropdown {
	color: var(--tblr-body-color);
}

/* TAGSINPUT */
.tagsinput {
	background-color: var(--tblr-bg-forms);
  border: var(--tblr-border-width) solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
}