html {
	--nav-bg-color: transparent;
	--theme-primary-color: #b979ea;
	--theme-primary-color-darker: #4f177b;
	--admin-bg-color: #051226;
	/* --admin-bg-blur1: url(/assets/front_assets/images/po-admin-bg-blur1.png); */
	/* --admin-bg-blur2: url(/assets/front_assets/images/po-admin-bg-blur2.png); */

	/* Input boxes */
	--theme-inpux-textbox-height: 43px;
	--theme-inpux-textbox-border-radius: 4px;

	/* Buttons */
	/* Base */
	--theme-button-text-size: 14px;
	--theme-button-text-color: #222;
	--theme-button-padding: 12px 16px;
	--theme-button-background-color: white;
	--theme-button-radius: 8px;
	--theme-button-border-color: #DBDBDB;
	--theme-button-border-width: 1px;
	--theme-button-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10);

	/* Default button styles */
	--theme-button-default-text-color: var(--theme-button-text-color);
	--theme-button-default-background-color: var(--theme-button-background-color);
	--theme-button-default-padding: var(--theme-button-padding);
	--theme-button-default-border-color: var(--theme-button-border-color);
	--theme-button-default-border-width: var(--theme-button-border-width);

	/* Primary button styles */
	--theme-button-primary-text-color: white;
	--theme-button-primary-background-color: transparent;
	--theme-button-primary-background-image: url(/assets/admin/img/button-bg.jpg);
	--theme-button-primary-background-repeat: no-repeat;
	--theme-button-primary-background-size: 100% 100%;
	--theme-button-primary-border-color: rgba(255, 255, 255, 0.65);
	
	/* Labels */
	--theme-label-default-color: #222;
	--theme-label-default-background-color: white;
	--theme-label-default-hover-background-color: #efefef;
	--theme-label-default-border-color: #efefef;
	--theme-label-primary-color: #419AED;
	--theme-label-primary-background-color: #DBF0FB;
	--theme-label-primary-hover-background-color: #c1e7fb;
	--theme-label-primary-border-color: #419AED;
	--theme-label-success-color: #109345;
	--theme-label-success-background-color: #ECFEF8;
	--theme-label-success-hover-background-color: #d7fef1;
	--theme-label-success-border-color: #109345;
	--theme-label-info-color: #051226;
	--theme-label-info-background-color: #F4EDF5;
	--theme-label-info-hover-background-color: #e9e2ea;
	--theme-label-info-border-color: #051226;
	--theme-label-warning-color: #F5A300;
	--theme-label-warning-background-color: #FEF8F0;
	--theme-label-warning-hover-background-color: #fee6c5;
	--theme-label-warning-border-color: #F5A300;
	--theme-label-danger-color: #CC2900;
	--theme-label-danger-background-color: #FFE0D8;
	--theme-label-danger-hover-background-color: #ffd1c5;
	--theme-label-danger-border-color: #CC2900;
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

#page_breadcrumb_bar {
	position: fixed;
	top: 21px;
	margin-left: -9px;
	z-index: 10001;
	background-color: transparent;
}

@media (max-width: 1000px) {
	#page_breadcrumb_bar {
		display: none;
	}
}

#page_breadcrumb_bar a {
	color: rgba(255, 255, 255, 0.7);
}

.tabbable-custom > .account-tabs.nav-tabs > li.active {
	border-top: 0;
}

.tabbable-custom > .account-tabs.nav-tabs > li a {
	color: #999;
}

.tabbable-custom > .account-tabs.nav-tabs > li.active a,
.tabbable-custom > .account-tabs.nav-tabs > li.active a:hover {
	border: none;
	border-bottom: 3px solid black;
	color: black;
	padding: 10px 20px;
}

.theme-panelone .portlet.box.grey,
.theme-panelone .portlet.box.blue,
.theme-panelone .portlet.box.green,
.theme-panelone .portlet.box.orange {
	background-color: transparent;
	border: 1px solid #DBDBDB;
	border-radius: 8px;
}

.theme-panelone .portlet.box.blue > .portlet-title,
.theme-panelone .portlet.box.grey > .portlet-title,
.theme-panelone .portlet.box.blue > .portlet-title,
.theme-panelone .portlet.box.green > .portlet-title,
.theme-panelone .portlet.box.orange > .portlet-title {
	background-color: transparent;
	padding: 10px 15px;
}

.theme-panelone .portlet.box.blue > .portlet-title .caption,
.theme-panelone .portlet.box.grey > .portlet-title .caption,
.theme-panelone .portlet.box.blue > .portlet-title .caption,
.theme-panelone .portlet.box.green > .portlet-title .caption,
.theme-panelone .portlet.box.orange > .portlet-title .caption {
	color: black;
	font-weight: 400;
	font-size: 24px;
}

.account_summary_alerts {
	padding: 0 15px;
	margin-bottom: 10px;
}

.theme-panelone .todo-list,
.theme-panelone .activity-log,
.theme-panelone .open-orders,
.theme-panelone .recent-orders {
	padding: 15px;
}

.theme-panelone .activity_log_timeline_view .timeline-item .highlight {
	border-radius: 8px;
	border-top-left-radius: 0;
	border-color: #DBDBDB;
	background-color: transparent;
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/* Data table overrides */
.theme-panelone table.table.table-bordered,
.theme-panelone .table-scrollable:has(.dataTable) {
	border-radius: 8px;
	border-collapse: separate;
}

.theme-panelone table.table.table-bordered:not(.table-scrollable) {
	overflow: hidden;
}

.theme-panelone table.table.table-bordered > thead > tr td {
	border-top-width: 0;
}

.theme-panelone table.dataTable a {
	color: #051226;
}

.theme-panelone table.dataTable > thead > tr > th {
	padding: 12px;
	background-color: white;
	border-bottom: 1px solid #ddd;
}

.theme-panelone table.dataTable tr.filter {
	background-color: #F1F4F8;
}

.theme-panelone table.dataTable > thead > tr > th.sorting, 
.theme-panelone table.dataTable > thead > tr > th.sorting_asc, 
.theme-panelone table.dataTable > thead > tr > th.sorting_desc {
	padding-right: 30px;
}

.theme-panelone table.dataTable thead .sorting {
	background: url(/assets/front_assets/images/icons/sort.svg) no-repeat calc(100% - 5px) center;
}

.theme-panelone table.dataTable thead .sorting_asc {
	background: url(/assets/front_assets/images/icons/sorted_asc.svg) no-repeat calc(100% - 5px) center;
}

.theme-panelone table.dataTable thead .sorting_desc {
	background: url(/assets/front_assets/images/icons/sorted_desc.svg) no-repeat calc(100% - 5px) center;
}

.theme-panelone .table>thead>tr>th, 
.theme-panelone .table>tbody>tr>th, 
.theme-panelone .table>tfoot>tr>th, 
.theme-panelone .table>thead>tr>td, 
.theme-panelone .table>tbody>tr>td, 
.theme-panelone .table>tfoot>tr>td {
	padding: 12px;
}

.theme-panelone .table-striped>tbody>tr:nth-child(odd) {
	background-color: transparent;
}

.theme-panelone .table-striped>tbody>tr:nth-child(even) {
	background-color: #F1F4F8;
}

/* Dashboard Styles */
body.page-home-index .page-content-wrapper > .page-content {
	padding: 0;
}

body.page-home-index .page-content-wrapper > .page-content > .page-title {
	display: none;
}

.dashboard_page {
	background-color: #051226;
	padding-right: 10px;
}

.dashboard_section {
	background-color: white;
	border-radius: 8px;
	margin-bottom: 8px;
	padding: 24px;
}

.dashboard_section.stats_block {
	padding-bottom: 0;
}

.dashboard_section.stats_block .greeting {
	margin: 0 0 20px 0;
	padding: 0;
}

#admin_switch {
	display: inline-block;
	width: auto;
}

.dashboard_stat_box {
	position: relative;
	border: 1px solid #DBDBDB;
	padding: 16px;
	gap: 16px;
	border-radius: 8px;
	margin-bottom: 16px;
	width: 100%;
	max-width: 280px;
	height: 124px;
}


.dashboard_stat_box .stat_label {
	text-transform: uppercase;
}

.dashboard_stat_box .stat_value {
	margin-top: 15px;
	font-size: 3em;
}

.dashboard_stat_box .stat_value .total {
	font-size: 0.5em;
	color: #888;
}

.dashboard_stat_box .right {
	position: absolute;
	/* top: 0; */
	width: 56px !important;
	height: 56px !important;
	right: 16px;
	top: 52px;
	bottom: 16px;
}

.dashboard_stat_box .rate {
	position: absolute;
	/* top: 0; */
	left: 16px;
	bottom: 16px;
}

.dashboard_stat_box .top_right {
	position: absolute;
	top: 15px;
	right: 20px;
}

.dashboard_stat_box .top_right .more {
	font-size: 1.5em;
}

.point-box {
	width: 20px;
	height: 20px;
}

.point-box .more {
	font-size: 1.5em;
}

.progressbar_outer {
	position: relative;
	width: 56px;
	height: 56px;
}

.circle_center_label {
	font-family: 'Inter', sans-serif;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #fb8423;
	cursor: default;
	display: block;
	line-height: 20px;
	letter-spacing: -0.01em;
	align-items: center;
	position: absolute;
	left: 14.75px !important;
	text-align: center;
	top: 18px !important;
	width: 26px !important;
	height: 20px !important;
}

.progress-ring-path {
    	transform: rotate(-90deg);
    	transform-origin: 50% 50%;
    	transition: stroke-dashoffset 1.5s ease-in-out;
    	stroke-linecap: round;
}

.circle_center_label .smaller {
	font-size: 0.6em;
	padding-bottom: 20px;
	vertical-align: super;
}

.circle_progressbar_container {
	transform: scale(4);
	transform-origin: left;
}

.circle_progressbar {
	height: 1em;
	width: 1em;
	float: left;
	position: relative;
}

.circle_progressbar .pie {
	height: 56px !important;
	width: 56px !important;
	clip: rect(0, 1em, 1em, 0.5em);
	left: 0;
	position: absolute;
	top: 0;
}
.circle_progressbar .pie .half-circle {
	height: 100%;
	width: 100%;
	border: 0.1em solid #FBB323;
	border-radius: 50%;
	clip: rect(0, 0.5em, 1em, 0);
	left: 0;
	position: absolute;
	top: 0;
	transition: transform 0.2s linear;
}

.circle_progressbar .shadow {
	height: 100%;
	width: 100%;
	border: 0.1em solid #feebdc;
	border-radius: 50%;
}

/* @if $progress <= 50 {
	.right-side {
		display: none;
	}
} @else {
	clip: rect(auto, auto, auto, auto);

	.right-side {
		transform: rotate(180deg);
	}
} */

.circle_progressbar.progress-10 .pie .left-side { transform: rotate(36deg); }
.circle_progressbar.progress-10 .pie .right-side { display: none; }
.circle_progressbar.progress-20 .pie .left-side { transform: rotate(72deg); }
.circle_progressbar.progress-20 .pie .right-side { display: none; }
.circle_progressbar.progress-30 .pie .left-side { transform: rotate(108deg); }
.circle_progressbar.progress-30 .pie .right-side { display: none; }
.circle_progressbar.progress-40 .pie .left-side { transform: rotate(144deg); }
.circle_progressbar.progress-40 .pie .right-side { display: none; }
.circle_progressbar.progress-50 .pie .left-side { transform: rotate(180deg); }
.circle_progressbar.progress-50 .pie .right-side { display: none; }
.circle_progressbar.progress-60 .pie { clip: rect(auto, auto, auto, auto); }
.circle_progressbar.progress-60 .pie .left-side { transform: rotate(216deg); }
.circle_progressbar.progress-60 .pie .right-side { transform: rotate(180deg); }
.circle_progressbar.progress-70 .pie { clip: rect(auto, auto, auto, auto); }
.circle_progressbar.progress-70 .pie .left-side { transform: rotate(252deg); }
.circle_progressbar.progress-70 .pie .right-side { transform: rotate(180deg); }
.circle_progressbar.progress-80 .pie { clip: rect(auto, auto, auto, auto); }
.circle_progressbar.progress-80 .pie .left-side { transform: rotate(288deg); }
.circle_progressbar.progress-80 .pie .right-side { transform: rotate(180deg); }
.circle_progressbar.progress-90 .pie { clip: rect(auto, auto, auto, auto); }
.circle_progressbar.progress-90 .pie .left-side { transform: rotate(324deg); }
.circle_progressbar.progress-90 .pie .right-side { transform: rotate(180deg); }
.circle_progressbar.progress-100 .pie { clip: rect(auto, auto, auto, auto); }
.circle_progressbar.progress-100 .pie .left-side { transform: rotate(360deg); }
.circle_progressbar.progress-100 .pie .right-side { transform: rotate(180deg); }

/* Progressbar colors */
/* 10-20-30 */
.circle_progressbar.progress-10 .pie .half-circle,
.circle_progressbar.progress-20 .pie .half-circle,
.circle_progressbar.progress-30 .pie .half-circle
{ border-color: #6a88a9; }
.circle_progressbar.progress-10 .shadow,
.circle_progressbar.progress-20 .shadow,
.circle_progressbar.progress-30 .shadow
{ border-color: #e1ebf9; }
.circle_center_label.progress-10,
.circle_center_label.progress-20,
.circle_center_label.progress-30
{ color: #6a88a9; }
/* 40-50-60 */
.circle_progressbar.progress-40 .pie .half-circle,
.circle_progressbar.progress-50 .pie .half-circle,
.circle_progressbar.progress-60 .pie .half-circle
{ border-color: #349EFF; }
.circle_progressbar.progress-40 .shadow,
.circle_progressbar.progress-50 .shadow,
.circle_progressbar.progress-60 .shadow
{ border-color: #DBF0FB; }
.circle_center_label.progress-40,
.circle_center_label.progress-50,
.circle_center_label.progress-60
{ color: #349EFF; }
/* 70-80-90-100 - default dark orange color */

.theme-panelone .label .badge {
	border-radius: 2px;
	margin-right: -5px;
	margin-top: -2px;
}

/* Label dots */

.label.label-withdot::before {
	display: inline-block;
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 8px;
	border: 3px solid var(--theme-label-default-border-color);
	margin-right: 3px;
	margin-bottom: 1px;
}

.label-primary.label-withdot::before { border-color: var(--theme-label-primary-border-color); }
.label-success.label-withdot::before { border-color: var(--theme-label-success-border-color); }
.label-danger.label-withdot::before  { border-color: var(--theme-label-danger-border-color); }
.label-warning.label-withdot::before { border-color: var(--theme-label-warning-border-color); }
.label-info.label-withdot::before    { border-color: var(--theme-label-info-border-color); }