@import url("core.css");
@import url("colors.css");
@import url("quill-editor.css");

body {min-height: 100vh;min-height: -webkit-fill-available;font-size: .875rem;font-family: var(--font-family);transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-o-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;}

html {height: -webkit-fill-available;}

/* Elements */
data {display: none;}
main {position: relative;}
.no-radius {border-radius: 0!important;}
.divider {width: 100%;height: 1px;margin:var(--spacing-s) 0;color: var(--dark-500);}
.shadow {box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, .15);}
.scrollarea {overflow-y: auto;}
.feather {width: 16px;height: 16px;}
.cursor-pointer {cursor: pointer;}
.cursor-not-allowed {cursor: not-allowed;}
[contenteditable]:focus,
[contenteditable]:active {outline: 0px solid transparent;}
.row.d-flex > [class*='col-'] {flex-grow:1;}
[class*="col-"].to-container-top {position: relative;top:-140px;}

/* Spacing */
.mt-n1 {margin-top:-.25rem!important;}
.mt-n2 {margin-top:-.5rem!important;}
.mt-n3 {margin-top:-1rem!important;}
.mt-n4 {margin-top:-1.5rem!important;}
.mt-n5 {margin-top:-3rem!important;}

/* Backgrounds */
.bg-light {background-color: var(--dark-100)!important;}
.bg-primary,
.text-bg-primary {background-color: var(--primary-500)!important;}
.bg-primary-muted,
.text-bg-primary-muted {background-color: var(--primary-300)!important;}
.text-bg-primary-muted {color: var(--primary-700)!important;}

.bg-success-muted,
.text-bg-success-muted {background-color: rgba(var(--bs-success-rgb),.3)!important;color: rgba(var(--bs-success-rgb),1)!important;}

/* Text styles */
.fs-normal {font-size:14px;}
.text-strike {text-decoration: line-through!important;}
.text-normal {font-weight: 400!important;}
.text-small {font-size:.75rem;}
.text-bold {font-weight: 600!important;}
.text-link,
.text-hover-underline {cursor: pointer;}
.text-link i[class*="fa-"]:not(.mr-0) {margin-right: 8px;}
.text-link:hover,
.text-hover-underline:hover {text-decoration: underline;}
.text-size-primary {font-size:.875rem!important;}
.text-warning {color:var(--warning-500)!important;}
.text-navy {color:#084298!important;}
.text-danger {color:var(--danger-500)!important;}
.text-purple {color:#5F4094!important;}
.text-warning {color:#EB5732!important;}
.text-muted-light {color:var(--dark-400);}
.text-dark {color:var(--dark-800);}

h1, h2, h3, h4, h5, h6 {font-weight: 600!important;}
h2 {letter-spacing: -1.75px;}
h3 {letter-spacing: -1px;}
h4 {letter-spacing: -.5px;}
h5 {font-size:16px;}
h6 {font-size:.875rem;}

/* Borders */
.border-bottom {border-color: var(--dark-200)!important;}

/* Buttons */
.btn {border-radius: 3px;-webkit-border-radius: 3px;font-size:.8rem;font-weight: 600;padding: 0 var(--spacing-m);line-height: 44px;position: relative;overflow: hidden;}
.btn-lg {padding: 0 var(--spacing-l);line-height: 56px;font-size:1rem;}
.btn-sm {padding: 0 var(--spacing-s);line-height: 36px;}
.btn-xsm {padding: 0 var(--spacing-xs);line-height: 28px!important;padding-left: var(--spacing-xs)!important;padding-right: var(--spacing-xs)!important;font-size:12px;}
.btn i[class*="fa-"]:not(.mr-0) {margin-right: 8px;}

.btn[data-class="bg-secondary"] {
	background-color:var(--dark-100)!important;
	border-color:var(--dark-100)!important;
	color:var(--dark-800)!important;
}
.btn[data-class="bg-secondary"]:hover,
.btn[data-class="bg-secondary"]:focus,
.btn[data-class="bg-secondary"]:active,
.btn[data-class="bg-secondary"]:focus-visible,
.btn[data-class="bg-secondary"]:first-child:active,
.btn[data-class="bg-secondary"].active,
.btn[data-class="bg-secondary"].show {
	background-color:var(--dark-200)!important;
	border-color:var(--dark-200)!important;
	color:var(--dark-800)!important;
}

.btn[data-class="bg-primary"] {
	background-color:var(--primary-200)!important;
	border-color:var(--primary-200)!important;
	color:var(--primary-700)!important;
}
.btn[data-class="bg-primary"]:hover,
.btn[data-class="bg-primary"]:focus,
.btn[data-class="bg-primary"]:active,
.btn[data-class="bg-primary"]:focus-visible,
.btn[data-class="bg-primary"]:first-child:active,
.btn[data-class="bg-primary"].active,
.btn[data-class="bg-primary"].show {
	background-color:var(--primary-300)!important;
	border-color:var(--primary-300)!important;
	color:var(--primary-800)!important;
}

.btn[data-class="bg-success"] {
	background-color:#198754!important;
	border-color:#198754!important;
	color:#fff!important;
}
.btn[data-class="bg-success"]:hover,
.btn[data-class="bg-success"]:focus,
.btn[data-class="bg-success"]:active,
.btn[data-class="bg-success"]:focus-visible,
.btn[data-class="bg-success"]:first-child:active,
.btn[data-class="bg-success"].active,
.btn[data-class="bg-success"].show {
	background-color:#127748!important;
	border-color:#127748!important;
	color:#fff!important;
}

.btn[data-class="bg-warning"] {
	background-color:#EB5732!important;
	border-color:#EB5732!important;
	color:#fff!important;
}
.btn[data-class="bg-warning"]:hover,
.btn[data-class="bg-warning"]:focus,
.btn[data-class="bg-warning"]:active,
.btn[data-class="bg-warning"]:focus-visible,
.btn[data-class="bg-warning"]:first-child:active,
.btn[data-class="bg-warning"].active,
.btn[data-class="bg-warning"].show {
	background-color:#DF350B!important;
	border-color:#DF350B!important;
	color:#fff!important;
}

.btn[data-class="bg-yellow"] {
	background-color:#FBF29F!important;
	border-color:#FBF29F!important;
	color:#524C1D!important;
}
.btn[data-class="bg-yellow"]:hover,
.btn[data-class="bg-yellow"]:focus,
.btn[data-class="bg-yellow"]:active,
.btn[data-class="bg-yellow"]:focus-visible,
.btn[data-class="bg-yellow"]:first-child:active,
.btn[data-class="bg-yellow"].active,
.btn[data-class="bg-yellow"].show {
	background-color:#FBF29F!important;
	border-color:#FBF29F!important;
	color:#524C1D!important
}

.btn[data-class="bg-purple"] {
	background-color:#E8DDFB!important;
	border-color:#E8DDFB!important;
	color:#5F4094!important;
}
.btn[data-class="bg-purple"]:hover,
.btn[data-class="bg-purple"]:focus,
.btn[data-class="bg-purple"]:active,
.btn[data-class="bg-purple"]:focus-visible,
.btn[data-class="bg-purple"]:first-child:active,
.btn[data-class="bg-purple"].active,
.btn[data-class="bg-purple"].show {
	background-color:#E8DDFB!important;
	border-color:#E8DDFB!important;
	color:#5F4094!important;
}

.btn[data-class="bg-blue"] {
	background-color:#C8DEF8!important;
	border-color:#C8DEF8!important;
	color:#264D7D!important;
}
.btn[data-class="bg-blue"]:hover,
.btn[data-class="bg-blue"]:focus,
.btn[data-class="bg-blue"]:active,
.btn[data-class="bg-blue"]:focus-visible,
.btn[data-class="bg-blue"]:first-child:active,
.btn[data-class="bg-blue"].active,
.btn[data-class="bg-blue"].show {
	background-color:#C8DEF8!important;
	border-color:#C8DEF8!important;
	color:#264D7D!important;
}

.btn-primary {
	background-color:var(--primary-500);
	border-color:var(--primary-500);
	color: #fff!important;
}

.btn-primary.disabled,
a.btn-primary[disabled],
.btn-primary:disabled {
	background-color: var(--dark-500);
	border-color:var(--dark-500);
	cursor: auto;
}

.btn-primary:hover {
	background-color:var(--primary-600);
	border-color:var(--primary-600);
	color: #fff!important;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary:focus-visible,
.btn-primary:first-child:active,
.btn-primary.active,
.btn-primary.show {
	box-shadow: 0 0 0 .25rem rgba(var(--primary-rgba),.25)!important;
}

.btn-primary .badge.bg-white {
	color:var(--primary-500);
}

.btn-outline-primary,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-check:hover,
.btn-check:focus,
.btn-check:active {
	border-color:var(--primary-500)!important;
	color:var(--primary-500)!important;
}

.btn-check:checked+.btn,
.btn-primary.active,
.btn-primary.show,
.btn:first-child:active,
:not(.btn-check)+.btn-primary:active {
	background-color:var(--primary-500);
	border-color:var(--primary-500);
	color:#fff!important;
}

label.btn:not(.btn-xsm),
.btn-check:not(.btn-xsm) {line-height: 36px!important;}

.btn-check-thumb {
  opacity: 0;
  position: absolute;
}

.btn-check-thumb:checked+.btn,
.btn-check-thumb+.btn {
	background-color: transparent!important;
	border: 1px solid var(--dark-300);
	color:var(--dark-900)!important;
	font-weight: 500;
	font-size: .875rem!important;
	display: block;
	padding:var(--spacing-xs);
}

.d-flex .btn {
	height: 100%;
}

.btn-check-thumb:checked+.btn {
	border:2px solid var(--primary-500);
	padding:calc(var(--spacing-xs) - 1px);
}

.btn-check-thumb:checked+.btn .label {
	font-weight: 600;
}

.btn-check-thumb+.btn * {
	line-height: normal;
}

.btn-check-thumb+.btn .image {
	margin:var(--spacing-s) 0 var(--spacing-s);
}

.btn-check-thumb+.btn .image i[class*="fa-"] {
	color:var(--primary-500);
	font-size: 28px;
	margin-right: 0;
}

.btn-check-thumb+.btn .helper {
	color:var(--dark-500);
	display: inline-block;
	margin-top: var(--spacing-xxs);
}

.btn-check-thumb.vertical+.btn {
	padding:calc(var(--spacing-s) - 1px) calc(var(--spacing-s) - 1px)!important;
}

.btn-check-thumb.vertical+.btn .image {
	margin:0;
	text-align: center;
	width: 32px;
}

.btn-check-thumb.vertical+.btn .image i[class*="fa-"] {
	font-size:16px;
}

.btn-check-thumb.vertical+.btn .label   {
	text-align: left;
	padding-left: var(--spacing-xs);
}

a,
.text-link,
.btn-link {color:var(--primary-500);text-decoration: none!important;}
.btn-link.disabled,
.btn-link:disabled {background-color:transparent;border-color:transparent;color:var(--dark-600);}
.btn-link:hover,
.btn-link:focus,
.btn-link:active {color:var(--primary-600)!important;background-color:var(--dark-100)!important;border-color:transparent!important;}
a:hover,
.text-link:hover {color:var(--primary-600);}
.btn-link {text-decoration: none;}
.btn-link .spinner {background-color: #fff!important;}
a:not(.btn, .card-link):hover,
.text-link:hover {text-decoration: underline!important;}

.btn-secondary {background-color:var(--dark-100);border-color:var(--dark-100);color:var(--primary-500);}
.btn-secondary.disabled,
.btn-secondary:disabled {background-color: var(--dark-300);border-color:var(--dark-300);color:var(--dark-700);cursor: not-allowed;}
.btn-secondary:hover {background-color:var(--dark-200);border-color:var(--dark-200);color:var(--primary-500);}
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:focus-visible,
.btn.btn-secondary:first-child:active,
.btn.btn-secondary.active,
.btn.btn-secondary.show {
	background-color:var(--dark-200)!important;
	border-color:var(--dark-200)!important;
	box-shadow: none!important;
	color:var(--primary-500)!important;
}

.btn .spinner {position: absolute;background-color: inherit;left:-1px;top:-1px;right:-1px;bottom:-1px;padding-top:2px;z-index: 5;}

.btn-close {width: 36px;height: 36px;background: var(--dark-100);border-radius: 6px;-webkit-border-radius: 6px;position: relative;padding:0!important;}
.btn-close:hover {background: var(--dark-200);}
.btn-close:after {clear: both;position:absolute;left: 0;top:0;height: 100%;width:100%;z-index: 1;font-family: "Font Awesome 6 Pro";content: "\f00d";font-size:16px;line-height: 36px;}

.btn-inline-icon {cursor: pointer;margin-left: 2px;display: inline-block;font-size:.75rem;height: 27px;width: 27px;text-align: center;background-color: var(--dark-100);padding: 0;vertical-align: top;border-radius: 3px;-webkit-border-radius: 3px;line-height: 27px;}
.btn-inline-icon.bg-success {background-color: var(--bs-success);color:#fff!important;}
.btn-inline-icon.bg-danger {color:#fff!important;}

.btn-media {position: relative;cursor: pointer;}
.btn-media input[type="file"] {position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 1;opacity:0;}

.btn-toggle {padding: .25rem .5rem;font-weight: 600;color: rgba(0, 0, 0, .65);background-color: transparent;}
.btn-toggle:hover,
.btn-toggle:focus {color: rgba(0, 0, 0, .85);background-color: #d2f4ea;}
.btn-toggle::before {width: 1.25em;line-height: 0;content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");transition: transform .35s ease;transform-origin: .5em 50%;}
.btn-toggle[aria-expanded="true"] {color: rgba(0, 0, 0, .85);}
.btn-toggle[aria-expanded="true"]::before {transform: rotate(90deg);}

.btn-toggle-nav a {padding: .1875rem .5rem;margin-top: .125rem;margin-left: 1.25rem;}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {background-color: #d2f4ea;}

.btn-icon {
	padding: 0;
	text-align: center;
}

.btn-icon i[class*="fa-"] {
	margin-right:0!important;
}

.btn-icon.btn-sm {
	width: 24px;
	height: 24px;
	line-height:24px;
}

.btn-icon.dropdown-toggle:after {
	display: none;
}

.btn-icon.btn-xsm {
	font-size:16px;
}

.btn-block {width: 100%;display: block;}

.btn.dropdown-toggle:not(.btn-icon) {
	padding-right: 28px;
}

.btn.dropdown-toggle:not(.btn-icon):after {
	border:none;
	position: absolute;
	clear: both;
	font-family: "Font Awesome 6 Pro";
	content: "\f0d7";
	right: 12px;
	font-size: 12px;
	font-weight: 700;
	z-index: 1;
	top:50%;
	margin-top: -18px;
	margin-left: 0;
}

.btn.dropdown-toggle.dropdown-toggle-hide-controller {
	padding-right: var(--spacing-s);
}

.btn.dropdown-toggle.dropdown-toggle-hide-controller:after {
	display: none;
}

/* Login */
.login .logo {max-width: 50%;margin-bottom: var(--spacing-l);}

/* Sidebar */
.sidebar {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	padding: var(--spacing-m) 0 0;
	box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.sidebar-user {
	position: absolute;
	left:0;
	bottom:0;
	width: calc(100% - 1px);
	padding: 0 var(--spacing-m) var(--spacing-m) var(--spacing-m);
	background-color: #fff;
}

.sidebar-user:before {
	clear: both;
	content: "";
	position: absolute;
	left: 0;
	height: 80px;
	top: -80px;
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	z-index: 9;
	width: 100%;
}

.sidebar-user .user-avatar {
	margin-right: 11px!important;
}

.sidebar-user .dropdown {
	display: inline-block;
	padding-right: 36px;
}

.sidebar-user .dropdown-toggle:not(.btn):after {
	margin-top: -11px;
}
.sidebar-right {position: fixed;top: 0;right: 0;bottom:0;box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1);z-index: 100;}
.sidebar-right-heading {padding-top:calc(1.5rem - 3px);padding-bottom: calc(1.5rem - 3px);}
.sidebar .app-logo {margin-left: var(--spacing-m);display:block;margin-bottom: var(--spacing-l);}
.sidebar .app-logo img {max-width: 60%;}

@media (max-width: 767.98px) {
  .sidebar {
    top: 5rem;
  }
}

.sidebar-sticky {height: calc(100vh - 48px);overflow-x: hidden;overflow-y: auto;padding-bottom: 160px;}
.sidebar .nav-item {width: calc(100% - 1px);}
.sidebar .nav-link {color: var(--dark-800);padding-left: var(--spacing-m);padding-right: var(--spacing-m);padding-top: var(--spacing-xs);padding-bottom: var(--spacing-xs);margin-bottom: 1px;}
.sidebar .nav-link:hover {background:#F8F6F6;text-decoration: none!important;}
.sidebar .nav-link:hover i[class*="fa-"] {font-weight: 600;}
.sidebar .nav-link i[class*="fa-"] {width:30px;text-align: center;margin-right: var(--spacing-xs);font-size:16px;color: var(--dark-800);}
.sidebar .nav-link .badge {position: relative;top:-1px;font-size:10px;line-height: 10px;padding:4px 8px;text-align: center;min-width: 22px;}
.sidebar .nav-link.active {font-weight: 600;background:#EFEFEE;}
.sidebar .nav-link.active i[class*="fa-"] {font-weight: 600;}
.sidebar .nav-link.nav-child-link.active {background-color: #F8F6F6;}
.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {color: inherit;}
.sidebar .nav-link-toggle {cursor: pointer;position: relative;}
.sidebar .nav-link-toggle:after {position: absolute;clear: both;right:var(--spacing-m);top:50%;font-family: "Font Awesome 6 Pro";content: "\f077";z-index: 1;color:var(--dark-600);margin-top:-10px;}
.sidebar .nav-link-toggle.collapsed:after {content: "\f078";}
.sidebar .nav-link-toggle .float-end {margin-right: var(--spacing-m);}
.sidebar .nav-item-childs {list-style: none;padding-left:0;margin:var(--spacing-xxs) 0 var(--spacing-xs);}
.sidebar .nav-item-childs a {padding: var(--spacing-xxs) var(--spacing-m) var(--spacing-xxs) 66px;display: block;}
.sidebar .nav-divider {height: 1px;background-color: var(--dark-200);margin:var(--spacing-xs) var(--spacing-m);}

.sidebar-heading {font-size: .75rem;}

.sidebar-right {transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-o-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;right: 0;background-color: var(--dark-100)!important;}
.sidebar-right .toast {text-decoration:none;position:relative;bottom: auto!important;left: auto;display: block;margin: var(--spacing-xs);width: calc(100% - calc(var(--spacing-xs) * 2));border:none;cursor: pointer;box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);}
.sidebar-right .toast:hover {box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);}
.sidebar-right .toast.unread {background-color: rgba(var(--bs-warning-rgb), .3);}
.sidebar-right .toast.unread .toast-header {background-color: rgba(255,255,255, 0);color:var(--dark-800);}
.sidebar-right .toast.unread .toast-body {background-color: rgba(255,255,255, .35);}
.sidebar-right .no-results {height: 100vh;}

.sidebar-drawer {padding:var(--spacing-l);position: fixed;right: 0;top:0;bottom: 0;overflow: scroll;z-index: 1001;background: #fff;transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-o-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;border-left:1px solid var(--dark-300);box-shadow: -2px 0px 8px 0px rgba(0, 0, 0, .1);}
.sidebar-drawer.drawer-small {width: 320px;}
.sidebar-drawer.drawer-medium {width: 640px;}
.sidebar-drawer.drawer-large {width: 50%;}
.sidebar-drawer .modal-body {padding: var(--spacing-m) 0 0 0;}
.sidebar-drawer .modal-header {padding: 0!important;}

.list-group-item-action {cursor: pointer;}
.list-group-item-action:hover .list-item-title {text-decoration: underline;color:var(--primary-600);}
.list-group-item.unread {
	background:var(--dark-100);
}
.list-item-title {font-weight: 600;}
.list-group-item.unread .list-item-title {color:var(--primary-500);position: relative;padding-right: 20px;}
.list-group-item.unread .list-item-title:before {position: absolute;right:0;top:5px;width: 8px;height: 8px;background: var(--primary-500);clear: both;content: "";border-radius: 100%;-webkit-border-radius: 100%;}

[sidebar-right="true"] main,
[sidebar-right="true"] header,
[sidebar-right="true"] .top-alert {
	padding-right: calc(16.66667% + 1.5rem)!important;
}

/* Top alert */
.top-alert {background-color:var(--primary-200);z-index: 99;padding-top:var(--spacing-s)!important;padding-bottom:var(--spacing-s)!important;text-align: center!important;}
.top-alert a {color:var(--bs-body-color);}
.top-alert.bg-danger,
.top-alert.bg-danger a,
.top-alert.bg-success,
.top-alert.bg-success a {color:#fff;}

/* Navbar */
.navbar {box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1);margin-bottom: var(--spacing-l);z-index: 99;background-color: #fff;}
.navbar .nav-link {color:#000;display: inline-block;cursor: pointer;}
.navbar .nav-link:hover {color:var(--dark-600);}
.navbar .search-control {padding: .75rem 1rem;background-color: var(--dark-100);border-radius: 4px;-webkit-border-radius: 4px;}
.navbar .search-control:focus {background-color: var(--dark-200);box-shadow: none;}
.navbar .navbar-search .search-input {width: 50%;position: relative;}
.navbar .navbar-search .loading {position: absolute;right:12px;top:50%;margin-top:-8px;width: 20px;height: auto;left: auto;}
.navbar .navbar-search .search-reset {width: 16px;height: 16px;position: absolute;right:16px;top:50%;margin-top:-8px;cursor: pointer;font-size:16px;line-height: 16px;}
.navbar .navbar-search .loading:before {position:absolute;width:100%;height:100%;z-index: 2;clear: both;content: "";display: block;left:0;top:0;background: #fff;}
.navbar .navbar-search .loading:after {position:absolute;width:16px;height:16px;z-index: 2;clear: both;content: "";display: block;left:0;top:0;margin:0 0 0;border:.12rem solid currentColor;border-right-color: transparent;border-radius: 50%;-webkit-animation: spinner-border .75s linear infinite;animation: spinner-border .75s linear infinite;}
.navbar .navbar-search .dropdown-menu {width: 100%;max-height: 300px;overflow: scroll;}
.navbar .navbar-search .dropdown-menu .tab-pane {padding:var(--spacing-s) var(--spacing-xs);}
.navbar .navbar-search .dropdown-menu .dropdown-item {border-radius: 4px;-webkit-border-radius: 4px;}
.navbar .navbar-search .dropdown-menu .dropdown-item.select {background-color: var(--primary-500);color:#fff;}
.navbar .navbar-search .search-thumbnail {display: block;width: 50px;border-radius: 3px;-webkit-border-radius: 3px;}

/* Page navigation */
.nav-page .nav-item {border-radius: 4px;-webkit-border-radius: 4px;background: transparent;padding: .05rem 0rem;display: block;margin-bottom: var(--spacing-xxs);width: 100%;}
.nav-page .nav-item:hover,
.nav-page .nav-item.active {background: var(--dark-100);}
.nav-page .nav-item .nav-link {font-weight: 600;color:var(--primary-500);cursor: pointer;}
.nav-page .nav-item .nav-link i[class*="fa-"]:not(.mr-0) {margin-right: 8px;width: 24px;text-align: center;}
.nav-page .nav-item .nav-link .badge {position: relative;top:-1px;font-size:10px;line-height: 10px;padding:4px 8px;text-align: center;min-width: 22px;}

/* Page */
#loading {position: fixed;left:0;z-index: 9999;top:0;width: 100%;height: 100%;background:rgb(0,0,0, .5);}
#loading div {position: relative;width:120px;height: 120px;background-color: #fff;border-radius: 12px;-webkit-border-radius: 12px;top:50%;left:50%;margin:-60px 0 0 -60px;font-size:12px;overflow: hidden;text-align: center;padding:16px;}
#loading div:after {position:absolute;width:2.25rem;height:2.25rem;z-index: 2;clear: both;content: "";display: block;left:50%;top:50%;margin:-1.125rem 0 0 -1.125rem;border:.1rem solid currentColor;border-right-color: transparent;border-radius: 50%;-webkit-animation: spinner-border .75s linear infinite;animation: spinner-border .75s linear infinite;}

#pageLoading {background: #fff;position: absolute;left:0;top:0;right: 0;z-index: 10;height: 100%;bottom:0;}
#pageLoading div {position: relative;width: 100%;height: 100%;}
#pageLoading div:after {position:absolute;width:2rem;height:2rem;z-index: 2;clear: both;content: "";display: block;left:50%;top:200px;margin:-.625rem 0 0 -.625rem;border:.125rem solid currentColor;border-right-color: transparent;border-radius: 50%;-webkit-animation: spinner-border .75s linear infinite;animation: spinner-border .75s linear infinite;}
[sidebar-right="true"] #pageLoading {right: calc(16.66667% + 1.5rem);}

#mainContent {margin-bottom: 100px;transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-o-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;}
.loading {position: absolute;width: 100%;height: 100%;z-index: 9;left: 0;top:0;}
.loading div {position: relative;height: 100%;}
.loading div:before {position:absolute;width:100%;height:100%;z-index: 2;clear: both;content: "";display: block;left:0;top:0;background: #fff;}
.loading div:after {position:absolute;width:2rem;height:2rem;z-index: 2;clear: both;content: "";display: block;left:50%;top:50%;margin:-1rem 0 0 -.625rem;border:.125rem solid currentColor;border-right-color: transparent;border-radius: 50%;-webkit-animation: spinner-border .75s linear infinite;animation: spinner-border .75s linear infinite;}

.error-page {text-align: center;height: 60vh;}
.error-container {width: 100%;display: block;}
.error-container .error-icon {font-size:32px;background: var(--dark-100);border-radius: 8px;-webkit-border-radius: 8px;width: 64px;height: 64px;line-height:64px;margin: 0 auto var(--spacing-m);-webkit-box-shadow: 0px 2px 0px 0px var(--dark-200);-moz-box-shadow: 0px 2px 0px 0px var(--dark-200);box-shadow: 0px 2px 0px 0px var(--dark-200);}
.error-container .error-title {margin-bottom: var(--spacing-s);}
.error-container .error-icon.danger {background: var(--danger-400);color:#fff;}

.page-title-box {margin-bottom: var(--spacing-xs);min-height: 46px;}
.page-title-box h3 {font-weight: 600;margin-bottom:0;}
.page-title-box h3 .badge {
	margin-left: var(--spacing-xxs);
	vertical-align: middle;
	margin-right: 0!important;
}
.page-title-box h6 {margin-bottom:0;}
.page-title-box .page-title-back {position:relative;top:1px;vertical-align:text-bottom;background: var(--dark-100);border-radius: 8px;-webkit-border-radius: 8px;width: 36px;height: 36px;line-height:34px;margin-right: var(--spacing-s);font-size:16px;display: inline-block;text-align: center;cursor: pointer;transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-o-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;color:var(--dark-700);}
.page-title-box .page-title-back:hover {background-color:var(--dark-200)!important;}
.page-title-box .page-title-right .btn {
  margin-left: var(--spacing-xxs);
}
.page-title-box.sticky-top {
	height: 54px;
}

.page-title-box.sticky-top h3 {
	font-size:16px;
	letter-spacing: 0;
	line-height: 16px;
}

.page-title-box.sticky-top .page-title-mainname {
	position: relative;
	top: -6px;
}

#pageBar {position: fixed;width: 100%;background-color:var(--dark-800);bottom:0;height: 90px;z-index: 1000;margin-left: -3rem;padding-left: 2.2rem;padding-right: 2.2rem;color:#fff;transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-o-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;}
#pageBar h6 {opacity: .5;}
#pageBar.hidden {bottom:-100px;}

/* Cards */
.card {margin-bottom: var(--spacing-xl);border-color: var(--dark-200)!important;border-radius: 8px!important;}
.card.card-flat {
	background-color: var(--dark-100);
	border-color: transparent!important;
}
.card.card-flat .input-group .btn.dropdown-toggle {
	padding-left:var(--spacing-s);
}
.card-nb {border:none!important;}
.card-nb:not([class*="rounded-"]) {border-radius:0!important;-webkit-border-radius:0!important;}
.card[class*="bg-"] {border:none;}
.card-nb .card-body {padding:0;}
.card-title {font-weight: 700;}
.card-header {font-size:1.2rem;letter-spacing:-.5px!important;background: transparent;border-radius:0;-webkit-border-radius:0;padding: 0 0 var(--spacing-s) 0;border-bottom:none;color:var(--dark-800);}
.card-header .header-icon {text-decoration: none;border: 1px solid var(--dark-200)!important;width: 36px;height: 36px;border-radius: 8px;line-height: 34px;text-align: center;font-size:16px;}
.accordion-header .card-header {
	position: relative;
	padding-right: 24px;
	cursor: pointer;
	margin-bottom: var(--spacing-xs)!important;
	padding-bottom: var(--spacing-xxs);
	padding-top: var(--spacing-xxs);
}
.accordion-header .card-header:after {position: absolute;clear: both;right: 0;top:50%;margin-top: -14px;z-index: 1;font-family: "Font Awesome 6 Pro";content: "\f077";font-size:14px;}
.accordion-header .card-header.collapsed:after {content: "\f078";}
.accordion-header .card-header:hover {
	text-decoration: underline;
}
a.card {display: block;color:var(--dark-800);}
a.card:hover .card-title {text-decoration: underline;}
.card-icon {text-decoration: none;border: 1px solid var(--dark-200)!important;width: 36px;height: 36px;border-radius: 8px;line-height: 34px;text-align: center;}
.card-body.accordion-header {background-color: transparent!important;}
.card-sortable {cursor: pointer;box-shadow:none;transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-o-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;}
.card-sortable:hover {box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .15);}
.card-sortable .sortable-icon {color:var(--dark-300);}
.card-link {text-decoration: none;display: block;color: var(--dark-800);}
.card-link:hover {color: var(--dark-800);text-decoration:none!important;}
.card-link:hover .link-name {text-decoration: underline;}
.card.card-link:hover {border-color: var(--dark-300)!important;}
.card.card-link:hover .card-icon i {font-weight: 700;}
.card.alert {
	padding:var(--spacing-m);
}
.card.alert .card-icon {
	border: none!important;
	width: auto;
	height: auto;
	line-height: 100%;
	font-size:18px;
	border-radius: 0;
	text-align: left;
}

.card.alert-warning .card-icon {
	color:#664d03!important;
}

.card.alert-danger .card-icon {
	color:#842029!important;
}

.card.flow-step {
	margin-left: 32px;
	position: relative;
}

.card.flow-step:before {
	clear: both;
	border:4px solid var(--primary-500);
	background-color: #fff;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	top:50%;
	left: -32px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	content: "";
	position: absolute;
	z-index: 2;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.card.flow-step:after {
	clear: both;
	content: "";
	left: 7px;
	top:50%;
	margin-top: -8px;
	margin-left: -32px;
	position: absolute;
	z-index: 1;
	background-color: var(--dark-200);
	width: 1px;
	height: calc(100% + 14px);
}

.sortable:last-child .card.flow-step:after {
	display: none;
}

/* Forms */
.form-label {font-weight: 600;color:var(--dark-600);width:100%;}
.form-label-dark {color:var(--dark-800)}
.form-label-optional {font-size:12px;font-weight: 400;padding-top: 3px;}
.form-select,
.form-control {border-radius: 3px;-webkit-border-radius: 3px;font-size:.875rem;height: 38px;}
textarea.form-control {height: auto;}
.form-control.dropdown-toggle {line-height: 26px;}
.form-control-text {padding: 0;border:none;height: auto;display: inline-block;cursor: pointer;padding:3px;border-radius: 3px;-webkit-border-radius: 3px}
.form-control-text:hover,
.form-control.form-control-text.active {background-color: var(--dark-100);}
.form-control.form-control-text:focus {box-shadow: none!important;background-color: var(--dark-200);}
.form-control:focus,
.form-select:focus,
.form-control.dropdown-toggle.show,
.form-control.ui-droppable-active {box-shadow: 0 0 0 .25rem rgba(var(--primary-rgba),.25);}
.form-control[data-bs-toggle="datepicker"] {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="0.8em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192z"/></svg>');
	background-repeat: no-repeat;
	background-position: right 12px center;
}
select.form-control[multiple] {
	height: 200px;
}
.form-group {margin-bottom: var(--spacing-m);}
.form-group-accordion .accordion-body {padding-left: 0;padding-right: 0;padding-bottom: 0;padding-top: var(--spacing-m);}
.form-check-input:checked {background-color:var(--primary-500);border-color:var(--primary-500);}
.input-group-text {border-radius: 3px;-webkit-border-radius: 3px; font-size:.875rem;}
.form-switch.switch-md .form-check-input {height: 18px;width: 34px;}
.input-group .btn {height: 38px;line-height: 36px;}
.form-range::-webkit-slider-thumb {background-color: var(--primary-500)!important;}
.form-range:focus::-webkit-slider-thumb {background-color: var(--primary-300)!important;}

.form-select.is-warning:not([multiple]):not([size]), .form-select.is-warning:not([multiple])[size="1"] {
	padding-right: 4.125rem;
}
.form-select.is-warning {
	border-color: var(--warning-500)!important;
}

.form-control-color-container {
	width: 38px;
}

.form-control-color {
	width: 38px!important;
	height: 38px!important;
	padding:6px!important;
}

/* Toasts */
.toast {position: fixed;left: 40px;bottom:40px;z-index: 1002;transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-o-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;}
.toast:not(.show) {bottom:-100px;}
.ui-pnotify .ui-pnotify-container {border-radius: 6px;-webkit-border-radius: 6px;}
.ui-pnotify.text-bg-danger .ui-pnotify-container {background-color: red;color:#fff}
.ui-pnotify.text-bg-success .ui-pnotify-container {background-color:var(--success-500);color:#fff}

/* Tooltips */
.tooltip {font-size:12px;}

/* Sweet alerts */
.swal-modal {border-radius: 12px;-webkit-border-radius: 12px;}
.swal-text {font-size:.875rem;font-family: var(--font-family);text-align: center;}
.swal-title {font-family:var(--font-family);color:var(--dark-800);letter-spacing:-.5px;font-weight:600!important;font-size:1.2rem;}
.swal-footer {text-align: center;}
.swal-button--cancel {background-color:var(--dark-100);border-color:var(--dark-100);color:var(--primary-500);}
.swal-button--cancel:hover,
.swal-button--cancel:focus,
.swal-button--cancel:active {background-color:var(--dark-200)!important;border-color:var(--dark-200)!important;color:var(--primary-500)!important;}
.swal-button--defeat {background-color:var(--primary-500);}
.swal-button--defeat:hover,
.swal-button--defeat:focus,
.swal-button--defeat:active {background-color:var(--primary-600)!important;border-color:var(--primary-600)!important;}
.swal-button--cancel,
.swal-button--defeat {padding: 0 var(--spacing-s);line-height: 36px;font-size: .8rem;border-radius: 3px;-webkit-border-radius:3px;}
.swal-danger {border:3px solid var(--danger-500);}
.swal-danger .swal-button--defeat {background-color:var(--danger-500)!important;color: #fff!important;}
.swal-danger .swal-button--defeat:hover,
.swal-danger .swal-button--defeat:focus,
.swal-danger .swal-button--defeat:active {background-color:var(--danger-600)!important;border-color:var(--danger-600)!important;}

/* Media */
.media-uploader {position: relative;}
.media-loading {border-radius: 5px;-webkit-border-radius: 5px;position: absolute;border:2px solid var(--primary-500);z-index: 9;left:-1px;top:-1px;bottom: -1px;right:-1px;background:#fff;overflow: hidden;}
.media-loading div {position: relative;height: 100%;}
.media-loading div:before {position:absolute;width:100%;height:100%;z-index: 2;clear: both;content: "";display: block;left:0;top:0;background: #fff;}
.media-loading div:after {position:absolute;width:2rem;height:2rem;z-index: 2;clear: both;content: "";display: block;left:50%;top:50%;margin:-1rem 0 0 -.625rem;border:.125rem solid currentColor;border-right-color: transparent;border-radius: 50%;-webkit-animation: spinner-border .75s linear infinite;animation: spinner-border .75s linear infinite;}
.media-buttons {font-size:.875rem;}
.media-buttons * {cursor: pointer;}
.media-dropzone {border-radius: 5px;-webkit-border-radius: 5px;border:1px dashed var(--dark-300);cursor: pointer;position: relative;height: 200px;margin-bottom: var(--spacing-xxs);overflow: hidden;}
.media-dropzone.w-100 {grid-column: span 4;width:100%!important;}
.media-dropzone:hover {background:var(--dark-100);border-color: var(--primary-500);}
.media-dropzone .dropzone {border-radius: 5px;-webkit-border-radius: 5px;position: absolute;border:2px solid var(--primary-500);z-index: 8;left:-1px;top:-1px;bottom: -1px;right:-1px;}
.media-thumbnails {display:grid;grid-column-gap:6px;grid-row-gap:6px;grid-template-columns:repeat(4, 1fr);}
.media-thumbnails img {height: 100%;}
.media-item {border-radius: 5px;-webkit-border-radius: 5px;border:1px solid var(--dark-200);overflow: hidden;text-align: center;position: relative;cursor: pointer;height: 200px;background-size: cover;background-position: center;}
.media-item .media-item-options {position: absolute;left: 0;top:0;opacity: 0;z-index: 3;width: 100%;text-align:left;color: #fff;padding:16px;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-o-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;}
.media-item .media-item-details {position: absolute;left: 0;bottom:0;opacity: 0;z-index: 1;width: 100%;text-align:left;color: #fff;padding:16px;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-o-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;}
.media-item .media-link {position: absolute;left:0;top:0;width: 100%;height: 100%;z-index: 2;}
.media-item:after {position: absolute;left:0;top:0;right:0;bottom:0;clear: both;content: "";border-radius: 4px;-webkit-border-radius: 4px;opacity: 0;}
.media-item:hover .media-item-details,
.media-item:hover .media-item-options,
.media-item.checked .media-item-details,
.media-item.checked .media-item-options,
.media-item.selected .media-item-details,
.media-item.selected .media-item-options {opacity: 1;}
.media-item.selected:after {background-color: rgba(255,0,0,.3);border:2px solid red;opacity: 1;}
.media-item.checked:after,
.media-item.active:after {background-color: rgba(var(--primary-rgba),.4);border:2px solid var(--primary-500);opacity: 1;}
.media-item.file-video {background-color: var(--dark-100);}
.media-item.file-video:after {position: absolute;left:0;top:50%;clear: both;content: "\f1c8";font-family: "Font Awesome 6 Pro";opacity: 1;font-size:48px;color:var(--dark-300);margin-top:-36px;}
.media-item-icon {width: 16px;text-align: center;}

.media-item-list {text-align: left!important;height: auto;padding: var(--spacing-s);cursor: auto;margin-bottom: var(--spacing-xxs);background-color: #fff;}
.media-item-list:after {display: none;}
.media-item-list .media-thumbnail {width: 64px;height: 64px;object-fit: cover;overflow: hidden;}
.media-item-list .media-thumbnail img {display: block;object-fit: cover;width: 100%;}
.media-item-list .media-sorting {cursor: pointer;}
.fileinput-button {width: 100%!important;display: block!important;text-align: center!important;position: static!important;padding:0 24px;}
.fileinput-button input {width: 100%!important;height: 100%!important;cursor: pointer;}

.upload-area{width: 70%;height: 200px;border: 2px solid lightgray;border-radius: 3px;margin: 0 auto;margin-top: 100px;text-align: center;overflow: auto;}
.upload-area:hover{cursor: pointer;}
.upload-area h1{text-align: center;font-weight: normal;font-family: sans-serif;line-height: 50px;color: darkslategray;}

#file {display: none;}

/* Badges */
.fs-5 + .badge {position: relative;top:-3px;}
.fs-6 + .badge {position: relative;top:-1px;}
.badge {line-height: normal;font-size: 12px;font-weight: 400;border-radius:20px;-webkit-border-radius:20px;padding-left:8px;padding-right:8px;letter-spacing: normal!important;}
.badge i[class*="fa-"] {margin-left: 4px;font-size:10px;position: relative;top:-1px;}
.badge.badge-small {font-size:10px;line-height: 10px;padding:4px 6px;position: relative;vertical-align: text-top;}
.badge[data-class="bg-primary"] {background-color: var(--primary-200)!important;color:var(--primary-700)!important;}
.badge[data-class="bg-secondary"] {background-color: var(--dark-200)!important;color:var(--dark-700)!important;}
.badge[data-class="bg-success"] {background-color: #E3FCEF!important;color:#006644!important;}
.badge[data-class="bg-danger"] {background-color: #DE350B!important;color:#FFFFFF!important;}
.badge[data-class="bg-warning"] {background-color: #FFEBE6!important;color:#DE350B!important;}
.badge[data-class="bg-yellow"] {background-color: #FBF29F!important;color:#524C1D!important;}
.badge[data-class="bg-purple"] {background-color: #E8DDFB!important;color:#5F4094!important;}
.badge[data-class="bg-blue"] {background-color: #C8DEF8!important;color:#264D7D!important;}
.badge-loader {
	padding-right: 24px;
	position: relative;
}

.badge-loader:before {
	position:absolute;
	width:12px;
	height:12px;
	z-index: 2;
	clear: both;
	content: "";
	display: block;
	right:8px;
	top:50%;
	margin:-6px 0 0 0;
	border:1px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: spinner-border .75s linear infinite;
	animation: spinner-border .75s linear infinite;
}

.badge-icon {
	width: 24px;
	padding-left: 0!important;
	padding-right: 0!important;
	text-align: center;
}

.badge-icon i[class*="fa-"] {
	margin-left: 0px;
	margin-right: 0!important;
	font-size:12px;
	position: relative;
	top:0px;
}

.store-badge {
	border-radius: 0;
	--webkit-border-radius: 0;
	background-color:#2A2A2A;
	color: #fff;
	letter-spacing: 2px;
	font-size: 8px;
	line-height: 12px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 2px 4px;
}

/* Form */
#form {margin-bottom: 100px;}
.right-column.sticky-top {top:100px;z-index: 9;}

/* intlTelInput style */
.iti {
  display: contents !important;
}

/* Tables */
.table-result-list.inside td {
	border-radius: 0!important;
	-webkit-border-radius: 0!important;
}

.table-result-list.inside tr:last-child td.border-row {
	border-bottom: none;
}

.table-result-list .result-name {color:var(--dark-800);text-decoration: none;cursor: pointer;}
.table-result-list .result-name:hover {text-decoration: underline;}
.table-result-list .result-name.result-name-del {text-decoration: line-through;color:var(--dark-500);}
.table-result-list .result-thumbnail-container {width: 50px;height: 50px;border-radius: 3px;-webkit-border-radius: 3px;overflow: hidden;}
.table-result-list .result-thumbnail {display: block;width: 100%;height: 100%;object-fit: cover;}
.table-result-list td {vertical-align: middle;}
.table-result-list .quick-preview {display: inline-block;margin-right: var(--spacing-xxs);color:var(--primary-500);cursor: pointer;}
.table-result-list tfoot td {border-top: 1px solid var(--dark-200);}
.table>:not(caption)>*>* {box-shadow: none;border:none;}
.table tr:not(:last-child) {border-bottom: 1px solid var(--dark-200);}
.table>tbody>tr td:first-child,
.table>thead>tr td:first-child {
	padding-left: 0;
}
.table>tbody>tr td:last-child,
.table>thead>tr td:last-child {
	padding-right: 0;
}

.table-result-list .border-row td {
	border-bottom: 1px solid var(--dark-200);
}

.table-result-list .deleted td {
	background-color: var(--dark-100);
}

.table-result-list .deleted td .result-name {
	text-decoration: line-through;
	color: var(--dark-500)!important;
}

.table-result-list .deleted td .result-name.fw-bold {
	font-weight: 400!important;
}

.table-result-list .edited td {
	background-color: #FDF8E9!important;
}

.table.table-hover tr {
	border-bottom: 1px solid #fff;
}

.table.table-hover tr.children td:first-child {
	padding-left: 40px;
	position: relative;
}

.table.table-hover tr.children td:first-child:before {
	position: absolute;
	left:var(--spacing-s);
	top:10px;
	clear: both;
	font-family: "Font Awesome 6 Pro";
	z-index: 1;
	content: "\e3d6";
	color:var(--dark-500);
}

.table.table-hover tr.children-children td:first-child {
	padding-left: 60px;
	position: relative;
}

.table.table-hover tr.children-children td:first-child:before {
	position: absolute;
	left:40px;
	top:10px;
	clear: both;
	font-family: "Font Awesome 6 Pro";
	z-index: 1;
	content: "\e3d6";
	color:var(--dark-500);
}

.table.table-hover>tbody>tr td:first-child,
.table.table-hover>thead>tr td:first-child {border-radius: 5px 0 0 5px;-webkit-border-radius: 5px 0 0 5px;padding-left:var(--spacing-s);}
.table.table-hover>tbody>tr td:last-child,
.table.table-hover>thead>tr td:last-child {border-radius: 0 5px 5px 0;-webkit-border-radius: 0 5px 5px 0;padding-right:var(--spacing-s);}
.table.table-hover>tbody>tr:not(.active):hover>td {background-color:var(--dark-100);}
.table>tbody>tr.no-hover:hover>td {background-color: transparent!important;}
.table.table-hover tr.active {background-color:var(--primary-200);}
.table>thead {background-color: #EFEFEE;}
.table .sorting {cursor: pointer;position: relative;padding-right: 14px;}
.table .sorting.active {color:var(--dark-700)!important;}
.table .sorting:hover {text-decoration: underline;}
.table .sorting.active[sort-dir="asc"]:after,
.table .sorting.active[sort-dir="desc"]:after {position: absolute;right:0;top:-1px;clear: both;font-family: "Font Awesome 6 Pro";z-index: 1;}
.table .sorting.active[sort-dir="asc"]:after {content: "\f063";}
.table .sorting.active[sort-dir="desc"]:after {content: "\f062";}
.table thead i[class*="fa-"] {
	color: var(--dark-500);
	font-size: 12px;
}

/* Horizontal scroll table */
.horizontal-scroll {
	overflow-x: scroll;
}

.horizontal-scroll .table {
	width: 1200px;
}

/* Filters */
.result-filters {margin-bottom:var(--spacing-m);}
.result-filters .search-filter {position: relative;}
.result-filters .search-filter .search-submit,
.result-filters .search-filter .search-reset {position: absolute;right: var(--spacing-s);top:50%;margin-top:-10px;z-index: 1;cursor: pointer;color:var(--dark-500);}
.result-filters .search-filter .search-submit:hover,
.result-filters .search-filter .search-reset:hover {color:var(--dark-700);}

/* User Dashboard Alert */
.main-alert {background-color: #FBEFD1;margin:-52px -48px var(--spacing-xxl) -48px;padding:var(--spacing-xl);}
.main-alert .alert-heading {margin-bottom: var(--spacing-m);}
.main-alert .alert-body {margin-bottom: 0;}
.main-alert .alert-buttons {margin-top:var(--spacing-l);}
.main-alert .alert-buttons .btn-link:hover {background-color: rgba(0,0,0, .075);}
.main-alert .alert-buttons .btn {margin-right: var(--spacing-xs);}

/* Alerts */
.no-results {text-align: center;}
.no-results h5,
.no-results i[class*="fa-"],
.no-results p {color:var(--dark-600);}
.no-results p {margin-bottom: var(--spacing-m);}
.no-results .icon {margin-bottom: var(--spacing-s);}
.no-results i[class*="fa-"] {font-size:32px;}
.no-results .no-results-body {width: 100%;padding-top:2rem;}
.no-banner-preview {height: 440px;border:1px solid var(--dark-200);border-radius: 6px;-webkit-border-radius: 6px;}
.alerts-button.unread {position:relative;}
.alerts-button.unread:after {position: absolute;right:3px;bottom:7px;clear: both;content: "";width: 12px;height: 12px;background: red;z-index: 1;border-radius: 100%;-webkit-border-radius: 100%;border:3px solid #fff;}
.alert-status {margin-top: 4px;margin-bottom: 8px;}
.alert-helper {font-weight: 600;color:var(--dark-600);}
.alert-helper i[class*="fa-"] {margin-right: 3px;}

.alert-process {
	text-align: center;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

.alert-process.alert-success i[class*="fa-"] {
	color: var(--success-500);
}

.alert-process.alert-error i[class*="fa-"] {
	color: var(--danger-500);
}

.alert-process.alert-warning i[class*="fa-"] {
	color: var(--warning-500);
}

.alert-process i[class*="fa-"] {
	font-size: 48px;
	margin-bottom: var(--spacing-xs);
}

.alert .alert-buttons {
	display: block;
	margin-top: var(--spacing-s);
}

.alert-primary a {
	color: var(--primary-500)!important;
}

.alert-primary a.btn-primary {
	color: #fff!important;
}

/* Feed alerts */
.alerts-feed {position: fixed;top: 0;bottom: 0;right: 0;z-index: 100;padding: var(--spacing-m) 0 0;border-left: 1px solid rgba(0, 0, 0, .1);background-color: #fff;padding-top: 0;}
.feed-header {line-height: 54px;box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .1);padding:0 var(--spacing-s);}
.feed-container {height: 100%;padding-bottom: 100px;overflow: scroll;}
.feed-container .no-results {height: 100%;}

.alert-item {background-color: #fff;padding: var(--spacing-s);display: block;text-decoration: none!important;position: relative;overflow: hidden;border-bottom:1px solid var(--dark-200);color:#000;transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-o-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0);-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0);box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0);}
a.alert-item:hover {color:var(--dark-900);text-decoration: none!important;}
a.alert-item:hover [class*="alert-"] {text-decoration: none!important;}
a.alert-item:hover .alert-title {text-decoration: underline!important;}
.alert-item.new {background-color: #FDF8E9!important;}
.alert-item i[class*="fa-"] {font-size:12px;}
.alert-item .alert-body,
.alert-item .alert-title {font-size:14px;}
.alert-item .alert-icon {border-radius: 100px;-webkit-border-radius: 100px;background-color: var(--dark-100);text-align: center;width: 36px;height: 36px;line-height: 34px;}
.alert-item .alert-icon.primary {background-color: var(--primary-200);color:var(--primary-700);}
.alert-item .alert-icon.secondary {background-color: var(--dark-200);color:var(--dark-700);}
.alert-item .alert-icon.success {background-color: #E3FCEF;color:#006644;}
.alert-item .alert-icon.danger {background-color: #DE350B;color:#FFFFFF;}
.alert-item .alert-icon.warning {background-color: #FFEBE6;color:#DE350B;}
.alert-item .alert-icon.yellow {background-color: #FBF29F;color:#524C1D;}
.alert-item .alert-icon.purple {background-color: #E8DDFB;color:#5F4094;}
.alert-item .alert-icon.blue {background-color: #C8DEF8;color:#264D7D;}

.alert-item .alert-title {position: relative;font-weight: 700;}
.alert-item .alert-helper {font-size:12px;color:var(--dark-500);font-weight: 400;}
.alert-item .alert-thumbnail {width: 36px;overflow: hidden;border-radius: 6px;-webkit-border-radius: 6px;border:1px solid #ddd;}
.alert-item .alert-thumbnail img {display: block;width: 36px;}
.alert-item .alert-comment {font-size:12px;color:var(--dark-700);font-weight: 400;background-color: var(--dark-100);border-radius: 6px;padding: var(--spacing-xxs) var(--spacing-xs);margin-top: var(--spacing-xs);}

/* Modals */
.modal-body {padding:var(--spacing-l);}
.modal-body .negative-margin {margin:calc(-1 * var(--spacing-m)) calc(-1 * var(--spacing-l)) calc(-1 * var(--spacing-l)) calc(-1 * var(--spacing-l));}
.modal .modal-body {padding-top: var(--spacing-m);}
.modal .modal-buttons {margin-top: var(--spacing-xl);}
.modal-buttons.border-top {padding-top:var(--spacing-l);margin-left: calc(-1 * var(--spacing-l));margin-right: calc(-1 * var(--spacing-l));padding-left:var(--spacing-l);padding-right:var(--spacing-l);}
.modal-sm {width: 400px;max-width: 400px;}
.modal-md {width: 640px;max-width: 640px;}
.modal-lg {width: 980px;max-width: 980px;}
.modal-xlg {width: 90%;max-width: 1340px;}
.modal #form {margin-bottom: 0!important;}
.modal-header {padding:var(--spacing-m) var(--spacing-l)!important;}
.modal-backdrop {z-index: 1000;}
.modal-scroll-list {overflow: scroll;height: 500px;}
.modal-warning .modal-content {border:2px solid var(--warning-500);}
.modal-warning .modal-title {position: relative;padding-left: 28px;}
.modal-warning .modal-title:before {clear: both;position: absolute;left: 0;top: -3px;font-family: "Font Awesome 6 Pro";content: "\f06a";font-size:20px;color: var(--warning-500);font-weight: 400;}
.modal-danger .modal-content {border:2px solid var(--danger-500);}
.modal-danger .modal-title {position: relative;padding-left: 28px;}
.modal-danger .modal-title:before {clear: both;position: absolute;left: 0;top: -3px;font-family: "Font Awesome 6 Pro";content: "\f06a";font-size:20px;color: var(--danger-500);font-weight: 400;}

/* Settings */
.settings-options-list .list-item {padding-bottom: var(--spacing-m);margin-bottom: var(--spacing-m); border-bottom: 1px solid var(--dark-300);}
.settings-options-list .list-item.nb {border-bottom: none;margin-bottom: 0;}
.settings-options-list label:not([class*="col-"]) {padding-top:3px;}
.settings-user-avatar {width: 200px;position: relative;border-radius: 100%;-webkit-border-radius: 100%;overflow: hidden;cursor: pointer;}
.settings-user-avatar .avatar-menu {position: absolute;z-index: 1;left: 0;bottom: 0;width: 100%;background: rgba(0,0,0, .4);text-align: center;color:#fff;padding:var(--spacing-s) 0 var(--spacing-m);}
.settings-user-avatar:hover .avatar-menu {background: rgba(0,0,0, .65);}

/* Dropdowns */
.dropdown-toggle {cursor:pointer;outline: 0;}
/* .dropdown-menu {border-color:var(--dark-200);min-width: 180px;} */
.dropdown-divider {border-color:var(--dark-200);}
.dropdown-item {
	font-size:14px;
	cursor: pointer;
	padding-top:8px;
	padding-bottom: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.dropdown-item[disabled] {color:#6c757d!important;cursor: not-allowed;}
.dropdown-item[disabled] i[class*="fa-"] {color:var(--dark-500)!important;}
.dropdown-item:not(:last-child) {margin-bottom: 1px;}
.dropdown-item.active {font-weight: 600;position: relative;padding-right: 40px;}
.dropdown-item.active:after {clear: both;position: absolute;right: 12px;top:50%;margin-top:-10px;font-family: "Font Awesome 6 Pro";content: "\f058";font-size:14px;}
.dropdown-item.active, .dropdown-item:active {background-color: var(--dark-100);color:inherit;}
.dropdown-item.highlight,
.dropdown-item:focus,
.dropdown-item:hover {
	background-color: var(--dark-100);
}

.dropdown-item.dropdown-placeholder,
.dropdown-item.dropdown-placeholder:hover,
.dropdown-item.dropdown-placeholder:focus,
.dropdown-item.dropdown-placeholder:active {
	background-color: #fff;
	color:var(--dark-500);
	font-size: var(--text-small);
	cursor: auto;
}

.dropdown-item i[class*="fa-"] {width:24px;text-align: center;display: inline-block;color:var(--primary-500);margin-right: var(--spacing-xxs);}
.dropdown-item.text-danger i[class*="fa-"] {color:var(--danger-500)!important;}
.dropdown-header {font-size:.75rem;}
.dropdown-item.selected {
	font-weight: 700;
	position: relative;
}
.dropdown-toggle:not(.btn):after {
	border:none;
	position: absolute;
	clear: both;
	font-family: "Font Awesome 6 Pro";
	content: "\f0d7";
	right: 14px;
	font-size: 14px;
	font-weight: 700;
	color: var(--dark-400);
	z-index: 1;
	top:50%;
	margin-top: -14px;
	margin-left: 0;
}

.dropdown-item.no-results {
	margin-bottom: 4px;
}

.dropdown-item.no-results:hover {
	background-color: transparent;
}

.text-link.dropdown-toggle {
	display: inline-block;
	padding-right: 30px;
	position: relative;
}

.text-link.dropdown-toggle:after {
	margin-top: -8px;
	color: var(--primary-500);
	content: "\f078";
	font-size:10px;
}

/* Dropdown */
span.dropdown {
	display: inline-block;
}

.dropdown-menu {
	margin-top: 0px;
	-webkit-box-shadow: var(--dropdown-shadow);
	-moz-box-shadow: var(--dropdown-shadow);
	box-shadow: var(--dropdown-shadow);
	border-color: var(--dark-300);
	min-width: 200px;
	border-radius: var(--dropdown-radius)!important;
	-webkit-border-radius: var(--dropdown-radius)!important;
	z-index: 1050;
	width: 100%;
}

.dropdown-menu:not(.datepicker, .dropdown-popover) {
	max-height: 300px;
	overflow: scroll;
}

.dropdown-menu-md {
	min-width: 300px;
}

.btn-icon + .dropdown-menu {
	margin-top:12px;
}

.dropdown-filter {
	padding: var(--spacing-xxs) var(--spacing-s);
}

.dropdown-filter input[type="text"] {padding: .75rem 1rem;background-color: var(--dark-100);border-radius: 4px;-webkit-border-radius: 4px;border-color: transparent;}
.dropdown-filter input[type="text"]:not([disabled]):active,
.dropdown-filter input[type="text"]:not([disabled]):focus {background-color: var(--dark-200);box-shadow: none;}

/* Accordions */
.accordion-item {border:none;border-radius: 0!important;-webkit-border-radius: 0!important;}
.accordion-item:not(:last-child) {margin-bottom: var(--spacing-xs);}
.accordion-button,
.accordion-button:not(.collapsed) {color:var(--dark-800);box-shadow: none;border-radius: 4px;-webkit-border-radius: 4px;font-size:.875rem;font-weight: 600;padding: var(--spacing-xs) var(--spacing-s);background-color: var(--dark-100);}
.accordion-button:hover {background-color: var(--dark-200);}
.accordion-body {padding: var(--spacing-s);}
.accordion-header .text-link {position: relative;display: inline-block;padding-right: 20px;}
.accordion-header .text-link:after {position: absolute;clear: both;right: 0;top:50%;margin-top: -10px;z-index: 1;font-family: "Font Awesome 6 Pro";content: "\f077";font-size:14px;}
.accordion-header .text-link.collapsed:after {content: "\f078";}

/* Gallery */
.gallery .gallery-item img,
.gallery .gallery-item video {display: block;border-radius: 4px;-webkit-border-radius: 4px;border:1px solid var(--dark-300);width:100%;}
.drawer-numbers i[class*="fa-"] {font-size:24px;margin-top:var(--spacing-xxs);display: block;margin-bottom: var(--spacing-xs);}

/* Product */
.product-variant-options-row {border-bottom: 1px solid var(--dark-200);}
.product-variant-options-row .option-name {margin-bottom: var(--spacing-xxs);}
.product-variant-options-row .option-values .badge {margin-right: var(--spacing-xxs);}
.product-variant-options-form-values .row:not(:last-child) .form-group {margin-bottom: var(--spacing-xxs);}
.product-variant .variant-thumbnail {width: 50px;height: 50px;border:1px solid var(--primary-200);border-radius: 3px;-webkit-border-radius: 3px;}

.product-attribute,
.product-variant {border-bottom: 1px solid var(--dark-200);}
.product-attribute-values {padding-left: 36px;}
.product-attribute-values .btn {position: relative;top:-22px;}

.category-view-thumbnails,
.products-thumbnails {columns: auto 4;column-gap: var(--spacing-s);row-gap:  var(--spacing-s);}
.products-thumbnails .product-item {margin-bottom: var(--spacing-l);cursor: pointer;}
.products-thumbnails .product-item img {display: block;width: 100%;margin-bottom: var(--spacing-xs);}
.products-thumbnails .product-item a {text-decoration: none;color:var(--dark-800);}
.products-thumbnails .product-item:hover .product-name {text-decoration: underline;}
.products-thumbnails .product-item .product-status {margin-top: var(--spacing-xxs);}

.product-options-list .table-result-list {margin-bottom: 0;}
.product-options-list .table-result-list thead td:first-child {border-bottom-left-radius: 0!important};
.product-options-list .table-result-list thead td:last-child {border-bottom-right-radius: 0!important};
.product-options-list .table-result-list tbody td:first-child,
.product-options-list .table-result-list tbody td:last-child {border-radius: 0!important;}

/* Automations */
.condition-row,
.condition-action-row {padding-left: 50px;}
.condition-new,
.condition-action-new {padding-left: 75px;}
.automations-list-conditions {margin-top: 2px;}
.automations-list-conditions i[class*="fa-"] {margin:0 6px;font-size:12px;color:var(--dark-500);}

/* Tabs */
.nav-tabs .nav-link {
	border:none;
	font-size:.875rem;
	color:var(--dark-800);
	padding:var(--spacing-xs) var(--spacing-s);
}

.nav-tabs .nav-link:not(.active):hover {
	color:var(--primary-500);
}

.nav-tabs .nav-link.active {
	border-bottom: 1px solid var(--primary-500);
	font-weight: 600;
	color:var(--dark-800);
	position: relative;
}

.nav-tabs .nav-link.active:after {
	clear: both;
	position: absolute;
	bottom: -1px;
	width: 100%;
	left:0;
	height: 2px;
	background-color:
	var(--primary-500);
	content: "";
}

/* Pagination */
.list-limit {width: 80px;}
.pagination .page-link {border:none;cursor: pointer;border-radius: 3px!important;-webkit-border-radius: 3px!important;margin:0 var(--spacing-xxs);color:var(--dark-800);min-width:38px;text-align: center;}
.pagination .page-link:not(.active):hover {background-color: var(--dark-100);}
.pagination .page-link.active {color: #fff;background-color: var(--primary-500);}
.pagination .page-link.active:hover {background-color: var(--primary-600);}
.pagination .page-previous{margin-right: var(--spacing-s);}
.pagination .page-next {margin-left:var(--spacing-s);}
.pagination .disabled .page-link {color:var(--dark-500);cursor: not-allowed;}

/* Tags */
.tag {
  padding:4px 10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: var(--dark-200);
  margin-right: 4px;
  margin-bottom: 4px;
  display: inline-block;
}

.tag button {
  margin-left: 0px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  display: none;
  border:none;
  background-color: transparent;
  color:var(--dark-600);
  position: relative;
  font-size: 12px;
  width: 20px;
  height: 20px;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}

.tag button:hover {
  color:var(--dark-900);
}

.tag.deletable {
  padding-right: 2px;
}

.tag.deletable button {
  display: inline-block;
}

/* Status progress bar */
.progress-bar {height: 6px;width: 100%;background-color: var(--dark-100);position: relative;border-radius: 100px;-webkit-border-radius: 100px;overflow: visible;}
.progress-bar.sm {height: 3px;background-color: var(--dark-200);}
.progress-bar div {clear: both;position: absolute;left: 0;top:0;height: 100%;content: "";z-index: 1;background-color: var(--success-500);transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-o-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;border-radius: 100px;-webkit-border-radius: 100px;}
.progress-bar:not(.sm) div[data-bs-toggle] {cursor: pointer;}
.progress-bar:not(.sm) div[data-bs-toggle]:hover {top:-1px;height: calc(100% + 2px);}

/* Sortable */
.sortable-handle {
	width: 24px;
	height: 24px;
	background-color: transparent;
	cursor: pointer;
	font-size: 12px;
	text-align: center;
	line-height: 24px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	color:var(--dark-700);
	position: relative;
}

.sortable-handle:hover {
	background-color: var(--dark-200);
}

.sortable-handle:after {
	position:absolute;
	clear: both;
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	text-align: center;
	content: "\e411";
	font-size:12px;
	left: 50%;
	top: 50%;
	height: 24px;
	line-height: 24px;
	width: 24px;
	margin:-12px 0 0 -12px;
	z-index: 2;
}

.ui-sortable-placeholder {
	background-color: var(--primary-100);
	visibility:visible !important;
}

.ui-sortable-placeholder .sortable-handle {
	background-color: var(--dark-300);
	color: var(--dark-700);
}

/* Banners */
#bannerPreview .banner-main,
.modal .banner-main {height: 60vh!important;}
#bannerPreview .banner-wrapper {transform: scale(.7);width: 142.857143%;margin-left: -21.4285715%;}

/* One time code */
.otc label {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space:nowrap;
}

.otc {
	position: relative;
	margin: 0 auto;
	padding: 0;
}

.otc div {
	display: flex;
	align-items: center;
	column-gap: var(--spacing-xxs);
}

.otc input::-webkit-outer-spin-button,
.otc input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.otc .input-otc:before {
	content: '';
	height: 2px;
	width: 24px;
	margin: 0 .25em;
	order: 1;
	background: #BBBBFF;
}

.otc .form-control {
	text-align: center;
	appearance: textfield;
	-webkit-appearance: textfield;
	border-radius: 0;
    -webkit-border-radius:0;
    border: none;
    border-bottom: 1px solid var(--dark-300);
    padding: .85rem 0 .7rem;
    line-height: normal;
    height: auto;
    font-size: var(--text-small);
}

.otc .form-control:active,
.otc .form-control:focus {
    box-shadow: none;
	border-bottom: 1px solid var(--dark-900);
    background-color: transparent;
}

.otc .form-control:nth-of-type(n+4) {
	order: 2;
}

/* Steps */
.steps {
	display: flex;
	margin:0;
	padding:0;
	justify-content: flex-start;
}

.steps li {
	list-style: none;
	margin:0;
	padding:0;
	display: block;
	flex: 1 1 0px;
	text-align: center;
	font-size: var(--text-xxsmall);
	line-height: var(--text-xxsmall-line);
	color:var(--dark-500);
	font-weight: 500;
	letter-spacing: 0;
	position: relative;
}

.steps li span {
	position: relative;
	display: inline-block;
	padding-top:var(--spacing-m);
}

.steps li a {
	display: block;
	color:var(--dark-500)!important;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.steps li:not(.active):hover a {
	color:var(--dark-700)!important;
}

.steps li:not(.active):hover a span:before {
	height: 8px;
	width: 8px;
	background-image: none;
	margin-left: -4px;
	margin-top: 0;
}

.steps li span:before {
	clear: both;
	width: 8px;
	height: 8px;
	background-color: var(--dark-300);
	top:0;
	left: 50%;
	margin-left: -4px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	content: "";
	position: absolute;
	z-index: 2;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.steps li:before,
.steps li:after {
	clear: both;
	content: "";
	left: 0;
	top:4px;
	right: 0;
	position: absolute;
	z-index: 1;
	background-color: var(--dark-200);
	height: 1px;
	width: 50%;
}

.steps li:after {
	left:50%;
}

.steps li:first-child:before,
.steps li:last-child:after {
	display: none;
}

.steps li.active,
.steps li.active a {
	color:var(--dark-700)!important;
}

.steps li.active span:before {
	border:4px solid var(--primary-500);
	background-color: #fff;
	width: 16px;
	height: 16px;
	margin-left: -8px;
	margin-top: -4px;
}

.steps li.done:before,
.steps li.active:before {
	background-color: var(--primary-500);
}

.steps li.done:after {
	background-color: var(--primary-500);
}

.steps li.done span:before {
	background: var(--primary-500) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
	width: 16px;
	height: 16px;
	margin-left: -8px;
	margin-top: -4px;
}

@media (max-width: 767px) {
	.steps li span {
		display: none;
	}
	.steps li.done:before,
	.steps li:last-child:after {
		display: block;
	}
	.steps li:after,
	.steps li:before {
		height: 4px;
	}
	.steps li:first-child:before {
		border-radius: 2px 0 0 2px;
		-webkit-border-radius: 2px 0 0 2px;
	}
	.steps li:last-child:before {
		border-radius: 0 2px 2px 0;
		-webkit-border-radius: 0 2px 2px 0;
	}
}

.drawer-summary [data-name="orderFlowSteps"] {
	margin-bottom: var(--spacing-m)!important;
	margin-top: var(--spacing-m)!important;
}

/* Nav pills */
.nav-pills .nav-link {
	padding: 5px 10px;
	margin-right: 12px;
	color:var(--primary-500);
}

.nav-pills .nav-link:not(.active):hover {
	background-color: var(--dark-100);
}

.nav-pills .nav-link.active {
	background-color: var(--primary-500);
}

/* Meters */
.meter {
	height: 6px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	background-color: var(--dark-100);
	width: 100%;
	position: relative;
	overflow: hidden;
}

.meter.sm {
	height: 3px;;
}

.meter div {
	height: 100%;
	border-radius: 100px;
	-webkit-border-radius: 100px;
}

.meter-primary div {
	background-color: var(--primary-500);
}

.meter-secondary div {
	background-color: var(--dark-500);
}

.meter-success div {
	background-color: var(--success-400);
}

.meter-danger div {
	background-color: var(--danger-400);
}

.meter-warning div {
	background-color: var(--warning-400);
}

.meter-purple div {
	background-color: var(--purple-400);
}

.meter-row-colored .meter:nth-child(1) div {
	background-color: var(--warning-400);
}

.meter-row-colored .meter:nth-child(2) div {
	background-color: var(--purple-400);
}

.meter-row-colored .meter:nth-child(3) div {
	background-color: var(--success-400);
}

.meter-row-colored .meter:nth-child(4) div {
	background-color: var(--danger-400);
}

.meter-row-colored .meter:nth-child(5) div {
	background-color: #264D7D;
}

.meter-row-colored .meter div {
	background-color: var(--primary-500);
}

/* Menu items */
#menuItems .add-menu-item,
#flowItems .add-flow-item {
  width: 100%;
  height: 12px;
  background-color: transparent;
  cursor: pointer;
  position: relative;
}

#flowItems .add-flow-item {
	margin-left: 32px;
	width: calc(100% - 32px);
}

#menuItems .add-menu-item:before ,
#flowItems .add-flow-item:before{
  position:absolute;
  clear: both;
  content: "";
  left: 0;
  right:0;
  top: 5px;
  height: 2px;
  width: 100%;
  background-color: var(--primary-500);
  display: none;
  z-index: 1;
}

#menuItems .add-menu-item:after,
#flowItems .add-flow-item:after {
  position:absolute;
  clear: both;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  color: #fff;
  text-align: center;
  content: "\2b";
  font-size:10px;
  left: 50%;
  top: 50%;
  height: 16px;
  line-height: 16px;
  width: 16px;
  margin:-8px 0 0 -8px;
  background-color: var(--primary-500);
  display: none;
  z-index: 2;
}

#menuItems .add-menu-item:hover:after,
#menuItems .add-menu-item:hover:before,
#flowItems .add-flow-item:hover:after,
#flowItems .add-flow-item:hover:before {
  display: block;
}

#menuItems .children {
  position: relative;
  margin-left: 44px;
}

#menuItems .children:after {
  height: 1px;
  background-color: var(--dark-200);
  position: absolute;
  clear: both;
  content: "";
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
}

#menuItems .has-separator {
  position: relative;
  margin-top: 12px;
}

#menuItems .has-separator:before {
  height: 1px;
  background-color: var(--dark-200);
  position: absolute;
  clear: both;
  content: "";
  z-index: 1;
  left: 0;
  right: 0;
  top: -12px;
}

/* Activity */
.activity-item {
	display: flex;
}

.activity-item .activity-start {
	position: relative;
	width: 36px;
	margin-right: var(--spacing-s);
}

.activity-item .activity-start .user-avatar {
	width: 40px;
	height: 40px;
	position: relative;
	z-index: 2;
	margin-top: 2px;
	border: 2px solid #fff;
	margin-left: -2px;
}

.activity-item .activity-start .activity-dot {
	width: 14px;
	height: 14px;
	background-color: var(--dark-200);
	border-radius: 100px;
	position: relative;
	margin-left: calc(50% - 7px);
	margin-top: 5px;
	border: 2px solid #fff;
	z-index: 2;
}

.activity-item:first-child .activity-start .activity-dot {
	background-color: #fff;
	border: 4px solid var(--primary-500);
	width: 16px;
	height: 16px;
	margin-left: calc(50% - 8px);
	margin-top: 3px;
}

.activity-item .activity-start:before {
	width: 1px;
	height: 100%;
	position: absolute;
	left: 50%;
	top:0;
	height: 100%;
	background-color: var(--dark-200);
	content: "";
	clear: both;
	z-index: 1;
	margin-left: 0px;
}

.activity-item:first-child .activity-start:before {
	top:5px;
}

.activity-item:last-child .activity-start:before {
	height: 20px;
}

.activity-item .activity-details {
	padding-bottom: var(--spacing-m);
}

.activity-item .activity-date {
	font-size: 12px;
	color:var(--dark-500);
}

.activity-item .activity-comment {
	display: inline-block;
	color:var(--dark-800);
	font-weight: 400;
	background-color: var(--dark-100);
	border-radius: 6px;
	padding: var(--spacing-xxs) var(--spacing-xs);
	margin-top: var(--spacing-xs);
	max-width: 50%;
}

/* Comments */
.comment-form-dropdown {
	width: 320px;
	padding: 0;
}

.comment-form-dropdown .form-group {
	margin-bottom: var(--spacing-s)!important;
}

.comment-form-dropdown .form-check-label {
	font-size:14px!important;
}

.comment-form-dropdown .btn {
	margin-left: 0!important;
}

.comment-form {
	margin: var(--spacing-s) 0 var(--spacing-m);
	padding-bottom: var(--spacing-l);
	display: flex;
	border-bottom: 1px solid var(--dark-200);
}

.comment-form .comment-form-start {
	margin-right: var(--spacing-s);
}

.comment-form .user-avatar {
	width: 36px;
	height: 36px;
}

.comment-form textarea {
	height: 120px;
}

/* Datepicker */
.datepicker {
	padding: var(--spacing-xs);
	-webkit-border-radius: var(--bs-dropdown-border-radius);
	-moz-border-radius: var(--bs-dropdown-border-radius);
	border-radius: var(--bs-dropdown-border-radius);
	direction: ltr;
	z-index: 1065!important;
}

.datepicker-inline {
	width: 220px;
}

.datepicker-rtl {
	direction: rtl;
}

.datepicker-rtl.dropdown-menu {
	left: auto;
}

.datepicker-rtl table tr td span {
	float: right;
}

.datepicker-dropdown {
	top: 0;
	left: 0;
}

.datepicker-dropdown:before {
	content: "";
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #999;
	border-top: 0;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
}

.datepicker-dropdown:after {
	content: "";
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	border-top: 0;
	position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
	left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
	left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
	right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
	right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
	top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
	top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
	bottom: -7px;
	border-bottom: 0;
	border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-top:after {
	bottom: -6px;
	border-bottom: 0;
	border-top: 6px solid #fff;
}

.datepicker table {
	margin: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.datepicker td,
.datepicker th {
	text-align: center;
	width: 44px;
	height: 44px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
	background-color: transparent;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
	background: var(--dark-100);
	cursor: pointer;
}

.datepicker table tr td.new,
.datepicker table tr td.old {
	color: #999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
	background: 0 0;
	color: #999;
	cursor: default;
}

.datepicker table tr td.highlighted {
	background: #d9edf7;
	border-radius: 0;
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
	background-color: #fde19a;
	background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-image: -webkit-gradient(
		linear,
		0 0,
		0 100%,
		from(#fdd49a),
		to(#fdf59a)
	);
	background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
	border-color: #fdf59a #fdf59a #fbed50;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #000;
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today[disabled] {
	background-color: #fdf59a;
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover:active {
	background-color: #fbf069;
}

.datepicker table tr td.today:hover:hover {
	color: #000;
}

.datepicker table tr td.today.active:hover {
	color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range:hover {
	background-color: var(--dark-100);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover {
	background-color: #f3d17a;
	background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
	background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
	background-image: -webkit-gradient(
		linear,
		0 0,
		0 100%,
		from(#f3c17a),
		to(#f3e97a)
	);
	background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
	background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
	background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
	border-color: #f3e97a #f3e97a #edde34;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today[disabled] {
	background-color: #f3e97a;
}

.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today:hover:active {
	background-color: #efe24b;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover {
	background-color: #9e9e9e;
	background-image: -moz-linear-gradient(to bottom, #b3b3b3, grey);
	background-image: -ms-linear-gradient(to bottom, #b3b3b3, grey);
	background-image: -webkit-gradient(
		linear,
		0 0,
		0 100%,
		from(#b3b3b3),
		to(grey)
	);
	background-image: -webkit-linear-gradient(to bottom, #b3b3b3, grey);
	background-image: -o-linear-gradient(to bottom, #b3b3b3, grey);
	background-image: linear-gradient(to bottom, #b3b3b3, grey);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
	border-color: grey grey #595959;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected[disabled] {
	background-color: grey;
}

.datepicker table tr td.selected.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected:hover:active {
	background-color: #666;
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
	background-color: var(--primary-500);
	color: #fff;
	font-weight: 600;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] {
	background-color:var(--primary-500);
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover:active {
	background-color: var(--primary-500);
}

.datepicker table tr td span {
	display: block;
	width: 23%;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 1%;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
	background-color: var(--dark-100);
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
	background: 0 0;
	color: #999;
	cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
	background-color: var(--primary-500);
	color: #fff;
	font-weight: 600;
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled] {
	background-color: var(--primary-500);
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active {
	background-color: var(--primary-500);
}

.datepicker table tr td span.new,
.datepicker table tr td span.old {
	color: #999;
}

.datepicker .datepicker-switch {
	width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev,
.datepicker tfoot tr th {
	cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
	background-color: transparent;
	color:var(--primary-600);
	text-decoration: underline;
}

.datepicker .next.disabled,
.datepicker .prev.disabled {
	visibility: hidden;
}

.datepicker .cw {
	font-size: 10px;
	width: 12px;
	padding: 0 2px 0 5px;
	vertical-align: middle;
}

#ui-datepicker-div {
	display: none;
}

.ui-datepicker {
	margin-top: 0px;
    padding: var(--spacing-xs);
	direction: ltr;
	z-index: 1065!important;
	background-color: #fff;
	-webkit-box-shadow: var(--dropdown-shadow);
	-moz-box-shadow: var(--dropdown-shadow);
	box-shadow: var(--dropdown-shadow);
	border:1px solid var(--dark-300);
	min-width: 200px;
	border-radius: var(--dropdown-radius)!important;
	-webkit-border-radius: var(--dropdown-radius)!important;
}

.ui-datepicker table {
	width: 100%;
}

.ui-datepicker-header {
    margin-bottom: var(--spacing-xs);
}

.ui-datepicker-title {
    font-weight: 700;
	text-align: center;
}

.ui-datepicker-prev {
    float: left;
}

.ui-datepicker-prev:after {
	content: "\f060";
}

.ui-datepicker-next {
    float: right;
}

.ui-datepicker-next:after {
	content: "\f061";
}

.ui-datepicker-prev,
.ui-datepicker-next {
	cursor: pointer;
	position: relative;
	border-radius: 5px;
	-webkit-border-radius: 3px;
	background-color: transparent;
	width: 24px;
	height: 24px;
	line-height: 24px;
	color: var(--dark-900);
}

.ui-datepicker-prev:after,
.ui-datepicker-next:after {
	position: absolute;
	clear: both;
	font-family: "Font Awesome 6 Pro";
	width: 100%;
	height: 100%;
	line-height: 24px;
	text-align: center;
	font-size: 12px;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
	background-color: var(--dark-100);
	color: var(--dark-900);
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
	display: none;
}

.ui-datepicker th {
    text-transform: uppercase;
    font-size: 10px;
    color: var(--dark-500);
    text-align: center;
	padding-bottom: var(--spacing-xs);
}

.ui-datepicker tbody td {
    padding: 0;
}

.ui-datepicker a {
    text-decoration: none;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: inline-block;
    /*font-weight: bold;*/
    color: var(--dark-900);
}

.ui-datepicker td a:hover {
	text-decoration: none!important;
}

.ui-datepicker-calendar .ui-state-default {
	text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
	border-radius: 100px;
    -webkit-border-radius: 100px;
}

.ui-datepicker-calendar .ui-state-hover {
    background-color: var(--primary-500);
    color: #FFFFFF;
	text-decoration: none;
}

.ui-datepicker-calendar .ui-state-active {
    background-color: var(--primary-500);
    color: #FFFFFF;
}

.ui-datepicker-unselectable .ui-state-default {
    background: #D6E4BE;
    color: #000;
}

/* Processing */
.processing {
	text-align: center;
	position: relative;
	padding-top: 6rem;
	margin-bottom: 2rem;
}

.processing:after {
	position:absolute;
	width:2.25rem;
	height:2.25rem;
	z-index: 2;
	clear: both;
	content: "";
	display: block;
	left:50%;
	top:50%;
	margin:-1.125rem 0 0 -1.125rem;
	border:.1rem solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: spinner-border .75s linear infinite;
	animation: spinner-border .75s linear infinite;
}

/* Shine loader */
@keyframes shineLoader{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.shine {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: shineLoader;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, var(--dark-100) 8%, var(--dark-200) 18%, var(--dark-100) 33%);
    background-size: 800px 104px;
    position: relative;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

.shine-loader.products-simple .row {
	margin-bottom: var(--spacing-m);
}

.shine-loader.products-simple .flex-shrink-0 .shine {
	width: 50px;
	height: 50px;
	margin-left: var(--spacing-s);
}

.shine-loader.products-simple .row .flex-grow-1 .shine {
	width: 60%;
	height: 20px;
}

.shine-loader.products-simple .row:nth-child(2n) .flex-grow-1 .shine {
	width: 40%;
}

.shine-loader.list-simple {
	padding-top: var(--spacing-m);
}

.shine-loader.list-simple .row {
	margin-bottom: var(--spacing-m);
}

.shine-loader.list-simple .row [class*="col-"]:nth-child(1) .shine {
	width: 70%;
	height: 20px;
}

.shine-loader.list-simple .row:nth-child(2n) [class*="col-"]:nth-child(1) .shine {
	width: 50%;
	height: 20px;
}

.shine-loader.list-simple .row [class*="col-"]:nth-child(2) .shine {
	width: 100px;
	height: 20px;
}

.shine-loader.dashboard {
	max-height: 350px;
}

.shine-loader.dashboard .row {
	margin-bottom: var(--spacing-m);
}

.shine-loader.dashboard .row:nth-child(1) .shine {
	width: 60px;
	height: 30px;
	margin-right: var(--spacing-s);
	display: inline-block;
}

.shine-loader.dashboard .row:nth-child(1) .shine:nth-child(2) {
	width: 80px;
}

.shine-loader.dashboard .row:nth-child(1) .shine:nth-child(3) {
	width: 80px;
}

.shine-loader.dashboard .row:nth-child(2) {
	padding-top: var(--spacing-xs);
}

.shine-loader.dashboard .row:nth-child(2) [class*="col-"]:nth-child(1) .shine:nth-child(1) {
	width: 120px;
	height: 20px;
	margin-bottom: var(--spacing-xs);
}

.shine-loader.dashboard .row:nth-child(2) [class*="col-"]:nth-child(1) .shine:nth-child(2) {
	width: 80px;
	height: 40px;
	margin-bottom: var(--spacing-l);
}

.shine-loader.dashboard .row:nth-child(2) [class*="col-"]:nth-child(1) .shine:nth-child(3) {
	width: 120px;
	height: 20px;
	margin-bottom: var(--spacing-xs);
}

.shine-loader.dashboard .row:nth-child(2) [class*="col-"]:nth-child(1) .shine:nth-child(4) {
	width: 80px;
	height: 40px;
	margin-bottom: var(--spacing-l);
}

.shine-loader.dashboard .row:nth-child(2) [class*="col-"]:nth-child(2) .shine:nth-child(1n) {
	width: 140px;
	height: 20px;
	margin-bottom: var(--spacing-xs);
}

.shine-loader.dashboard .row:nth-child(2) [class*="col-"]:nth-child(2) .shine:nth-child(2n) {
	width: 80px;
	height: 40px;
	margin-bottom: var(--spacing-l);
}

.shine-loader.dashboard .row:nth-child(2) [class*="col-"]:nth-child(2) .shine:last-child {
	margin-bottom: 0;
}

/* Category selector */
#categorySelector {
	max-height: 300px;
	overflow: scroll;
}

#categorySelector .dropdown-filter {
	padding: 0;
}

/* Menu banners list */
.menu-banners-list .card {
	overflow: hidden;
	height: 200px;
	margin-bottom: 0;
}

.menu-banners-list .card .image {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.menu-banners-list .card .image img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.menu-banners-list .card.add {
	color: var(--dark-300);
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.menu-banners-list .card.add .d-flex {
	height: 100%;
	text-align: center;
}

.menu-banners-list .card.add .icon {
	margin: 0 auto;
}

.menu-banners-list .card.add .icon i[class*="fa-"] {
	font-size: 36px;
}

.menu-banners-list .card.add:hover {
	border-color: var(--primary-500)!important;
	background-color: rgba(var(--primary-rgba),.1);
	color: var(--primary-500);
}

/* Tree list */
.tree-list {
	margin-left: 0;
	padding-left: 20px;
}

/* Results position preview */
.result-position-preview {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-column-gap:2px;
	grid-row-gap:2px;
	width: 50%;
}

.result-position-preview .item {
	background-color: var(--primary-100);
	height: 60px;
	width: 100%;
	display: table-cell;
}

.result-position-preview .item.highlight {
	background-color: var(--primary-300);
}