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

:root {
    --tblr-font-sans-serif: "Inter";
	--tblr-body-color: #1f2937!important;
	--plyr-color-main : var(--tblr-primary);
	--td-active-bg : var(--tblr-primary);
	--bs-form-invalid-color: var(--tblr-form-invalid-border-color);
	--tblr-disabled-color: color-mix(in srgb, var(--tblr-body-color) 25%, transparent)
}

.text-selected, ::selection {
	background-color: color-mix(in srgb,var(--tblr-primary) 30%,transparent);
}

.input-group-text,.form-check-input {
	border-color: #6b6b6b;
}

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

.list-group-item.active {
	border-left-color: var(--tblr-primary);
}

.strike-through {
    position: relative;
    display: inline-block;
	text-decoration: none;
}
.strike-through::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top: 2px solid var(--tblr-red);
    transform: rotate(-9deg);
    transform-origin: center;
}

.w-40 {
	width: 40% !important;
}

.w-30 {
	width: 30% !important;
}

.w-20 {
	width: 20% !important;
}

.w-10 {
	width: 10% !important;
}

th.required::after, td.required::after {
	content: "*";
	margin-left: .25rem;
	color: #d63939;
}

/** SELECT 2 FOR ORANGE THEME **/

.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
	border-color: var(--tblr-primary);
	box-shadow: 0 0 0 .25rem rgba(var(--tblr-primary-rgb), .25);
}

.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) {
	background-color: var(--tblr-primary);
}

.select2-container--bootstrap-5 .select2-dropdown {
	border-color: var(--tblr-primary);
}

/** END SELECT 2 FOR ORANGE THEME **/

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

/** fancy tree */
ul.fancytree-container {
	border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
	border-radius: var(--tblr-border-radius);
	padding: var(--tblr-page-padding);
}

.fancytree-plain.fancytree-container span.fancytree-node.fancytree-active span.fancytree-title {
	background-color: var(--tblr-orange);
}

span.fancytree-node span.fancytree-expander:hover {
	color: inherit;
}

.fancytree-active span.fancytree-title, .fancytree-active:hover span.fancytree-title {
	background-color: var(--tblr-orange) !important;
}

/** End fancy tree **/
.btn-secondary {
	--tblr-btn-bg: #1f2937;
}

.markdown>table>:not(caption)>*>*, .table>:not(caption)>*>* {
	color: inherit;
}

.fs-0 {
	font-size: 3.5rem!important;
}

.dropzone {
    border: var(--tblr-border-width) dashed var(--tblr-border-color)!important;
    color: var(--tblr-secondary)!important;
    padding: 1rem!important;
}

.dropzone.is-invalid {
    border: var(--tblr-border-width) dashed var(--tblr-red)!important;
}

.mh-300 {
	max-height: 300px;
}

.ts-dropdown {
	background-color: #fff;
}

.ts-dropdown .active, .ts-dropdown .active.create {
	color: #fff;
	background-color: var(--tblr-primary);
}

.ts-wrapper.multi .ts-control>div.active {
	background: var(--tblr-primary);
}

.form-select.single .ts-control {
	padding: .5625rem 1rem !important;
	box-shadow: var(--tblr-shadow-input);
}

.form-select.multi .ts-control {
	padding: .3625rem 1rem !important;
	box-shadow: var(--tblr-shadow-input);
}

.tempus-dominus-widget :focus {
	box-shadow: var(--tblr-shadow-input),0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25);
}

th .dropdown-item, th .dropdown {
	text-transform: none;
}

/* CUSTOM CATEGORY TREE */
.category-tree {
	list-style-type: none;
	/*padding-left: 20px;*/
}

.category-item {
	position: relative;
	margin: 4px 0;
}

.toggle {
	cursor: pointer;
	margin-right: 6px;
	font-size: 0.9em;
	color: #0073e6;
}

.toggle::before {
	content: "\ea61";
	font-family: "tabler-icons" !important;
	font-size: 1rem;
	display: inline-block;
	transition: transform 0.2s ease;
	color: var(--tblr-primary);
}

.toggle.open::before {
	transform: rotate(90deg);
}

.form-control, .form-select {
	--tblr-border-color: #6b6b6b;
}

.form-control.is-invalid, .was-validated .form-control:invalid, .form-select.is-invalid, .form-select:invalid, .form-select.is-invalid:not([multiple]):not([size]) {
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.option.active > .text-muted {
	color: #fff!important;
}

/** MIN 1200px **/
@media (min-width: 1200px) {
    :host, :root {
        margin-left: calc(98vw - 100%);
        /* margin-right: 0; */
    }
}
/** END MIN 1200px **/

#status-overview .card-link:hover .avatar.border-orange,
#status-overview .card-link.active .avatar.border-orange {
	background-color: var(--tblr-orange);
	color: var(--tblr-orange-fg);
}

#status-overview .card-link:hover .avatar.border-purple,
#status-overview .card-link.active .avatar.border-purple {
	background-color: var(--tblr-purple);
	color: var(--tblr-purple-fg);
}

#status-overview .card-link:hover .avatar.border-green,
#status-overview .card-link.active .avatar.border-green {
	background-color: var(--tblr-green);
	color: var(--tblr-green-fg);
}

#status-overview .card-link:hover .avatar.border-dark,
#status-overview .card-link.active .avatar.border-dark {
	background-color: var(--tblr-dark);
	color: var(--tblr-white);
}

.tox:not(.is-invalid) .tox-edit-area::before {
	border: 2px solid var(--tblr-link-color)!important;
}

.tox.is-invalid .tox-edit-area::before {
	border: 0;
}

.tox.is-invalid {
	border: 1px solid var(--tblr-form-invalid-border-color);
}

.ti-chevron-down {
	transition: .3s transform ease-in-out;
}

.collapsed .ti-chevron-down {

	transform: rotate(90deg);
}

[data-bs-toggle="tooltip"] {
	cursor: pointer;
}

.border-dashed {
	border-style: dashed;
}

.shipping-zone-country-group .form-selectgroup-item {
	position: relative;
	display: inline-block;
	overflow: hidden;
	transition: color 0.3s ease;
	z-index: 0;
	border-radius: var(--tblr-border-radius);
}

.shipping-zone-country-group .form-selectgroup-label {
	background: none
}

.shipping-zone-country-group .form-selectgroup-item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: var(--tblr-primary);
	transition: width 0.4s ease;
	z-index: 0;
	border-radius: var(--tblr-border-radius);
}

.shipping-zone-country-group .form-selectgroup-item span {
  	position: relative;
  	z-index: 1;
}

.shipping-zone-country-group .form-selectgroup-item.activate::before {
  	width: 100%;
}

.shipping-zone-country-group .form-selectgroup-item.activate .form-selectgroup-label {
	color: var(--tblr-primary-fg);
}

a[class*="link-"].disabled, span.disabled {
	color: var(--tblr-disabled-color) !important;
	pointer-events: none;
}
.ti.icon-rotate {
	display: block;
}