@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-loader-background: rgb(255 255 255 / 70%);
	--bs-border-radius: 7px;
	--bs-pagination-border-radius: 7px;
	--sp-box-shadow-color: rgb(50 50 93 / 15%);
}

: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);
}

.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: #fff;
	--bs-btn-bg: var(--sp-secondary-2);
	--bs-btn-border-color: var(--sp-secondary-2);
	--bs-btn-hover-color: #fff;
	--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: #fff;
	--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: #fff;
	--bs-btn-disabled-bg: var(--sp-greys-2);
	--bs-btn-disabled-border-color: var(--sp-greys-2);
}
.btn-success {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--sp-success-2);
	--bs-btn-border-color: var(--sp-success-2);
	--bs-btn-hover-color: #fff;
	--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: #fff;
	--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: #fff;
	--bs-btn-disabled-bg: var(--sp-success-1);
	--bs-btn-disabled-border-color: var(--sp-success-1);
}
.btn-warning {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--sp-warning-2);
	--bs-btn-border-color: var(--sp-warning-2);
	--bs-btn-hover-color: #fff;
	--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: #fff;
	--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: #fff;
	--bs-btn-disabled-bg: var(--sp-warning-1);
	--bs-btn-disabled-border-color: var(--sp-warning-1);
}
.btn-danger {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--sp-danger-2);
	--bs-btn-border-color: var(--sp-danger-2);
	--bs-btn-hover-color: #fff;
	--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: #fff;
	--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: #fff;
	--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: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa;
}
.btn-dark {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--sp-primary-2);
	--bs-btn-border-color: var(--sp-primary-2);
	--bs-btn-hover-color: #fff;
	--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: #fff;
	--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: #fff;
	--bs-btn-disabled-bg: #0d6efd;
	--bs-btn-disabled-border-color: #0d6efd;
}
.btn-outline-secondary {
    --bs-btn-color: var(--sp-greys-3);
    --bs-btn-border-color: var(--sp-greys-3);
    --bs-btn-hover-color: #fff;
    --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: #fff;
    --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-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;
}
.--sp-bg-files{
	background: #2D3FAA!important;
}
.--sp-bg-tools{
	background: #9B1E6C!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;
}

/* 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-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-hover-weight-600:hover{
	font-weight: 600!important;
}

/* Alerts Colors */
.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-3);
    --bs-alert-bg: var(--sp-warning-1);
    --bs-alert-border-color: var(--sp-warning-3);
    --bs-alert-link-color: var(--sp-warning-3);
}
.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;
}

[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{
	height: 2rem;
	line-height: 2rem;
	vertical-align: bottom;
	margin-right: 0.5rem;
	width: auto;
}

/* 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(--sp-greys-3)!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 */
.form-control:focus{ outline:none; 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;
}
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;
}
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);
}

td.child {
    padding: 0;
}

ul.dtr-details li:first-child {
    border-top: 1px solid var(--sp-greys-2);
}

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):hover .icon.squircle.emails, .menu-link:not(.disabled):hover .icon.squircle.emails span:before, .menu-link:focus .icon.squircle.emails,  .menu-link.focused .icon.squircle.emails, .menu-link.focused .icon.squircle.emails span:before , .menu-link: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):hover .icon.squircle.mysql, .menu-link:not(.disabled):hover .icon.squircle.mysql span:before, .menu-link:focus .icon.squircle.mysql,  .menu-link.focused .icon.squircle.mysql, .menu-link.focused .icon.squircle.mysql span:before , .menu-link: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):hover .icon.squircle.settings, .menu-link:not(.disabled):hover .icon.squircle.settings span:before, .menu-link:focus .icon.squircle.settings, .menu-link.focused .icon.squircle.settings, .menu-link.focused .icon.squircle.settings span:before, .menu-link: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):hover .icon.squircle.domains, .menu-link:not(.disabled):hover .icon.squircle.domains span:before, .menu-link:focus .icon.squircle.domains, .menu-link.focused .icon.squircle.domains, .menu-link.focused .icon.squircle.domains span:before , .menu-link: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):hover .icon.squircle.files, .menu-link:not(.disabled):hover .icon.squircle.files span:before, .menu-link:focus .icon.squircle.files, .menu-link.focused .icon.squircle.files, .menu-link.focused .icon.squircle.files span:before, .menu-link:focus .icon.squircle.files span:before {
	background: #2D3FAA!important;
	color: #fff!important;
}
.icon.squircle.tools {
	border-color: #9B1E6C!important;
}
.menu-link:not(.disabled):hover .icon.squircle.tools, .menu-link:not(.disabled):hover .icon.squircle.tools span:before, .menu-link:focus .icon.squircle.tools, .menu-link.focused .icon.squircle.tools, .menu-link.focused .icon.squircle.tools span:before , .menu-link: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):hover .icon.squircle.software, .menu-link:not(.disabled):hover .icon.squircle.software span:before, .menu-link:focus .icon.squircle.software,  .menu-link.focused .icon.squircle.software, .menu-link.focused .icon.squircle.software span:before, .menu-link:focus .icon.squircle.software span:before {
	background: var(--sp-primary-2)!important;
	color: #fff!important;
}
.menu-link:not(.disabled):hover > .icon span:before {
	color: #fff!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;
}
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 {
	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: 70px;
}

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):hover, .dropdown button:not(.btn-primary):hover {
    background-color: var(--sp-greys-1)!important;
}
.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;
}

/* 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;
}

#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;
}

.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;
}

/* 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 {
    	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;
    	content: ' done ';
    	font-variation-settings: 'FILL' 0, 'wght' 600, 'GRAD' -25, 'opsz' 24;
    	color: var(--sp-secondary-2);
}
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);
}
3input:not(.disabled):not([disabled]):not(.toggle):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;
}

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

.label-lines-master, .label-lines-child {
	display: flex;
	align-items: center;
	padding-top: 2px;
}

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

.label-lines-wrapper {
	position: relative;
}

.label-lines-master:before {
	content: ' ';
	width: 1px;
	height: calc( 100% - 45px );
	background-color: var(--sp-greys-2);
	position: absolute;
	top: 30px;
	left: 13px;
}
.label-lines-child:before {
	content: ' ';
	width: 60px;
	height: 1px;
	background-color: var(--sp-greys-2);
	position: absolute;
	left: 13px;
}
.label-lines-child:last-child:before {
	border-left: 1px solid #fff;
}

/* <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 {
		max-width: 40%;
	}
	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;
	}
}

/* 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;
	}
}
/* Big screens */
@media only screen and (min-width: 1200px){
	th.sorting_disabled:nth-child(1):not(.sorting_asc):not(.sorting_desc), td:nth-child(1):not(.sorting_1) {
		text-align: center !important;
	}
}
/* 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;
		width: 100%;
		justify-content: space-between;
		flex-wrap: wrap;
	}
}

/* Dark Mode */
:root[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;
}