@charset "UTF-8";

/* Color and variables */
:root {
	--sp-primary-1: #667ca3;
	--bs-primary: #667ca3;
	--bs-primary-rgb: 102, 124, 163;
	--sp-primary-2: #394e75;
	--sp-primary-3: #22395E;
	--sp-secondary-1: #e3f5fc;
	--bs-primary-bg-subtle: #e3f5fc;
	--sp-secondary-2: #039be5;
	--sp-secondary-3: #1375AB;
	--sp-secondary-2-r: 3;
	--sp-secondary-2-g: 155;
	--sp-secondary-2-b: 229;
	--sp-success-1: #e6ffe9;
	--sp-success-2: #4db721;
	--bs-success: #4db721;
	--bs-success-rgb: 77, 183, 33;
	--sp-success-3: #0E8D10;
	--sp-warning-1: #fff3e0;
	--bs-warning-bg-subtle: #fff3e0;
	--sp-warning-2: #fb9516;
	--bs-warning: #fb9516;
	--bs-warning-rgb: 251, 149, 22;
	--sp-warning-3: #B36800;
	--sp-danger-1: #fee5e6;
	--bs-danger-bg-subtle: #fee5e6;
	--sp-danger-2: #d32f2f;
	--bs-danger: #d32f2f;
	--bs-danger-rgb: 211, 47, 47;
	--sp-danger-3: #c22b2b;
	--sp-greys-1: #F3F4F5;
	--sp-greys-2: #ccd4e0;
	--sp-greys-3: #666a87;
	--sp-color-light: #fff;
	--sp-on-filled: #fff;
	--sp-loader-background: rgb(255 255 255 / 70%);
	--bs-border-radius: 7px;
	--bs-border-radius-sm: 7px;
	--bs-border-radius-lg: 7px;
	--bs-border-radius-xl: 7px;
	--bs-border-radius-xxl: 7px;
	--bs-border-radius-2xl: 7px;
	--bs-pagination-border-radius: 7px;
	--sp-box-shadow-color: rgb(50 50 93 / 15%);
	--sp-logo-height-scale: 1;
}

:root[data-sp-color-scheme="quantum-blue"] {
	--sp-primary-1: #5C85FF;
	--bs-primary: #5C85FF;
	--bs-primary-rgb: 92, 133, 255;
	--sp-primary-2: #1C3273;
	--sp-primary-3: #141D39;
	--sp-secondary-1: #E7F4FF;
	--bs-primary-bg-subtle: #E7F4FF;
	--sp-secondary-2: #4260B8;
	--sp-secondary-3: #1C3273;
	--sp-secondary-2-r: 66;
	--sp-secondary-2-g: 96;
	--sp-secondary-2-b: 184;
	--sp-success-1: #E4FFF3;
	--sp-success-2: #3DB8A3;
	--bs-success: #3DB8A3;
	--bs-success-rgb: 61, 184, 163;
	--sp-success-3: #1D685D;
	--sp-warning-1: #FFF4D6;
	--bs-warning-bg-subtle: #FFF4D6;
	--sp-warning-2: #F5A524;
	--bs-warning: #F5A524;
	--bs-warning-rgb: 245, 165, 36;
	--sp-warning-3: #C57C05;
	--sp-danger-1: #FFE3E6;
	--bs-danger-bg-subtle: #FFE3E6;
	--sp-danger-2: #ED4852;
	--bs-danger: #ED4852;
	--bs-danger-rgb: 237, 72, 82;
	--sp-danger-3: #C9353D;
	--sp-greys-1: #F4F6FB;
	--sp-greys-2: #D1D8EE;
	--sp-greys-3: #1B2F69;
	--sp-greys-4: #F4F6FB;
	--sp-color-light: #FFFFFF;
	--sp-loader-background: rgb(255 255 255 / 70%);
	--sp-box-shadow-color: rgb(41 70 180 / 15%);
	--bs-body-color: #1B2F69;
	--bs-emphasis-color: #273559;
	--bs-border-color: #D1D8EE;
}

:root[data-sp-color-scheme="plasma-mint"] {
	--sp-primary-1: #00A383;
	--bs-primary: #00A383;
	--bs-primary-rgb: 0, 163, 131;
	--sp-primary-2: #075A49;
	--sp-primary-3: #021713;
	--sp-secondary-1: #E5FFF3;
	--bs-primary-bg-subtle: #E5FFF3;
	--sp-secondary-2: #00AD8B;
	--sp-secondary-3: #06563B;
	--sp-secondary-2-r: 0;
	--sp-secondary-2-g: 173;
	--sp-secondary-2-b: 139;
	--sp-success-1: #E9FFE0;
	--sp-success-2: #52D638;
	--bs-success: #52D638;
	--bs-success-rgb: 82, 214, 56;
	--sp-success-3: #1D9F1F;
	--sp-warning-1: #FFF4DE;
	--bs-warning-bg-subtle: #FFF4DE;
	--sp-warning-2: #FFB75C;
	--bs-warning: #FFB75C;
	--bs-warning-rgb: 255, 183, 92;
	--sp-warning-3: #E1972F;
	--sp-danger-1: #FFEBED;
	--bs-danger-bg-subtle: #FFEBED;
	--sp-danger-2: #E14C4C;
	--bs-danger: #E14C4C;
	--bs-danger-rgb: 225, 76, 76;
	--sp-danger-3: #A80000;
	--sp-greys-1: #F2F7F4;
	--sp-greys-2: #C8DED4;
	--sp-greys-3: #3D5C4D;
	--sp-greys-4: #F2F7F4;
	--sp-color-light: #FFFFFF;
	--sp-loader-background: rgb(255 255 255 / 70%);
	--sp-box-shadow-color: rgb(25 116 80 / 15%);
	--bs-body-color: #3D5C4D;
	--bs-emphasis-color: #234636;
	--bs-border-color: #C8DED4;
}

:root[data-sp-color-scheme="void-matrix"] {
	--sp-primary-1: #4A4A4A;
	--bs-primary: #4A4A4A;
	--bs-primary-rgb: 74, 74, 74;
	--sp-primary-2: #2A2A2A;
	--sp-primary-3: #1A1A1A;
	--sp-secondary-1: #F0F0F0;
	--bs-primary-bg-subtle: #F0F0F0;
	--sp-secondary-2: #3D3D3D;
	--sp-secondary-3: #242424;
	--sp-secondary-2-r: 61;
	--sp-secondary-2-g: 61;
	--sp-secondary-2-b: 61;
	--sp-success-1: #E8FFEA;
	--sp-success-2: #4AC957;
	--bs-success: #4AC957;
	--bs-success-rgb: 74, 201, 87;
	--sp-success-3: #2FA33B;
	--sp-warning-1: #FFFBF0;
	--bs-warning-bg-subtle: #FFFBF0;
	--sp-warning-2: #E68A00;
	--bs-warning: #E68A00;
	--bs-warning-rgb: 230, 138, 0;
	--sp-warning-3: #B77615;
	--sp-danger-1: #FFE2E4;
	--bs-danger-bg-subtle: #FFE2E4;
	--sp-danger-2: #E64555;
	--bs-danger: #E64555;
	--bs-danger-rgb: 230, 69, 85;
	--sp-danger-3: #C2303E;
	--sp-greys-1: #F8F8F8;
	--sp-greys-2: #CECECE;
	--sp-greys-3: #5A5A5A;
	--sp-greys-4: #F8F8F8;
	--sp-color-light: #FFFFFF;
	--sp-loader-background: rgb(255 255 255 / 70%);
	--sp-box-shadow-color: rgb(26 26 26 / 15%);
	--bs-body-color: #5A5A5A;
	--bs-emphasis-color: #2A2A2A;
	--bs-border-color: #CECECE;
}

:root[data-sp-color-scheme="violet-pulse"] {
	--sp-primary-1: #432D8F;
	--bs-primary: #432D8F;
	--bs-primary-rgb: 67, 45, 143;
	--sp-primary-2: #481A4D;
	--sp-primary-3: #7D3583;
	--sp-secondary-1: #FBE0FF;
	--bs-primary-bg-subtle: #FBE0FF;
	--sp-secondary-2: #8B4C90;
	--sp-secondary-3: #5F1B64;
	--sp-secondary-2-r: 139;
	--sp-secondary-2-g: 76;
	--sp-secondary-2-b: 144;
	--sp-success-1: #DBFFDD;
	--sp-success-2: #30C081;
	--bs-success: #30C081;
	--bs-success-rgb: 48, 192, 129;
	--sp-success-3: #008A4E;
	--sp-warning-1: #FFFAF0;
	--bs-warning-bg-subtle: #FFFAF0;
	--sp-warning-2: #F5A824;
	--bs-warning: #F5A824;
	--bs-warning-rgb: 245, 168, 36;
	--sp-warning-3: #D17C0E;
	--sp-danger-1: #FFF0F1;
	--bs-danger-bg-subtle: #FFF0F1;
	--sp-danger-2: #ED4A71;
	--bs-danger: #ED4A71;
	--bs-danger-rgb: 237, 74, 113;
	--sp-danger-3: #CF204C;
	--sp-greys-1: #F6F2F3;
	--sp-greys-2: #E0D1D8;
	--sp-greys-3: #481A4D;
	--sp-greys-4: #F6F2F3;
	--sp-color-light: #FFFFFF;
	--sp-loader-background: rgb(255 255 255 / 70%);
	--sp-box-shadow-color: rgb(36 5 36 / 15%);
	--bs-body-color: #593A57;
	--bs-emphasis-color: #3E2339;
	--bs-border-color: #DECDD0;
}

:root {
	--bs-body-color: var(--sp-greys-3);
	--bs-emphasis-color: var(--sp-greys-3);
	--bs-border-color: var(--sp-greys-2);
	--sp-greys-4: var(--sp-greys-1);
}

.--sp-bg-files {
	background: #2D3FAA !important;
}

.--sp-bg-tools {
	background: #9B1E6C !important;
}

.tooltip {
	--bs-tooltip-bg: var(--sp-primary-3);
}

.pagination {
	--bs-pagination-disabled-bg: var(--sp-greys-1);
	--bs-pagination-disabled-color: var(--sp-greys-2);
	--bs-pagination-active-bg: var(--sp-secondary-2);
	--bs-pagination-active-border-color: var(--sp-secondary-2);
	--bs-pagination-color: var(--sp-secondary-2);
	--bs-pagination-focus-box-shadow: none;
	--bs-pagination-hover-color: var(--sp-secondary-3);
	--bs-pagination-hover-bg: var(--sp-greys-1);
	--bs-pagination-padding-x: 1rem;
	--bs-pagination-padding-y: 0.375rem;
}

.dropdown-menu {
	--bs-dropdown-divider-bg: var(--sp-greys-2);
	--bs-dropdown-link-active-color: var(--bs-dropdown-link-color);
	--bs-dropdown-link-active-bg: var(--sp-greys-1);
	--bs-dropdown-link-hover-color: var(--bs-dropdown-link-color);
	--bs-dropdown-link-hover-bg: var(--sp-greys-1);
	box-shadow: 0 2px 6px var(--sp-box-shadow-color);
}

.btn {
	--bs-btn-padding-y: 9px;
	--bs-btn-padding-x: 20px;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
	outline: 0 !important;
}

.btn-primary {
	--bs-btn-color: var(--sp-on-filled);
	--bs-btn-bg: var(--sp-secondary-2);
	--bs-btn-border-color: var(--sp-secondary-2);
	--bs-btn-hover-color: var(--sp-on-filled);
	--bs-btn-hover-bg: var(--sp-secondary-3);
	--bs-btn-hover-border-color: var(--sp-secondary-3);
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: var(--sp-on-filled);
	--bs-btn-active-bg: var(--sp-secondary-3);
	--bs-btn-active-border-color: var(--sp-secondary-3);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--sp-on-filled);
	--bs-btn-disabled-bg: var(--sp-greys-2);
	--bs-btn-disabled-border-color: var(--sp-greys-2);
}

.btn-success {
	--bs-btn-color: var(--sp-on-filled);
	--bs-btn-bg: var(--sp-success-2);
	--bs-btn-border-color: var(--sp-success-2);
	--bs-btn-hover-color: var(--sp-on-filled);
	--bs-btn-hover-bg: var(--sp-success-3);
	--bs-btn-hover-border-color: var(--sp-success-3);
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: var(--sp-on-filled);
	--bs-btn-active-bg: var(--sp-success-3);
	--bs-btn-active-border-color: var(--sp-success-3);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--sp-on-filled);
	--bs-btn-disabled-bg: var(--sp-success-1);
	--bs-btn-disabled-border-color: var(--sp-success-1);
}

.btn-warning {
	--bs-btn-color: var(--sp-on-filled);
	--bs-btn-bg: var(--sp-warning-2);
	--bs-btn-border-color: var(--sp-warning-2);
	--bs-btn-hover-color: var(--sp-on-filled);
	--bs-btn-hover-bg: var(--sp-warning-3);
	--bs-btn-hover-border-color: var(--sp-warning-3);
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: var(--sp-on-filled);
	--bs-btn-active-bg: var(--sp-warning-3);
	--bs-btn-active-border-color: var(--sp-warning-3);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--sp-on-filled);
	--bs-btn-disabled-bg: var(--sp-warning-1);
	--bs-btn-disabled-border-color: var(--sp-warning-1);
}

.btn-danger {
	--bs-btn-color: var(--sp-on-filled);
	--bs-btn-bg: var(--sp-danger-2);
	--bs-btn-border-color: var(--sp-danger-2);
	--bs-btn-hover-color: var(--sp-on-filled);
	--bs-btn-hover-bg: var(--sp-danger-3);
	--bs-btn-hover-border-color: var(--sp-danger-3);
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: var(--sp-on-filled);
	--bs-btn-active-bg: var(--sp-danger-3);
	--bs-btn-active-border-color: var(--sp-danger-3);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--sp-on-filled);
	--bs-btn-disabled-bg: var(--sp-danger-1);
	--bs-btn-disabled-border-color: var(--sp-danger-1);
}

.btn-light {
	--bs-btn-color: var(--sp-greys-3);
	--bs-btn-bg: var(--sp-greys-1);
	--bs-btn-border-color: var(--sp-greys-1);
	--bs-btn-hover-color: var(--sp-greys-3);
	--bs-btn-hover-bg: var(--sp-greys-2);
	--bs-btn-hover-border-color: var(--sp-greys-2);
	--bs-btn-focus-shadow-rgb: 211, 212, 213;
	--bs-btn-active-color: var(--sp-greys-3);
	--bs-btn-active-bg: var(--sp-greys-2);
	--bs-btn-active-border-color: var(--sp-greys-2);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--sp-greys-3);
	--bs-btn-disabled-bg: var(--sp-greys-1);
	--bs-btn-disabled-border-color: var(--sp-greys-1);
}

.btn-dark {
	--bs-btn-color: var(--sp-on-filled);
	--bs-btn-bg: var(--sp-primary-2);
	--bs-btn-border-color: var(--sp-primary-2);
	--bs-btn-hover-color: var(--sp-on-filled);
	--bs-btn-hover-bg: var(--sp-primary-3);
	--bs-btn-hover-border-color: var(--sp-primary-3);
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: var(--sp-on-filled);
	--bs-btn-active-bg: var(--sp-primary-3);
	--bs-btn-active-border-color: var(--sp-primary-3);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--sp-on-filled);
	--bs-btn-disabled-bg: var(--sp-greys-1);
	--bs-btn-disabled-border-color: var(--bs-border-color);
}

.btn-outline-primary {
	--bs-btn-color: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: var(--sp-on-filled);
	--bs-btn-hover-bg: var(--bs-primary);
	--bs-btn-hover-border-color: var(--bs-primary);
	--bs-btn-active-color: var(--sp-on-filled);
	--bs-btn-active-bg: var(--bs-primary);
	--bs-btn-active-border-color: var(--bs-primary);
	--bs-btn-disabled-color: var(--bs-primary);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--bs-primary);
	--bs-gradient: none;
}

.btn-outline-secondary {
	--bs-btn-color: var(--sp-greys-3);
	--bs-btn-border-color: var(--sp-greys-3);
	--bs-btn-hover-color: var(--sp-on-filled);
	--bs-btn-hover-bg: var(--sp-greys-3);
	--bs-btn-hover-border-color: var(--sp-greys-3);
	--bs-btn-focus-shadow-rgb: 108, 117, 125;
	--bs-btn-active-color: var(--sp-on-filled);
	--bs-btn-active-bg: var(--sp-greys-3);
	--bs-btn-active-border-color: var(--sp-greys-3);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--sp-greys-3);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--sp-greys-3);
	--bs-gradient: none;
}

.btn-primary,
.btn-secondary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info,
.btn-light,
.btn-dark,
.btn-link {
	--bs-btn-disabled-bg: var(--sp-greys-1);
	--bs-btn-disabled-border-color: var(--bs-border-color);
	--bs-btn-disabled-color: var(--sp-greys-2);
	--bs-btn-disabled-opacity: 1;
}

.page-link {
	border-radius: var(--bs-pagination-border-radius);
}

.table {
	--bs-table-color: var(--sp-greys-3);
}


/* Background Colors */
.--sp-bg-primary-1 {
	background: var(--sp-primary-1) !important;
}

.--sp-bg-primary-2 {
	background: var(--sp-primary-2) !important;
}

.--sp-bg-primary-3 {
	background: var(--sp-primary-3) !important;
}

.--sp-bg-secondary-1 {
	background: var(--sp-secondary-1) !important;
}

.--sp-bg-secondary-2 {
	background: var(--sp-secondary-2) !important;
}

.--sp-bg-secondary-3 {
	background: var(--sp-secondary-3) !important;
}

.--sp-bg-greys-1 {
	background: var(--sp-greys-1) !important;
}

.--sp-bg-greys-2 {
	background: var(--sp-greys-2) !important;
}

.--sp-bg-greys-3 {
	background: var(--sp-greys-3) !important;
}

.--sp-bg-greys-4 {
	background: var(--sp-greys-4) !important;
}

.--sp-bg-success-1 {
	background: var(--sp-success-1) !important;
}

.--sp-bg-success-2 {
	background: var(--sp-success-2) !important;
}

.--sp-bg-success-3 {
	background: var(--sp-success-3) !important;
}

.--sp-bg-warning-1 {
	background: var(--sp-warning-1) !important;
}

.--sp-bg-warning-2 {
	background: var(--sp-warning-2) !important;
}

.--sp-bg-warning-3 {
	background: var(--sp-warning-3) !important;
}

.--sp-bg-danger-1 {
	background: var(--sp-danger-1) !important;
}

.--sp-bg-danger-2 {
	background: var(--sp-danger-2) !important;
}

.--sp-bg-danger-3 {
	background: var(--sp-danger-3) !important;
}

.--sp-bg-white {
	background: var(--sp-color-light) !important;
}

/* Border Colors */
.--sp-border-primary-1 {
	border-color: var(--sp-primary-1) !important;
}

.--sp-border-primary-2 {
	border-color: var(--sp-primary-2) !important;
}

.--sp-border-primary-3 {
	border-color: var(--sp-primary-3) !important;
}

.--sp-border-secondary-1 {
	border-color: var(--sp-secondary-1) !important;
}

.--sp-border-secondary-2 {
	border-color: var(--sp-secondary-2) !important;
}

.--sp-border-secondary-3 {
	border-color: var(--sp-secondary-3) !important;
}

.--sp-border-greys-1 {
	border-color: var(--sp-greys-1) !important;
}

.--sp-border-greys-2 {
	border-color: var(--sp-greys-2) !important;
}

.--sp-border-greys-3 {
	border-color: var(--sp-greys-3) !important;
}

.--sp-border-success-1 {
	border-color: var(--sp-success-1) !important;
}

.--sp-border-success-2 {
	border-color: var(--sp-success-2) !important;
}

.--sp-border-success-3 {
	border-color: var(--sp-success-3) !important;
}

.--sp-border-warning-1 {
	border-color: var(--sp-warning-1) !important;
}

.--sp-border-warning-2 {
	border-color: var(--sp-warning-2) !important;
}

.--sp-border-warning-3 {
	border-color: var(--sp-warning-3) !important;
}

.--sp-border-danger-1 {
	border-color: var(--sp-danger-1) !important;
}

.--sp-border-danger-2 {
	border-color: var(--sp-danger-2) !important;
}

.--sp-border-danger-3 {
	border-color: var(--sp-danger-3) !important;
}

/* Background Hover Colors */
.--sp-bg-hover-primary-1:hover {
	background: var(--sp-primary-1) !important;
}

.--sp-bg-hover-primary-2:hover {
	background: var(--sp-primary-2) !important;
}

.--sp-bg-hover-primary-3:hover {
	background: var(--sp-primary-3) !important;
}

.--sp-bg-hover-secondary-1:hover {
	background: var(--sp-secondary-1) !important;
}

.--sp-bg-hover-secondary-2:hover {
	background: var(--sp-secondary-2) !important;
}

.--sp-bg-hover-secondary-3:hover {
	background: var(--sp-secondary-3) !important;
}

.--sp-bg-hover-greys-1:hover {
	background: var(--sp-greys-1) !important;
}

.--sp-bg-hover-greys-2:hover {
	background: var(--sp-greys-2) !important;
}

.--sp-bg-hover-greys-3:hover {
	background: var(--sp-greys-3) !important;
}

.--sp-bg-hover-greys-4:hover {
	background: var(--sp-greys-4) !important;
}

.--sp-bg-hover-danger-1:hover {
	background: var(--sp-danger-1) !important;
}

.--sp-bg-hover-danger-2:hover {
	background: var(--sp-danger-2) !important;
}

.--sp-bg-hover-danger-3:hover {
	background: var(--sp-danger-3) !important;
}

.--sp-bg-hover-warning-1:hover {
	background: var(--sp-warning-1) !important;
}

.--sp-bg-hover-warning-2:hover {
	background: var(--sp-warning-2) !important;
}

.--sp-bg-hover-warning-3:hover {
	background: var(--sp-warning-3) !important;
}

.--sp-bg-hover-secondary-1:hover {
	background: var(--sp-secondary-1) !important;
}

.--sp-bg-hover-secondary-2:hover {
	background: var(--sp-secondary-2) !important;
}

.--sp-bg-hover-secondary-3:hover {
	background: var(--sp-secondary-3) !important;
}

.--sp-bg-hover-primary-1:hover {
	background: var(--sp-primary-1) !important;
}

.--sp-bg-hover-primary-2:hover {
	background: var(--sp-primary-2) !important;
}

.--sp-bg-hover-primary-3:hover {
	background: var(--sp-primary-3) !important;
}

.--sp-bg-hover-transparent:hover {
	background: transparent !important;
}

.--sp-bg-hover-danger-1:hover {
	background: var(--sp-danger-1) !important;
}

.--sp-bg-hover-danger-2:hover {
	background: var(--sp-danger-2) !important;
}

.--sp-bg-hover-danger-3:hover {
	background: var(--sp-danger-3) !important;
}

.--sp-bg-hover-warning-1:hover {
	background: var(--sp-warning-1) !important;
}

.--sp-bg-hover-warning-2:hover {
	background: var(--sp-warning-2) !important;
}

.--sp-bg-hover-warning-3:hover {
	background: var(--sp-warning-3) !important;
}

.--sp-bg-hover-secondary-1:hover {
	background: var(--sp-secondary-1) !important;
}

.--sp-bg-hover-secondary-2:hover {
	background: var(--sp-secondary-2) !important;
}

.--sp-bg-hover-secondary-3:hover {
	background: var(--sp-secondary-3) !important;
}

.--sp-bg-hover-primary-1:hover {
	background: var(--sp-primary-1) !important;
}

.--sp-bg-hover-primary-2:hover {
	background: var(--sp-primary-2) !important;
}

.--sp-bg-hover-primary-3:hover {
	background: var(--sp-primary-3) !important;
}

.--sp-bg-hover-transparent:hover {
	background: transparent !important;
}

/* Text Colors */
.--sp-color-white,
.--sp-color-white a {
	color: #fff !important;
}

.--sp-color-primary-1,
.--sp-color-primary-1 a {
	color: var(--sp-primary-1) !important;
}

.--sp-color-primary-2,
.--sp-color-primary-2 a {
	color: var(--sp-primary-2) !important;
}

.--sp-color-primary-3,
.--sp-color-primary-3 a {
	color: var(--sp-primary-3) !important;
}

.--sp-color-success-1,
.--sp-color-success-1 a {
	color: var(--sp-success-1) !important;
}

.--sp-color-success-2,
.--sp-color-success-2 a {
	color: var(--sp-success-2) !important;
}

.--sp-color-success-3,
.--sp-color-success-3 a {
	color: var(--sp-success-3) !important;
}

.--sp-color-danger-1,
.--sp-color-danger-1 a {
	color: var(--sp-danger-1) !important;
}

.--sp-color-danger-2,
.--sp-color-danger-2 a {
	color: var(--sp-danger-2) !important;
}

.--sp-color-danger-3,
.--sp-color-danger-3 a {
	color: var(--sp-danger-3) !important;
}

.--sp-color-warning-1,
.--sp-color-warning-1 a {
	color: var(--sp-warning-1) !important;
}

.--sp-color-warning-2,
.--sp-color-warning-2 a {
	color: var(--sp-warning-2) !important;
}

.--sp-color-warning-3,
.--sp-color-warning-3 a {
	color: var(--sp-warning-3) !important;
}

.--sp-color-secondary-1,
.--sp-color-secondary-1 a {
	color: var(--sp-secondary-1) !important;
}

.--sp-color-secondary-2,
.--sp-color-secondary-2 a {
	color: var(--sp-secondary-2) !important;
}

.--sp-color-secondary-3,
.--sp-color-secondary-3 a {
	color: var(--sp-secondary-3) !important;
}

.--sp-color-greys-1,
.--sp-color-greys-1 a {
	color: var(--sp-greys-1) !important;
}

.--sp-color-greys-2,
.--sp-color-greys-2 a {
	color: var(--sp-greys-2) !important;
}

.--sp-color-greys-3,
.--sp-color-greys-3 a,
.--sp-color-greys-3:before {
	color: var(--sp-greys-3) !important;
}

.--sp-color-greys-4,
.--sp-color-greys-4 a,
.--sp-color-greys-4:before {
	color: var(--sp-greys-4) !important;
}

.--sp-color-transparent,
.--sp-color-transparent a {
	color: transparent !important;
}

/* Text Hover Colors */
.--sp-color-hover-white:hover,
.--sp-color-hover-white:hover a,
.--sp-color-hover-white a:hover {
	color: #fff !important;
}

.--sp-color-hover-primary-1:hover,
.--sp-color-hover-primary-1:hover a,
.--sp-color-hover-primary-1:hover a {
	color: var(--sp-primary-1) !important;
}

.--sp-color-hover-primary-2:hover,
.--sp-color-hover-primary-2:hover a,
.--sp-color-hover-primary-2:hover a {
	color: var(--sp-primary-2) !important;
}

.--sp-color-hover-primary-3:hover,
.--sp-color-hover-primary-3:hover a,
.--sp-color-hover-primary-3:hover a {
	color: var(--sp-primary-3) !important;
}

.--sp-color-hover-secondary-1:hover,
.--sp-color-hover-secondary-1:hover a,
.--sp-color-hover-secondary-1:hover a {
	color: var(--sp-secondary-1) !important;
}

.--sp-color-hover-secondary-2:hover,
.--sp-color-hover-secondary-2:hover a,
.--sp-color-hover-secondary-2:hover a {
	color: var(--sp-secondary-2) !important;
}

.--sp-color-hover-secondary-3:hover,
.--sp-color-hover-secondary-3:hover a,
.--sp-color-hover-secondary-3:hover a {
	color: var(--sp-secondary-3) !important;
}

.--sp-color-hover-greys-1:hover:hover,
.--sp-color-hover-greys-1:hover:hover a,
.--sp-color-hover-greys-1:hover a {
	color: var(--sp-greys-2) !important;
}

.--sp-color-hover-greys-2:hover:hover,
.--sp-color-hover-greys-2:hover:hover a,
.--sp-color-hover-greys-2:hover a {
	color: var(--sp-greys-2) !important;
}

.--sp-color-hover-greys-3:hover:hover,
.--sp-color-hover-greys-3:hover:hover a,
.--sp-color-hover-greys-3:hover a {
	color: var(--sp-greys-3) !important;
}

.--sp-color-hover-danger-1:hover:hover,
.--sp-color-hover-danger-1:hover:hover a,
.--sp-color-hover-danger-1:hover a {
	color: var(--sp-danger-1) !important;
}

.--sp-color-hover-danger-2:hover:hover,
.--sp-color-hover-danger-2:hover:hover a,
.--sp-color-hover-danger-2:hover a {
	color: var(--sp-danger-2) !important;
}

.--sp-color-hover-danger-3:hover:hover,
.--sp-color-hover-danger-3:hover:hover a,
.--sp-color-hover-danger-3:hover a {
	color: var(--sp-danger-3) !important;
}

.--sp-color-hover-warning-1:hover:hover,
.--sp-color-hover-warning-1:hover:hover a,
.--sp-color-hover-warning-1:hover a {
	color: var(--sp-warning-1) !important;
}

.--sp-color-hover-warning-2:hover:hover,
.--sp-color-hover-warning-2:hover:hover a,
.--sp-color-hover-warning-2:hover a {
	color: var(--sp-warning-2) !important;
}

.--sp-color-hover-warning-3:hover:hover,
.--sp-color-hover-warning-3:hover:hover a,
.--sp-color-hover-warning-3:hover a {
	color: var(--sp-warning-3) !important;
}

.--sp-color-hover-secondary-1:hover:hover,
.--sp-color-hover-secondary-1:hover:hover a,
.--sp-color-hover-secondary-1:hover a {
	color: var(--sp-secondary-1) !important;
}

.--sp-color-hover-secondary-2:hover:hover,
.--sp-color-hover-secondary-2:hover:hover a,
.--sp-color-hover-secondary-2:hover a {
	color: var(--sp-secondary-2) !important;
}

.--sp-color-hover-secondary-3:hover:hover,
.--sp-color-hover-secondary-3:hover:hover a,
.--sp-color-hover-secondary-3:hover a {
	color: var(--sp-secondary-3) !important;
}

.--sp-color-hover-primary-1:hover:hover,
.--sp-color-hover-primary-1:hover:hover a,
.--sp-color-hover-primary-1:hover a {
	color: var(--sp-primary-1) !important;
}

.--sp-color-hover-primary-2:hover:hover,
.--sp-color-hover-primary-2:hover:hover a,
.--sp-color-hover-primary-2:hover a {
	color: var(--sp-primary-2) !important;
}

.--sp-color-hover-primary-3:hover:hover,
.--sp-color-hover-primary-3:hover:hover a,
.--sp-color-hover-primary-3:hover a {
	color: var(--sp-primary-3) !important;
}

.--sp-hover-weight-600:hover {
	font-weight: 600 !important;
}

/* Alerts Colors */
.alert-primary {
	--bs-alert-color: var(--bs-primary);
	--bs-alert-bg: var(--bs-primary-bg-subtle);
	--bs-alert-border-color: var(--bs-primary);
	--bs-alert-link-color: var(--bs-primary);
}

.alert-danger {
	--bs-alert-color: var(--sp-danger-3);
	--bs-alert-bg: var(--sp-danger-1);
	--bs-alert-border-color: var(--sp-danger-3);
	--bs-alert-link-color: var(--sp-danger-3);
}

.alert-warning {
	--bs-alert-color: var(--sp-warning-2);
	--bs-alert-bg: var(--sp-warning-1);
	--bs-alert-border-color: var(--sp-warning-2);
	--bs-alert-link-color: var(--sp-warning-2);
}

.alert-success {
	--bs-alert-color: var(--sp-success-3);
	--bs-alert-bg: var(--sp-success-1);
	--bs-alert-border-color: var(--sp-success-3);
	--bs-alert-link-color: var(--sp-success-3);
}

.alert-info {
	--bs-alert-color: var(--sp-secondary-3);
	--bs-alert-bg: var(--sp-secondary-1);
	--bs-alert-border-color: var(--sp-secondary-3);
	--bs-alert-link-color: var(--sp-secondary-3);
}

/* Alert Icon */
.alert span.material-symbols-outlined {
	font-size: 3rem;
	font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' -25, 'opsz' 48;
}

.alert .status-icon {
	font-size: 2.2rem !important;
	margin-right: 10px;
}

.bootstrap-growl.alert {
	display: flex;
	align-items: center;
	min-width: 300px;
	max-width: 700px;
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
}

.alert .close {
	color: inherit;
}

.alert .close span {
	font-size: 1.3rem;
	font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 0, 'opsz' 20;
}

/* Alert Copy Icon */
.alert-content span.material-symbols-outlined {
	font-size: 1rem;
}

/* Header */
.--sp-header {
	background-color: var(--sp-primary-2);
}

/* Dynamic Search */
ul.input-dynamicSearch-results-ul {
	padding: 0;
}

ul.input-dynamicSearch-results-ul li {
	padding-left: 0.7rem;
	list-style: none;
	line-height: 1.7rem;
	cursor: pointer;
}

ul.input-dynamicSearch-results-ul li:hover {
	background-color: var(--sp-secondary-2);
	color: #fff;
}

.input-dynamicSearch-results {
	position: absolute;
	top: 100%;
	z-index: 9;
	border-radius: var(--bs-border-radius) !important;
	box-shadow: 0 2px 6px var(--sp-box-shadow-color);
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

/* Progress bar */
.progress-lg {
	height: 10px;
}

.progress-xl {
	height: 30px;
}

.progress {
	--bs-progress-bg: var(--sp-greys-1);
	border-color: var(--sp-greys-2);
	--bs-progress-height: 0.5rem;
}

.progress-bar {
	width: 0%;
	color: transparent;
	transition: width 1s ease-in-out, color 1s ease-in-out;
	;
}

.progress-bar.animate {
	color: #fff;
}

/* Used in File Manager */
.progress .inner {
	display: block;
	height: 100%;
	content: ' ';
	background-color: var(--sp-secondary-2)
}

.progress-bar.progress-bar-no-animation {
	transition: none;
}

/* Modals */
.modal {
	--bs-modal-width: 700px;
	--bs-modal-header-padding: 0.7rem 0.9rem;
}

.modal-title {
	font-size: 1rem;
	font-weight: 600;
	display: block;
	width: 100%;
}

.modal-title .material-symbols-outlined {
	font-size: 1.6rem;
	margin-right: 5px;
}

.breadcrumb span {
	margin: 0 5px;
}

.modal-header [data-bs-dismiss="modal"] {
	font-size: 1.4rem;
	color: var(--sp-greys-2);
	position: relative;
	cursor: pointer;
}

.modal-footer {
	border: none;
	padding: 0;
	margin-top: 30px;
}

.modal-body>.loader-wrapper {
	top: -50px;
	height: calc(100% + 50px);
	border-radius: var(--bs-modal-border-radius);
}


/* Datepicker/timepicker - Easepick - inside easepick-custom.css */
.datepicker-icon {
	position: absolute;
	left: 10px;
	top: 10px;
}

.material-symbols-outlined.inputIcon {
	position: absolute;
	left: 10px;
	top: 10px;
}

.material-symbols-outlined.inputIcon+.with-icon {
	padding-left: 34px;
}

[data-toggle="datepicker"].with-icon {
	padding-left: 34px;
}

/* Body rules */
body {
	font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	font-size: 0.9375rem;
	background-color: var(--sp-greys-1);
}

/* Logo */
.--sp-logo-img,
.header-brand-img {
	height: calc(2rem * var(--sp-logo-height-scale, 1));
	line-height: calc(2rem * var(--sp-logo-height-scale, 1));
	vertical-align: bottom;
	margin-right: 0.5rem;
	width: auto;
	transition: all .15s linear;
}

/* Nav Menus */
.--sp-user-nav {
	position: relative;
}

.--sp-sub-nav {
	position: absolute;
	right: 0;
	bottom: -18px;
	font-size: 75%;
	white-space: nowrap;
}

/* Global Link Rules */
a {
	text-decoration: none;
}

/* Global Card Rules */
.card {
	box-shadow: 0 2px 6px var(--sp-box-shadow-color);
	--bs-card-border-width: 0;
}

.card-title {
	color: var(--bs-emphasis-color) !important;
	font-weight: 500;
	text-transform: capitalize;
	font-size: 1.4rem;
	margin: -10px -15px -10px -10px;
	position: relative;
}

.card-title:before {
	position: absolute;
	bottom: -10px;
	width: calc(100% + 30px);
	height: 1px;
	background-color: var(--sp-greys-1);
	content: ' ';
	left: -15px;
}


/* Global Outline Rules - use brand primary for focus ring */
.form-control:focus,
.form-select:focus {
	outline: none;
	border-color: var(--bs-primary);
	box-shadow: none;
}

/* DataTables styling */
table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_desc:before,
table.dataTable thead>tr>th.sorting_asc_disabled:before,
table.dataTable thead>tr>th.sorting_desc_disabled:before,
table.dataTable thead>tr>td.sorting:before,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_desc:before,
table.dataTable thead>tr>td.sorting_asc_disabled:before,
table.dataTable thead>tr>td.sorting_desc_disabled:before,
table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_asc:after,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_desc_disabled:after,
table.dataTable thead>tr>td.sorting:after,
table.dataTable thead>tr>td.sorting_asc:after,
table.dataTable thead>tr>td.sorting_desc:after,
table.dataTable thead>tr>td.sorting_asc_disabled:after,
table.dataTable thead>tr>td.sorting_desc_disabled:after {
	font-family: 'Material Symbols Outlined';
	font-weight: bold;
	font-style: normal;
	line-height: 1;
	font-size: 0.9rem;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 200, 'opsz' 20;
	right: 5px;
}

table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_desc:before,
table.dataTable thead>tr>th.sorting_asc_disabled:before,
table.dataTable thead>tr>th.sorting_desc_disabled:before,
table.dataTable thead>tr>td.sorting:before,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_desc:before,
table.dataTable thead>tr>td.sorting_asc_disabled:before,
table.dataTable thead>tr>td.sorting_desc_disabled:before {
	content: '\e5ce';
	margin-bottom: -3px;
}

table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_asc:after,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_desc_disabled:after,
table.dataTable thead>tr>td.sorting:after,
table.dataTable thead>tr>td.sorting_asc:after,
table.dataTable thead>tr>td.sorting_desc:after,
table.dataTable thead>tr>td.sorting_asc_disabled:after,
table.dataTable thead>tr>td.sorting_desc_disabled:after {
	content: '\e5cf';
	margin-top: -3px;
}

.table-responsive.hide-search .dataTables_searchbox {
	display: none;
}

table.dataTable>tbody>tr.odd:not(.even)>*,
.striped-custom>tbody>tr:nth-child(odd)>*,
.striped-custom>div:nth-child(odd) {
	background-color: var(--sp-greys-1);
}

table.dataTable {
	margin-bottom: 20px !important;
}

.dropdown.bootstrap-select.dataTables_pagination_select {
	width: initial !important;
	margin: 0 5px;
}

.dropdown.bootstrap-select.dataTables_pagination_select button {
	padding: 0.1rem 0.75rem;
}

.table>:not(caption)>*>* {
	border: none;
}

.table thead th {
	border-bottom: 0;
	color: var(--sp-greys-3);
	font-weight: 500;
	vertical-align: middle;
	text-transform: capitalize;
	border-right: 1px solid var(--sp-greys-1);
}

div.dataTables_wrapper div.dataTables_info {
	padding-top: 10px;
	font-size: 90%;
}

table.dataTable thead tr th {
	text-overflow: ellipsis;
	overflow: hidden;
}

table tr td {
	vertical-align: middle;
}

.dataTables_wrapper {
	position: relative;
}

.pagination li.previous a span.material-symbols-outlined,
.pagination li.next a span.material-symbols-outlined {
	text-align: center;
	margin-left: -1px;
	margin-right: -6px;
	top: 3px;
	margin-bottom: -5px;
	line-height: 0.9rem;
	position: relative;
	font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
}

span.dtr-data {
	white-space: break-spaces;
	word-break: break-all;
	overflow-wrap: break-word;
}

ul.dtr-details {
	list-style: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid var(--sp-greys-2);
	margin-bottom: 10px;
}

ul.dtr-details .dtr-title {
	font-weight: bold;
	display: block;
}

table input[type="checkbox"] {
	display: inline-block !important;
	margin: 0 !important;
	top: 3px;
}

td:first-child.buttons.dtr-control input[type="checkbox"] {
	display: inline-block !important;
	margin-right: 5px !important;
}

table.dataTable thead>tr>th.sorting_disabled:before,
table.dataTable thead>tr>th.sorting_disabled:after {
	display: none;
}

table.dataTable>tbody>tr.selected>*,
table.dataTable.table-hover>tbody>tr.selected:hover>* {
	box-shadow: inset 0 0 0 9999px var(--sp-secondary-2);
	color: var(--sp-greys-1) !important;
}

td.child {
	padding: 0;
}

ul.dtr-details li {
	padding: 0.7rem 0.5rem;
}

/* Dropdown menu */
a.dropdown-item {
	display: flex;
	align-items: center;
}

.dropdown-menu a {
	font-size: 14px;
}

a.dropdown-item span+span {
	margin-left: 5px;
}

.dropdown-header {
	font-weight: 600;
}

/* Link colors */
a {
	color: var(--sp-secondary-2)
}

a:hover {
	color: var(--sp-secondary-3);
}

/* Toolbar */
.btn-toolbar {
	background-color: var(--sp-greys-1);
	border: 1px solid var(--sp-greys-2);
	border-radius: var(--bs-border-radius);
	display: inline-flex;
}

.btn-toolbar a.btn:hover {
	color: var(--sp-secondary-2);
}

.btn-toolbar a.btn {
	padding: 0.4rem 0.7rem;
}

.btn-toolbar span.separator {
	display: inline-block;
	width: 1px;
	height: calc(100% - 6px);
	background-color: var(--sp-greys-2);
	top: 3px;
	position: relative;
}

/* ACE editor default theme */
.ace-chrome .ace_gutter {
	background: var(--sp-greys-1);
	border: 1px solid var(--sp-greys-2);
	border-top-left-radius: var(--bs-border-radius);
	border-bottom-left-radius: var(--bs-border-radius);
}

.ace-chrome .ace_scroller {
	border: 1px solid var(--sp-greys-2);
	border-left: 0;
	border-top-right-radius: var(--bs-border-radius);
	border-bottom-right-radius: var(--bs-border-radius);
}

#editcontent {
	height: 500px;
	width: 100%;
}


/* Squircle */
.squircle {
	position: relative;
	display: block;
	width: 52px;
	height: 52px;
	border-radius: 17px;
	border: 2px solid;
}

.squircle-md {
	width: 40px;
	height: 40px;
	border-radius: 13px;
}

.squircle-sm {
	width: 30px;
	height: 30px;
	border-radius: 11px;
}


/* User icons menu */
.icon.squircle.emails {
	border-color: var(--sp-warning-3) !important;
}

.menu-link:not(.disabled):not([disabled]):hover .icon.squircle.emails,
.menu-link:not(.disabled):not([disabled]):hover .icon.squircle.emails span:before,
.menu-link:not(.disabled):not([disabled]):focus .icon.squircle.emails,
.menu-link.focused .icon.squircle.emails,
.menu-link.focused .icon.squircle.emails span:before,
.menu-link:not(.disabled):not([disabled]):focus .icon.squircle.emails span:before {
	background: var(--sp-warning-3) !important;
	color: #fff !important;
}

.icon.squircle.mysql {
	border-color: var(--sp-danger-3) !important;
}

.menu-link:not(.disabled):not([disabled]):hover .icon.squircle.mysql,
.menu-link:not(.disabled):not([disabled]):hover .icon.squircle.mysql span:before,
.menu-link:not(.disabled):not([disabled]):focus .icon.squircle.mysql,
.menu-link.focused .icon.squircle.mysql,
.menu-link.focused .icon.squircle.mysql span:before,
.menu-link:not(.disabled):not([disabled]):focus .icon.squircle.mysql span:before {
	background: var(--sp-danger-3) !important;
	color: #fff !important;
}

.icon.squircle.settings {
	border-color: var(--sp-success-3) !important;
}

.menu-link:not(.disabled):not([disabled]):hover .icon.squircle.settings,
.menu-link:not(.disabled):not([disabled]):hover .icon.squircle.settings span:before,
.menu-link:not(.disabled):not([disabled]):focus .icon.squircle.settings,
.menu-link.focused .icon.squircle.settings,
.menu-link.focused .icon.squircle.settings span:before,
.menu-link:not(.disabled):not([disabled]):focus .icon.squircle.settings span:before {
	background: var(--sp-success-3) !important;
	color: #fff !important;
}

.icon.squircle.domains {
	border-color: var(--sp-secondary-3) !important;
}

.menu-link:not(.disabled):not([disabled]):hover .icon.squircle.domains,
.menu-link:not(.disabled):not([disabled]):hover .icon.squircle.domains span:before,
.menu-link:not(.disabled):not([disabled]):focus .icon.squircle.domains,
.menu-link.focused .icon.squircle.domains,
.menu-link.focused .icon.squircle.domains span:before,
.menu-link:not(.disabled):not([disabled]):focus .icon.squircle.domains span:before {
	background: var(--sp-secondary-3) !important;
	color: #fff !important;
}

.icon.squircle.files {
	border-color: #2D3FAA !important;
}

.menu-link:not(.disabled):not([disabled]):hover .icon.squircle.files,
.menu-link:not(.disabled):not([disabled]):hover .icon.squircle.files span:before,
.menu-link:not(.disabled):not([disabled]):focus .icon.squircle.files,
.menu-link.focused .icon.squircle.files,
.menu-link.focused .icon.squircle.files span:before,
.menu-link:not(.disabled):not([disabled]):focus .icon.squircle.files span:before {
	background: #2D3FAA !important;
	color: #fff !important;
}

.icon.squircle.tools {
	border-color: #9B1E6C !important;
}

.menu-link:not(.disabled):not([disabled]):hover .icon.squircle.tools,
.menu-link:not(.disabled):not([disabled]):hover .icon.squircle.tools span:before,
.menu-link:not(.disabled):not([disabled]):focus .icon.squircle.tools,
.menu-link.focused .icon.squircle.tools,
.menu-link.focused .icon.squircle.tools span:before,
.menu-link:not(.disabled):not([disabled]):focus .icon.squircle.tools span:before {
	background: #9B1E6C !important;
	color: #fff !important;
}

.icon.squircle.software {
	border-color: var(--sp-primary-2) !important;
}

.menu-link:not(.disabled):not([disabled]):hover .icon.squircle.software,
.menu-link:not(.disabled):not([disabled]):hover .icon.squircle.software span:before,
.menu-link:not(.disabled):not([disabled]):focus .icon.squircle.software,
.menu-link.focused .icon.squircle.software,
.menu-link.focused .icon.squircle.software span:before,
.menu-link:not(.disabled):not([disabled]):focus .icon.squircle.software span:before {
	background: var(--sp-primary-2) !important;
	color: #fff !important;
}

.menu-link:not(.disabled):not([disabled]):hover>.icon span:before {
	color: #fff !important;
}

@media screen and (min-width: 1024px) {
	.menu-link-text {
		width: calc(100% - 60px) !important;
	}
}

/* Pick files upload input */
input#pickFiles {
	background-color: var(--sp-greys-1);
	padding: 60px 25px 30px 25px;
	border: 2px dashed var(--sp-secondary-2);
	width: 100%;
	margin: 0;
	transition: all .2s linear;
	border-radius: var(--bs-border-radius);
	color: var(--sp-secondary-2);
}

.upload-wrapper .material-symbols-outlined.upload {
	position: absolute;
	z-index: 10;
	top: calc(50% - 1.75rem);
	font-size: 2.5rem;
	left: calc(50% - 1.25rem);
	transition: all .2s linear;
	color: var(--sp-secondary-2);
}

.upload-wrapper:hover>.material-symbols-outlined.upload {
	color: var(--sp-secondary-2);
}

input#pickFiles:hover {
	cursor: pointer;
	background-color: var(--sp-secondary-1);
	color: var(--sp-secondary-2);
}

#list span.percent {
	float: right;
}

#list span.name {
	max-width: 70%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

#list span.size {
	display: inline-block;
	overflow: hidden;
	color: grey;
	font-size: 85%;
	top: -1px;
	position: relative;
}

#list div {
	margin-bottom: 10px;
}

.moxie-shim {
	display: none;
}

button.cancelUploads {
	padding: 5px 8px;
	border-radius: 6px;
	font-size: 16px;
	margin-left: 13px;
}

button.cancelUploads:hover {
	background-color: var(--sp-secondary-2);
	cursor: pointer;
}

.upload-wrapper {
	white-space: nowrap;
	overflow: hidden;
	margin-top: 20px;
}

div#list {
	margin-top: 20px;
}

#pickFiles.active {
	width: 90%;
}

/* Summary checkboxes */
.summary-details {
	display: block;
	margin-bottom: 5px;
	position: relative;
	margin-left: 15px;
}

.summary-details:before {
	left: -15px;
	top: 5px;
	width: 6px;
	height: 9px;
	border: solid;
	border-width: 0px 3px 3px 0px;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	position: absolute;
	z-index: 2;
}

/* Form alert when showing input-errors */
form .alert {
	width: 100%;
	border-radius: var(--bs-border-radius) !important;
}

/* Input type file upload drag/drop form */

.dragdropform .dragdrop {
	background: var(--sp-greys-1);
	position: relative;
	border: 2px dashed var(--sp-secondary-2);
	min-height: 170px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width: 100%;
	display: inline-block;
}

.dragdropform .uploadFile input {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 95%;
	height: 170px;
	outline: none;
	opacity: 0;
	cursor: pointer;
	z-index: 1000;
}

.dragdropform .dragdrop.existing .replace-logo,
.dragdropform .dragdrop .logo-ready.show {
	display: block;
}

.dragdropform .dragdrop .drag-logo,
.dragdropform .dragdrop .logo-ready,
.dragdropform .replace-logo span,
.dragdropform .dragdrop .logo-ready.show {
	text-align: center;
	font-size: 16px;
	color: var(--sp-secondary-2);
	font-weight: 400;
	width: 100%;
	left: 0;
	z-index: 1;
	margin-bottom: 0;
}

.dragdropform .dragdrop.existing .drag-logo {
	display: none;
}

.dragdropform .dragdrop .logo-ready {
	display: none;
}

.dragdrop span.material-symbols-outlined {
	display: block;
	font-size: 50px;
	margin-bottom: 10px;
}

.dragdrop:hover {
	background-color: var(--sp-secondary-1) !important;
}

/* Helper and misc classes */
.word-break-word {
	word-break: break-word;
}

.hover-underline:hover {
	text-decoration: underline;
}

.fw-500 {
	font-weight: 500 !important;
}

.btn {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	font-weight: 500;
	letter-spacing: 0.03em;
	font-size: .85rem;
	min-width: 2.375rem;
	line-height: 26px;
}

.btn-primary:not(.disabled):not(:disabled),
.btn-success:not(.disabled):not(:disabled) {
	text-shadow: 0 0 1px var(--sp-primary-2)
}

.btn-small {
	padding: 6px 15px !important;
}

.btn-small span.material-symbols-outlined {
	font-size: 1rem;
}

.getNewPass {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

span.material-symbols-outlined.info {
	cursor: default;
	top: 4px;
	position: relative;
	left: -2px;
}

span.material-symbols-outlined,
.btn.material-symbols-outlined {
	font-size: 1.2rem;
	line-height: 1.6rem;
}

a.btn {
	line-height: initial;
}

.btn span.material-symbols-outlined:first-child {
	margin-left: -4px;
	margin-right: 2px;
}

.btn span.material-symbols-outlined:last-child,
#toggleSidebar .material-symbols-outlined {
	margin-right: -2px;
	margin-left: 10px;
}

.input-group-text.icon-inside {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
	background-color: transparent;
	border-color: transparent;
}

.input-group-text.bg-transparent {
	background-color: transparent;
	border-color: transparent;
}

div#main-content.folded {
	width: calc(100% - 60px);
}

div#main-content {
	transition: all .2s linear;
}

.pagination li {
	margin: 0 3px;
}

.page {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 100%;
}

.table-responsive {
	overflow-x: inherit;
}

.--sp-search-group {
	width: auto;
}

.nav-item:last-child a.nav-sub {
	padding-bottom: 15px;
}

i.material-symbols-outlined.info {
	font-size: 1.1rem;
	font-variation-settings: 'FILL' 0,
		'wght' 700,
		'GRAD' 200,
		'opsz' 20;
}

span .form-label {
	text-transform: none;
}

.form-label {
	font-weight: 500;
}

label {
	cursor: pointer;
}

label.disabled,
label:disabled {
	color: var(--sp-greys-2);
}

span.input-group-text.icon-inside {
	padding: 0.575rem 0.75rem;
}

.form-control {
	line-height: 2;
}

.--sp-user-nav .btn {
	padding: 2px 10px;
}

.--sp-user-nav .btn.show {
	border-color: transparent;
}

.passgen .input-group-text {
	padding: 0.05rem .75rem;
}

th {
	min-width: 45px;
}

.small,
small {
	opacity: .7;
}

hr {
	border-color: var(--sp-greys-2);
}

h3 {
	font-size: 1rem;
	font-weight: 600;
	text-transform: capitalize;
}

.cursor-default {
	cursor: default !important;
}

.cursor-pointer {
	cursor: pointer !important;
}

.btn-header-visible {
	position: relative;
	z-index: 100;
}

.code-spam {
	color: var(--sp-danger-3);
	padding: 0 5px;
}

.max-height {
	max-height: 300px;
	overflow: hidden scroll;
}

.max-height-200 {
	max-height: 200px;
	overflow: hidden scroll;
}

.max-height-100 {
	max-height: 100px;
	overflow: hidden scroll;
}

.tooltip-max-width-none .tooltip-inner {
	max-width: 100%;
}

.big-badge-icon {
	font-size: 4.5rem !important;
}

img {
	max-width: 100%;
}

.expand-icon {
	position: relative;
	padding-left: 5px;
	padding: 0;
	cursor: pointer;
	font-size: 1.4rem !important;
	color: var(--sp-greys-3);
	line-height: 37px !important;
}

td {
	min-height: 39px;
}

.min-width-80 {
	min-width: 80px !important;
}

pre {
	background-color: var(--sp-greys-1);
	padding: 15px 10px;
	border-radius: var(--bs-border-radius);
	border: 1px solid var(--sp-greys-2);
	color: var(--sp-primary-1);
}

.input-group-text {
	padding: initial;
}

.state-invalid,
.state-invalid+.dropdown-toggle {
	background-color: var(--sp-danger-1) !important;
	border-color: var(--sp-danger-2) !important;
}

.form-control:disabled {
	background-color: var(--sp-greys-1);
	cursor: not-allowed;
}

.form-control[readonly]:not([data-toggle="datepicker"]) {
	background-color: var(--sp-greys-1);
	cursor: default;
}

.form-control-sm {
	padding: 0.05rem 0.5rem;
}

.filter-option-inner {
	padding-right: 13px;
}

body {
	min-height: 100vh;
	position: relative;
	padding-bottom: 80px;
}

footer.footer-user-area {
	position: absolute;
	bottom: -60px;
	width: 100%;
}

.ellipsis-lg {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block !important;
	width: 100%;
}

.bootstrap-select.form-control-sm .dropdown-toggle {
	padding: 0.05rem 0.5rem;
}

.rounded-top-left-0 {
	border-top-left-radius: 0 !important;
}

.rounded-bottom-left-0 {
	border-bottom-left-radius: 0 !important;
}

.rounded-top-right-0 {
	border-top-right-radius: 0 !important;
}

.rounded-bottom-right-0 {
	border-bottom-right-radius: 0 !important;
}

.modal-title b {
	margin: 0 6px;
}

.input-group-text.icon-inside.icon-start {
	right: initial;
	left: -3px;
}

.--sp-background-odd {
	background-color: var(--sp-greys-1) !important;
}

.modal-content {
	box-shadow: 0 2px 6px var(--sp-box-shadow-color);
}

.form-floating {
	padding-right: 35px !important;
}

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

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

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

textarea::placeholder,
input::placeholder {
	color: var(--sp-greys-3) !Important;
	opacity: 0.7 !important;
}

li.disabled {
	cursor: not-allowed;
}

label:not(:disabled):hover input,
input:not(:disabled):not([type='range']):hover,
.dropdown button:not(.btn-primary):hover {
	background-color: var(--sp-greys-1);
}

.expand-icon+span {
	margin-left: 10px;
}

#jumpToAccountModal .form-label {
	font-weight: 500;
}

.usageCell {
	position: relative;
}

.usageCell:after {
	position: absolute;
	content: ' ';
	height: 50%;
	background-color: var(--sp-greys-2);
	width: 1px;
	right: 0em;
	top: 25%;
}

.usageCell.last-child:after {
	display: none;
}

.usageText {
	font-size: 80%;
}

.usageCell label {
	font-size: 90%;
}

code {
	font-size: 1rem;
	color: var(--sp-greys-3);
	background-color: var(--sp-greys-1);
	display: block;
	padding: 0.5rem;
	border-radius: var(--bs-border-radius);
}

.overflow-wrap {
	overflow-wrap: break-word;
}

.itemlist ul li {
	font-weight: 600;
}

.dropdownMenus li.dropdown-header {
	min-height: 42px;
}

.dropdownMenus .dropdown-header .text {
	display: none;
}

.bootstrap-select .dropdown-menu li.active small {
	color: var(--sp-greys-3) !important;
}

.rounded-0 .dropdown-toggle {
	border-radius: 0 !important;
}

.rounded-start .dropdown-toggle {
	border-top-left-radius: var(--bs-border-radius) !important;
	border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-end .dropdown-toggle {
	border-top-right-radius: var(--bs-border-radius) !important;
	border-bottom-right-radius: var(--bs-border-radius) !important;
}

.bootstrap-select .dropdown-menu li a span.text {
	display: inline-flex;
	align-items: center;
	width: 100%;
}

/* Tour */
.tour-highlighted {
	position: relative;
	z-index: 10000;
	background-color: #fff;
	padding: 10px;
	border-radius: var(--bs-border-radius);
	transition: all .2s linear;
}

.tour-info-section {
	position: fixed;
	bottom: 20px;
	z-index: 10000000;
	width: 100%;
	left: 0;
}

.tour-info-section ul {
	padding-left: 1rem;
}

.tour-info-section .close-button {
	position: absolute;
	right: 8px;
	top: 8px;
}

.tour-info-section .step {
	font-size: 70%;
	top: -1px;
	position: relative;
}

.alert-content {
	word-break: break-word;
}

/* Notifications */
.notifications-dropdown {
	width: 500px;
	z-index: 10000;
	overflow-y: scroll;
	background-clip: initial;
}

.notification-row-support {
	height: 27px;
}

.notification-card:hover .mark-as-seen,
.notification-card:hover .delete-notification,
.notification-card:hover .action-button {
	display: inline-flex !important;
}

/* Notification action buttons — growl toast + bell dropdown */
.btn-notification-action {
	display: inline-flex;
	align-items: center;
	gap: 0.2rem;
	background: color-mix(in srgb, var(--bs-alert-bg) 90%, var(--bs-alert-color));
	color: inherit;
	border: none;
	border-radius: var(--bs-border-radius);
	font-size: 0.78rem;
	font-weight: 600;
	padding: 0.18rem 0.55rem;
	text-decoration: none;
	white-space: nowrap;
	line-height: 1.5;
	transition: background 0.15s ease;
}
.btn-notification-action:hover {
	background: color-mix(in srgb, var(--bs-alert-bg) 80%, var(--bs-alert-color));
	color: inherit;
	text-decoration: none;
}
.btn-notification-action .material-symbols-outlined {
	font-size: 0.95rem;
	line-height: 1;
	font-weight: 600;
}
.btn-notification-action .loader {
	width: 1rem;
	height: 1rem;
}
.btn-notification-action .loader:before, .btn-notification-action .loader:after {
	width: 1rem;
	height: 1rem;
	margin: -0.5rem 0 0 -0.5rem;
}
/* Bell dropdown variant — uses panel theme colors instead */
.notification-card .btn-notification-action {
	background: var(--sp-greys-1);
	color: var(--sp-primary-2);
	border: none;
	font-size: 0.75rem;
	padding: 0;
}
.notification-card .btn-notification-action:hover {
	background: var(--sp-greys-1);
	color: var(--sp-secondary-3);
}
.notification-card .notification-actions {
	opacity: 0;
	margin-right: auto;
	margin-top: 0 !important;
}
.notification-card:hover .notification-actions {
	opacity: 1;
}
.notification-card-footer {
	padding-left: 2.75rem;
}

#notificationBell .material-symbols-outlined {
	font-size: 1.5rem;
}

#notificationBell:hover>.notification-bell-dynamic {
	opacity: .5;
}

a#notificationBell {
	width: 29px;
	height: 25px;
	display: block;
}

.notification-bell-dynamic {
	/* height: 25px; */
	position: absolute;
	top: 2px;
	left: -2px;
}

span#notificationCount {
	position: absolute;
	left: 15px;
	top: -10px;
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	display: flex;
	border-radius: 100%;
	align-items: center;
	justify-content: center;
}

span#notificationCount.many {
	width: 20px;
	height: 20px;
}

.no-hover:hover {
	background-color: transparent;
	cursor: default;
}

/* Scrollbars */
::-webkit-scrollbar {
	width: 5px;
}

::-webkit-scrollbar-thumb {
	background-color: rgba(155, 155, 155, 0.5);
	border-radius: var(--bs-border-radius);
	border: transparent;
}

/* For Firefox */
* {
	scrollbar-width: thin;
	/* Thin scrollbar */
	scrollbar-color: rgba(155, 155, 155, 0.5) transparent;
	/* Scrollbar thumb color and track color */
}

/* Breadcrumbs */
.breadcrumb {
	white-space: nowrap;
	min-width: 100%;
	display: block;
	overflow-x: auto;
	overflow-y: hidden;
	font-size: 0;
	margin-bottom: 0;
}

.breadcrumb li:first-child a {
	margin-left: -10px;
}

.breadcrumb li a {
	color: var(--sp-greys-3);
	font-size: 13px;
	text-decoration: none;
	padding: 10px;
	position: relative;
	float: left;
}

.breadcrumb li a:before {
	content: "\e5cc";
	position: absolute;
	top: 30%;
	right: -7px;
	z-index: 2;
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 17px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

.breadcrumb li:first-child a:before {
	left: 86%;
}

.breadcrumb li:last-child a:before {
	display: none;
}

.breadcrumb span.material-symbols-outlined {
	line-height: 20px;
	font-size: 18px;
	font-variation-settings: 'FILL' 0,
		'wght' 300,
		'GRAD' 0,
		'opsz' 20;
}


/* Loader */
@-webkit-keyframes loader {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes loader {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.loader-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--sp-loader-background);
	z-index: 1050;
	border-radius: var(--bs-border-radius);
}

.hidden-loading .loader-wrapper {
	display: none;
}

.loader-wrapper .loader {
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}


.loader {
	display: block;
	position: relative;
	height: 2.5rem;
	width: 2.5rem;
	color: #467fcf;
}

.loader:before,
.loader:after {
	width: 2.5rem;
	height: 2.5rem;
	margin: -1.25rem 0 0 -1.25rem;
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
}

.loader:before {
	border-radius: 50%;
	border: 3px solid currentColor;
	opacity: 0.15;
}

.loader:after {
	-webkit-animation: loader 0.6s linear;
	animation: loader 0.6s linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	border-radius: 50%;
	border: 3px solid;
	border-color: transparent;
	border-top-color: currentColor;
	box-shadow: 0 0 0 1px transparent;
}

a.loader-status {
	position: absolute;
	top: 0;
	right: 20px;
	overflow: visible !important;
}

.loader-status .loader {
	top: 18px;
	right: -30px;
	left: initial;
	display: none;
}

.loader-status .loader:before {
	width: 1.2rem;
	height: 1.2rem;
}

.loader-status .loader:after {
	width: 1.2rem;
	height: 1.2rem;
}

.loader-status.active .loader {
	display: inline-block;
}

.btn .loader-wrapper,
.loader-wrapper.loader-sm {
	top: -1px;
	left: -1px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
}

.btn .loader,
.loader-wrapper.loader-sm .loader {
	scale: 0.5;
	top: 25%;
}

#loginto .loader {
	transform: scale(0.5) translateY(-40px);
}

.loader.table {
	width: 1rem;
	height: 1rem;
	margin: 0;
}

.loader.table:before,
.loader.table:after {
	width: 1rem;
	height: 1rem;
	margin: -0.5rem 0 0 -0.5rem;
}

.loader-rotate {
	-webkit-animation: loader 2s linear;
	animation: loader 2s linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

/* Admin Sidebar */
nav#sidebar {
	padding: 0;
	background: var(--sp-color-light);
	-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
	transition: all .2s linear;
	position: relative;
}

#sidebar ul a {
	display: flex;
	align-items: center;
	font-size: 15px;
}

#sidebar a .material-symbols-outlined {
	font-variation-settings: 'FILL' 0, 'wght' 100, 'GRAD' 200, 'opsz' 20;
	margin-right: 5px;
}

#sidebar a.nav-sub .material-symbols-outlined {
	font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 200, 'opsz' 10;
}

a.nav-link.collapsed {
	background-color: var(--sp-primary-2) !important;
}

#sidebar a .material-symbols-outlined:last-child {
	margin-left: auto;
}

#sidebar.folded a span:nth-child(2) {
	display: none;
}

#sidebar.folded a.nav-link {
	padding: 10px 10px !important;
	flex-wrap: wrap;
	justify-content: center;
}

#sidebar.folded {
	width: 55px;
}


#sidebar.folded footer {
	display: none !important;
}

#sidebar.folded .header-search span.input-group-text.icon-inside {
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	left: -3px;
	right: -5px;
}

#sidebar.folded .material-symbols-outlined.float-end {
	margin-left: 0;
}

#sidebar.folded input[name="search"]::placeholder {
	color: transparent;
}

button#toggleSidebar {
	right: -8px;
	position: absolute;
	z-index: 20;
	top: -8px;
	padding: 0;
	width: 22px;
	height: 22px;
	padding: 0 !important;
	min-width: initial;
}

button#toggleSidebar span {
	font-size: 1.2rem;
	left: -11px;
	top: -2px;
	position: relative;
}

#sidebar.folded button#toggleSidebar span {
	left: -9px;
}

#sidebar.folded a.sub .material-symbols-outlined {
	top: 1px;
}

a.nav-link.nav-sub.active {
	color: var(--sp-secondary-2) !important;
	font-weight: 600;
}

input[type="range"]::-webkit-slider-thumb {
	background: var(--sp-secondary-2) !important;
}

input[type="range"]::-moz-range-thumb {
	background: var(--sp-secondary-2) !important;
}

input[type="range"]:focus::-webkit-slider-thumb {
	outline: none;
	border-color: var(--bs-primary);
	box-shadow: none;
}

input[type="range"]:focus::-moz-range-thumb {
	outline: none;
	border-color: var(--bs-primary);
	box-shadow: none;
}



/* Global Tabs Rules */
.nav-tabs {
	--bs-nav-link-color: var(--bs-body-color);
	--bs-nav-link-hover-color: var(--sp-secondary-2);
	--bs-nav-tabs-link-active-border-color: transparent;
	--bs-nav-tabs-link-active-bg: var(--sp-secondary-1);
	--bs-nav-tabs-link-active-color: var(--sp-secondary-3);
	--bs-nav-tabs-border-color: var(--sp-greys-2);
}

.nav-tabs .nav-link.active {
	font-weight: 500;
	border-bottom: none;
	background-color: transparent;
	border-color: var(--sp-greys-2);
	color: var(--sp-greys-3);
}

.nav-tabs .nav-link:not(.active):focus,
.nav-tabs .nav-link:not(.active):hover {
	isolation: isolate;
	border-color: var(--bs-nav-tabs-link-hover-border-color);
	background: var(--sp-secondary-1);
}

.nav-tabs .nav-item {
	margin-bottom: 0;
	display: inline-flex;
}

.nav-tabs .nav-link {
	border: var(--bs-nav-tabs-border-width) solid var(--sp-greys-2);
	background-color: var(--sp-greys-1);
}

.nav-tabs .nav-link.active:after {
	content: ' ';
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: 0;
	background-color: var(--bs-body-bg);
	left: 0;
}

.nav-tabs .nav-link.active {
	position: relative;
}

/* Vertical tabs */
.nav-tabs.flex-column {
	border: none;
}

.nav-tabs.flex-column .nav-link {
	border-radius: var(--bs-border-radius);
	margin-bottom: 5px;
}

/* Tooltip Rules */
.tooltip.fade {
	z-index: 999999;
}

.tooltip .info-icon {
	left: 5px;
	position: relative;
}

.tooltip {
	position: absolute;
	z-index: 1070;
	margin: 0;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	white-space: normal;
	line-break: auto;
	word-wrap: break-word;
}

.tooltip.bs-tooltip-top {
	margin-bottom: 8px !important;
}

.tooltip.bs-tooltip-bottom {
	margin-top: 8px !important;
}

.tooltip.bs-tooltip-start {
	margin-right: 8px !important;
}

.tooltip.bs-tooltip-end {
	margin-left: 8px !important;
}

.bs-tooltip-bottom .tooltip-arrow {
	top: calc(-0.2* var(--bs-tooltip-arrow-height));
}

.tooltip.show {
	opacity: 1
}

.tooltip .arrow {
	position: absolute;
	display: block;
	width: .8rem;
	height: .4rem
}

.tooltip .arrow::before {
	position: absolute;
	content: "";
	border-color: transparent;
	border-style: solid
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
	bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
	top: 0;
	border-width: .4rem .4rem 0;
	border-top-color: var(--sp-primary-3)
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
	padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
	left: 0;
	width: .4rem;
	height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
	right: 0;
	border-width: .4rem .4rem .4rem 0;
	border-right-color: var(--sp-primary-3)
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
	padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
	top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
	bottom: 0;
	border-width: 0 .4rem .4rem;
	border-bottom-color: var(--sp-primary-3)
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
	padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
	right: 0;
	width: .4rem;
	height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
	left: 0;
	border-width: .4rem 0 .4rem .4rem;
	border-left-color: var(--sp-primary-3)
}

.tooltip-inner {
	max-width: 350px;
	padding: 0.7rem 1rem;
	color: #fff;
	text-align: left;
	border-radius: 0.25rem;
	box-shadow: 0px 2px 5px 0px rgba(30, 31, 44, 0.5);
}

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

/* Checkboxes and radios */
input[type=checkbox]:not(.toggle),
input[type=radio]:not(.toggle) {
	-webkit-appearance: button;
	height: 30px;
	width: 30px;
	display: inline-block;
	margin: 0;
	position: relative;
	cursor: pointer;
	appearance: unset;
	background: var(--sp-color-light);
	border-radius: var(--bs-border-radius);
	border: 1px solid var(--sp-secondary-2);
	margin-right: 7px;
	flex-shrink: 0;
}

input[type=radio]:not(.toggle) {
	border-radius: var(--bs-border-radius);
}

input[type=checkbox]:not(.toggle):checked:before,
input[type=checkbox]:not(.toggle):indeterminate:before,
input[type=checkbox]:not(.toggle).indeterminate:before {
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 22px;
	line-height: 30px;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	font-variation-settings: 'FILL' 0, 'wght' 600, 'GRAD' -25, 'opsz' 24;
	color: var(--sp-secondary-2);
}

input[type=checkbox]:not(.toggle):checked:before {
	content: ' done ';
}

input[type=checkbox]:not(.toggle):indeterminate:not(:checked):before,
input[type=checkbox]:not(.toggle).indeterminate:not(:checked):before {
	content: ' remove ';
}

input[type=radio]:not(.toggle):checked:before {
	top: 7px;
	left: 7px;
	width: 14px;
	height: 14px;
	border-radius: 4px;
	background-color: var(--sp-secondary-2);
	content: "";
	position: absolute;
}

input[type=checkbox]:not(.toggle):focus,
input[type=radio]:not(.toggle):focus {
	box-shadow: 0 0 3px #A9C6D7 !important;
}

input[type=checkbox]:not(.toggle):disabled,
input[type=radio]:not(.toggle):disabled {
	border-color: var(--sp-greys-2);
	background-color: var(--sp-greys-1);
	cursor: not-allowed;
}

input[type=checkbox]:not(.toggle):checked:disabled:before,
input[type=radio]:not(.toggle):checked:disabled:before {
	color: var(--sp-greys-2);
}

input:not(.disabled):not([disabled]):not(.toggle):not([type='range']):hover,
.dropdown:not(.disabled):not([disabled]):hover>button.dropdown-toggle {
	background-color: var(--sp-greys-1);
}

/* Pills (for select element) */
.pills-wrapper .delete-pill {
	font-size: 1.2rem !important;
	right: -8px;
	position: relative;
	line-height: 0.5rem !important;
}

.pills-wrapper .pill {
	border-radius: 25px !Important;
}

/* On/off toggle (checkbox) */
input[type='checkbox'].toggle {
	appearance: unset;
	height: 30px;
	width: 30px;
	display: inline-block;
	background-color: var(--bs-body-bg);
	border: 1px solid;
	border-radius: var(--bs-border-radius);
	position: absolute !important;
	top: -3px;
	transition: all .2s cubic-bezier(.77, 0, .18, 1);
	box-shadow: 0 0 4px var(--sp-box-shadow-color);
	border-color: var(--sp-danger-2);
	left: 1px;
	z-index: 1;
}

.toggle-wrapper .toggle-helper {
	height: 24px;
	display: inline-block;
	background-color: var(--sp-danger-2);
	border-radius: var(--bs-border-radius);
	padding-left: 35px;
	padding-right: 6px;
	text-align: center;
	text-transform: uppercase;
	line-height: 25px;
	color: var(--bs-body-bg);
	font-size: .95rem;
	transition: all .2s cubic-bezier(.77, 0, .18, 1);
	pointer-events: none;
	user-select: none;
	min-width: 71px;
}

.toggle-wrapper {
	position: relative;
	display: inline-block;
	line-height: 25.3px;
}

input[type='checkbox'].toggle:before {
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 22px;
	line-height: 30px;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	font-variation-settings: 'FILL' 0, 'wght' 600, 'GRAD' -25, 'opsz' 24;
	content: ' close ';
	color: var(--sp-danger-2);
}

input[type='checkbox'].toggle:checked {
	border-color: var(--sp-secondary-2);
	left: calc(100% - 31px);
}

input[type='checkbox'].toggle:checked:before {
	content: ' done ';
	color: var(--sp-secondary-2);
}

.toggle-wrapper.checked .toggle-helper {
	background-color: var(--sp-secondary-2);
	padding-right: 35px;
	padding-left: 6px;
}

.toggle-wrapper:not(.disabled):hover,
input[type="checkbox"].toggle:not(:disabled):hover {
	cursor: pointer;
}

.toggle-wrapper.disabled:hover,
input:disabled:hover {
	cursor: not-allowed;
}

.disabled,
input:disabled,
[disabled] {
	opacity: .5 !important;
}

.toggle-wrapper.disabled .toggle-helper {
	background-color: var(--sp-greys-2);
}

input[type='checkbox'].toggle:disabled {
	border-color: var(--sp-greys-2);
}

input[type='checkbox'].toggle:disabled:before {
	color: var(--sp-greys-2);
}

.toggle-wrapper.loading .toggle-helper {
	opacity: .3;
}

/* Label with connecting lines */
.label-lines-child {
	margin-left: 40px;
	margin-bottom: 12px;
}

.label-lines-child:last-child {
	margin-bottom: 0;
}

.label-lines-master + .label-lines-child {
	margin-top: 8px;
}

.label-lines-master input[type="checkbox"]:not(.toggle),
.label-lines-child input[type="checkbox"]:not(.toggle) {
	margin-right: 13px !important;
}

.label-lines-master {
	display: flex;
	align-items: center;
	width: 100%;
}

.label-lines-child {
	display: flex;
	align-items: center;
}

.permission-accordion-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
	width: 30px;
	height: 30px;
	border-radius: 6px;
	background-color: var(--bs-tertiary-bg, rgba(0,0,0,0.05));
	cursor: pointer;
	font-size: 20px;
	transition: background-color 0.2s;
	color: var(--sp-greys-4, #9ca3af);
	user-select: none;
	margin-left: auto;
}

.permission-accordion-toggle:hover {
	color: var(--sp-body-color, #ffffff);
	background-color: rgba(128, 128, 128, 0.2);
}

.permission-accordion-toggle.collapsed {
	transform: rotate(-90deg);
}

.permissionstable .checkbox-list-group { max-height: 350px; overflow-y: auto; border: 1px solid var(--bs-list-group-border-color, rgba(0,0,0,.125)); border-radius: 6px; }
.permissionstable .checkbox-list-group .list-group-item { border-width: 1px 0 0; }
.permissionstable .checkbox-list-group .list-group-item:first-child { border-top-width: 0; }

.label-lines-master input[type="checkbox"],
.label-lines-child input[type="checkbox"] {
	top: 0;
}

.label-lines-wrapper {
	position: relative;
	padding-top: 8px;
	padding-bottom: 8px;
}

.label-lines-master:before {
	content: ' ';
	width: 1px;
	height: calc(100% - 45px);
	background-color: var(--sp-greys-2);
	position: absolute;
	top: 22px;
	left: 13px;
}

.label-lines-child:before {
	content: ' ';
	width: 30px;
	height: 1px;
	background-color: var(--sp-greys-2);
	position: absolute;
	left: 13px;
}



/* <select> Dropdown icons */
.btn.dropdown-toggle {
	font-weight: initial;
	background-color: var(--bs-body-bg);
	background-clip: padding-box;
	border: var(--bs-border-width) solid var(--bs-border-color);
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 2;
	color: var(--bs-body-color);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: var(--bs-body-bg);
	background-clip: padding-box;
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.dropdown-toggle::after {
	font-family: 'Material Symbols Outlined';
	font-weight: bold;
	font-style: normal;
	line-height: 1;
	font-size: 0.9rem;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block !important;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 200, 'opsz' 20;
	right: -5px;
	content: '\e5cf' !important;
	margin-top: -3px !important;
	border: none !important;
	margin-left: -8px !important;
	vertical-align: 0 !important;
}

.dropdown.show>.dropdown-toggle::after {
	content: '\e5ce' !important;
}

/* Phones */
@media only screen and (max-width: 767px) {
	.--sp-sub-nav {
		position: initial;
		bottom: 0;
	}

	.menu-toggle {
		width: 39px;
		height: 33px;
		padding: 10px;
	}

	.menu-toggle span {
		display: block;
		position: relative;
		height: 2px;
		width: 17px;
		background: var(--sp-greys-4);
		border-radius: 1px;
		opacity: 1;
		left: 1px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s cubic-bezier(.68, -.55, .27, 1.55);
		-moz-transition: .25s cubic-bezier(.68, -.55, .27, 1.55);
		-o-transition: .25s cubic-bezier(.68, -.55, .27, 1.55);
		transition: .25s cubic-bezier(.68, -.55, .27, 1.55)
	}

	.menu-toggle span:nth-child(1) {
		top: 0
	}

	.menu-toggle span:nth-child(2) {
		top: 3px
	}

	.menu-toggle span:nth-child(3) {
		top: 1px
	}

	.menu-toggle span:nth-child(4) {
		top: 4px
	}

	.menu-toggle.open span:nth-child(1) {
		top: 2px;
		width: 0%;
		left: 50%
	}

	.menu-toggle.open span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	.menu-toggle.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	.menu-toggle.open span:nth-child(4) {
		top: 8px;
		width: 0%;
		left: 50%
	}

	nav.main-nav {
		position: relative;
		padding: 10px 0
	}

	div#main-content.folded {
		width: initial;
	}

	#sidebar.folded {
		width: 100%;
	}

	#sidebar.folded a span:nth-child(2) {
		display: initial;
	}

	/* Tabs Global Rules */
	.nav-tabs .nav-item {
		display: block;
		width: 100%;
	}

	.nav-tabs .nav-link {
		width: 100%;
		text-align: left;
		margin-bottom: 4px;
		border: var(--bs-nav-tabs-border-width) solid var(--sp-greys-2) !important;
		border-radius: var(--bs-nav-tabs-border-radius) !important;
	}

	.nav-tabs .nav-link.active:after {
		display: none !important;
	}

	.nav-tabs {
		border-bottom: none !important;
	}

	.bootstrap-growl.alert {
		max-width: 90%;
	}

	.card-title {
		margin: 0;
	}

	.btn span.material-symbols-outlined:last-child {
		margin: 0;
	}

	.btn span.material-symbols-outlined:first-child {
		margin: 0;
	}

	.tooltip-max-width-none .tooltip-inner {
		max-width: 350px;
	}

	.padded-with-button .btn span.material-symbols-outlined {
		margin-left: -5px !important;
	}

	.table-responsive.with-new-btn .dataTables_toolbox {
		position: initial;
	}

	.deleteall {
		margin-top: 10px;
		margin-left: 3px !important;
	}

	div.dataTables_wrapper div.dataTables_paginate ul.pagination {
		justify-content: space-between !important;
	}

	.--sp-user-nav .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
		width: 300px;
	}

	.ellipsis {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		display: inline-block !important;
		width: 100%;
	}

	.toHolder {
		width: calc(100% - 50px);
	}

	nav#sidebar {
		padding-bottom: 0;
	}

	nav.fileman-toolbar a,
	nav.fileman-toolbar>div {
		flex: 0 0 50%;
	}

	nav.fileman-toolbar.fileman-secondary-toolbar {
		border-right: 1px solid var(--sp-greys-2);
		border-top: 1px solid var(--sp-greys-2);
	}

	.table-responsive.border-start {
		border-right: 1px solid var(--sp-greys-2);
	}

	.custom-search-container {
		width: 100%;
		max-width: 100%;
	}

	i[data-toggle="tooltip"] {
		font-size: 1.3rem !important;
	}

	.notifications-dropdown {
		left: 50% !important;
		transform: translateX(-50%) !important;
		right: auto !important;
		position: fixed !important;
		top: 128px !important;
	}

	footer {
		position: absolute;
		bottom: 0;
	}
	.btn {
		--bs-btn-padding-y: 9px;
		--bs-btn-padding-x: 15px;
	}
}

/* Tablets */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.bootstrap-growl.alert {
		max-width: 90%;
	}

	.padded-with-button .btn span.material-symbols-outlined {
		margin-left: -5px !important;
	}

	.table-responsive .dataTables_toolbox {
		top: -62px;
	}

	.dataTables_searchbox input[name="search"] {
		width: 120px !important;
	}

	.dataTables_paginate .pagination li:nth-child(6),
	.dataTables_paginate .pagination li:nth-child(4) {
		display: none;
	}

	.dataTables_paginate .pagination li.previous,
	.dataTables_paginate .pagination li.next,
	.dataTables_paginate .pagination li.disabled,
	.dataTables_paginate .pagination li.active {
		display: inline;
	}

	.btn span.material-symbols-outlined:last-child {
		margin: 0;
	}

	.nav-tabs .nav-item {
		width: 100%;
	}

	.nav-tabs .nav-link {
		width: 100%;
		text-align: left;
		margin-bottom: 4px;
		border: var(--bs-nav-tabs-border-width) solid var(--sp-greys-2) !important;
		border-radius: var(--bs-nav-tabs-border-radius) !important;
	}

	.nav-tabs .nav-link.active:after {
		display: none !important;
	}

	.nav-tabs {
		border-bottom: none !important;
	}

	i[data-toggle="tooltip"] {
		font-size: 1.3rem !important;
	}
}

/* Small Desktops / Big tablets */
@media only screen and (min-width: 1024px) {
	.w-md-auto {
		width: auto !important;
	}

	.mw-md-300 {
		width: 300px !important;
		max-width: 100%;
	}

	.w-md-30 {
		width: 30%;
	}

	.w-md-50 {
		width: 50%;
	}

	.rounded-md-end-0 {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.rounded-md-start-0 {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

	.border-md-start-0 {
		border-left: none !important;
	}
}

/* Not Big screens */
@media only screen and (max-width: 1400px) {
	.padded-with-button .btn span.material-symbols-outlined {
		margin-left: -5px !important;
		position: relative;
		left: 2px;
	}

	.tour-info-section {
		width: 90%;
		left: 5%;
		position: absolute;
	}
}

/* Very Big screens */
@media only screen and (min-width: 1400px) {
	.w-lg-30 {
		width: 30%;
	}

	.w-lg-40 {
		width: 40%;
	}
}

@media only screen and (min-width: 768px) {
	ul.dtr-details li:nth-child(odd) {
		background-color: inherit;
	}

	ul.dtr-details li {
		display: inline-block;
	}

	ul.dtr-details li:nth-child(even) {
		background-color: inherit;
	}

	ul.dtr-details {
		display: flex !important;
		width: 100%;
		justify-content: space-between;
		flex-wrap: wrap;
	}
}

/* Dark Mode */
:root[data-bs-theme=dark],
[data-bs-theme=dark] {
	--sp-greys-4: var(--sp-greys-3);
	--sp-greys-1: #292E36;
	--sp-greys-2: #666F7D;
	--sp-greys-3: #ACBCD1;
	--sp-primary-2: #2D4F86;
	--sp-primary-3: #243249;
	--bs-primary-bg-subtle: #2D4F86;
	--bs-primary-border-subtle: #0288D1;
	--bs-primary-text-emphasis: #0288D1;
	--bs-primary-rgb: #B5C5DB;
	--sp-secondary-1: #243045;
	--sp-secondary-2: #0288D1;
	--sp-secondary-3: #63B0D9;
	--sp-secondary-2-r: 2;
	--sp-secondary-2-g: 136;
	--sp-secondary-2-b: 209;
	--sp-success-1: #0E2803;
	--sp-success-2: #47A91E;
	--sp-success-3: #4DB721;
	--bs-success: #4DB721;
	--sp-warning-1: #4A3A28;
	--sp-warning-2: #FC9515;
	--sp-warning-3: #FC9515;
	--bs-warning-bg-subtle: #2C251F;
	--bs-warning: #FC9515;
	--sp-danger-1: #342222;
	--sp-danger-2: #D34544;
	--sp-danger-3: #D04748;
	--bs-danger-bg-subtle: #220F0F;
	--bs-danger: #FEE6E6;
	--sp-color-light: #323741;
	--sp-loader-background: rgb(40 64 102);
	--bs-body-bg: #323741;
	--bs-border-color: #597483;
	--bs-tertiary-bg: #404857;
	--sp-box-shadow-color: rgb(0 0 0 / 30%);
}

:root[data-bs-theme=dark] .--sp-header {
	background-color: var(--bs-body-bg);
}

:root[data-bs-theme=dark] .tour-highlighted {
	color: var(--sp-greys-2) !important;
}

/*******************/
/** first mobile **/
/*****************/

/* remove */
.rounder-top-0 {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

.rounder-right-0 {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.rounder-left-0 {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.rounder-bottom-0 {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

/* sm */
@media (min-width: 576px) {

	/* add */
	.rounded-sm-bottom {
		border-bottom-left-radius: var(--bs-border-radius) !important;
		border-bottom-right-radius: var(--bs-border-radius) !important;
	}

	.rounded-sm-right {
		border-top-right-radius: var(--bs-border-radius) !important;
		border-bottom-right-radius: var(--bs-border-radius) !important;
	}

	/* remove */
	.rounder-right-sm-0 {
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}

	.rounder-left-sm-0 {
		border-top-left-radius: 0 !important;
		border-bottom-left-radius: 0 !important;
	}
}

/* fix space between searchbox and inner content */
/* in select dropdown */
.bs-searchbox+.inner {
	margin-top: .5rem;
}

/* Improve rendering on MBA 13" 1440px, introduced in admin_managebackups.tpl */
@media (min-width: 1440px) and (max-width: 1679px) {
	.col-xxl-mb-5 {
		width: 41.66666667%;
	}
}

/* DT */

td.dtr-control:before {
	display: none !important;
}

.child .dtr-details {
	display: flex !important;
	flex-wrap: wrap;
	width: 100%;
}

.child .dtr-details li {
	padding: .5rem .5rem !important;
	min-height: 40px;
	display: flex;
	flex-direction: column;

	box-sizing: border-box;
	border-bottom: 1px solid #eee;
	width: 25%;
	flex: 0 0 25%;
}

.child .dtr-details li:last-child {
	flex-grow: 1 !important;
}

ul.dtr-details li:nth-child(8n+1),
ul.dtr-details li:nth-child(8n+2),
ul.dtr-details li:nth-child(8n+3),
ul.dtr-details li:nth-child(8n+4) {
	background-color: var(--sp-greys-1);
}

ul.dtr-details li:nth-child(8n+5),
ul.dtr-details li:nth-child(8n+6),
ul.dtr-details li:nth-child(8n+7),
ul.dtr-details li:nth-child(8n+8) {
	background-color: var(--bs-body-bg);
}

.odd+.child ul.dtr-details li:nth-child(8n+1),
.odd+.child ul.dtr-details li:nth-child(8n+2),
.odd+.child ul.dtr-details li:nth-child(8n+3),
.odd+.child ul.dtr-details li:nth-child(8n+4) {
	background-color: var(--bs-body-bg);
}

.odd+.child ul.dtr-details li:nth-child(8n+5),
.odd+.child ul.dtr-details li:nth-child(8n+6),
.odd+.child ul.dtr-details li:nth-child(8n+7),
.odd+.child ul.dtr-details li:nth-child(8n+8) {
	background-color: var(--sp-greys-1);
}

/* --- MEDIA QUERIES --- */

@media (max-width: 978px) {

	.child .dtr-details li {
		width: 33.333333% !important;
		flex: 0 0 33.333333% !important;
	}

	ul.dtr-details li:nth-child(6n+1),
	ul.dtr-details li:nth-child(6n+2),
	ul.dtr-details li:nth-child(6n+3) {
		background-color: var(--sp-greys-1);
	}

	ul.dtr-details li:nth-child(6n+4),
	ul.dtr-details li:nth-child(6n+5),
	ul.dtr-details li:nth-child(6n+6) {
		background-color: var(--bs-body-bg);
	}

	/* ----------------------------------------------------- */
	.odd+.child ul.dtr-details li:nth-child(6n+1),
	.odd+.child ul.dtr-details li:nth-child(6n+2),
	.odd+.child ul.dtr-details li:nth-child(6n+3) {
		background-color: var(--bs-body-bg);
	}

	.odd+.child ul.dtr-details li:nth-child(6n+4),
	.odd+.child ul.dtr-details li:nth-child(6n+5),
	.odd+.child ul.dtr-details li:nth-child(6n+6) {
		background-color: var(--sp-greys-1);
	}
}

@media (max-width: 768px) {
	.child .dtr-details li {
		width: 100% !important;
		flex: 0 0 100% !important;
	}

	ul.dtr-details li:nth-child(odd) {
		background-color: var(--sp-greys-1);
	}

	ul.dtr-details li:nth-child(even) {
		background-color: var(--bs-body-bg);
	}

	.odd+.child ul.dtr-details li:nth-child(even) {
		background-color: var(--sp-greys-1);
	}

	.odd+.child ul.dtr-details li:nth-child(odd) {
		background-color: var(--bs-body-bg);
	}
}

.dt-hasChild.dtr-expanded {
	border-bottom: 1px solid var(--sp-greys-2);
}

.dt-hasChild.dtr-expanded+.child {
	border-bottom: 1px solid var(--sp-greys-3);
}

table.dataTable tr th.buttons:last-child,
table.dataTable tr td.buttons:last-child {
	display: table-cell !important;
}

ul.dtr-details li:has(.action-login-button),
ul.dtr-details li:has(.options) {
	display: none !important;
}

td.child:hover {
	box-shadow: unset !important;
}

table.dataTable td:last-child,
table.dataTable th:last-child {
	width: 1%;
	white-space: nowrap;
}

table.dataTable td:first-child,
table.dataTable th:first-child {
	width: 1%;
	white-space: nowrap;
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
	text-align: unset;
}

table.dataTable th.dt-type-numeric div.dt-column-header {
	flex-direction: unset;
}


:root[data-bs-theme=dark][data-sp-color-scheme="quantum-blue"],
[data-bs-theme=dark][data-sp-color-scheme="quantum-blue"] {
	--sp-primary-2: #4771F0;
	--sp-primary-3: #7081C2;
	--bs-primary-border-subtle: #111727;
	--bs-primary-text-emphasis: #A8CCFF;
	--sp-secondary-1: #1A243F;
	--sp-secondary-2: #4260B8;
	--sp-secondary-3: #B3C6FF;
	--sp-success-1: #052817;
	--sp-success-2: #36B57A;
	--sp-success-3: #3EC789;
	--sp-warning-1: #3E2B14;
	--sp-warning-2: #F5A524;
	--sp-warning-3: #FFB347;
	--bs-warning-bg-subtle: #271D10;
	--sp-danger-1: #331A1F;
	--sp-danger-2: #ED4852;
	--sp-danger-3: #FF5E6A;
	--bs-danger-bg-subtle: #230F16;
	--bs-danger: #FFD7DB;
	--sp-greys-4: #4A557A;
	--sp-greys-1: #222838;
	--sp-greys-2: #4A557A;
	--sp-greys-3: #9CA8D6;
	--sp-color-light: #252B3D;
	--sp-loader-background: rgb(22 38 74);
	--bs-body-color: #9CA8D6;
	--bs-emphasis-color: #B6C2EC;
	--bs-body-bg: #252B3D;
	--bs-border-color: #3F4A70;
	--bs-tertiary-bg: #303957;
	--sp-box-shadow-color: rgb(0 0 0 / 30%);
	--bs-primary-bg-subtle: #4771F0;
	--bs-primary: #A8CCFF;
	--bs-primary-rgb: 168, 204, 255;
	--sp-secondary-2-r: 66;
	--sp-secondary-2-g: 96;
	--sp-secondary-2-b: 184;
	--bs-success: #3EC789;
	--bs-warning: #F5A524;
}

:root[data-bs-theme=dark][data-sp-color-scheme="plasma-mint"],
[data-bs-theme=dark][data-sp-color-scheme="plasma-mint"] {
	--sp-primary-2: #00D18B;
	--sp-primary-3: #48D594;
	--bs-primary-border-subtle: #39A283;
	--bs-primary-text-emphasis: #7AFFC6;
	--sp-secondary-1: #123828;
	--sp-secondary-2: #2CBF81;
	--sp-secondary-3: #4ED69C;
	--sp-success-1: #072E1E;
	--sp-success-2: #2DBE6F;
	--sp-success-3: #39D982;
	--sp-warning-1: #3A2B15;
	--sp-warning-2: #FFB75C;
	--sp-warning-3: #FFC880;
	--bs-warning-bg-subtle: #261C0E;
	--sp-danger-1: #331820;
	--sp-danger-2: #E04668;
	--sp-danger-3: #FF5D83;
	--bs-danger-bg-subtle: #210E15;
	--bs-danger: #FFD6DF;
	--sp-greys-4: #456255;
	--sp-greys-1: #182822;
	--sp-greys-2: #456255;
	--sp-greys-3: #9FB6AB;
	--sp-color-light: #1C2C24;
	--sp-loader-background: rgb(15 58 43);
	--bs-body-color: #9FB6AB;
	--bs-emphasis-color: #9FB6AB;
	--bs-body-bg: #1C2C24;
	--bs-border-color: #3C5548;
	--bs-tertiary-bg: #273830;
	--sp-box-shadow-color: rgb(0 0 0 / 30%);
	--bs-primary-bg-subtle: #2e5b4c;
	--bs-primary: #7AFFC6;
	--bs-primary-rgb: 122, 255, 198;
	--sp-secondary-2-r: 44;
	--sp-secondary-2-g: 191;
	--sp-secondary-2-b: 129;
	--bs-success: #39D982;
	--bs-warning: #FFB75C;
}

:root[data-bs-theme=dark][data-sp-color-scheme="void-matrix"],
[data-bs-theme=dark][data-sp-color-scheme="void-matrix"] {
	--sp-primary-2: #ABABAB;
	--sp-primary-3: #DEDEDE;
	--bs-primary-border-subtle: #3D3D3D;
	--bs-primary-text-emphasis: #595959;
	--sp-secondary-1: #141414;
	--sp-secondary-2: #3D3D3D;
	--sp-secondary-3: #5F5F5F;
	--sp-success-1: #0A280D;
	--sp-success-2: #44C554;
	--sp-success-3: #5AD969;
	--sp-warning-1: #3D2A10;
	--sp-warning-2: #FFAD33;
	--sp-warning-3: #FFC257;
	--bs-warning-bg-subtle: #281B0A;
	--sp-danger-1: #330D11;
	--sp-danger-2: #BB3A3A;
	--sp-danger-3: #F47B87;
	--bs-danger-bg-subtle: #21080B;
	--bs-danger: #FFD2D8;
	--sp-greys-4: #5A5A5A;
	--sp-greys-1: #0F0F0F;
	--sp-greys-2: #5A5A5A;
	--sp-greys-3: #B8B8B8;
	--sp-color-light: #1A1A1A;
	--sp-loader-background: rgb(26 26 26);
	--bs-body-color: #B8B8B8;
	--bs-emphasis-color: #B8B8B8;
	--bs-body-bg: #141414;
	--bs-border-color: #2E2E2E;
	--bs-tertiary-bg: #1F1F1F;
	--sp-box-shadow-color: rgb(33 33 33 / 30%);
	--bs-primary-bg-subtle: #ABABAB;
	--bs-primary: #595959;
	--bs-primary-rgb: 89, 89, 89;
	--sp-secondary-2-r: 61;
	--sp-secondary-2-g: 61;
	--sp-secondary-2-b: 61;
	--bs-success: #5AD969;
	--bs-warning: #FFAD33;
}

:root[data-bs-theme=dark][data-sp-color-scheme="violet-pulse"],
[data-bs-theme=dark][data-sp-color-scheme="violet-pulse"] {
	--sp-primary-2: #F8BDFF;
	--sp-primary-3: #BA79BE;
	--bs-primary-border-subtle: #D492D9;
	--bs-primary-text-emphasis: #96349D;
	--sp-secondary-1: #E0D1DF;
	--sp-secondary-2: #834C8A;
	--sp-secondary-3: #FF5765;
	--sp-success-1: #0A2A0E;
	--sp-success-2: #31C03B;
	--sp-success-3: #3FD64B;
	--sp-warning-1: #3B2B17;
	--sp-warning-2: #FFA726;
	--sp-warning-3: #FFBB52;
	--bs-warning-bg-subtle: #D8C5AB;
	--sp-danger-1: #350B11;
	--sp-danger-2: #E91E3A;
	--sp-danger-3: #FF3D56;
	--bs-danger-bg-subtle: #B07D7D;
	--bs-danger: #FFD3D9;
	--sp-greys-4: #A388A5;
	--sp-greys-1: #1B091B;
	--sp-greys-2: #834C8A;
	--sp-greys-3: #E5CDDE;
	--sp-color-light: #240524;
	--sp-loader-background: rgb(36 5 36);
	--bs-body-color: #E5CDDE;
	--bs-emphasis-color: #E5CDDE;
	--bs-body-bg: #240524;
	--bs-border-color: #834C8A;
	--bs-tertiary-bg: #2E4084;
	--sp-box-shadow-color: rgb(36 5 36 / 30%);
	--bs-primary-bg-subtle: #F8BDFF;
	--bs-primary: #96349D;
	--bs-primary-rgb: 150, 52, 157;
	--sp-secondary-2-r: 131;
	--sp-secondary-2-g: 76;
	--sp-secondary-2-b: 138;
	--bs-success: #3FD64B;
	--bs-warning: #FFA726;
}/* Autodeploy Info Formating */
.autodeploy-info-text code {
	display: inline-block !important;
	padding: 0.1rem 0.4rem;
	margin: 0 0.2rem;
	background-color: var(--sp-bg-greys-1, #f8f9fa);
	border: 1px solid var(--sp-border-greys-2, #dee2e6);
	border-radius: 0.25rem;
	font-size: 0.9em;
	color: var(--sp-text-dark, #333);
}

.status-icon-wrap:hover,
.status-icon-wrap:active,
.status-icon-wrap:focus {
	background-color: var(--bs-btn-bg) !important;
	border-color: var(--bs-border-color) !important;
	box-shadow: none !important;
}