/* CUSTOM CSS */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

*:not(i):not(.fas):not(.fa) {
	font-family: "DM Sans", sans-serif !important;
}

html{
	font-size: 18px;
}

.breadcrumb{
	opacity: 0 !important;
}

.carousel-control-prev-icon {
	filter: invert(0) grayscale(0) !important;
}

body.light .carousel-control-prev-icon {
	filter: invert(1) grayscale(1) !important;
}

body.light .carousel-control-next {
	filter: invert(1) grayscale(1) !important;
}

.carousel-control-next-icon {
	filter: invert(0) grayscale(0) !important;
}

.carousel-indicators {
	bottom: -60px;
}

.carousel-caption p {
	color: white;
}

body.light .carousel-caption p {
	color: rgb(87, 87, 87);
}

.carousel-indicators>button {
	background-color: white !important;
}

body.light .carousel-indicators>button {
	background-color: rgb(0, 0, 0) !important;
}

.hide {
	position: absolute;
	pointer-events: none;
	opacity: 0;
}

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

#xo_theme_icon {
	font-size: 1.1875rem;
}

#xo-blur-layer-1 {
	position: absolute;
	top: -100px;
	left: -100px;
	z-index: 0;
	width: 93.75rem;
	pointer-events: none;
}

body.light #layout-wrapper {
	background-color: #dcdcdcbf !important;
}

.page-content {
	min-height: 100vh !important;
}

.card {
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

:root #page-topbar {
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
}

:root .page-content {
	position: relative;
	z-index: 10;
}

/* Reset stacking context when modal is open so modals appear above backdrop */
body.modal-open .page-content {
	z-index: auto;
}

.xo-page-fluid-container {
	position: relative;
}


/* SWITCH THEME CSS */
:root {
	--clr-foreground: hsl(0 0% 0%);
	--clr-background: hsl(0 0% 100%);
}

@media (prefers-color-scheme: dark) {
	:root {
		--clr-background: hsl(0 0% 0%);
		--clr-foreground: hsl(0 0% 100%);
	}
}

.light-theme {
	--clr-foreground: hsl(0 0% 0%);
	--clr-background: hsl(0 0% 100%);
}

.dark-theme {
	--clr-background: hsl(0 0% 0%);
	--clr-foreground: hsl(0 0% 100%);
}





#theme-toggle {
	cursor: pointer;
	background: 0;
	border: 0;
	opacity: 0.8;
	padding: 4rem;
	border-radius: 50%;
	position: relative;
	isolation: isolate;
}

#theme-toggle svg {
	fill: var(--clr-foreground);
}

#theme-toggle::before {
	content: "";
	position: absolute;
	inset: 0;
	background: hsl(0 0% 50% / 0.2);
	border-radius: inherit;
	transform: scale(0);
	opacity: 0;
	z-index: -1;
}

.light-theme #theme-toggle::before {
	animation: pulseToLight 650ms ease-out;
}

.dark-theme #theme-toggle::before {
	animation: pulseToDark 650ms ease-out;
}

#theme-toggle::after {
	content: attr(aria-label);
	position: absolute;
	color: var(--clr-background);
	background: var(--clr-foreground);
	width: max-content;
	font-size: 1.5rem;
	left: 0;
	right: 0;
	top: 95%;
	margin: 0 auto;
	padding: 0.5em 1em;
	border-radius: 0.125em;
	opacity: 0;
	transform: scale(0);
	transform-origin: top;
	transition: transform 0ms linear 100ms, opacity 100ms linear;
}

#theme-toggle:hover,
#theme-toggle:focus {
	outline: 0;
	opacity: 1;
	background: hsl(0 0% 50% / 0.15);
}

#theme-toggle:hover::after,
#theme-toggle:focus-visible::after {
	opacity: 0.7;
	transform: scale(1);
	transition: transform 70ms linear, opacity 70ms linear;
}

.toggle-circle {
	transition: transform 500ms ease-out;
}

.light-theme .toggle-circle {
	transform: translateX(-15%);
}

.toggle-sun {
	transform-origin: center center;
	transition: transform 750ms cubic-bezier(0.11, 0.14, 0.29, 1.32);
}

.light-theme .toggle-sun {
	transform: rotate(0.5turn);
}

@keyframes pulseToLight {
	0% {
		transform: scale(0);
		opacity: 0.5;
	}

	10% {
		transform: scale(1);
	}

	75% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		transform: scale(1);
	}
}

@keyframes pulseToDark {
	0% {
		transform: scale(0);
		opacity: 0.5;
	}

	10% {
		transform: scale(1);
	}

	75% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		transform: scale(1);
	}
}


.top-bar-message-container {
	background-color: #ff4500d9;
	text-align: center;
	padding: 0.3125rem 0;
	color: white;
	display: none;
}

.show-top-bar-message .top-bar-message-container {
	display: block
}

.show-top-bar-message .topnav {
	margin-top: 6.375rem;
}

body.light .topnav {
	background-color: #ffffff26 !important;
}

body.light .topnav .nav-item a.nav-link {
	color: black;
}

body.light .topnav .nav-item a.nav-link:hover {
	color: black !important;
}

body.light .page-content {
	/* background-color: #dcdcdcbf; */
	background-color: #dcdcdcbf;
}

body.light #page-topbar {
	background-color: #dcdcdcbf;
}

body.light .footer {
	background-color: #dcdcdcbf !important;
}

body.light .main-content {
	background-color: #dcdcdcbf !important;
}

body.light {
	background-color: #eaeaea !important;
}



/* Login */

#login-password-eye {
	top: 50%;
	right: 1.25rem;
	transform: translate(0, -50%);
}


/* TOOLS CUMSTOM CSS */

.xo-tool-widget {
	margin: 3.125rem auto;
	max-width: 80%;
}

.xo-tools-template-mc p {
	font-size: 1.125rem;
	margin: 1.875rem 0;
}

.xo-tools-template-mc h2 {
	margin-bottom: 1.875rem;
	margin-top: 3.125rem;
}

/* Add Trader */
#xo-at-traders-container {
	display: flex;
	flex-wrap: wrap;
}

.xo-at-trader {
	width: fit-content;
	background-color: rgb(14 14 14);
	padding: 1.25rem 1.875rem;
	margin: 0.0rem 1.875rem 1.875rem 0;
	border-radius: 0.625rem;
}

.xo-at-trader p {
	margin: 0;
}

.xo-at-trader h2 {
	margin: 0.625rem 0;
}

/* Add Educator */
#xo-aedu-educators-container {
	display: flex;
	flex-wrap: wrap;
}

.xo-aedu-educator {
	width: fit-content;
	background-color: rgb(14 14 14);
	padding: 1.25rem 1.875rem;
	margin: 0.0rem 1.875rem 1.875rem 0;
	border-radius: 0.625rem;
}

.xo-aedu-educator p {
	margin: 0;
}

.xo-aedu-educator h2 {
	margin: 0.625rem 0;
}

/* Create Webinar */
#xo-cw-webinars-container {
	display: flex;
	flex-wrap: wrap;
}

/* Subejct Uploads */

.xo-my-sub-image {
	height: 12.5rem;
	width: auto;
	margin-bottom: 0.625rem;
}

.xo-my-sub-text {
	display: flex;
	justify-content: center;
	align-items: center;
}

.xo-my-sub-text img {
	width: 2.5rem;
	height: auto;
	margin-right: 0.625rem;
}

.xo-my-sub-text p {
	font-size: 1.0625rem;
	font-weight: 800;
	margin: 0;
	color: white;
}

.xo-my-subject {
	padding: 1.25rem 2.5rem;
	border-radius: 0.625rem;
	margin: 1.875rem;
	background-color: rgb(17, 17, 17);
}

#xo-my-subjects-container {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}


/* COURSES */
.xo-corner-top-left {
	position: absolute;
	top: 0;
	right: 0;
	width: 55%;
}

.xo-course-container {
	margin-top: 6.25rem;
}

.xo-course-header {
	width: 70%;
	height: fit-content;
	background-color: hsl(0 0% 100% / 0.08);
	backdrop-filter: blur(60px);
	-webkit-backdrop-filter: blur(60px);
	margin: 0 auto;
	border-radius: 3.75rem;
	padding: 3.75rem;
}

.xo-b {
	border: 0.0625rem dashed hsl(0 0% 100% / 0.2);
}

.xo-ch-up-left {
	margin-right: 1.25rem;
}

.xo-ct-description {
	color: grey;
}

.xo-ch-up-left-dp {
	width: 6.25rem;
	height: 6.25rem;
	border-radius: 50%;
	background-color: hsl(0 0 100% / 0.1);
	overflow: hidden;
}

.xo-ch-up-left-dp>img {
	width: 100%;
	height: 100%;
}

.xo-ch-up {
	margin: 0 auto;
	width: fit-content;
	display: flex;
	justify-content: center;
	align-items: center;
}

.xo-ch-up-right-1 {
	font-size: 1.25rem;
	font-weight: 700;
	color: white;
}

.xo-ch-up-right-2 {
	width: 12.5rem;
	height: 0.125rem;
	background: linear-gradient(to right, #ffffff80, #ffffff00);
	margin: 0.3125rem 0;
}

.xo-ch-down {
	margin: 0.0rem auto;
	width: fit-content;
	/* margin: 3.125rem 0; */
	/* height: 18.75rem; */
	margin-top: 3.125rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.xo-ch-down-1 {
	width: 25.0rem;
	height: 0.125rem;
	background: linear-gradient(to right, transparent, #ffffff90, transparent);
}

.xo-ch-down-2 {
	text-align: center;
	margin: 0.9375rem 0;
	font-size: 1.0rem;
}

.xo-ch-down-3 {
	width: 25.0rem;
	height: 0.125rem;
	background: linear-gradient(to right, transparent, #ffffff90, transparent);
}

.xo-h1 {
	margin: 3.125rem 0 1.875rem 0;
	font-size: 1.5625rem;
	font-weight: 900;
}

.xo-h1-middle {
	text-align: center;
}

/* Profile page abs */
#xo-prh-abs-1 {
	position: absolute;
	width: 5.625rem;
	top: 0;
	right: 0;
}

#xo-prh-abs-2 {
	position: absolute;
	width: 5.625rem;
	bottom: 0;
	right: 0;
}

#xo-prh-abs-3 {
	position: absolute;
	width: 12.5rem;
	top: 6.25rem;
	left: 0;
}

/* Indicator CSS */

.xo-indicator-sec-1 {
	width: 100%;
	height: calc(100vh - 200px);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.xo-indicator-sec-1>h1 {
	font-size: 5.625rem;
	text-align: center;
	font-weight: 900;
	width: 75%;
}

.xo-indicator-sec-1>p {
	font-size: 1.5625rem;
	text-align: center;
	width: 65%;
	margin-top: 2.375rem;
}

.xo-indicator-container-wrapper {
	width: 100%;
	height: fit-content;
	position: relative;
	overflow: hidden;
	margin: 4.6875rem auto;
	border-radius: 3.75rem;
}

.xo-indicator-container {
	width: 100%;
	height: fit-content;
	background-color: hsl(0 0% 100% / 0.08);
	backdrop-filter: blur(60px);
	-webkit-backdrop-filter: blur(60px);
	border-radius: 3.75rem;
	padding: 6.25rem 0 6.25rem 3.75rem;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.xo-ind-blur-br {
	position: absolute;
	top: -300px;
	left: 0;
	z-index: 0;
}

.xo-ind-blur-tl {
	position: absolute;
	bottom: -300px;
	right: 0;
	z-index: 0;
}

.xo-ind-c-right>img {
	width: 45vw;
	border-radius: 1.875rem 0 0 1.875rem;
}

.xo-ind-c-left {
	padding-right: 2.5rem;
}

.xo-ind-c-left>p {
	font-size: 1.125rem;
	margin: 2.1875rem 0;
	margin-bottom: 3.125rem;
	/* color: white; */
}

.xo-ind-c-left>h1 {
	font-size: 2.8125rem;
}

.xo-ind-c-left>h1>span {
	color: #CF4500;
}

.xo-btn-access {
	width: fit-content;
	display: flex;
	padding: 1.2em 2rem;
	cursor: pointer;
	gap: 0.4rem;
	font-weight: bold;
	border-radius: 1.875rem;
	text-shadow: 0.125rem 0.125rem 0.1875rem rgb(136 0 136 / 50%);
	background: linear-gradient(15deg, #880088, #aa2068, #cc3f47, #de6f3d, #f09f33, #de6f3d, #cc3f47, #aa2068, #880088) no-repeat;
	background-size: 300%;
	color: #fff;
	border: none;
	background-position: left center;
	box-shadow: 0 1.875rem 0.625rem -20px rgba(0, 0, 0, .2);
	transition: background .3s ease;
}

.xo-btn-access:hover {
	background-size: 320%;
	background-position: right center;
}

.xo-btn-access:hover svg {
	fill: #fff;
}

.xo-btn-access svg {
	width: 1.4375rem;
	fill: #f09f33;
	transition: .3s ease;
}


/* Educators Profile */

.xo-eph-r-subject {
	width: 3.75rem;
	height: 3.75rem;
	border-radius: 50%;
	background-color: hsl(0 0 100% / 0.1);
	margin: 0.625rem;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.xo-eph-r-subject>img {
	width: 60%;
	height: 60%;
	/* opacity: 0.3; */
}

.xo-eph-r-subjects {
	display: flex;
	flex-direction: row;
}

.xo-edu-pr-h-left {
	width: 30%;
	margin-right: 6.25rem;
}

.xo-edu-pr-header {
	display: flex;
	align-items: end;
	margin: 6.25rem 0;
}

.xo-edu-pr-card-container {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 6.25rem;
	flex-direction: row;
}

.xo-edu-pr-card {
	background: linear-gradient(to bottom left, #CC4303, #AB3D77);
	width: 16.25rem;
	height: 22.5rem;
	border-radius: 1.25rem;
	margin-right: 3.125rem;
	padding: 1.5625rem;
	position: relative;
	margin-bottom: 3.125rem;
}

.xo-edu-pr-c-img {
	width: 100%;
	padding: 0.0rem 1.5625rem 0 0.9375rem;
	/* border: 0.0625rem solid whitesmoke; */
	max-height: 55%;
	overflow: hidden;
}

.xo-edu-pr-c-img>img {
	width: 100%;
}

.xo-edu-pr-dp {
	width: 2.5rem;
	height: 2.5rem;
	background-color: hsl(0 0 100% / 0.3);
	border-radius: 50%;
	position: absolute;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.xo-edu-pr-dp>img {
	width: 80%;
	height: 80%;
}

.xo-edu-pr-dp-1>img {
	opacity: 0.8;
}


.xo-edu-pr-dp-1 {
	top: 1.25rem;
	right: 1.25rem;
}

.xo-edu-pr-dp-2>img {
	width: 100%;
	height: 100%;
}

.xo-edu-pr-dp-2 {
	top: 4.375rem;
	right: 1.25rem;
}

.xo-edu-pr-card>h1 {
	text-align: center;
	font-size: 1.25rem;
	font-weight: 600;
	margin: 1.25rem 0;
}

.xo-edu-pr-card>p {
	text-align: center;
	color: white;
	font-size: 1.0rem;
	font-weight: 300;
}

.xo-edu-pr-card>.xo-arrow-img {
	display: block;
	width: 1.875rem;
	margin: 0 auto;
}




.xo-ct-card {
	width: 70%;
	aspect-ratio: 1174 / 247;
	padding: 0.9375rem;
	background: linear-gradient(to bottom, #181818 0%, #0C0C0C 66%);
	border-radius: 1.875rem;
	display: flex;
	margin: 0.0rem auto;
	margin-bottom: 3.125rem;
}

.xo-ct-thumbnail {
	height: 100%;
	aspect-ratio: 350 / 200;
	/* background: linear-gradient(to bottom right, #4200AE, #2A006E); */
	border-radius: 1.25rem;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.xo-ct-thumbnail img {
	width: 100%;
	height: 100%;
}


.xo-ct-content {
	margin-left: 1.875rem;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	max-width: 65%;
}

.xo-ct-heading {
	font-size: 1.25rem;
	font-weight: 900;
	color: white;
}

.xo-ct-edu-name {
	color: #ffffff54;
	font-size: 0.75rem;
}

.xo-ct-meta {
	color: #ffffff54;
	font-size: 0.75rem;
}

.xo-ct-stars-img>img {
	height: 0.9375rem;
}


/* Trading Dashboard */

#tv_chart_container iframe {
	height: 100% !important;
}

.td-exchange-dropdown {
	width: 18.75rem;
	height: fit-content;
}

.td-exchange-dropdown-item {
	display: flex;
	justify-content: start;
	align-items: center;
	padding: 0.625rem 0;
	background-color: rgb(25, 25, 25);
	border-radius: 0.3125rem;
	margin: 0.625rem;
}

.td-exchange-dropdown-item:hover {
	background-color: rgb(30, 30, 30);
}

.td-exchange-dropdown-item>img {
	width: 1.25rem;
	margin: 0 0.625rem;
}

.td-symbol-dropdown {
	width: 25.0rem;
	height: fit-content;
	max-height: 43.75rem;
	overflow: auto;
}

.td-symbol-dropdown-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.625rem 0;
	background-color: rgb(25, 25, 25);
	border-radius: 0.3125rem;
	margin: 0.625rem;
}

.td-symbol-dropdown-item:hover {
	background-color: rgb(30, 30, 30);
}

.td-symbol-dropdown-item img {
	width: 1.25rem;
	/* margin: 0 0.625rem; */
}

.td-symbol-dropdown-item>span {
	width: 85%;
}

.td-symbol-fav {
	color: gold;
	font-size: 0.875rem;
	margin-right: 0.625rem;
	opacity: 50%;
}

.td-symbol-search {
	margin: 0.625rem;
	width: calc(100% - 20px);
	display: flex;
	justify-content: start;
	align-items: center;
	background-color: #101010;
	padding: 0.3125rem 0.625rem;
	border-radius: 0.625rem;
	margin-bottom: 1.875rem;
}

.td-symbol-search i {
	font-size: 1.0rem;
}

.td-symbol-search input {
	background-color: transparent;
	border: none;
	color: grey;
	padding: 0.3125rem 0.625rem;
	outline: none;
	width: 100%;
}

.td-symbol-category-container {
	width: calc(100% - 20px);
	margin: 0.625rem;
	border: 0.0625rem solid rgb(26, 26, 26);
	display: flex;
	border-radius: 0.3125rem;
}

.td-symbol-category {
	padding: 0.4375rem 0.875rem;
	font-size: 0.875rem;
	font-weight: 800;
	margin: 0.625rem 0.4375rem;
	background-color: rgb(18, 18, 18);
	width: fit-content;
	border-radius: 0.3125rem;
}

.td-symbol-category.active {
	background-color: rgb(57 57 57);
}





/* signals page */

.xo-s-bg-1 {
	background: linear-gradient(to bottom right, #CF4500, #7A0049);
}

.xo-s-bg-2 {
	background: linear-gradient(to bottom right, #004ccf, #54008c);
}

.xo-s-bg-3 {
	background: linear-gradient(to bottom right, #B98100, #A20029);
}


.xo-s-cards-container {
	width: calc(110%);
	display: inline-block;
	overflow-x: auto;
	white-space: nowrap;
	margin-bottom: 6.25rem;
}

.xo-s-card-wrapper {
	position: relative;
	margin: 3.125rem 3.125rem;
	/* display: inline; */
	display: inline-block;
}

.xo-s-rank {
	display: none;
}

.xo-s-rank-card {
	margin-left: 6.25rem;
}

.xo-s-rank-card .xo-s-rank {
	display: block;
}

.xo-s-card {
	width: 21.875rem;
	height: fit-content;
	padding: 1.875rem;
	border-radius: 1.875rem;
	position: relative;
	z-index: 1;
	display: block;
}

.xo-s-card-dp {
	width: 3.75rem;
	height: 3.75rem;
	background-color: hsl(0 0 100% / 0.3);
	border-radius: 50%;
	overflow: hidden;
}

.xo-s-card-dp>img {
	width: 100%;
	height: 100%;
}

.xo-s-card-head {
	display: flex;
	align-items: center;
}

.xo-s-card-names {
	margin-left: 1.25rem;
}

.xo-s-card-title {
	font-size: 1.25rem;
	font-weight: 600;
	color: white;
}

.xo-s-card-followers {
	color: hsl(0 0 100% / 0.6);
	font-size: 0.875rem;
	font-weight: 300;
}

.xo-s-b1-right {
	/* border: 0.0625rem solid rgba(255, 255, 255, 0.353); */
	width: 7.5rem;
	height: 3.75rem;
}

.xo-s-card-body-1 {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	margin: 1.25rem 0;
}

.xo-s-b1-profit-label {
	font-size: 0.875rem;
	color: hsl(0 0 100% / 0.78);
	font-weight: 400;
	display: flex;
	align-items: center;
}

.xo-s-b1-profit-label>span {
	font-weight: 600;
	font-size: 0.5rem;
	border: 0.0625rem solid rgba(255, 255, 255, 0.513);
	padding: 0.0rem 0.25rem;
	border-radius: 0.3125rem;
	margin-left: 0.3125rem;
	opacity: 0.6;
}

.xo-s-success {
	color: #00FF1A;
}

.xo-s-danger {
	color: #ff6a6a;
}

.xo-s-b1-profit-value {
	font-size: 1.875rem;
	font-weight: 600;
}

.xo-s-b2-row {
	display: flex;
}

.xo-s-b2r-key {
	width: 50%;
	text-align: left;
	font-size: 0.8125rem;
	font-weight: 400;
	color: hsl(0 0 100% / 0.66);
}

.xo-s-b2r-value {
	width: 50%;
	text-align: right;
	font-size: 0.9375rem;
	font-weight: 900;
	color: hsl(0 0 100% / 1);
}

.xo-s-card-interval {
	position: absolute;
	top: 1.25rem;
	right: 1.25rem;
	color: hsl(0 0 100% / 0.8);
	padding: 0.3125rem 0.4375rem;
	border: 0.125rem solid hsl(0 0 100% / 0.4);
	background-color: hsl(0 0 100% / 0.2);
	border-radius: 0.4375rem;
	font-size: 0.625rem;
	font-weight: 700;
}

.xo-s-rank {
	position: absolute;
	bottom: 0;
	z-index: 0;
	/* left: revert-layer; */
	transform: translate(-70%, 0px);
	height: 90%;
	opacity: 0.1;
}


/* Custom scrollbar for WebKit browsers */
.FA .xo-s-cards-container::-webkit-scrollbar {
	width: 0.3125rem !important;
	height: 0.3125rem !important;
	/* Width of the entire scrollbar */
}

.xo-s-cards-container::-webkit-scrollbar {
	width: 0.3125rem !important;
	/* height: 0.3125rem !important; */
	/* Width of the entire scrollbar */
}

/* .xo-s-cards-container::-webkit-scrollbar {
	width: 0.3125rem;
} */



.xo-s-cards-container::-webkit-scrollbar-track {
	background: #f1f1f11c;
	/* Color of the track */
	border-radius: 0.625rem;
	/* Rounded corners */
}

.xo-s-cards-container::-webkit-scrollbar-thumb {
	background: #cf4500aa;
	/* Color of the thumb */
	border-radius: 0.625rem;
	/* Rounded corners */
}

.xo-s-cards-container::-webkit-scrollbar-thumb:hover {
	background: #CF4500;
	/* Color of the thumb when hovered */
}

/* Custom scrollbar for WebKit browsers */
.xo-s-scroll-2::-webkit-scrollbar {
	width: 0.3125rem;
	/* Width of the entire scrollbar */
}

.xo-s-scroll-2::-webkit-scrollbar-track {
	background: #f1f1f11c;
	/* Color of the track */
	border-radius: 0.625rem;
	/* Rounded corners */
}

.xo-s-scroll-2::-webkit-scrollbar-thumb {
	background: #1100cfaa;
	/* Color of the thumb */
	border-radius: 0.625rem;
	/* Rounded corners */
}

.xo-s-scroll-2::-webkit-scrollbar-thumb:hover {
	background: #1100cf;
	/* Color of the thumb when hovered */
}

/* Custom scrollbar for WebKit browsers */
.xo-s-scroll-3::-webkit-scrollbar {
	width: 0.3125rem;
	/* Width of the entire scrollbar */
}

.xo-s-scroll-3::-webkit-scrollbar-track {
	background: #f1f1f11c;
	/* Color of the track */
	border-radius: 0.625rem;
	/* Rounded corners */
}

body.light .xo-s-scroll-3::-webkit-scrollbar-track {
	background: #6868681c !important;
	/* Color of the track */
	border-radius: 0.625rem;
	/* Rounded corners */
}

body.light .xo-s-scroll-2::-webkit-scrollbar-track {
	background: #6868681c !important;
	/* Color of the track */
	border-radius: 0.625rem;
	/* Rounded corners */
}

.xo-s-scroll-3::-webkit-scrollbar-thumb {
	background: #cfc500aa;
	/* Color of the thumb */
	border-radius: 0.625rem;
	/* Rounded corners */
}

.xo-s-scroll-3::-webkit-scrollbar-thumb:hover {
	background: #cfc500;
	/* Color of the thumb when hovered */
}

.xo-edu-pr-h-left {
	position: relative;
}

#xo-pr-abs-1 {
	position: absolute;
	top: -80px;
	left: 100%;
}

.xo-edu-pr-h-right {
	position: relative;
}

#xo-pr-abs-2 {
	position: absolute;
	bottom: 0.0rem;
	left: 110%;
}

#courses-abs-1 {
	position: absolute;
	top: 18.75rem;
	left: 0.0rem;
	height: 6.25rem;
}

#courses-abs-2 {
	position: absolute;
	bottom: 12.5rem;
	right: 0.0rem;
	height: 6.25rem;
}

#tools-abs-1 {
	position: absolute;
	top: 31.25rem;
	left: -70px;
}

#tools-abs-2 {
	position: absolute;
	top: 0;
	right: -50px;
	width: 12.5rem;
}

#tools-abs-3 {
	position: absolute;
	top: 60%;
	left: -100px;
	width: 18.75rem;
}

#tools-abs-4 {
	position: absolute;
	bottom: 0;
	right: 0.0rem;
	width: 9.375rem;
}

/* Calendar CSS */

.fc-today {
	color: orange !important;
}

/* Getting started */

.xo-gs-time-statement {
	display: flex;
	align-items: center;
}

.xo-gs-number {
	color: orange;
	font-size: 1.125rem;
	padding: 0.625rem;
	border-radius: 50%;
	border: 0.125rem solid orange;
	width: 2.1875rem;
	height: 2.1875rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.xo-gs-right {
	width: 18.75rem;
	margin-left: 1.25rem;
}

.xo-gs-title {
	font-size: 1.5625rem;
	color: white;
}

.xo-gs-description {
	margin: 0.625rem 0;
}

.xo-gs-card {
	display: flex;
	margin: 0 1.875rem;
}

.xo-gs-card-img {
	width: 100%;
	border: 0.0625rem solid rgba(128, 128, 128, 0.524);
	height: 12.5rem;
	margin-top: 3.125rem;
}

.xo-gs-container {
	width: 100%;
	height: calc(100vh - 280px);
	display: flex;
	justify-content: center;
	align-items: center;
}

#exchangeOffCanvasRight {
	z-index: 1003;
}

#exchangeOffcanvasRightLabel {
	color: white !important;
}


#xo-add-exchange-h2 {
	font-weight: 800;
	font-size: 1.875rem;
}

.xo-ae-exchange {
	width: 100%;
	height: 3.125rem;
	background-color: hsl(0 0 100% / 0.05);
	padding: 0.625rem 1.25rem;
	border-radius: 0.625rem;
	margin: 0.3125rem;
	cursor: pointer;
	border: none;
}

.xo-ae-exchange>img {
	height: 100%;
}

.xo-ae-exchanges-container {
	display: flex;
	flex-wrap: wrap;
}

.xo-ae-exchange:hover {
	opacity: 0.9;
}

.xo-ae-ipaddress {
	width: 100%;
	background-color: rgb(216, 112, 0);
	color: white;
	padding: 0.3125rem 1.25rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 0.3125rem;
}

.xo-ae-ipaddress>i {
	font-size: 1.25rem;
}

#xe-ae-ul-ins {
	margin: 1.875rem 0;
}

.xo-ae-input-form {
	margin: 3.125rem 0;
}

.xo-ae-input-form>input {
	margin: 0.625rem 0;
}

#xo-ae-connect-btn {
	width: 100%;
	padding: 0.625rem 1.25rem;
}

.xo-ae-p-link {
	width: 100%;
	text-align: center;
	margin-top: 1.25rem;
	font-size: 1.0rem;
}

.xo-ae-p-link>a {
	color: rgb(0, 123, 255);
}

.xo-ae-cat-head {
	margin-top: 3.125rem;
	margin-bottom: 1.25rem;
}

.dropdown-menu {
	/* background-color: black; */
}

body.light .dropdown-menu {
	background-color: rgba(255, 255, 255, 0.938);
}

.xo-db-banner-container {}

.xo-se-container {
	display: flex;
	flex-wrap: wrap;
}

.xo-se-exchange {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #191919;
	width: fit-content;
	padding: 1.5625rem 2.5rem;
	border-radius: 1.25rem;
	cursor: pointer;
	margin: 0.625rem;
}

body.light .xo-se-exchange {
	background-color: #eb5b000d;
}

.xo-se-exchange>img {
	margin-right: 1.25rem;
	height: 3.125rem;
}

.xo-se-exchange>i {
	font-size: 1.375rem;
	opacity: 0.3;
}

body.light .xo-se-exchange>i {
	color: white;
	opacity: 0.8;
}

.xo-ea-forex-alert {
	font-size: 1.0rem;
	font-weight: 400;
	color: grey;
	margin-bottom: 0.9375rem;
	display: block;
}

.xo-ea-forex-alert i {
	margin-right: 0.3125rem;
	color: yellow;
}

.xo-ae-table th {
	text-align: center;
}

.xo-ae-table td {
	text-align: center;
	max-width: 12.5rem;
}

.xo-shortcut-container {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

.xo-shortcut {
	background-color: hsl(0 0 100% / 0.04);
	width: 40%;
	height: fit-content;
	padding: 0.9375rem;
	border-radius: 0.625rem;
	border: 0.125rem solid hsl(0 0 100% / 0.1);
}

.xo-shortcut>img {
	height: 3.125rem;
	margin-bottom: 0.625rem;
}

.xo-shortcut>p {
	margin: 0;
}


.xo-card-bg-top-left {
	position: absolute;
	top: 0;
	left: 0;
	width: 18.75rem;
	transform: translate(-120px, -70px);
	opacity: 0.2;
}

.xo-card-bg-bottom-right {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 18.75rem;
	transform: translate(120px, 70px);
	opacity: 0.2;
}


.xo-bc-fix {
	opacity: 0;
	pointer-events: none;
}


.offcanvas {
	background-color: black !important;
}

.xo-ae-input {
	background-color: #ffffff1a;
}


#xo-user-lots-table th,
#xo-user-lots-table td {
	text-align: center;
	font-size: 0.9375rem;
	padding: 0.625rem 0.3125rem;
	border-bottom: 0.0625rem solid #ffffff38;
}

#xo-user-lots-table th {
	background-color: #ffffff1a;
}

#xo-export-modal-table th,
#xo-export-modal-table td {
	text-align: center;
	font-size: 0.9375rem;
	padding: 0.3125rem;
	border-bottom: 0.0625rem solid #252525;
}

#xo-export-modal-table th {
	background-color: #1b1b1b;
}

#exchanges_relation_modal_table th,
#exchanges_relation_modal_table td {
	text-align: center;
	font-size: 0.9375rem;
	padding: 0.3125rem;
	border-bottom: 0.0625rem solid #252525;
}

#exchanges_relation_modal_table th {
	background-color: #1b1b1b;
}

#deleted_exchanges_modal_table th,
#deleted_exchanges_modal_table td {
	text-align: center;
	font-size: 0.9375rem;
	padding: 0.3125rem;
	border-bottom: 0.0625rem solid #252525;
}

#deleted_exchanges_modal_table th {
	background-color: #1b1b1b;
}



#xo-signals-table th,
#xo-signals-table td {
	text-align: center;
	font-size: 0.75rem;
}

#xo-signal-history-table th,
#xo-signal-history-table td {
	text-align: center;
	font-size: 0.75rem;
}

.xo-blur-40 {
	backdrop-filter: blur(40px);
	-webkit-backdrop-filter: blur(40px);
}

.xo-stats-select label {
	color: white;
}

.xo-stats-select select {
	display: block;
	background-color: black;
	border-radius: 0.3125rem;
	width: 9.375rem;
	padding: 0.3125rem;
	border: 0.0625rem solid #ffffff4a;
}


.xo-event-modal-dp {
	width: 3.75rem;
	height: 3.75rem;
	overflow: hidden;
	display: block;
	margin: 0.625rem auto;
	border-radius: 50%;
}

.xo-event-modal-dp>img {
	width: 100%;
	height: 100%;
}

.xo-event-m-name {
	width: 100%;
	text-align: center;
}

.xo-event-m-line {
	width: 50%;
	height: 0.0625rem;
	background-color: white;
	opacity: 0.2;
	margin: 1.25rem auto;
}

.xo-e-m-label {
	font-size: 0.75rem;
	color: grey;
}

.xo-e-m-text-value {
	color: white;
	font-size: 1.0rem;
	margin-bottom: 0.625rem;
}

.xo-e-ob-label {
	font-size: 0.875rem;
	color: grey;
	margin-left: 1.25rem;
}

.xo-e-ob-text-value {
	color: white;
	font-size: 1.0rem;
	margin-bottom: 1.25rem;
	margin-left: 1.25rem;
}

.xo-e-ob-label>i {
	color: #EB5B00;
	margin-left: 0.625rem;
	cursor: pointer;
}

.xo-e-ob-text-value>i {
	color: #EB5B00;
	margin-left: 0.625rem;
	cursor: pointer;
}


/* Rfereela Settings */

#promoted-users-table input:disabled {
	cursor: not-allowed;
	opacity: 0.6;
}

.edit-pu-percentage {
	width: 6.875rem;
}


/* SPINNER */

#xo_spinner_overlay {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: black;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
}

#xo_media_loader_overlay {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: black;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
	flex-direction: column;
}

.xo_line_loader_icon {
	font-size: 1.875rem;
	color: white;
}

.xo_line_loader_container {
	width: 50%;
	height: 0.1875rem;
	border-radius: 6.25rem;
	background-color: rgba(255, 255, 255, 0.144);
	position: relative;
	margin: 3.125rem 0;
}

.xo_line_loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color: white;
	border-radius: 6.25rem;
}

.xo_line_loader_status {
	color: white;
}

.xo_line_loader_status>span {
	color: grey;
	margin: 0 1.25rem;
}

#xo_spinner {
	--size: 1.25rem;
	--first: #ffffff10;
	--second: #ffffffaf;
	width: 6.25rem;
	height: 6.25rem;
	position: relative;
	animation: xo_spin 6s linear infinite;
}

#xo_spinner::before,
#xo_spinner::after {
	content: "";
	width: var(--size);
	height: var(--size);
	border: 0.125rem solid var(--first);
	border-top: 0.125rem solid var(--second);
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation: xo_spinRing 1.5s linear infinite;
}

.xo-disable-form {
	pointer-events: none;
	opacity: 0.35;
}

@keyframes xo_spinRing {
	0% {
		transform: translate(-50%, -50%) rotate(0deg);
	}

	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

@keyframes xo_spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}



/* OTP Verify */
.xo_otp-field {
	flex-direction: row;
	column-gap: 0.625rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.xo_otp-field input {
	height: 4.6875rem;
	width: 3.875rem;
	border-radius: 0.375rem;
	outline: none;
	font-size: 1.125rem;
	text-align: center;
	border: none;
	/* border: 0.0625rem solid #ddd; */
	background-color: #ffffff0d;
	/* color: grey; */
	border: 0.125rem solid #ff450094;
}

.xo_otp-field input:focus {
	box-shadow: 0 0.0625rem 0 rgba(0, 0, 0, 0.1);
}

.xo_otp-field input::-webkit-inner-spin-button,
.xo_otp-field input::-webkit-outer-spin-button {
	display: none;
}

.xo_resend {
	font-size: 0.75rem;
}

#xo_data_input {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	opacity: 0;
}

.xo_data_input {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	opacity: 0;
}

#xo_json_data_input {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	opacity: 0;
}

#otpCounter {
	text-align: center;
	font-size: 1.0625rem;
	color: grey;
	display: flex;
	justify-content: center;
	align-items: center;
}

#otpCounter span {
	background-color: rgba(255, 255, 255, 0.08);
	padding: 0.625rem 1.25rem;
	margin: 0.625rem;
	color: rgba(255, 255, 255, 0.733);
	border-radius: 0.3125rem;
}



#xo-new-title {
	background-color: transparent;
	margin-top: 0.625rem;
	width: 90%;
	margin-left: 1.25rem;
	margin-bottom: 1.25rem;
}



/* Flask Messages */

.flash_msg {
	width: 70%;
	/* margin-top: 7.5rem; */
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	margin-top: 7.5rem;
}

.flash_msg.success {
	background-color: green;
}

.flash_msg.danger {
	background-color: rgb(255, 0, 0);
}


/* SWAL */

.swal-subscribe-msg {
	color: rgba(255, 255, 255, 0.812);
	font-size: 1.125rem;
}

body.light .swal-subscribe-msg {
	color: rgba(0, 0, 0, 0.812);
	font-size: 1.125rem;
}

.swal2-popup {
	width: fit-content;
	padding: 1.25rem 3.125rem 1.875rem 3.125rem;
	max-width: 37.5rem;
}

/* .swal2-success-circular-line-left {
	background-color: black !important;
}

.swal2-success-circular-line-right {
	background-color: black !important;
}

.swal2-success-fix {
	background-color: black !important;
} */

.swal2-modal {
	border: 0.0625rem solid rgba(255, 255, 255, 0.171);
}

/* bootstrap */

body {
	--bs-focus-ring-color: #eb5a0048 !important;
}




.xo-toast-container {
	bottom: 0.625rem;
	right: 0.625rem;
}


/* Profile Page */

.xo-profile-membership-tag {
	width: fit-content;
	border: 0.0625rem solid #363636;
	padding: 0.3125rem 0.625rem 0.3125rem 1.25rem;
	border-radius: 3.125rem 0 0 3.125rem;
	font-size: 0.75rem;
	position: absolute;
	top: 0.625rem;
	right: 0;
	/* color: grey; */
	border-right: 0;
	background-color: orangered;
	color: white;
	font-weight: 900;
}

body.light .xo-profile-membership-tag {
	border: none;
}

.xo-user-profile-head-container {
	width: 100%;
	margin-top: 3.125rem;
}

.xo-user-pro-pic-img-cont {
	margin: 0 auto;
	width: 12.5rem;
	height: 12.5rem;
	background-color: #1A1A1A;
	position: relative;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

body.light .xo-user-pro-pic-img-cont {
	background-color: #ccc;
}

body.light #xo-plan-ele {
	color: black !important;
}

.xo-user-pro-pic-img-cont>img {
	width: 70%;
	height: 70%;
	border-radius: 50%;
}

.xo-user-pro-dp-edit-icon {
	position: absolute;
	bottom: 0;
	right: 0;
	border-radius: 50%;
	/* border: 0.125rem solid white; */
	width: 3.125rem;
	height: 3.125rem;
	background-color: rgb(255, 255, 255);
	/* box-shadow: 0 0 0.625rem 0.625rem rgb(65, 65, 65); */
	display: flex;
	justify-content: center;
	align-items: center;
}

.xo-user-pro-dp-edit-icon i {
	color: black;
	font-size: 1.5625rem;
}

.xo-user-profile-form {
	display: block;
	max-width: 34.375rem;
	margin: 3.125rem auto;
}

.xo-user-profile-form input {
	border-radius: 0;
	background: transparent !important;
}

.xo-cu-container input,
.xo-cu-container select {
	background-color: transparent;
}

.xo-my-course {
	width: 18.75rem;
	display: block;
	background: rgba(255, 255, 255, 0.048);
	padding: 0.625rem;
	border-radius: 0.3125rem;
	margin: 1.875rem 1.875rem 1.875rem 0;
}

.xo-my-course img {
	width: 100%;
	height: auto;
}

#xo-my-courses-container {
	display: flex;
	flex-wrap: wrap;
}

.xo-my-course p {
	color: grey;
	font-size: 1.25rem;
	font-weight: 600;
	margin-top: 0.625rem;
	margin-bottom: 0;
	text-align: center;
}

.xo-heading-1 {
	margin: 3.125rem 0;
}

#xo-detailed-stats-table td {
	font-size: 0.8125rem;
	text-align: center;
}

#xo-detailed-stats-table th {
	font-size: 0.8125rem;
	text-align: center;
}

/* profit stats settings */
.xo-ps-inp-container {
	width: 90%;
	margin: 0.625rem 0 1.25rem 1.25rem;
	background-color: transparent;
}

/* signals trade popup */


.xo-signals-trade-popup {
	position: fixed;
	top: 50%;
	background-color: black;
	z-index: 2000;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 31.25rem;
	border-radius: 0.3125rem;
	box-shadow: 0.0rem 0.0rem 3.125rem black;
	padding: 1.875rem;
	border: rgb(37, 37, 37) 0.0625rem solid;
	max-height: 100%;
	overflow-y: auto;
}

.xo-signals-trade-popup-cover {
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.575);
	width: 100vw;
	height: 100vh;
	z-index: 1500;
}

.xo-signals-trade-popup p {
	margin-left: 1.25rem;
	margin-bottom: 0.3125rem;
}

.xo-signals-trade-popup .head i {
	font-size: 1.875rem;
}

.xo-signals-trade-popup button {
	width: 90%;
	margin: 0 auto;
	display: block;
	margin-top: 2.5rem;
}

/* Card Blur Cover */

.xo-exchange-blur-card.active-blur .card-body {
	filter: blur(5px);
	pointer-events: none;
}

.xo-exchange-blur-card-text {
	display: none;
}

.active-blur .xo-exchange-blur-card-text {
	color: rgba(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.151);
	border-radius: 62.5rem;
	padding: 0.625rem 1.25rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
	transform: translate(-50%, -50%);
	display: block;
	text-align: center;
	width: fit-content;
}

body.light .active-blur .xo-exchange-blur-card-text {
	color: rgba(0, 0, 0, 0.705);
	background-color: rgb(233 103 30 / 43%);
}

/* notification delete */
.xo-notification-delete-icon {
	position: absolute;
	top: 1.25rem;
	right: 1.25rem;
	color: rgb(165, 0, 0);
	cursor: pointer;
}


#xo-gen-otp-text {
	width: fit-content;
	display: block;
	margin: 3.125rem auto;
	color: orangered;
	cursor: pointer;
}

#xo-forgot-password-text {
	width: fit-content;
	display: block;
	margin: 3.125rem auto;
	color: orangered;
	cursor: pointer;
}

/* Calculator Fit */

.xo-lot-tool-widget-container {
	width: 37.5rem;
	height: 37.5rem;
	overflow: hidden;
	background: black;
	margin: 0;
	position: relative;
	margin: 0 auto;
}

.lot-widget {
	max-width: 41.625rem;
	/* height: calc(100% + 10px); */
	width: calc(100% + 5px);
	top: -53px;
	left: 50%;
	transform: translate(-50%, 0);
}

.xo-pip-tool-widget-container {
	width: 37.5rem;
	height: 29.375rem;
	overflow: hidden;
	background: black;
	margin: 0;
	position: relative;
	margin: 0 auto;
}

.pip-widget {
	max-width: 41.625rem;
	/* height: calc(100% + 10px); */
	width: calc(100% + 5px);
	top: -53px;
	left: 50%;
	transform: translate(-50%, 0);
}

.xo-margin-tool-widget-container {
	width: 37.5rem;
	height: 30.625rem;
	overflow: hidden;
	background: black;
	margin: 0;
	position: relative;
	margin: 0 auto;
}

.margin-widget {
	max-width: 41.625rem;
	/* height: calc(100% + 10px); */
	width: calc(100% + 5px);
	top: -53px;
	left: 50%;
	transform: translate(-50%, 0);
}

.xo-drawdown-tool-widget-container {
	width: 37.5rem;
	height: 47.5rem;
	overflow: hidden;
	background: black;
	margin: 0;
	position: relative;
	margin: 0 auto;
}

.drawdown-widget {
	max-width: 41.625rem;
	/* height: calc(100% + 10px); */
	width: calc(100% + 5px);
	top: -53px;
	left: 50%;
	transform: translate(-50%, 0);
}

.xo-fibonacci-tool-widget-container {
	width: 37.5rem;
	height: 36.875rem;
	overflow: hidden;
	background: black;
	margin: 0;
	position: relative;
	margin: 0 auto;
}

.fibonacci-widget {
	max-width: 41.625rem;
	/* height: calc(100% + 10px); */
	width: calc(100% + 5px);
	top: -53px;
	left: 50%;
	transform: translate(-50%, 0);
}

.xo-pivot-tool-widget-container {
	width: 37.5rem;
	height: 35.625rem;
	overflow: hidden;
	background: black;
	margin: 0;
	position: relative;
	margin: 0 auto;
}

.pivot-widget {
	max-width: 41.625rem;
	/* height: calc(100% + 10px); */
	width: calc(100% + 5px);
	top: -53px;
	left: 50%;
	transform: translate(-50%, 0);
}

.xo-exchange-fees-tool-widget-container {
	width: 37.5rem;
	height: 33.125rem;
	overflow: hidden;
	background: black;
	margin: 0;
	position: relative;
	margin: 0 auto;
}

.exchange-fees-widget {
	max-width: 41.625rem;
	/* height: calc(100% + 10px); */
	width: calc(100% + 5px);
	top: -53px;
	left: 50%;
	transform: translate(-50%, 0);
}

/* full automation */

#march_2x_joined_message .card {
	box-shadow: 0 0 1.5625rem rgba(255, 107, 0, 0.5);
}

#march_2x_joined_message .card-container {
	width: 90%;
	max-width: 50.0rem;
}

#march_2x_joined_message .card {
	position: relative;
	background-color: rgba(30, 30, 30, 0.8);
	border-radius: 2.5rem;
	padding: 1.25rem 1.875rem;
	box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.3);
	display: flex;
	justify-content: center;
	align-items: center;
	border: 0.0625rem solid rgba(60, 60, 60, 0.8);
	overflow: hidden;
}

#march_2x_joined_message .card::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: conic-gradient(transparent,
			rgba(255, 107, 0, 0.3),
			rgba(255, 107, 0, 0.6),
			#ff6b00,
			#ff8800,
			#ff6b00,
			rgba(255, 107, 0, 0.6),
			rgba(255, 107, 0, 0.3),
			transparent);
	animation: rotate_2x 3s linear infinite;
	z-index: -1;
	opacity: 0.9;
	filter: blur(8px);
}

#march_2x_joined_message .card::after {
	content: '';
	position: absolute;
	inset: 0.25rem;
	background: rgba(30, 30, 30, 0.9);
	border-radius: 2.25rem;
	z-index: -1;
}

@keyframes rotate_2x {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

#march_2x_joined_message .card-content {
	color: #e0e0e0;
	font-size: 1.125rem;
	text-align: center;
	letter-spacing: 0.0187rem;
}


.promo-container {
	width: 90%;
	max-width: 50.0rem;
	position: relative;
}

.promo-card {
	position: relative;
	background: linear-gradient(145deg, #1a1a1a 0%, #0d0d0d 100%);
	border-radius: 2.5rem;
	padding: 1.25rem 1.875rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 0.0625rem solid rgba(70, 70, 70, 0.3);
	overflow: hidden;
	box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.5);
}

.promo-card::before {
	content: '';
	position: absolute;
	top: -10px;
	left: -10px;
	right: -10px;
	bottom: -10px;
	background: linear-gradient(90deg,
			transparent,
			rgba(255, 120, 0, 0.1),
			rgba(255, 120, 0, 0.3),
			rgba(255, 120, 0, 0.1),
			transparent);
	z-index: -1;
	animation: shine 3s linear infinite;
	filter: blur(10px);
}

@keyframes shine {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(100%);
	}
}

.promo-text {
	color: #fff;
	font-size: 1.125rem;
	font-weight: 500;
	letter-spacing: 0.0187rem;
	display: flex;
	align-items: center;
	gap: 0.625rem;
}

.promo-text .emoji {
	font-size: 1.5rem;
}

.join-button {
	background: linear-gradient(to right, #ff5500, #ff7700);
	border: none;
	color: white;
	padding: 0.625rem 1.5rem;
	border-radius: 1.5625rem;
	font-size: 1.0rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 0.3125rem 0.9375rem rgba(255, 85, 0, 0.4);
}

.join-button:hover {
	transform: translateY(-3px);
	box-shadow: 0 0.5rem 1.25rem rgba(255, 85, 0, 0.6);
	background: linear-gradient(to right, #ff6600, #ff8800);
}

.glow {
	position: absolute;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle at 50% 50%,
			rgba(255, 100, 0, 0.2) 0%,
			rgba(255, 100, 0, 0.1) 20%,
			rgba(255, 100, 0, 0) 70%);
	z-index: -2;
	top: 0;
	left: 0;
}

@media (max-width: 600px) {
	.promo-card {
		flex-direction: column;
		gap: 1.25rem;
		padding: 1.5625rem 1.25rem;
	}

	.promo-text {
		text-align: center;
		justify-content: center;
	}
}


.reload-circle-btn {
	background-color: transparent;
	border-radius: 50%;
	/* width: 2.5rem;
	height: 2.5rem; */
	font-size: 1.25rem;
	/* border: 0.125rem solid grey; */
	/* margin-bottom: 0.625rem; */
	border: none;
}


#xo-fa-historic-trades-table th,
#xo-fa-historic-trades-table td {
	font-size: 0.7rem;
}

#xo-historic-trade-popup-comment {
	background-color: #1d1d1d;
	color: grey;
	border-radius: 12.5rem;
	padding: 0.3125rem 0.625rem;
	margin: 0.625rem 0;
	width: fit-content;
	font-size: 0.6687rem;
}

table.sortable th {
	cursor: pointer;
}

table.sortable th.asc::after {
	content: "";
	font-size: 0.625rem;
}

table.sortable th.desc::after {
	content: "";
	font-size: 0.625rem;
}

.xo-fa-spak-chart-td {
	padding: 0.9375rem !important;
}

.xo-fa-spak-chart {
	min-height: 2.5rem;
	display: flex;
	justify-content: center;
	width: 12.5rem;
}

#xo-fa-table td {
	padding: 1.5625rem 0;
}

#xo-fa-table th {
	background-color: #181818;
}

body.light #xo-fa-table th {
	background-color: #ffffff;
}

#xo-fa-my-traders-table th {
	/* background-color: #181818; */
}

#xo-fa-table td,
#xo-fa-table th {
	text-align: center;
	width: 12.5rem;
}

.xo-fa-m-container {
	width: 100%;
}


.xo-fa-input-1 {
	border-radius: 0;
	background-color: black;
}

body.light .xo-fa-input-1 {
	background-color: white;
}

.xo_fa_select_exchange {
	background: #161616;
	cursor: pointer;
}

.xo_fa_exchange_option {
	background: #1e1e1e;
	border: 0.0625rem solid #ffffff00;
}

.ss-strategy-name-ele {
	font-weight: 900;
	color: orangered;
}

.xo_fa_exchange_option:hover {
	border: 0.0625rem solid #ffffff69;
}

.xo_fa_exchange>p {
	color: grey;
	margin: 0;
}

.xo_fa_exchange>img {
	height: 1.875rem;
}

.xo_fa_exchange>h4 {
	font-size: 1.0rem;
	color: #ffffffdc;
	margin-top: 0.625rem;
	font-weight: 900;
}

.xo_fa_exchange_options_container {
	width: 100%;
	top: calc(100% + 10px);
	left: 0;
	background-color: rgb(19, 19, 19);
	height: 12.5rem;
	overflow-y: auto;
}


#xo-fa-my-traders-table .enable-row input.xo-fa-bot-source-input {
	pointer-events: none;
	background-color: black !important;
}

#xo-fa-my-traders-table input:not([type="checkbox"]),
#xo-fa-my-traders-table select {
	height: 1.5625rem;
	border: 0.0625rem solid rgba(255, 255, 255, 0);
	background-color: black;
	appearance: none;
	text-align: center;
	width: 100%;
}

#xo-fa-my-traders-table .enable-row input:not([type="checkbox"]),
#xo-fa-my-traders-table .enable-row select {
	height: 1.5625rem;
	border: 0.0625rem solid rgba(145, 145, 145, 0);
	background-color: rgb(32, 32, 32);
	appearance: auto;
}

#xo-fa-my-traders-table th {
	text-align: center;
}

.xo-custom-tabs-container {
	height: 3.125rem;
}

.xo-custom-tabs-container .nav-item {
	width: 8.125rem;
	cursor: pointer;
}

.xo-custom-tabs-container .nav-link {
	color: grey;
	text-align: center;
}

/* body.light .xo-custom-tabs-container .nav-link{
	color: rgb(129, 129, 129);
} */

.xo-custom-tabs-container .nav-link.active {
	color: white;
	font-weight: 800;
}

body.light .xo-custom-tabs-container .nav-link.active {
	color: rgb(0, 0, 0);
}

.xo-tab-line {
	position: absolute;
	bottom: 0;
	height: 0.1875rem;
	width: 8.125rem;
	background-color: white;
	left: 0;
	transition: left 0.2s ease;
	border-radius: 3.125rem;
}

body.light .xo-tab-line {
	background-color: black;
}

.xo-my-traders-actions-container {
	width: 6.25rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.xo-my-traders-actions-container i {
	cursor: pointer;
	width: 9.375rem;
}

.personal-fa-activate-toggle-container {
	width: 9.375rem;
	display: flex;
	flex-direction: column;
	/* border: white 0.0625rem solid; */
	/* height: fit-content; */
	justify-content: center;
	align-items: center;
	margin-top: 3.125rem;
	cursor: pointer;
}

.active .personal-fa-activate-toggle {
	border: #27ff004d 0.0625rem solid;
	background-color: #00800047;
}

body.light .active .personal-fa-activate-toggle {
	background-color: #008000ad;
}

.personal-fa-activate-toggle {
	width: fit-content;
	border: #6d6d6d4d 0.0625rem solid;
	height: fit-content;
	padding: 0.625rem 1.875rem;
	border-radius: 6.25rem;
	font-size: 1.125rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #68686847;
	color: white;
}

.personal-fa-activate-toggle-container>p {
	font-size: 0.75rem;
	margin-top: 0.3125rem;
	margin-bottom: 0.3125rem;
	color: grey;
	cursor: pointer;
}

.active .personal-fa-activate-toggle>span {
	border: 0.0625rem solid #06ff06;
	background-color: #00ff00;
}

.personal-fa-activate-toggle>span {
	border: 0.125rem solid #ffffff88;
	width: 0.625rem;
	height: 0.625rem;
	display: block;
	margin-right: 0.9375rem;
	border-radius: 50%;
	background-color: #00ff0000;
	position: relative;
}

.active .fa-activate-pulse {
	background-color: #00ff00;
}

.fa-activate-pulse {
	position: absolute;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	animation: fa_activate_pulse 1s infinite ease-out;
	background-color: #00ff0000;
	border-radius: 50%;
}

@keyframes fa_activate_pulse {
	0% {
		transform: scale(1);
		opacity: 0.7;
	}

	100% {
		transform: scale(3);
		opacity: 0;
	}
}


/* Tradingview dashboard */


#td-timeframe-select {
	height: 2.5rem;
	background-color: #161616;
	border: none;
	color: grey;
	border-radius: 0.9375rem;
	padding: 0.0rem 0.625rem;
}


.tv-header-dropdown-btn {
	background-color: #161616;
	border: 0;
	color: grey;
	margin-right: 1.25rem;
	border-radius: 0.9375rem;

	height: 100%;
	display: flex;
	justify-content: start;
	align-items: center;
	padding: 0.625rem 0.9375rem;

}

.tv-header-dropdown-btn img {
	margin-right: 0.9375rem;
	width: 1.25rem;
}

.tradingview-widget-container {
	height: calc(100vh - 230px);
	border-radius: 0.9375rem;
	overflow: hidden;
}


/* payment */

/* Container A */
.pill-container {
	width: 12.5rem;
	height: 3.125rem;
	background-color: #ffffff1c;
	border-radius: 1.5625rem;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	margin: auto;
	margin-bottom: 3.75rem;
}

.upgrade_popup_tier_name {
	color: orangered;
}

/* Container B */
.toggle-pill {
	width: 50%;
	height: 100%;
	background-color: orangered;
	border-radius: 1.5625rem;
	position: absolute;
	top: 0;
	left: 0;
	transition: left 0.4s ease;
	/* Smooth toggle effect */
}

.toggle-pill-content {
	display: flex;
	position: absolute;
	width: 100%;
	justify-content: space-evenly;
	align-items: center;
	height: 100%;
}


.toggle-content-2 {
	width: 50%;
	color: white;
	text-align: center;
}

/* Right position */
.toggle-pill.right {
	left: 50%;
}


.xo-payment-pointer {
	display: flex;
	align-items: center;
	margin-left: 3.125rem;
	color: white;
}

.xo-payment-pointer>i {
	color: orangered;
	font-size: 1.0625rem;
	margin-right: 0.625rem;
}

.pp-payment-option {
	border: 0.125rem solid #ffffff1a;
	width: 100%;
	height: auto;
	padding: 1.875rem;
	padding-bottom: 2.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 1.25rem;
	margin: 1.25rem 0;
	position: relative;
	overflow: hidden;
}

.pp-payment-option>p {
	margin: 0;
	background-color: #ffffff14;
	padding: 0.1875rem 0.625rem;
	/* border-radius: 0.3125rem; */
	margin-top: 1.25rem;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	font-size: 0.8125rem;
	color: grey;
}

.pp-payment-option:hover {
	cursor: pointer;
	border-color: orangered;
}

.pp-payment-option>img {
	height: 3.125rem;
	width: auto;
}

tr.xo-inv-row-highlight {
	background: #ff6700;
}

tr.xo-inv-row-highlight td {
	color: white;
	font-weight: 700;
}

.xo-layout-2-nav {
	position: fixed;
	top: 1.875rem;
}

.xo-layout-2-nav img {
	height: 2.5rem;
}

.xo-payment-row .card:hover {
	border: 0.125rem solid orangered;
	cursor: pointer;
}

body.light #xo-popular-subscription {
	background-color: white !important;
}


.xo-payment-row h1 {
	font-size: 3.125rem;
}

.xo-payment-middle.card {
	background-color: orangered;
	border: 0.125rem solid orangered;
}

.xo-payment-middle.card .xo-pay-head-label {
	color: white !important;
	font-weight: 900;
	text-align: center;
	font-size: 0.9375rem;
}

.xo-payment-middle.card h1 {
	color: orangered;
}

.xo-payment-middle p {
	/* color: rgba(255, 68, 0, 0.774) !important; */
}

.xo-payment-middle h2 {
	color: grey;
	text-decoration: line-through;
	text-align: center;
	font-weight: 300;
	font-size: 1.5625rem;
}

/* personalised */



#personal_link {
	padding: 0.9375rem 1.25rem;
	border: 0.0625rem solid #ff45004d;
	background: radial-gradient(circle, black 70%, #ff45003d 100%);
	color: white;
	overflow-x: auto;
}

#personal_link p {
	width: 95%;
	font-size: 1.25rem;
	/* margin-left: 0.625rem; */
	padding-left: 1.25rem;
}

#xo-fa-p-pre {
	font-size: 0.9375rem;
	margin-top: 1.25rem;
	background: radial-gradient(circle, black 90%, #ff45003d 100%);
	color: white;
	padding-top: 1.875rem;
	border: 0.0625rem solid #ff45004d;
}

#xo-fa-message-format-label {
	color: orangered;
	margin-top: 0.625rem;
	width: fit-content;
	cursor: pointer;
}

#xo-fa-p-more-settings-label {
	color: orangered;
	margin-top: 0.625rem;
	width: fit-content;
	cursor: pointer;
}


/* unsub blur */

.xo-unsub-blur {
	filter: blur(10px);
	pointer-events: none;
}



#unsub_label {
	padding: 0.9375rem 1.875rem;
	color: white;
	background-color: rgb(255 255 255 / 17%);
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 1.0rem;
	z-index: 20;
	border-radius: 62.5rem;
}



/* webinar view */
.xo-webinar-view-container {
	width: 100%;
	height: 31.25rem;
	background-color: #0f0f0f;
	border: 0.125rem #ffffff24 dashed;
}

.xo-admin-delete-icon {
	font-size: 1.125rem;
	position: absolute;
	top: 0.625rem;
	right: 0.625rem;
}

.xo-admin-edit-icon {
	font-size: 1.125rem;
	position: absolute;
	top: 0.625rem;
	right: 2.5rem;
}

/* Multi-Select */

.multi-select-container {
	position: relative;
	/* width: 18.75rem; */
	cursor: pointer;
}

.multi-select {
	border: 0.0625rem solid #ffffff1a;
	padding: 0.625rem;
	border-radius: 0.3125rem;
	cursor: pointer;
	background-color: #ffffff00;
	display: flex;
	flex-wrap: wrap;
	gap: 0.3125rem;
	width: 10.0rem;
	overflow: auto;
	max-height: 10.0rem;
}

.multi-select span {
	background-color: #ffffff17;
	color: white;
	padding: 0.3125rem 0.625rem;
	border-radius: 0.1875rem;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}

.multi-select span .remove {
	margin-left: 0.625rem;
	cursor: pointer;
	/* font-weight: bold; */
	background-color: #ffffff0d;
	color: grey;
}

.multi-select-container .dropdown {
	position: absolute;
	top: 110%;
	left: 0;
	right: 0;
	background-color: #000000;
	border: 0.0625rem solid #282828;
	border-radius: 0.3125rem;
	max-height: 12.5rem;
	overflow-y: auto;
	display: none;
	box-shadow: 0 0.0rem 0.625rem 0.25rem rgb(0 0 0);
}

.multi-select-container .dropdown.open {
	display: block;
}

.multi-select-container .dropdown label {
	display: block;
	padding: 0.3125rem 0.625rem;
	cursor: pointer;
	transition: background-color 0.2s;
	font-size: 0.8125rem;
}

.multi-select-container .dropdown label:hover {
	background-color: #ffffff15;
}

.multi-select-container .dropdown input {
	margin-right: 0.625rem;
}


/* STrategy Stats */

.ss-loader {
	position: fixed;
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: #ffffff03;
	top: 0;
	z-index: 500;
	backdrop-filter: blur(10px);
	transition: opacity 0.1s ease;
	opacity: 1;
}

.ss-loader #loading-quote {
	font-size: 1.25rem;
	margin-top: 3.125rem;
	color: orangered;
}

.ss-loader .spinner-border {
	width: 1.125rem;
	height: 1.125rem;
}

.ss-loader.disable {
	opacity: 0;
	pointer-events: none;
}

.ss-stats-info-line {
	width: 100%;
	height: 0.125rem;
	background-color: rgba(255, 255, 255, 0.171);
}

.ss-adv-stats-row:nth-child(odd) {
	background-color: black;
}

body.light .ss-adv-stats-row:nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.05);
}


.ss-adv-stats-row .ss-sdv-key-cont {
	border-color: rgb(255 255 255 / 5%) !important;
	width: 33.333333333%;
}

.ss-stats-info p {
	font-size: 0.8125rem;
}

.ss-sdv-key-cont p {
	font-weight: 500;
}

.ss-stats .xo-custom-tabs-container .nav-item {
	width: 8.125rem;
}

.ss-stats .xo-custom-tabs-container .xo-tab-line {
	width: 8.125rem;
	bottom: 0.4375rem;
}

.ss-stats .xo-custom-tabs-container .nav-link {
	font-size: 0.8125rem;
}

.ss-stats .progress {
	background-color: rgb(27, 27, 27);
}

.switch_to_monthly_btn {
	position: absolute;
	right: 0.9375rem;
	top: 0.9375rem;
	font-size: 0.75rem;
}

.ss-stats .xo-tab-line {
	height: 0.0625rem;
}

.switch_to_monthly_btn:focus {
	border: 0.0625rem solid orangered !important;
}

.ss-stats table th {
	background-color: #0C0C0C;
	border-bottom: 0.0625rem solid #1d1d1d;
	font-size: 0.75rem;
	text-align: center;
	padding: 0.625rem 0;
	color: white;
	font-weight: 700;
}

.ss-stats table td {
	background-color: #0C0C0C;
	border-bottom: 0.0625rem solid #1d1d1d;
	font-size: 0.75rem;
	text-align: center;
	padding: 0.625rem 0;
}

body.light .ss-stats table td,
body.light .ss-stats table th {
	background-color: #0c0c0c00;
	border-bottom: 0.0625rem solid #1d1d1d1c;
}

body.light .ss-stats table th {
	color: black;
}

.ss-stats table tr:nth-child(even) td {
	background-color: black;
}

body.light .ss-stats table tr:nth-child(even) td {
	background-color: rgba(0, 0, 0, 0.05);
}

.ss-head-select {
	background: transparent;
	border: none;
	font-size: 1.125rem;
	padding-right: 0.625rem;
	position: relative;
	left: -4px;
}

.ss-stats .xo_pagination-container {
	margin: 1.25rem;
}

#ss-strategy-select {
	transform: translate(-50%, -165%);
}


.ss-stats .xo_pagination a {
	font-size: 0.6875rem;
	padding: 0.375rem 0.75rem;
}

.ss-td-custom-success {
	background-color: #00ff0036 !important;
}

.ss-td-custom-danger {
	background-color: #ff000036 !important;
}


.ss-head-select option {
	background-color: black;
	color: white;
}

.ss-carousel-select {
	background: black;
	border-radius: 0;
	width: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

body.light .ss-carousel-select {
	background-color: white;
}

.ss-carousel-button {
	position: absolute;
	width: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 80%);
}


/* Personalised Simulator */

.add-strategies-model-body>p {
	display: none;
}

.add-strategies-model-body.no-exchanges>p {
	display: block;
}

.add-strategies-model-body.no-exchanges .xo-fa-head-container {
	display: none;
}

.add-strategy-model .modal-body>p {
	display: none;
}

.add-strategy-model .modal-body.no-exchanges>p {
	display: block;
}

.add-strategy-model .modal-body.no-exchanges .xo-fa-head-container {
	display: none;
}

.pss-combination-input-container {
	width: 18%;
}

.pss-action-container {
	width: 12%;
}



/* Simulator Stats */
/* @import url("https://fonts.googleapis.com/css2?family=Monoton&display=swap"); */
/* * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
} */

#simulator-content {
	width: 100%;
}

#strategy-stats-content {
	width: 100%;
}


main#ss-sim-slider-input {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	width: 100vw;
	height: 100vh;
	background: linear-gradient(to right, #ff5c5c, #ffa860, #e3dc44, #57b02a);
}


#ss-sim-slider-input .fill-area {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100vw;
	height: 100vh;
	background: #333838;
	box-shadow: inset 0.1875rem 0.1875rem 0.3125rem -1px #111;
	pointer-events: none;
}


#ss-sim-slider-input label {
	position: static;
	z-index: 1;
	font: 8rem "Monoton", sans-serif;
	color: #ec7474;
	margin: -5rem 0 2rem;
}


#ss-sim-slider-input label::after {
	content: "%";
}


#ss-sim-slider-input input[type=range] {
	position: static;
	z-index: 2;
	width: 50vw;
	height: 1rem;
	background: rgba(88, 36, 36, 0.8);
	appearance: none;
	border: none;
	outline: none;
	border-radius: 100vmax;
	box-shadow: inset 0.1875rem 0.1875rem 0.3125rem -1px #000;
}

#ss-sim-slider-input input[type=range]::-webkit-slider-thumb {
	appearance: none;
	width: 4vw;
	height: 4vw;
	background: #eee;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0.3125rem 0.3125rem 0.5rem -1px #000;
	transition: box-shadow 0.3s ease-in-out;
}

#ss-sim-slider-input input[type=range]:hover::-webkit-slider-thumb {
	background: #fff;
	box-shadow: 0.1875rem 0.1875rem 0.3125rem -1px #000;
}

#ss-sim-slider-input input[type=range]::-ms-track {
	width: 100%;
	background: transparent;
	border-color: transparent;
	color: transparent;
}


/* zoom code */

#zmmtg-root video {
	transform: scaleX(-1);
	/* Flips the video horizontally */
}

.chat-box__chat-textarea {
	color: black;
}

.chat-more-options__chat-control-more {
	color: black;
}

#zoom_nav_toggle {
	position: fixed;
	z-index: 10000;
	width: 2.5rem;
	/* height: 1.25rem; */
	background-color: #ff45005e;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	border-radius: 31.25rem;
	border: solid 0.125rem orangered;
	text-align: center;
	cursor: pointer;
}

#zoom_nav_toggle i {
	color: white;
}


/* ai button */

@property --a {
	syntax: "<angle>";
	inherits: true;
	initial-value: 0deg;
}

@property --l {
	syntax: "<number>";
	inherits: true;
	initial-value: 0;
}

@property --x {
	syntax: "<length>";
	inherits: false;
	initial-value: 0;
}

@property --y {
	syntax: "<length>";
	inherits: false;
	initial-value: 0;
}

@property --o {
	syntax: "<number>";
	inherits: false;
	initial-value: 0;
}

.ai-btn-ai {
	--s: 40vmin;
	--p: calc(var(--s) / 4);
	width: var(--s);
	aspect-ratio: 1;
	--bg-color: color-mix(in srgb, #7b7bf4, transparent 90%);
	background: radial-gradient(80% 95% at center,
			var(--bg-color) 50%,
			transparent 50%),
		radial-gradient(95% 80% at center, var(--bg-color) 50%, transparent 50%);
	padding: var(--p);
	display: grid;
	place-items: center;
	position: relative;
	border-radius: 50%;
	transform: scale(0.25);
	position: fixed;
	right: -75px;
	bottom: 0;
	z-index: 10;
}

:root {
	--count: 4;
	--radius: 6vmin;
}

@keyframes ai-btn-ai {
	from {
		--a: 360deg;
		--l: 0.35;
		--o: 1;
	}

	30% {
		--l: 1.5;
	}

	70% {
		--o: 0.4;
		--l: 0.05;
	}

	98% {
		--o: 0.7;
	}

	to {
		--a: 0deg;
		--l: 0.35;
		--o: 1;
	}
}

.ai-btn-c {
	opacity: 0.9;
	position: absolute;
	width: 10vmin;
	aspect-ratio: 1;
	border-radius: 50%;
	--offset-per-item: calc(360deg / var(--count));
	--current-angle-offset: calc(var(--offset-per-item) * var(--i) + var(--a));
	translate: calc(cos(var(--current-angle-offset)) * var(--radius) + var(--x, 0)) calc(sin(var(--current-angle-offset)) * var(--radius) * -1);
	scale: calc(0.6 + var(--l));
	animation: ai-btn-ai 5.5s cubic-bezier(0.45, -0.35, 0.16, 1.5) infinite;
	transition: opacity 0.3s linear;
	opacity: var(--o, 1);
}

.ai-btn-c:nth-child(1) {
	--i: 0;
}

.ai-btn-c:nth-child(2) {
	--i: 1;
}

.ai-btn-c:nth-child(3) {
	--i: 2;
}

.ai-btn-c:nth-child(4) {
	--i: 3;
}

.ai-btn-c:nth-child(5) {
	--i: 4;
}

.ai-btn-c1 {
	background: #79e3ee;
	background: radial-gradient(50% 50% at center, #79e3ee, #e7e7fb);
	background: radial-gradient(50% 50% at center, #c979ee, #74bcd6);
	--x: 1vmin;
	width: 16vmin;
	animation-timing-function: cubic-bezier(0.12, 0.32, 0.68, 0.24);
}

.ai-btn-c2 {
	background: radial-gradient(50% 50% at center, #ef788c, #e7e7fb);
	width: 15vmin;
}

.ai-btn-c3 {
	background: radial-gradient(50% 50% at center, #eb7fc6, transparent);
	width: 5vmin;
	opacity: 0.6;
	--x: -1vmin;
}

.ai-btn-c4 {
	background: #6d67c8;
	animation-timing-function: cubic-bezier(0.39, -0.03, 0.75, 0.47);
}

.ai-btn-container {
	overflow: hidden;
	background: #b6a9f8;
	width: 100%;
	border-radius: 50%;
	aspect-ratio: 1;
	position: relative;
	display: grid;
	place-items: center;
}

.ai-btn-glass {
	overflow: hidden;
	position: absolute;
	--w: 0.5vmin;
	inset: calc(var(--p) - var(--w));
	border-radius: 50%;
	backdrop-filter: blur(1.3vmin);
	box-shadow: 0 0 8vmin color-mix(in srgb, black, transparent 70%);
	background: radial-gradient(10vmin at 70% 30%,
			rgba(255, 255, 255, 0.7),
			transparent);
}

.ai-btn-glass:after {
	content: "";
	position: absolute;
	inset: 0;
	--c: rgba(255, 255, 255, 0.03);
	--w: 0.0625rem;
	--g: 0.1875rem;
	background: repeating-linear-gradient(var(--c),
			var(--c),
			var(--w),
			transparent var(--w),
			transparent calc(var(--w) + var(--g)));
	border-radius: inherit;
	border: 1vmin rgba(255, 255, 255, 0.1) solid;
}



@property --value {
	syntax: "<angle>";
	inherits: true;
	initial-value: 0deg;
}

@property --width-ratio {
	syntax: "<number>";
	inherits: true;
	initial-value: 0;
}

@property --scale {
	syntax: "<number>";
	inherits: true;
	initial-value: 0;
}

:root {
	--width: 1vmin;
	--duration: 8s;
}

.ai-btn-rings {
	aspect-ratio: 1;
	border-radius: 50%;
	position: absolute;
	inset: 0;
	perspective: 11rem;
	opacity: .9;
}

.ai-btn-rings:before,
.ai-btn-rings:after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(255, 0, 0, 1);
	border-radius: 50%;
	--width-ratio: 1;
	border: calc(var(--width) * var(--width-ratio)) solid transparent;
	mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
	background: linear-gradient(white,
			blue,
			magenta,
			violet,
			lightyellow) border-box;
	mask-composite: exclude;
	animation: ai-btn-ring var(--duration) ease-in-out infinite;
	--start: 180deg;
	--value: var(--start);
	--scale: 1;
	transform: rotateY(var(--value)) rotateX(var(--value)) rotateZ(var(--value)) scale(var(--scale));
}

.ai-btn-rings:before {
	--start: 180deg;
}

.ai-btn-rings:after {
	--start: 90deg;
}

.ai-btn-rings>.ai-btn-rings:before {
	--start: 360deg;
}

.ai-btn-rings>.ai-btn-rings:after {
	--start: 270deg;
}

@keyframes ai-btn-ring {
	from {
		--value: var(--start);
		--scale: 1;
	}

	50% {
		--scale: 1.2;
		--width-ratio: 1.5;
	}

	70% {
		--scale: 1;
		--value: calc(var(--start) + 180deg);
		--width-ratio: 1;
	}

	80% {
		--scale: 1.2;
		--width-ratio: 1.5;
	}

	to {
		--value: calc(var(--start) + 360deg);
		--scale: 1;
		--width-ratio: 1;
	}
}


/* edit alerts */

.ea-form-disable input {
	opacity: 0.4;
	pointer-events: none;
}

#createSignalModal input,
#createSignalModal label,
#createSignalModal textarea,
#createSignalModal select {
	font-size: 0.6875rem !important;
}




/* zoom iframe */

.zoom-iframe {
	width: 100%;
	min-height: 31.25rem;
}

@media screen and (max-width: 532px) {
	#ss-sim-slider-input label {
		font-size: 24vw;
	}
}














/* payment page - 2 */



/* ===== PRICING PAGE ===== */
.payment-section-2 .price-tabs {
	background-color: transparent;
	display: inline-flex;
	padding: 0.25rem;
	border-radius: 3rem;
	gap: 0.5rem;
	border-radius: 2.5rem;
	border: 0.125rem solid rgba(92, 92, 92, 0.394);
	margin-bottom: 2.8125rem;
}

@media (min-width: 768px) {
	.payment-section-2 .price-tabs {
		margin-bottom: 3.75rem;
	}
}

.payment-section-2 .price-tabs .nav-link {
	color: var(--vz-primary-text-emphasis, #F2B90F);
	font-weight: 500;
	font-family: "DM Sans", sans-serif;
	font-size: 1.0rem;
	padding: 0.75rem 2.1875rem;
	border-radius: 0.5rem;
	border: 2px solid transparent;
	transition: all 0.3s ease;
	display: inline-block;
	text-transform: capitalize;
	border-radius: 2.5rem;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

@media (min-width: 768px) {
	.payment-section-2 .price-tabs .nav-link {
		padding: 0.75rem 2.5rem;
	}
}

.payment-section-2 .price-tabs .nav-link.active {
	background-color: var(--vz-primary, #F2B90F);
	color: #000;
	border-color: var(--vz-primary, #F2B90F);
	box-shadow: 0 0 0 0.2rem rgba(242, 185, 15, 0.25);
}

.payment-section-2 .price-tabs .nav-link:hover {
	background-color: rgba(242, 185, 15, 0.1);
	border-color: var(--vz-primary, #F2B90F);
}

.payment-section-2 .price-item {
	background-color: var(--vz-card-bg, #101010);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	-webkit-box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.2);
	border-radius: 1rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

@media (min-width: 768px) {
	.payment-section-2 .price-item {
		margin: 0 1.25rem;
		padding-top: 1.25rem;
	}
}

.payment-section-2 .price-item .price-top {
	-webkit-box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.1);
	padding: 3.125rem 0 1.5625rem;

	/* background: linear-gradient(135deg, var(--vz-primary, #F2B90F) 0%, var(--vz-primary-text-emphasis, #b58800) 100%); */

	border-radius: 1rem;
	position: relative;
	z-index: 0;
	margin-bottom: 2.0625rem;
}

@media (min-width: 768px) {
	.payment-section-2 .price-item .price-top {
		margin: 0 -20px;
		border-radius: 1.25rem;
	}
}

.payment-section-2 .price-item .price-top:after {
	opacity: 0;
	height: 3.125rem;
	width: 100%;
	border-radius: 0 0 1rem 1rem;
	background: linear-gradient(135deg, var(--vz-primary, #F2B90F) 0%, var(--vz-primary-text-emphasis, #b58800) 100%);
	position: absolute;
	content: '';
	left: 0;
	bottom: -17px;
	z-index: -1;
	-webkit-transform: skewY(5deg);
	transform: skewY(5deg);
	-webkit-box-shadow: 0 0.3125rem 0.625rem 0 rgba(113, 113, 113, 0.15);
	box-shadow: 0 0.3125rem 0.625rem 0 rgba(113, 113, 113, 0.15);
}

@media (min-width: 768px) {
	.payment-section-2 .price-item .price-top:after {
		border-radius: 0 0 1.25rem 1.25rem;
	}
}

.payment-section-2 .price-item .price-top * {
	color: #fff;
}

.payment-section-2 .price-item .price-top h2 {
	font-weight: 700;
}

.payment-section-2 .price-item .price-top h2 sup {
	top: 0.8125rem;
	left: -5px;
	font-size: 0.35em;
	font-weight: 500;
	vertical-align: top;
}

.payment-section-2 .price-item .price-content {
	padding: 1.875rem;
	padding-bottom: 2.5rem;
}

.payment-section-2 .price-item .price-content li {
	position: relative;
	margin-bottom: 0.9375rem;
	margin-left: 0.625rem;
	margin-right: 0.625rem;
	text-align: center;
}

@media (min-width: 992px) {
	.payment-section-2 .price-item .price-content li {
		padding-left: 0.9375rem;
		text-align: left;
	}
}

@media (min-width: 992px) {
	.payment-section-2 .price-item .price-content li i {
		position: absolute;
		left: 0;
		top: 0.1875rem;
	}
}

.payment-section-2 .price-item .price-content .zmdi-check {
	color: #28a745;
}

.payment-section-2 .price-item .price-content .zmdi-close {
	color: #f00;
}

.payment-section-2 .popular {
	background: linear-gradient(135deg, var(--vz-primary, #F2B90F) 0%, var(--vz-primary-text-emphasis, #b58800) 100%);
	transform: scale(1.05);
	z-index: 2;
	border: 2px solid var(--vz-primary, #F2B90F);
}

.payment-section-2 .popular .price-top {
	background: var(--vz-card-bg, #101010);
}

.payment-section-2 .popular .price-top:after {
	background: var(--vz-card-bg, #101010);
}

.payment-section-2.popular .price-top h4 {
	color: #101f41;
}

.payment-section-2.popular .price-top h2,
.popular .price-top span,
.popular .price-top sup {
	color: var(--vz-primary, #F2B90F);
}

.payment-section-2 .popular .price-content ul *,
.popular .price-content ul .zmdi-close,
.popular .price-content ul .zmdi-check {
	color: #fff !important;
}

/* Dark theme support for payment section */
[data-bs-theme="dark"] .payment-section-2 .price-item {
	background-color: #101010;
	border-color: rgba(255, 255, 255, 0.1);
}

[data-bs-theme="light"] .payment-section-2 .price-item {
	background-color: #ffffff;
	border-color: rgba(0, 0, 0, 0.1);
}

[data-bs-theme="dark"] .payment-section-2 .popular {
	box-shadow: 0 0 0 2px var(--vz-primary, #F2B90F);
}

.payment-section-2 .price-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 1rem 3rem 0 rgba(0, 0, 0, 0.3);
}

.payment-section-2 .price-item .price-content .btn {
	font-family: "DM Sans", sans-serif;
	font-weight: 600;
	padding: 0.75rem 2rem;
	border-radius: 0.5rem;
	transition: all 0.3s ease;
}

.payment-section-2 .price-item .price-content .btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
}

/* Payment option cards in modals */
.payment-option-card {
	cursor: pointer;
	transition: all 0.3s ease;
	border: 2px solid transparent;
}

.payment-option-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.15);
	border-color: var(--vz-primary, #F2B90F);
}

.payment-option-card img {
	transition: transform 0.3s ease;
}

.payment-option-card:hover img {
	transform: scale(1.1);
}

/* community leader dashboard */
#xo-user-lots-table th,
#xo-user-lots-table td {
	font-size: 0.8125rem;
}

.xo-sort-select-class {
	width: 12.5rem;
	background-color: #ffffff0a;
}


/* footer */

.footer-social-link {
	opacity: 0.5;
}

.footer-social-link>img {
	width: 0.9375rem;
}

.footer-social-link:hover {
	opacity: 1;
}




/* animations */

.card-line-loading-animation {
	width: 100%;
	height: 0.1875rem;
	background: linear-gradient(90deg,
			transparent,
			orangered,
			transparent);
	position: absolute;
	animation: line_loading_animation 1s infinite ease-out;
}

@keyframes line_loading_animation {
	0% {
		left: -100%;
	}

	50% {
		left: 0%;
	}

	100% {
		left: 100%;
	}
}








body.light #ci_form input,
body.light #ci_form select {
	background-color: white !important;
}

body.light #ci_form .input-group-text {
	background-color: white !important;
}





/* bootstrap */

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	/* background-color: #1d1d1d !important; */
}

.nav-tabs .nav-item {
	cursor: pointer;
}

.nav-tabs .nav-item.show .nav-link:hover {
	color: white;
}

body.light .nav-tabs .nav-item.show .nav-link:hover {
	color: rgb(0, 0, 0);
}

body.light .navbar-nav .nav-item.active .nav-link {
	color: red !important;
}



body.light .xo_pagination a {
	color: black;
}


/* Custom Select Styles */
.s-c-select .dropdown-menu {
	max-height: 18.75rem;
	overflow-y: auto;
}

.s-c-select .dropdown-toggle::after {
	float: right;
	margin-top: 0.5rem;
}

.s-c-select .dropdown-toggle {
	text-align: left;
}

.s-c-select .dropdown-item:active,
.s-c-select .dropdown-item:focus {
	background-color: transparent;
}

.s-c-select .search-box {
	padding: 0.5rem;
	position: sticky;
	top: 0;
	z-index: 1;
}

.s-c-select .dropdown-menu .form-check {
	padding-left: 2.0rem;
}

.s-c-select .selected-options {
	margin-top: 0.625rem;
	font-size: 0.875rem;
}

.s-c-select-options{
	max-height: 12.5rem;
    overflow-y: auto;
}

.s-c-symbol-tag{
	padding: 0.3125rem 0.625rem;
	margin: 0.3125rem;
	border: 0.0625rem solid rgb(36, 36, 36);
	border-radius: 12.5rem;
	font-size: 0.75rem;
    color: grey;
}

.s-c-select-result{
	display: flex;
	flex-wrap: wrap;
}

.s-c-select-menu{
	width: calc(100% - 30px);
}

.s-c-select-input{
	background-color: #0d0d0d;
}

.s-c-select-checkbox{
	background-color: #1a1a1a;
}

/* Dark mode specific styles */
[data-bs-theme="dark"] .s-c-select .search-box {
	background-color: #121212;
}

[data-bs-theme="light"] .s-c-select .search-box {
	background-color: #dcdcdc;
}



/* Media Queries */




/* Add this CSS to your custom CSS file */

/* Mobile dropdown improvements */
@media (max-width: 991px) {
    
    /* Ensure dropdowns are visible in mobile */
    #topnav-menu-content .dropdown-menu {
        position: static !important;
        transform: none !important;
        border: none;
        box-shadow: none;
        background: transparent;
        padding-left: 20px;
        display: none;
    }
    
    /* Show dropdown when active */
    #topnav-menu-content .dropdown.show > .dropdown-menu {
        display: block !important;
    }
    
    /* Style nested dropdown items */
    #topnav-menu-content .dropdown-menu .dropdown-item {
        padding: 8px 15px;
        color: rgba(255, 255, 255, 0.8);
        background: transparent;
    }
    
    #topnav-menu-content .dropdown-menu .dropdown-item:hover {
        color: #fff;
        background: rgba(255, 255, 255, 0.1);
    }
    
    /* Arrow rotation for mobile */
    #topnav-menu-content .dropdown.show > .nav-link .arrow-down,
    #topnav-menu-content .dropdown.show > .dropdown-item .arrow-down {
        transform: rotate(180deg);
        transition: transform 0.3s ease;
    }
    
    /* Smooth transitions */
    #topnav-menu-content .dropdown-menu {
        transition: all 0.3s ease;
    }
    
    /* Handle nested dropdowns */
    #topnav-menu-content .dropdown-menu .dropdown {
        position: relative;
    }
    
    #topnav-menu-content .dropdown-menu .dropdown-menu {
        padding-left: 40px;
    }
}






@media screen and (orientation: portrait) {

	.xo-ct-card {
		flex-direction: column;
		width: 90%;
		aspect-ratio: auto;
	}

	.xo-course-header {
		width: 100%;
		padding: 3.75rem 1.875rem;
	}

	.xo-ch-down {
		width: auto;
	}

	.xo-ch-down-1 {
		width: 15.625rem;
	}

	.xo-ch-down-2 {
		font-size: 0.8125rem;
	}

	.xo-ch-down-3 {
		width: 18.75rem;
	}

	#xo-blur-layer-1 {
		display: none;
	}

	.xo-se-exchange>img {
		height: 1.875rem;
	}

	#xo-fa-tab-line,
	.xo-tab-line {
		opacity: 0;
		width: 0;
	}

	.ss-adv-stats-row {
		flex-direction: column !important;
	}

	.ss-adv-stats-row .ss-sdv-key-cont {
		width: 100%;
	}





	.xo-custom-tabs-container {
		height: fit-content;
	}

	.xo-custom-tabs-container .nav-link.active {
		background-color: #ffffff17;
	}

	body.light .xo-custom-tabs-container .nav-link.active {
		background-color: #00000017;
	}

	.xo-custom-tabs-container .nav-link {
		text-align: left;
		padding-left: 1.875rem;
	}

	.xo-custom-tabs-container .nav-item {
		width: 100%
	}

	#personal_link p {
		overflow-x: auto;
		margin: 0 0.625rem !important;
	}

	body.light #personal_link {
		background: radial-gradient(circle, #ffffff00 70%, #ff45003d 100%);
		color: #000000;
	}

	#xo-prh-abs-3 {
		width: 3.125rem
	}

	#xo-prh-abs-2 {
		width: 3.125rem;
	}

	.xo-user-profile-form h5 {
		margin-top: 1.875rem;
	}

	#xo-membership-title {
		margin-top: 1.875rem;
	}

	.xo-s-card {
		transform: scale(0.8);
	}

	.xo-edu-pr-h-left {
		width: auto;
	}



	.xo-pivot-tool-widget-container,
	.xo-margin-tool-widget-container,
	.xo-lot-tool-widget-container,
	.xo-pip-tool-widget-container,
	.xo-margin-tool-widget-container,
	.xo-drawdown-tool-widget-container,
	.xo-fibonacci-tool-widget-container,
	.xo-exchange-fees-tool-widget-container {
		width: 18.75rem;
		height: fit-content;
	}



	#tools-abs-1 {
		display: none;
	}

	#tools-abs-2 {
		display: none;
	}

	#tools-abs-3 {
		display: none;
	}

	#tools-abs-4 {
		display: none;
	}



	/* community leader dashboard */

	.xo-sort-select-class {
		width: 6.25rem;
	}







	/* tables */
	#xo-fa-historic-trades-table {
		width: 62.5rem !important;
	}

	#xo-fa-table {
		width: 62.5rem !important;
	}

	#xo-invoices-table {
		width: 43.75rem !important;
	}

	#xo-ss-orders-view table {
		width: 37.5rem !important;
	}

	#xo-ss-positions-view table {
		width: 37.5rem !important;
	}

	#xo-ss-history-view table {
		width: 56.25rem !important;
	}

	.ss-stats-row-4 {
		flex-wrap: wrap !important;
	}

	.ss-stats-row-4-col {
		width: 50%;
	}

}
/* RTL layout adjustments */
[dir="rtl"] .navbar-menu {
  left: auto !important;
  right: 0 !important;
}

[dir="rtl"] .navbar-header {
  left: auto !important;
  right: 0 !important;
  padding-right: 0 !important;
  padding-left: 1.5rem !important;
}

/* Ensure sidebar anchors to the right in collapsed modes */
[dir="rtl"][data-sidebar-size="sm"] .navbar-menu,
[dir="rtl"][data-sidebar-size="sm-hover"] .navbar-menu {
  right: 0 !important;
  left: auto !important;
}

[dir="rtl"][data-sidebar-size="sm"] .navbar-menu .menu-link,
[dir="rtl"][data-sidebar-size="sm-hover"] .navbar-menu .menu-link {
  text-align: center !important;
  justify-content: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

[dir="rtl"][data-sidebar-size="sm"] .navbar-menu .menu-title,
[dir="rtl"][data-sidebar-size="sm-hover"] .navbar-menu .menu-title {
  text-align: center !important;
}

/* Shift content margin to the right when sidebar is visible */
[dir="rtl"] .main-content {
  margin-left: 0 !important;
  margin-right: var(--vz-vertical-menu-width, 250px) !important;
}

/* Collapsed / small sidebar variants */
[dir="rtl"][data-sidebar-size="sm"] .main-content,
[dir="rtl"][data-sidebar-size="sm-hover"] .main-content {
  margin-right: var(--vz-vertical-menu-width-sm, 70px) !important;
}

/* Dropdowns and menus align to the right in RTL */
[dir="rtl"] .dropdown-menu {
  right: 0 !important;
  left: auto !important;
  text-align: right;
}

/* Cards and generic text alignment */
[dir="rtl"] .card-title,
[dir="rtl"] .card-header,
[dir="rtl"] .card-body,
[dir="rtl"] .page-title-box,
[dir="rtl"] .breadcrumb-item {
  text-align: right;
}

/* Fix icon spacing in RTL */
[dir="rtl"] .ms-1 { margin-left: 0 !important; margin-right: .25rem !important; }
[dir="rtl"] .ms-2 { margin-left: 0 !important; margin-right: .5rem !important; }
[dir="rtl"] .ms-3 { margin-left: 0 !important; margin-right: 1rem !important; }
[dir="rtl"] .me-1 { margin-right: 0 !important; margin-left: .25rem !important; }
[dir="rtl"] .me-2 { margin-right: 0 !important; margin-left: .5rem !important; }
[dir="rtl"] .me-3 { margin-right: 0 !important; margin-left: 1rem !important; }

/* Topbar and footer offsets for RTL (match sidebar width) */
/* Topbar & footer offsets handled via right property in media query below */

/* Override LTR topbar positioning that uses 'left: var(--vz-vertical-menu-width)' */
@media (min-width: 768px) {
  [dir="rtl"] #page-topbar {
    left: 0 !important;
    /* Nudge by 1px to eliminate visible seam between header and sidebar */
    right: calc(var(--vz-vertical-menu-width, 250px) - 1px) !important;
  }
  [dir="rtl"][data-sidebar-size="sm"] #page-topbar,
  [dir="rtl"][data-sidebar-size="sm-hover"] #page-topbar {
    right: calc(var(--vz-vertical-menu-width-sm, 70px) - 1px) !important;
  }
  [dir="rtl"] .footer {
    left: 0 !important;
    right: calc(var(--vz-vertical-menu-width, 250px) - 1px) !important;
  }
  [dir="rtl"][data-sidebar-size="sm"] .footer,
  [dir="rtl"][data-sidebar-size="sm-hover"] .footer {
    right: calc(var(--vz-vertical-menu-width-sm, 70px) - 1px) !important;
  }
}

/* Remove extra padding on header/footer containers in RTL so they touch the sidebar */
[dir="rtl"] #page-topbar .navbar-header,
[dir="rtl"] .footer .container-fluid {
  padding-right: 0 !important;
}

/* Ensure EK Tools info modal appears above sidebar/topbar and is closable */
/* Ensure all modals layer above content/sidebar */
.modal { z-index: 2000; }
.modal-backdrop.show { z-index: 1995; }

/* ===== Competition Loading Animations ===== */
.comp-loading-overlay {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
}
.comp-loading-overlay .spinner-ring {
    width: 48px;
    height: 48px;
    border: 3px solid rgba(255, 255, 255, 0.08);
    border-top: 3px solid #f0b90b;
    border-radius: 50%;
    animation: comp-spin 0.8s linear infinite;
}
.comp-loading-overlay .spinner-text {
    color: #888;
    font-size: 14px;
    font-weight: 500;
}
@keyframes comp-spin {
    to { transform: rotate(360deg); }
}

/* Skeleton shimmer */
.skeleton-line {
    height: 16px;
    background: linear-gradient(90deg, #2a2a2a 25%, #353535 50%, #2a2a2a 75%);
    background-size: 200% 100%;
    animation: comp-shimmer 1.4s ease-in-out infinite;
    border-radius: 4px;
}
.skeleton-line.w-60 { width: 60%; }
.skeleton-line.w-40 { width: 40%; }
.skeleton-line.w-80 { width: 80%; }
.skeleton-line.h-32 { height: 32px; }
.skeleton-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(90deg, #2a2a2a 25%, #353535 50%, #2a2a2a 75%);
    background-size: 200% 100%;
    animation: comp-shimmer 1.4s ease-in-out infinite;
}
.skeleton-card {
    background: #2a2a2a;
    border: 1px solid #404040;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
@keyframes comp-shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}