* {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}
html{
	height:100%;
}
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-variant-ligatures: common-ligatures;
	min-height:100vh;
	display:flex;
	flex-direction:column;
}

:root {
	--bg: #f9f9f9;
	--bg-sec: #dae3e5;
	--bg-third: #c9d2d4;
	--bg-input: #f9f9f9;
	--bg-hover: #b4b4ff;
	--bg-hover-btn: #1a3a6e;
	--bg-buy: #8FAAD9;
	--bg-sell: #BF77BF;
	--bg-notri: #ddd;
	--text-main: #333;
	--text-neg: #FFF;
	--text-negx: #444;
	--text-negz: #eee;
	--text-sec: #555;
	--text-third: #000;
	--text-fourth: #333;
	--text-popup: #000;
	--text-gray: #888888AA;
	--text-green: #227722;
	--text-red: #DD0000DD;
	--text-greenx: #228822;
	--text-redx: #DD0000DD;
	--text-orange: #16263b;
	--text-bg: #bbd1ea;
	--tbl-bg: #eee;
	--tbl-bg-odd: #f9f9f9;
	--tbl-bg-even: #f5f5f5;
	--tbl-bg-hover: #d8d8f8;
	--tbl-border: #e3e3e388;
	--tbl-header: #2c5f9e;
	--tbl-header-green: #2c5f9e;
	--tbl-header-royal: #2c5f9e;
	--tbl-header-group: #2c5f9e;
	--btn-bg: #1a3a6e;
	--btn-bg-sec: #e8f0fb;
	--btn-text: #fff;
	--btn-text-sec: #1a3a6e;
	--btn-border: #b5c9e8;
	--btn-hover: #142e58;
	--btn-hover-sec: #d0e3f5;
	--tbl-border-watch: #607d8b;
	--tbl-bg-watch: #607d8b;
	--topnav-bg: #1a3a6e;
	--topnav-link: rgba(255, 255, 255, 0.82);
	--topnav-link-hover: rgba(255, 255, 255, 1);
	--topnav-hover-bg: rgba(255, 255, 255, 0.12);
	--topnav-active-bg: rgba(255, 255, 255, 0.18);
	--topnav-input-bg: rgba(255, 255, 255, 0.12);
	--topnav-input-bdr: rgba(255, 255, 255, 0.22);
	--pivot-sup: rgb(204, 230, 255);
	--pivot-res: rgb(230, 204, 255);
	--shadow-in: rgba(0, 0, 0, 0.08);
	--shadow-out: rgba(0, 0, 0, 0.05);
	--tooltip: #cccccccc;
	--tooltip-title: #eceff1aa;
	--chart-border: #000;
	--box-border: #dfdfdf;
	--tpg-color: #efefef88;
	--text-shop: #054a85;
	--radius-sm: 6px;
	--radius-md: 10px;
	--radius-lg: 14px;
	--border-search:rgba(255, 255, 255, 0.25);
 
	--shadow-card: 0 1px 4px rgba(0, 0, 0, 0.07), 0 4px 12px
		rgba(0, 0, 0, 0.05);
	--shadow-btn: 0 1px 3px rgba(0, 0, 0, 0.10);
	--nav-grad-start: #11274c;
	--nav-grad-end: #1a3a6e;
	--header-icon : #a6d5fa;
	--placeholder-color:rgba(180,180,180,0.8);
	  --glass-bg: rgba(255, 255, 255, 0.55);
  --glass-border: rgba(255, 255, 255, 0.6);
  --glass-shadow: rgba(0, 0, 0, 0.08);
 
  --glass-highlight: rgba(255, 255, 255, 0.8);
}

.light , .liten{
	--bg: #f9f9f9;
	--bg-sec: #dae3e5;
	--bg-third: #c9d2d4;
	--bg-input: #f9f9f9;
	--bg-hover: #b4b4ff;
	--bg-hover-btn: #1a3a6e;
	--bg-buy: #2c5f9e;
	--bg-sell: #aa66aa;
	--bg-notri: #ddd;
	--text-main: #333;
	--text-neg: #FFF;
	--text-negx: #444;
	--text-negz: #eee;
	--text-sec: #555;
	--text-third: #000;
	--text-fourth: #333;
	--text-popup: #000;
	--text-gray: #888888AA;
	--text-green: #227722;
	--text-red: #DD0000DD;
	--text-greenx: #228822;
	--text-redx: #DD0000DD;
	--text-orange: #16263b;
	--text-bg: #bbd1ea;
	--tbl-bg: #eee;
	--tbl-bg-odd: #f9f9f9;
	--tbl-bg-even: #f5f5f5;
	--tbl-bg-hover: #d8d8f8;
	--tbl-border: #e3e3e388;
	--tbl-header: #2c5f9e;
	--tbl-header-green: #2c5f9e;
	--tbl-header-royal: #2c5f9e;
	--tbl-header-group: #2c5f9e;
	--btn-bg: #1a3a6e;
	--btn-bg-sec: #e8f0fb;
	--btn-text: #fff;
	--btn-text-sec: #1a3a6e;
	--btn-border: #b5c9e8;
	--btn-hover: #142e58;
	--btn-hover-sec: #d0e3f5;
	--tbl-border-watch: #607d8b;
	--tbl-bg-watch: #607d8b;
	--topnav-bg: #1a3a6e;
	--topnav-link: rgba(255, 255, 255, 0.82);
	--topnav-link-hover: rgba(255, 255, 255, 1);
	--topnav-hover-bg: rgba(255, 255, 255, 0.12);
	--topnav-active-bg: rgba(255, 255, 255, 0.18);
	--topnav-input-bg: rgba(255, 255, 255, 0.12);
	--topnav-input-bdr: rgba(255, 255, 255, 0.22);
	--pivot-sup: rgb(204, 230, 255);
	--pivot-res: rgb(230, 204, 255);
	--shadow-in: rgba(0, 0, 0, 0.08);
	--shadow-out: rgba(0, 0, 0, 0.05);
	--border-search:rgba(255, 255, 255, 0.25);
	--tooltip: #cccccccc;
	--tooltip-title: #eceff1aa;
	--chart-border: #000;
	--box-border: #cacaca;
	--tpg-color: #efefef88;
	--text-shop: #054a85;
	--nav-grad-start: #11274c;
	--nav-grad-end: #1a3a6e;
	--header-icon : #7695aa;
	--placeholder-color:rgba(180,180,180,0.8);
	
	--glass-bg:     #e1e1f477;
  	--glass-border: #d8dadc;
  	--glass-shadow: #f8fafc99;
 
  --glass-highlight: rgba(255, 255, 255, 0.8);
}
.liten {
	 
		--nav-grad-start: #f9f9f9;
	    --nav-grad-end: #f0f0f0;
	    --topnav-bg: #f0f0f0;
	    --header-icon : #7695aa;
	    --topnav-link: #444444;
	    --border-search: #4446;
	    --placeholder-color:rgba(128,128,128,0.7);
	    --topnav-link-hover: #444;
	    --text-fourth: #333;
	    --topnav-hover-bg:#dae3e5;
	    --tbl-header: #7F9AD2;
	--tbl-header-green: #7F9AD2;
	--tbl-header-royal: #7F9AD2;
	--tbl-header-group: #7F9AD2;
}

.dark {
	--bg: #002029;
	--bg-sec: #04314E;
	--bg-third: #06536f;
	--bg-input: #04314E;
	--bg-hover: #1e3d4e;
	--bg-hover-btn: #8888aa;
	--bg-buy: #2c5f9e;
	--bg-sell: #aa00aa;
	--bg-notri: #555;
	--text-main: #ccc8c8;
	--text-neg: #d0d0d0;
	--text-negx: #555;
	--text-negz: #607d8b;
	--text-sec: #c0bfbf;
	--text-third: #16263b;
	--text-fourth: #96a6b6;
	--text-popup: #c8c8d8;
	--text-gray: #5a5a5a;
	--text-green: #2eaa2e;
	--text-red: #e03434;
	--text-greenx: #2eaa2e;
	--text-redx: #e03434;
	--tbl-bg: #102530;
	--tbl-bg-even: #00232c;
	--tbl-bg-odd: #002029;
	--tbl-bg-hover: #0b3d55;
	--tbl-border: #1e3f4a99;
	--tbl-border-watch: #99aec8;
	--tbl-bg-watch: #99aec8;
	--tbl-header: #1e3d6e;
	--tbl-header-green: #1e3d6e;
	--tbl-header-royal: #1e3d6e;
	--tbl-header-group: #1e3d6e;
	--text-orange: #16263b;
	--text-bg: #bbd1ea;
	--btn-bg: #1a3a6e;
	--btn-bg-sec: #0d2244;
	--btn-text: #fff;
	--btn-text-sec: #8db8e8;
	--btn-border: #2a4a78;
	--btn-hover: #142e58;
	--btn-hover-sec: #162d55;
	--topnav-bg: #0d1e3a;
	--topnav-link: rgba(255, 255, 255, 0.75);
	--topnav-link-hover: rgba(255, 255, 255, 0.95);
	--topnav-hover-bg: rgba(255, 255, 255, 0.09);
	--topnav-active-bg: rgba(255, 255, 255, 0.14);
	--topnav-input-bg: rgba(255, 255, 255, 0.09);
	--topnav-input-bdr: rgba(255, 255, 255, 0.16);
	--pivot-sup: rgb(64, 80, 128);
	--pivot-res: #411E48;
	--shadow-in: rgba(255, 255, 255, 0.04);
	--shadow-out: rgba(255, 255, 255, 0.03);
	--tooltip: #1a1a1aee;
	--tooltip-title: #000000b3;
	--chart-border: #FFF;
	--box-border: #335566;
	--tpg-color: #2228;
	--text-shop: #6699ee;
	--shadow-card: 0 1px 4px rgba(0, 0, 0, 0.35), 0 4px 14px
		rgba(0, 0, 0, 0.25);
	--shadow-btn: 0 1px 3px rgba(0, 0, 0, 0.35);
	--nav-grad-start: #0d0d0d;
	--nav-grad-end: #1a3a6e;
	--header-icon :  #7695aa;
	--border-search:rgba(255, 255, 255, 0.25);
	--placeholder-color:rgba(180,180,180,0.8);
	  --glass-bg: rgba(255, 255, 255, 0.08);
  --glass-border: rgba(255, 255, 255, 0.18);
  --glass-shadow: rgba(0, 0, 0, 0.4);
 
  --glass-highlight: rgba(255, 255, 255, 0.15);
}

 

.farsiDigits {
	--num: "ss02";
	--numc: "ss03"
}

.latinDigits {
	--num: "ss00";
	--numc: "ss00"
}

@font-face {
	font-family: iransansxv;
	src: url('../../../fonts/IRANSansXV.woff') format('woff-variations'),
		url('../../../fonts/IRANSansXV.woff') format('woff');
	font-weight: 100 1000;
	font-display: fallback;
}

@font-face {
	font-family: iransansx;
	src: url('../../../fonts/IRANSansX-Regular.woff') format('woff');
}

@font-face {
	font-family: iransansx;
	src: url('../../../fonts/IRANSansX-Bold.woff') format('woff');
	font-weight: 700;
}

body {
	font-family: iransansx;
	background-color: var(--bg);
	direction: rtl;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body::placeholder, ::placeholder {
	font-family: iransansx;
	opacity: 0.55;
}

@supports (font-variation-settings: normal) {body { font-family:'iransansxv'!important;
	-moz-font-feature-settings: var(--num) !important;
	-webkit-font-feature-settings: var(--num) !important;
	font-feature-settings: var(--num) !important;
}

}
@font-face {
	font-family: Shabnam;
	font-style: normal;
	font-weight: 500;
	src: url('../../fonts/Shabnam.eot');
	src: url('../../fonts/Shabnam.eot?#iefix') format('embedded-opentype');
	src: url('../../fonts/Shabnam.woff2') format('woff2');
	src: url('../../fonts/Shabnam.woff') format('woff');
	src: url('../../fonts/Shabnam.ttf') format('truetype');
}

@font-face {
	font-family: Shabnam;
	font-style: normal;
	font-weight: bold;
	src: url('../../fonts/Shabnam-Bold.eot');
	src: url('../../fonts/Shabnam-Bold.eot?#iefix')
		format('embedded-opentype');
	src: url('../../fonts/Shabnam-Bold.woff2') format('woff2');
	src: url('../../fonts/Shabnam-Bold.woff') format('woff');
	src: url('../../fonts/Shabnam-Bold.ttf') format('truetype');
}

@font-face {
	font-family: Shabnam;
	font-style: normal;
	font-weight: 300;
	src: url('../../fonts/Shabnam-Light.eot');
	src: url('../../fonts/Shabnam-Light.eot?#iefix')
		format('embedded-opentype');
	src: url('../../fonts/Shabnam-Light.woff2') format('woff2');
	src: url('../../fonts/Shabnam-Light.woff') format('woff');
	src: url('../../fonts/Shabnam-Light.ttf') format('truetype');
}

div, p, h1, h2, h3, h4, h5, h6 {
	color: var(--text-main);
}

li {
	list-style-type: none;
}

h1 {
	font-size: 18px;
	font-weight: 700;
	font-variation-settings: "wght" 700;
	color: var(--text-main);
}

h2 {
	font-size: 16px;
	font-weight: 650;
	font-variation-settings: "wght" 650;
	color: var(--text-main);
}

label {
	font-size: 13px;
	font-weight: 500;
	font-variation-settings: "wght" 500;
	color: var(--text-main);
}

INPUT[type=checkbox]:focus {
	outline: 2px solid rgba(100, 140, 200, 0.45);
	outline-offset: 1px;
}

INPUT[type=checkbox] {
	color: var(--text-main);
	width: 16px;
	height: 16px;
	cursor: pointer;
	position: relative;
	top: 5px;
	accent-color: var(--tbl-header);
}

INPUT[type=checkbox].customize {
	width: 24px;
	height: 24px;
}

input:disabled, input[disabled] {
	color: var(--text-third);
	opacity: 0.5;
}

a {
	text-decoration: none;
}

table {
	direction: rtl;
	text-align: center;
	font-weight: 600;
	font-variation-settings: "wght" 600;
	position: relative;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid var(--tbl-border);
	border-radius: var(--radius-md);
	width: 100%;
	font-size: 14px;
 	overflow: hidden;
	box-shadow: var(--shadow-card);
}
 table.market{
 overflow:auto;
 }
 
 /*
table tr:first-child th:first-child {
    border-top-right-radius: var(--radius-md);
}
table tr:first-child th:last-child {
    border-top-left-radius: var(--radius-md);
}
*/
th {
	background-color: var(--tbl-header-royal);
	color: var(--text-neg);
	font-weight: 500;
	font-variation-settings: "wght" 500;
	font-size: 12px;
	text-align: center;
	height: 28px;
	top: 0;
	padding: 4px 6px;
	letter-spacing: 0.01em;
}

th:last-child {
	border-left: none;
}

tr:nth-child(even) {
	background-color: var(--tbl-bg-even);
}

tr:nth-child(odd) {
	background-color: var(--tbl-bg-odd);
}

 

td {
	font-weight: 450;
	font-variation-settings: "wght" 450;
	font-size: 14px;
	width: 100px;
	text-align: center;
	height: 26px;
	padding: 5px 2px;
	direction: ltr;
	color: var(--text-main);
}

caption {
	color: var(--text-main);
	text-align: right;
	padding: 6px 4px;
	font-size: 13px;
}

select, select>option {
	color: var(--text-main);
	background-color:var(--bg);
	font-size: 12px;
	font-family: iransansxv;
	text-align:center;
	text-align-last:center;
}
select::-webkit-scrollbar{
	background-color:var(--bg);	
}
select::-webkit-scrollbar-track{
	background-color:var(--bg-sec);	
}
select::-webkit-scrollbar-thumb{
	background-color:var(--text-main);	
}

del {
	color: red;
	font-size: 12px;
}

.expand {
	float: left;
	margin-left: 20px;
	font-size: 20px;
	color: gray;
}

.infox {
	float: left;
	margin-left: 15px;
	margin-top: -3px;
	font-size: 18px;
	color: gray;
}

.tooltip {
	position: relative;
}
.tooltiptext {
	font-size: 13px;
}

.tooltip .tooltiptext {
	visibility: hidden;
	background-color: #06536f;
	color: #fff;
	text-align: center;
	padding: 12px;
	border-radius: var(--radius-sm);
	position: absolute;
	z-index: 10;

	opacity: 0;
	transition: opacity 0.22s ease;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
	font-family:iransansx;
	font-size: 14px;
	line-height: 1.5;
		min-width: 200px;
	left:50%;
	transform: translate(-50%,110%);
}

 
.tooltip .tooltiptext.upper{

	transform: translate(-50%,-110%)	

}
.tooltip .tooltiptext.near{

	transform: translate(-50%,10%)	;
	font-size: 12px;
	min-width: 300px;

}
.tooltip .tooltiptext.description{
	left:100%;
	transform: translate(-30%,20%)	

}
.tooltip .tooltiptext.introdesc{
	left:0;
	transform: translate(-10%,40%)	

}


.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}


.neg {
	color: var(--text-main);
}

.orderz {
	color: var(--text-main);
	font-weight: 800;
	font-variation-settings: "wght" 800;
}

.totals>div>table {
	border: none;
}

.totals {
	width: auto;
	margin: 0 auto;
}

.symbol a, .symbolx a {
	color: var(--text-main);
	font-size: 12px;
	font-weight: 650;
	font-variation-settings: "wght" 650;
	 
}

.symbol a:hover, .symbolx a:hover {
	color: var(--tbl-header);
}

.symbol {
	color: var(--text-main);
	min-width: 70px;
}

.symbolx {
	color: var(--text-main);
	min-width: 110px;
	padding: 5px;
}

.candley {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.form {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	padding:10px;
	margin:10px;
	background-color:var(--bg);
	color:var(--text-main);
	width:400px;
	margin-left:auto;
	margin-right:auto;
}

.topnav {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 1px;
	background: linear-gradient(135deg, var(--nav-grad-start),
		var(--nav-grad-end));
	padding: 10px 15px;
	direction: rtl;
	min-height: 65px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

footer {
	margin-top: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
	background: linear-gradient(135deg, var(--nav-grad-start),
		var(--nav-grad-end));
	padding: 10px 20px;
	direction: rtl;
	min-height: 65px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.topnav img {
	width: 60px !important;
	height: auto !important;
	object-fit: contain;
	margin-left: 10px;
}

footer * {
	color: #fff;
	font-size: 16px;
}

.topnav>a strong {
	color: var(--topnav-link, #fff);
	font-size: 16px;
	margin-left: 10px;
	white-space: nowrap;
}

.topnav>a:not(strong), .dropdown .dropbtn {
	color: var(--topnav-link, #fff) !important;
	background: none;
	border: none;
	padding: 8px 10px;
	font-size: 13px;
	font-family: inherit;
	cursor: pointer;
	border-radius: 6px;
 
	white-space: nowrap;
}

.topnav>a:not(strong):hover, .dropdown:hover .dropbtn {
	background-color: rgba(255, 255, 255, 0.12);
	color: var(--topnav-link, #fff) !important;
}

.topnav a {
	float: right;
	font-size: 13px;
	color: var(--topnav-link);
	text-align: center;
	padding: 8px 6px;
	margin: 0 3px;
	text-decoration: none;
	border-radius: var(--radius-sm);
 
}

.topnav a:hover {
	background-color: var(--topnav-hover-bg);
	color: var(--topnav-link-hover);
}

.topnav a.active {
	background-color: var(--topnav-active-bg);
	color: #fff;
}

.topnav input[type=text] {
	float: right;
	padding: 5px 8px;
	margin-top: 4px;
	margin-right: 4px;
	font-size: 13px;
	font-family: iransansxv;
	min-width: 180px;
	border-radius: var(--radius-sm);
	border: 1px solid var(--topnav-input-bdr);
	background-color: var(--topnav-input-bg);
	color: #fff;
 
}

#searching::placeholder {
	color: var(--placeholder-color) !important;
	opacity:0.8;	 
}
 
.topnav input[type=text]:focus {
	outline: none;
	border-color: rgba(255, 255, 255, 0.5);
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
}

.topnav-left {
	margin-right: auto;
	display: flex;
	align-items: center;
}

.topnav-left a.last {
	background-color: rgba(255, 255, 255, 0.18);
	color: var(--text-neg, #fff) !important;
	padding: 6px 14px !important;
	border-radius: 6px;
	font-weight: bold;
	font-size: 12.5px;
 
}

.topnav-left a.last:hover {
	background-color: var(--bg, #fff) !important;
	color: var(--bg-hover-btn, #1a3a6e) !important;
}

.fab {
	float: none;
	padding: 10px;
}

.button {
	background-color: var(--btn-bg);
	border: 1px solid transparent;
	box-shadow: 0 1px 4px rgba(26, 58, 110, 0.25);
	margin: 6px;
	color: var(--btn-text);
	padding: 9px 12px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 15px;
	border-radius: var(--radius-sm);
	cursor: pointer;
 
}

.button2 {
	background-color: var(--btn-bg-sec);
	border: 1px solid var(--btn-border);
	color: var(--btn-text-sec);
	padding: 6px 9px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 13px;
	border-radius: var(--radius-sm);
	cursor: pointer;
	 
}

.button:hover {
	background-color: var(--btn-hover);
	box-shadow: 0 4px 12px rgba(26, 58, 110, 0.3);
	transform: translateY(-1px);
}

.button:active {
	transform: translateY(0);
	box-shadow: 0 1px 4px rgba(26, 58, 110, 0.2);
}

.button2:hover {
	background-color: var(--btn-hover-sec);
	color: #0d2a58;
}

.topnav a.sublist {
	font-size: 12px;
}

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown .dropbtn {
	background: none;
	border: none;
	color: var(--text-negz, #eee);
	padding: 8px 12px;
	font-size: 13px;
	font-family: inherit;
	cursor: pointer;
	border-radius: 6px;
 
	white-space: nowrap;
}

.dropdown:hover .dropbtn {
	background-color: rgba(255, 255, 255, 0.15);
	color: var(--text-neg, #fff);
}

.dropdown-content {
	display: none;
	position: absolute;
	right: 0;
	background-color: var(--bg, #fff);
	min-width: 240px;
	max-width: 480px;
	box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.15);
	border-radius: 8px;
	z-index: 2000;
	padding: 6px 0;
	border: 1px solid var(--box-border, #e0e0e0);
}

.compact .dropdown-content {
	min-width: 180px;
	max-width: 180px;
}

.dropdown-content a {
	color: var(--text-main, #333);
	padding: 10px 16px;
	text-decoration: none;
	display: block;
	font-size: 12.5px;
	line-height: 1.6;
	text-align: right;
	transition: background 0.2s;
}

.dropdown-content a:hover {
	background-color: var(--bg-sec, #f0f4f8);
	color: var(--text-fourth, #000);
}

.dropdown:hover .dropdown-content {
	display: block;
}

#searchingparent {
	position: relative;
	margin: 0 10px;
	display: flex;
	align-items: center;
}

#searching {
	height: 34px;
	width: 160px;
	padding: 6px 12px;
	font-size: 13px;
	border: 1px solid var(--border-search);
	border-radius: 20px;
	background-color: rgba(255, 255, 255, 0.08);
	color: var(--topnav-link, #fff);
	font-family: inherit;
	transition: all 0.3s ease;
}



#searching:focus {
	outline: none;
	width: 200px;
	background-color: var(--bg, #fff);
	color: var(--text-fourth, #000);
	border-color: transparent;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

#searchResult {
	position: absolute;
	top: 50px;
	width: min(440px, calc(100vw - 24px));
	direction: rtl;
	background: var(--bg, #fff);
	border-radius: 8px;
	z-index: 2100;
	border: none;
	box-shadow: none;
	border-collapse: collapse;
}

#searchResult.has-results {
	border: 1px solid var(--box-border, #ccc);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

#searchResult tbody {
	display: block;
	max-height: 720px;
	width: 100%;
	min-width: 0;
}

#searchResult tr {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 10px;
	padding: 8px 9px;
	box-sizing: border-box;
	direction: rtl;
 
	transition: background-color 0.1s;
}

#searchResult tr:last-child {
	border-bottom: none;
}

#searchResult tr:hover {
	background-color: var(--bg-sec, #f0f4f8);
}

#searchResult td.search-symbol-cell {
	text-align: right;
	min-width: 0;
	flex: 1 1 auto;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 8px;
}

#searchResult .search-symbol-link {
	flex: 0 0 80px;
	display: inline-flex;
	width: 80px !important;
	max-width: 80px;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	padding: 2px 8px;
	box-sizing: border-box;
	border-radius: 6px;
	background: var(--bg-sec, #f0f4f8);
	color: var(--bg-hover-btn, #1a3a6e) !important;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#searchResult .search-symbol-link:hover,
#searchResult .search-symbol-link:focus-visible {
	background: var(--bg-hover-btn, #1a3a6e);
	color: #fff !important;
}

#searchResult .search-company-name {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	color: var(--text-main, #333);
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#searchResult td.search-actions-cell {
	flex: 0 0 auto;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 10px;
	direction: rtl;
}

#searchResult .search-action-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	margin: 0;
	border: 1px solid var(--box-border, #ccc);
	border-radius: 7px;
	background: var(--bg, #fff);
	text-decoration: none;
}

#searchResult .search-action-link i {
	color: var(--text-sec, #666) !important;
	font-size: 15px;
}

#searchResult .search-candle-icon {
	display: block;
	width: 20px !important;
	height: 20px !important;
	background-color: var(--text-main, #333);
	-webkit-mask: url("../../svg/candle.svg") center / contain no-repeat;
	mask: url("../../svg/candle.svg") center / contain no-repeat;
}

#searchResult .search-action-link:hover,
#searchResult .search-action-link:focus-visible {
	border-color: var(--bg-hover-btn, #1a3a6e);
	background: var(--bg-sec, #f0f4f8);
}

#searchResult .search-action-link:hover i,
#searchResult .search-action-link:focus-visible i {
	color: var(--bg-hover-btn, #1a3a6e) !important;
}

#searchResult .search-action-link:hover .search-candle-icon,
#searchResult .search-action-link:focus-visible .search-candle-icon {
	background-color: var(--bg-hover-btn, #1a3a6e);
}

#searchResult .search-action-link::after {
	content: attr(data-tooltip);
	position: absolute;
	left: 50%;
	top: calc(100% + 7px);
	bottom: auto;
	z-index: 2200;
	transform: translateX(-50%) translateY(3px);
	padding: 5px 8px;
	border-radius: 5px;
	background: rgba(20, 20, 20, .94);
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.4;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .15s ease, transform .15s ease;
}

#searchResult .search-action-link:hover::after,
#searchResult .search-action-link:focus-visible::after {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}

#searchResult .search-actions-cell .search-action-link:last-child::after {
	left: 0;
	transform: translateX(0) translateY(3px);
}

#searchResult .search-actions-cell .search-action-link:last-child:hover::after,
#searchResult .search-actions-cell .search-action-link:last-child:focus-visible::after {
	transform: translateX(0) translateY(0);
}

#optionsSearchResult {
	position: absolute;
	width: 420px;
	right: 300px;
	max-height: 800px;
	border: none;
	top: 40px;
	z-index: 2000;
	border-radius: var(--radius-md);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
}

#optionsSearchResultz {
	position: absolute;
	border: none;
	z-index: 2000;
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	max-height: 820px;
	border-radius: var(--radius-md);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
}

#wlResult {
	position: absolute;
	width: 220px;
	right: 5px;
	max-height: 600px;
	z-index: 1000;
	border-radius: var(--radius-md);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.options-parent {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	direction: rtl;
	grid-row-gap: 10px;
	margin: 5px 10px;
	padding: 12px 14px;
	border: 1px solid var(--box-border);
	border-radius: var(--radius-md);
}

.searchBox {
	width: 15%;
	float: center;
	z-index: 1000;
}

.sticky th {
	position: sticky;
	border: none;
}

.sticky tr {
	border-bottom: 1px solid var(--tbl-border);
}

.sticky tbody :hover {
	background-color: var(--tbl-bg-hover);
}

.orange {
	background-color: rgba(255, 175, 0, 0.75);
}

.gray {
	color: var(--text-gray);
}

.violet {
	background-color: rgba(222, 150, 222, 0.65);
}

.cyan {
	background-color: rgba(0, 225, 225, 0.5);
}

.khaki {
	background-color: khaki;
}

.blue {
	background-color: rgba(0, 0, 220, 0.65);
}

.red {
	background-color: rgba(240, 55, 55, 0.7);
}

.greenx {
	background-color: #1C6A0F;
	color: var(--text-neg);
}

.reds {
	background-color: rgb(240, 55, 55);
}

.greens {
	background-color: rgb(0, 220, 0);
}

.yellow {
	background-color: rgba(255, 240, 0, 0.65);
}

.pink {
	background-color: pink;
}

.purple {
	background-color: rgba(128, 0, 128, 0.65);
}

.orange th {
	background-color: rgba(255, 175, 0, 0.35);
}

.violet th {
	background-color: rgba(222, 150, 222, 0.35);
}

.green  th {
	background-color: var(--tbl-header-green);
}

.container {
	width: calc(100% - 40px);
	padding-right: 20px;
	padding-left: 20px;
}

.introX td {
	border-left: 1px solid var(--tbl-border);
	font-weight: 550;
	font-variation-settings: "wght" 550;
	font-size: 14px;
	text-align: center;
	height: 22px;
	direction: ltr;
}

.introZ td {
	font-weight: 400;
	font-variation-settings: "wght" 400;
	font-size: 14px;
	text-align: center;
	direction: ltr;
}

.introZ td.minus, .introZ td.plus, .introX td.minus, .introX td.plus {
	font-weight: 650;
	font-variation-settings: "wght" 650;
	font-size: 14px;
	text-align: center;
	direction: ltr;
}

.introZ th {
	font-weight: 450;
	font-variation-settings: "wght" 450;
	font-size: 14px;
}

.introZ.com th {
	height: 22px;
	padding: 5px;
	font-weight: 600;
	font-variation-settings: "wght" 600;
	font-size: 14px;
}

.introZ.com td {
	height: 22px;
	padding: 5px;
	font-weight: 500;
	font-variation-settings: "wght" 500;
	font-size: 12px;
}

.introY td {
	font-weight: 500;
	font-variation-settings: "wght" 500;
	font-size: 14px;
	text-align: center;
	height: 26px;
	direction: ltr;
}

.introC td {
	font-weight: 500;
	font-variation-settings: "wght" 500;
	font-size: 14px;
	text-align: center;
	height: 40px;
	direction: ltr;
}

.borderless.introX td {
	font-size: 13px;
}

.introC td:last-child, .introY td:last-child {
	border-left: none;
}

.group th {
	background-color: var(--tbl-header-group);
	border: none;
	color: var(--text-neg);
}
 

.market th {
	background-color: var(--tbl-header);
	color: var(--text-neg);
	font-size: 12px;
}

.inner-link {
	font-size: 12px;
	color: var(--text-neg);
	float: right;
	background-color: var(--tbl-header);
	padding: 8px 6px;
	margin: 5px;
	border-radius: var(--radius-sm);
	 
}

.lock {
	font-size: 13px;
	color: var(--text-main);
	float: right;
	background-color: var(--btn-bg-sec);
	padding: 7px;
	margin-bottom: 10px;
	margin-right: 10px;
	border-radius: var(--radius-sm);
	 
}

.watch-list-parent {
	display: grid;
	grid-template-columns: repeat(20, 90px);
	background-color: rgb(180, 210, 245);
	direction: rtl;
}

.watch-list {
	font-size: 13px;
	color: var(--text-main);
	float: right;
	width: 90px;
	height: 32px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 3px;
 
}

.inner-link:hover, .lock:hover, .watch-list:hover {
	background-color: var(--btn-hover);
	color: var(--text-neg);
	cursor: pointer;
}

.selectedx {
	background-color: rgba(120, 180, 220, 1);
	color: var(--text-neg);
	cursor: pointer;
}

.cyanx {
	background-color: rgba(255, 128, 0, 1);
	color: var(--text-neg);
}

.bluex {
	background-color: var(--bg-buy);
	color: var(--text-neg);
}

.pinkx {
	background-color: rgba(255, 128, 192, 1);
	color: var(--text-neg);
}

.btx {
	padding: 7px;
	cursor: pointer;
	font-size: 14px;
	border-radius: var(--radius-sm);
 
}

.btx:hover {
	background-color: orange;
	color: var(--text-neg);
}

.banner {
	padding: 12px 14px;
	margin-bottom: 12px;
	background: rgba(0, 145, 225, 0.65);
	background-image: linear-gradient(to right, rgba(0, 165, 255, 0),
		rgba(0, 165, 255, 0.4), rgba(0, 165, 255, 0.55));
	border-radius: var(--radius-md);
}

.banner a {
	color: white;
}

.header {
	color: #ddd;
}

.headerlink {
	font-size: 15px;
	padding: 5px 15px;
	border-radius: var(--radius-md);
	border: 1px solid rgba(142, 0, 234, 0);
	background-color: darkGreen;
	color: white;
	cursor: pointer;
 
}

.headerlink:hover {
	background-color: blue;
}

.myalert {
	position: relative;
	padding: 10px 16px;
	margin-bottom: 12px;
	border: 1px solid transparent;
	border-radius: var(--radius-sm);
	font-size: 13px;
}

.myalert-success {
	color: var(--text-main);
	background-color: var(--bg-third);
	border-color: var(--tbl-border);
}

.myalert-info {
	color: var(--text-main);
	background-color: var(--btn-bg-sec);
	border-color: var(--tbl-border);
}

.myalert-dark {
	color: var(--text-main);
	background-color: var(--bg-sec);
	border-color: var(--tbl-border);
}

.myalert-warning {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
	text-align: center;
	margin: 20px;
}

.introA td {
	border-left: 1px solid var(--tbl-border);
	font-weight: 550;
	font-variation-settings: "wght" 550;
	font-size: 15px;
	text-align: center;
	height: 32px;
	direction: ltr;
}

.borderless.introA td {
	font-size: 17px;
}

.introA td:last-child {
	border-left: none;
}

.separator {
	border-left: 1px solid var(--tbl-border);
}

.plus {
	color: var(--text-green);
	font-weight: 600;
	font-variation-settings: "wght" 600;
}

.minus {
	color: var(--text-red);
	font-weight: 600;
	font-variation-settings: "wght" 600;
}

.plusx {
	color: var(--text-greenx);
	font-weight: 600;
	font-variation-settings: "wght" 600;
}

.minusx {
	color: var(--text-redx);
	font-weight: 600;
	font-variation-settings: "wght" 600;
}

.buy {
	background-color: var(--bg-buy);
	color: var(--text-neg);
}

th.buy, th.sell, th.notrious {
	border: none;
}

.sell {
	background-color: var(--bg-sell);
	color: var(--text-neg);
}

.notrious {
	background-color: var(--bg-notri);
	color: var(--text-main);
}

.outOfRange {
	color: gray;
}

.outOfRangex {
	color: rgba(66, 66, 66, 0.35);
}

.grid-container-threshold {
	display: grid;
	grid-template-columns: auto auto auto;
	gap: 10px;
	background-color: rgba(192, 192, 255, 0.4);
	padding: 10px;
	direction: rtl;
	border-radius: var(--radius-md);
}

.grid-container-threshold>div {
	background-color: rgba(255, 255, 255, 0.8);
	color: var(--text-main);
	text-align: center;
	padding: 10px 0;
	font-size: 17px;
	border-radius: var(--radius-sm);
}

.grid-parent {
	display: grid;
	color: var(--text-main);
	grid-template-columns: auto;
}

.row {
	display: flex;
	flex-wrap: wrap;
}

.column {
	flex: 100%;
	max-width: 100%;
}

.column tbody {
	margin: 50px;
}

.mw-button {
	border-bottom: 1px solid var(--btn-border);
	padding: 8px 6px;
	margin: 5px;
	min-height: 20px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	border-radius: var(--radius-sm);
 
}

.mw-button:hover {
	background-color: rgba(200, 200, 240, 0.55);
	cursor: pointer;
}

.intro {
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	gap: 5px;
	padding: 4px;
	direction: rtl;
}

.introOpt {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 5px;
	padding: 4px;
	direction: rtl;
}

.introFund {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 5px;
	padding: 4px;
	direction: rtl;
}
/*
.introCol {
	border: 1px solid var(--btn-border);
	color: var(--text-main);
	background-color: #44888833;
	padding: 4px 2px;
	margin: 1px;
	text-align: center;
	max-height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--radius-sm);
 
}
*/
.introCol {
  position: relative;
 
  border: 1px solid var(--glass-border);
  border-radius: 8px;
  background: var(--glass-bg);
  color: var(--glass-text);
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  overflow: hidden;
	padding: 4px 2px;
	margin: 1px 3px;
	text-align: center;
	max-height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;


  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.introCol:hover{
  background: color-mix(in srgb, var(--glass-bg) 80%, white 20%);
  transform: translateY(-2px);
  box-shadow:
    0 8px 28px var(--glass-shadow),
    inset 0 1px 0 var(--glass-highlight);
}
 

.col {
	background-color: rgb(228, 228, 228);
	color: var(--text-main);
	border: 1px solid var(--btn-border);
	border-radius: var(--radius-sm);
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 5px;
	width: calc(( 100% - 160px)/6);
	min-height: 20px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	
}

.intro div:hover, .call {
	background-color: #198227;
}

.put {
	background-color: #aa77cc;
}

.introFund div:hover {
	background-color: rgba(200, 200, 240, 0.45);
}

.intro div.link:hover, .introOpt div.link:hover, .introFund div.link:hover
	{
	background-color: rgb(45, 190, 75);
}

.intro div.minus:hover, .introOpt div.minus:hover, .introFund div.minus:hover
	{
	background-color: rgb(210, 0, 0);
}

.introColS>a, .introCol>a, .col>a, .introCol>h5 {
	color: var(--text-main);
	font-weight: 500;
	font-variation-settings: "wght" 500;
 
}

div.intro>div:hover>a, div.intro>div:hover>h5, div.intro>div:hover>h2,
	div.intro>div:hover>h1, div.introFund>div:hover>a, div.introFund>div:hover>h2,
	div.introFund>div:hover>h1 {
	color: black;
}

.borderless td {
	border: 0;
	padding: 5px 0;
	margin: 0;
}

.borderless th {
	border: 0;
	padding: 5px 0;
	margin: 0;
}

.borderless table {
	border: 0;
	box-shadow: none;
}

.grid-container-pivot {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	padding: 10px;
	direction: rtl;
}

.grid-container-pivot>div.grid-pivot-sup {
	background-color: var(--pivot-sup);
	color: var(--text-main);
	text-align: right;
	padding: 10px;
	font-size: 14px;
	border-radius: var(--radius-sm);
}

.grid-container-pivot>div.grid-pivot-res {
	background-color: var(--pivot-res);
	color: var(--text-main);
	text-align: right;
	padding: 10px;
	font-size: 14px;
	border-radius: var(--radius-sm);
}

.grid-container {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	padding: 10px;
	direction: ltr;
}

.grid-container>.grid-item {
	background-color: var(--bg-sec);
	color: var(--text-main);
	padding-left: 10px;
	direction: ltr;
	text-align: left;
}

.grid-container>div {
	background-color: rgba(255, 255, 255, 0.8);
	color: var(--text-main);
	text-align: center;
	padding: 10px 0;
	font-size: 14px;
	border-radius: var(--radius-sm);
}

.btnmw, .btnx {
	background-color: var(--btn-bg-sec);
	color: var(--btn-text-sec);
	border-bottom: 1px solid var(--btn-border);
	padding: 3px 5px;
	text-align: center;
	font-size: 12px;
	cursor: pointer;
	border-radius: var(--radius-sm);
 
}

.btn {
	background-color: var(--btn-bg-sec);
	color: var(--btn-text-sec);
	border-bottom: 1px solid var(--btn-border);
	padding: 5px 6px;
	text-align: center;
	font-size: 13px;
	border-radius: var(--radius-sm);
 
}

.btnmx {
	background-color: var(--btn-bg-sec);
	color: var(--btn-text-sec);
	border-bottom: 1px solid var(--btn-border);
	padding: 3px 5px;
	text-align: right;
	font-size: 12px;
	cursor: pointer;
	border-radius: var(--radius-sm);
	
}

.btnx {
	background-color: var(--btn-bg-sec);
	color: var(--btn-text-sec);
	border-bottom: 1px solid var(--btn-border);
	padding: 5px 6px;
	text-align: right;
	font-size: 13px;
}

.pivot-btn {
	background-color: white;
	border-bottom: 1px solid var(--btn-border);
	padding: 5px 6px;
	text-align: center;
	font-size: 12px;
	border-radius: var(--radius-sm);
	
}

#wlResult>tbody>tr td:hover, #itemResult>tbody>tr td:hover {
	background-color: rgba(120, 180, 220, 1);
	color: var(--text-negz);
	cursor: pointer;
}

.btnz {
	background-color: white;
	border-bottom: 1px solid var(--btn-border);
	padding: 10px 6px;
	text-align: center;
	font-size: 12px;
	border-radius: var(--radius-sm);
	
}

.btn.disabled, .pivot-btn.disabled {
	color: gray;
}

.log-btn {
	background-color: #1a3a6e;
	color: white;
	border: none;
	padding: 6px 30px;
	text-align: center;
	margin-bottom: 20px;
	border-radius: var(--radius-sm);
	cursor: pointer;
	
}

.log-btn:hover {
	background-color: #142e58;
}

.forget {
	margin-top: 20px;
}

.forget>a {
	color: var(--text-main);
}

.fab.fa-instagram {
	color: transparent;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,
		#d6249f 60%, #285AEB 90%);
	background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%,
		#fd5949 45%, #d6249f 60%, #285AEB 90%);
	background-clip: text;
	-webkit-background-clip: text;
	font-weight: 900;
}

.selected {
	background-color: darkGreen;
	padding: 5px;
	color: #eee;
	border-radius: var(--radius-sm);
}

.swal-overlay {
	background-color: rgba(96, 96, 96, 0.0);
}

.swal-button {
	color: black;
	border-radius: var(--radius-sm);
	font-family: iransansxv;
}

.swal-title {
	color: black;
	font-family: iransansxv;
}

.swal-text {
	text-align: center;
	color: black;
	font-family: iransansxv;
}

.swal-footer {
	float: right;
	direction: ltr;
}

.selected.support, .pivot-btn.selected.support:hover {
	background-color: rgb(0, 128, 255);
}

.btn.selected:hover, .btnz.selected:hover, .pivot-btn.selected:hover,
	.mw-button.selected:hover {
	background-color: var(--btn-hover);
	color: #fff;
}

.filterNames {
	display: inline-block;
	min-width: 60px;
	border-radius: var(--radius-sm);
	
}

.btn:hover, .pivot-btn:hover, .btnz:hover, .btnmw:hover, .filterNames:hover
	{
	cursor: pointer;
	background-color: var(--btn-bg);
	color: #fff;
}

.btn-group>input:hover, .btn-group-4>input:hover, .btn-group-10>input:hover
	{
	background-color: white;
	color: black;
}

.btn.disabled:hover, .pivot-btn.disabled:hover, .btnz.disabled:hover {
	cursor: default;
	background-color: var(--bg-hover);
}

.btn-group {
	display: grid;
	grid-template-columns: repeat(8, auto);
	min-width: 150px;
	gap: 8px;
	padding: 5px;
	direction: rtl;
}

.btn-group-10 {
	display: grid;
	grid-template-columns: repeat(10, auto);
	min-width: 120px;
	gap: 5px;
	padding: 5px;
	direction: rtl;
}

.btn-group-6 {
	display: grid;
	grid-template-columns: repeat(8, auto);
	min-width: 150px;
	gap: 8px;
	padding: 14px;
	direction: rtl;
}

.btn-group-12 {
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	min-width: 120px;
	gap: 3px;
	padding: 5px;
	direction: rtl;
}

.btn-group-2 {
	display: grid;
	grid-template-columns: 48% 48%;
	min-width: 150px;
	gap: 2%;
	padding: 5px;
	direction: rtl;
}

.btn-group-x {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	padding: 10px;
	column-gap: 10px;
	row-gap: 5px;
	direction: rtl;
}

@media screen and (max-width: 1650px) {
	.btn-group-x {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.group-dual {
	display: grid;
	grid-template-columns: 40% 60%;
	direction: rtl;
}

.dual {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dualgrid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	direction: rtl;
}

.btn-group-3 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	min-width: 150px;
	gap: 2%;
	direction: rtl;
}

.btn-group-4 {
	display: grid;
	grid-template-columns: repeat(4, auto);
	min-width: 150px;
	gap: 8px;
	padding: 5px;
	direction: rtl;
}

.filters-parent {
	display: grid;
	grid-template-columns: repeat(4, auto);
	gap: 5px;
	padding: 5px;
	direction: rtl;
}

.btn-group-5 {
	display: grid;
	grid-template-columns: repeat(5, auto);
	min-width: 150px;
	gap: 8px;
	padding: 14px;
	direction: rtl;
}

.btn-group-63 {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	min-width: 150px;
	gap: 5px;
	padding: 5px;
	direction: rtl;
}

.btn-group-64 {
	display: grid;
	grid-template-columns: repeat(6, auto);
	min-width: 150px;
	gap: 8px;
	padding: 14px;
	direction: rtl;
}

.btn-group>input, .btn-group>select, .btn-group-2>input, .btn-group-2>select,
	.btn-group-4>input, .btn-group-4>select, .btn-group-6>input,
	.btn-group-6>select, .btn-group-64>input, .btn-group-64>select,
	.btn-group-10>input, .btn-group-10>select {
	padding: 6px 8px;
	border: none;
	border-bottom: 1px solid var(--btn-border);
	margin: 2px;
	border-radius: var(--radius-sm);
	background-color: var(--bg-input);
	color: var(--text-main);
	 
}

.btn-group>input:focus, .btn-group-4>input:focus, .btn-group-6>input:focus,
	.btn-group-10>input:focus {
	outline: none;
	border-bottom-color: var(--tbl-header);
}

.btn-group-5>input, .btn-group-5>select {
	border: none;
	border-bottom: 1px solid var(--btn-border);
	border-radius: var(--radius-sm);
	background-color: var(--bg-input);
	color: var(--text-main);
}

.btn-group-12>input, .btn-group-12>select {
	padding: 5px;
	border: none;
	border-bottom: 1px solid var(--btn-border);
	margin: 3px;
	border-radius: var(--radius-sm);
}

.btn-group>.mf, .btn-group-6>.mf, .btn-group-64>.mf, .btn-group-10>.mf {
	border-radius: var(--radius-md);
	font-size: 16px;
}

.deco {
	position: relative;
	font-size: 14px;
}

.deco:before {
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	right: 0;
	border-top: 2px solid red;
	transform: rotate(-4deg);
}

.watermark {
	position: relative;
}

.watermarknoise {
	position: relative;
}

.watermarkplus {
	position: relative;
	height: 115px;
}

 

.watermark:after {
	content: 'tradersArena.ir';
	position: absolute;
	opacity: 0.14;
	color: var(--text-sec);
	left: 35%;
	top: 22%;
	font-size: 22px;
	z-index: 1;
}

.watermarkplus:after {
	content: 'tradersArena.ir';
	position: absolute;
	opacity: 0.14;
	color: var(--text-sec);
	left: 40%;
	top: 50%;
	font-size: 22px;
	z-index: 1;
}

.modal {
	display: none;
	position: fixed;
	z-index: 1001;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.42);
}

.modalmf {
	display: none;
	position: fixed;
	z-index: 1001;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.42);
}

.chart-modal {
	display: none;
	position: fixed;
	z-index: 1001;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.58);
}

.chart-modal-content {
	background-color: var(--bg);
	position: fixed;
	z-index: 1001;
	left: 10%;
	top: 10%;
	right: 10%;
	bottom: 10%;
	width: 80%;
	height: 80%;
	border-radius: var(--radius-md);
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}

.modalrtl {
	display: none;
	position: absolute;
	z-index: 1001;
	right: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.42);
}

.totals {
	-moz-font-feature-settings: var(--numc) !important;
	-webkit-font-feature-settings: var(--numc) !important;
	font-feature-settings: var(--numc) !important;
}

.minimodal {
	display: none;
	position: fixed;
	z-index: 1001;
	left: 0;
	top: 0;
	max-width: 400px;
}

.modal-content {
	background-color: var(--bg);
	margin: 3% auto;
	padding: 14px;
	border: 1px solid var(--tbl-border);
	border-radius: var(--radius-md);
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.18);
	width: 96%;
}

.modalmf-content {
	background-color: var(--bg);
	margin: 5%;
	padding: 14px;
	border: 1px solid var(--tbl-border);
	border-radius: var(--radius-md);
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.18);
	width: 90%;
}

.modal-content.tree {
	background-color: var(--bg);
	margin: 8% auto;
	padding: 14px;
	border: 1px solid var(--tbl-border);
	border-radius: var(--radius-md);
	width: 90%;
}

.close {
	color: red;
	float: left;
	font-size: 26px;
	font-weight: 900;
	line-height: 1;
 
}

.close:hover, .close:focus {
	color: #aa0000;
	transform: scale(1.15);
	text-decoration: none;
	cursor: pointer;
}

.switcher-parent {
	display: grid;
	grid-template-columns: repeat(2, auto);
}

.span {
	display: grid;
	grid-template-columns: repeat(9, auto);
	border: 1px solid var(--btn-border);
	padding: 4px;
	margin: 4px;
	border-radius: var(--radius-sm);
}

.spanx {
	display: grid;
	grid-template-columns: repeat(12, auto);
	border: 1px solid var(--btn-border);
	padding: 4px;
	margin: 4px;
	border-radius: var(--radius-sm);
}

.clicker {
	cursor: pointer;
}

.switcher-first {
	display: grid;
	grid-template-columns: repeat(2, auto);
}

.switcher-second {
	display: grid;
	grid-template-columns: repeat(3, auto);
}

.switcher-item {
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	padding: 5px 7px;
	margin-bottom: 4px;
	font-size: 13px;
	font-family: iransansxv;
	color: var(--text-main);
	background-color: transparent;
	margin-right: 5px;
	border: none;
	border-radius: var(--radius-sm);
	outline: none;
	
}

.switcher-item.blue {
	color: black;
}

.switcher-item.seleted {
	background-color: darkGreen;
}

.switcher-item.green, .switcher-item.blue, .switcher-item.yellow,
	.switcher-item.selected {
	color: var(--text-negx);
}

.btn.selected {
	color: white;
}

.switcher-item:hover {
	background-color: #9a9a9a;
	color: var(--text-negx);
}

#chart>div.tv-lightweight-charts>table>tr:nth-child(2)>td, #chart>div.tv-lightweight-charts>table>tr:nth-child(4)>td
	{
	height: 1px;
	border-top: 1px solid var(--chart-border);
}

.tab {
	overflow: hidden;
	background-color: var(--bg-sec);
	border-radius: var(--radius-sm) var(--radius-sm) 0 0;
}

.tab button {
	background-color: inherit;
	float: right;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 12px 16px;
	
	font-size: 16px;
}

.tablinks {
	color: var(--text-main);
}

.tablinks.active {
	color: var(--text-neg);
}

.tab button:hover {
	background-color: var(--bg-hover);
}

.tab button.active {
	background-color: #777;
}

.tabcontent {
	display: none;
	padding: 8px 12px;
	border-top: none;
}

.tpg {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	background-color: var(--tpg-color);
	color: var(--text-main);
	margin-top: 5px;
	border-radius: var(--radius-sm);
}

#customize {
	cursor: pointer;
}

.tpa {
	text-align: right;
}

.tpindex {
	padding: 0.35rem;
	position: relative;
	color: var(--text-main);
	font-size: 13px;
}

#options table {
	border: 1px solid var(--tbl-border);
	border-radius: var(--radius-sm);
}

#options td, #options th {
	text-align: right;
	border: 1px solid var(--tbl-border);
	padding: 5px;
}

#options th {
	background-color: rgba(225, 225, 225, 0.5);
}

.sub-btn {
	background-color: #1a3a6e;
	color: white;
	border: none;
	padding: 4px 20px;
	text-align: center;
	border-radius: var(--radius-sm);
	cursor: pointer;
	
}

.sub-btn:hover {
	background-color: #142e58;
}

#treemap td, #treemap tr {
	height: 10px;
	padding: 3px;
}

#treemap>tbody>tr>td:nth-child(1) {
	min-width: 10px;
}

#treemap_filter input {
	margin-top: 10px;
	height: 30px;
	width: 200px;
}

.slim {
	font-weight: 350;
	font-variation-settings: "wght" 350;
}

h1>span.slim {
	font-size: 15px;
}

.parent {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	padding: 6px;
	margin: 10px 15px;
	border: 1px solid var(--box-border);
	border-radius: var(--radius-lg);
	justify-content: center;
	align-items: center;
	box-shadow: var(--shadow-card);
}

.stocks-parent {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	direction: rtl;
	margin: 10px;
	padding: 10px;
	border: 1px solid var(--box-border);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-card);
}

.leftx, .rightx {
	padding: 6px;
	margin: 10px 15px;
	border: 1px solid var(--box-border);
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-card);
}

.rightx {
	padding: 6px 30px;
}

.rightx.groupx {
	padding: 15px 20px;
}

.leftg {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	direction: ltr;
}

.parentx {
	display: flex;
	margin: 1px;
	justify-content: stretch;
	align-items: stretch;
}

.parentz {
	margin: 1px;
	border: 1px solid var(--tbl-border);
	border-radius: var(--radius-sm);
}

.parenty {
	margin: 5px 0;
	padding: 4px;
	border: 1px solid var(--tbl-border);
	border-radius: var(--radius-sm);
}

.market-gridd {
	display: grid;
	grid-template-columns: 66.6% 33.3%;
}

.dual-gridd {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	direction: ltr;
}

.chart-gridd, .thriple-gridd {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	direction: ltr;
	margin: auto;
	grid-auto-flow: row dense;
}

.rectangle {
	border: 1px solid var(--box-border);
	padding: 10px;
	margin: 10px;
	border-radius: var(--radius-md);
	text-align: center;
	font-size: 14px;
	min-height: 70px;
	box-shadow: var(--shadow-card);
}

.market-gridd-inverted {
	display: grid;
	grid-template-columns: 33.3% 66.6%;
}

.market-horizontal {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	direction: rtl;
	margin: auto;
}

@media ( pointer : none) , ( pointer : coarse) {
	.fa-expand {
		display: none !important;
	}
}

.popup {
	color: var(--text-popup);
}

.grayp {
	color: var(--text-gray);
}

.apexcharts-canvas {
	background-color: var(--bg);
}

div.apexcharts-tooltip.apexcharts-theme-light {
	color: var(--text-main);
	background-color: var(--tooltip);
	border: 1px solid var(--btn-border);
	border-radius: var(--radius-sm);
}

div.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title
	{
	background-color: var(--tooltip-title);
	border-bottom: 1px solid var(--btn-border);
}

div.dataTables_filter {
	padding-bottom: 10px;
	padding-right: 10px;
}

div.dataTables_filter input {
	font-size: 13px;
	font-family: iransansxv;
	border-radius: var(--radius-sm);
	border: 1px solid var(--btn-border);
	padding: 4px 8px;
	background-color: var(--bg-input);
	color: var(--text-main);
	 
}

div.dataTables_filter input:focus {
	outline: none;
	border-color: var(--tbl-header);
	box-shadow: 0 0 0 3px rgba(44, 95, 158, 0.15);
}

.wrighttable {
	padding: 12px;
	border: 2px solid var(--btn-border);
	border-radius: var(--radius-md);
}

.wrighttable td {
	text-align: right;
	direction: rtl;
}

#tradeButton {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	position: fixed;
	bottom: 0;
	left: 0;
	cursor: pointer;
	text-align: center;
	z-index: 20000;
	background-color: #408044;
	color: white;
	padding: 10px;
	width: 100%;
	max-width: 400px;
	box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15);
}

#tradeButtonPlus {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	position: fixed;
	bottom: 0;
	left: 0;
	cursor: pointer;
	text-align: center;
	z-index: 20000;
	background-color: #408044;
	color: white;
	padding: 10px;
	width: 100%;
	max-width: 400px;
	box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 1100px) {
	#tradeButton, #tradeButtonPlus {
		max-width: 100%;
		min-height: 42px;
	}
}

#watchLink, #ordersLink, #tradePortfoLink, #tradeLink {
	color: white;
}

#watchLink:hover, #ordersLink:hover, #tradePortfoLink:hover, #tradeLink:hover
	{
	color: #ffcc00;
}

#watchLink, #tradePortfoLink, #tradeLink {
	border-left: 2px solid rgba(255, 255, 255, 0.4);
}

#iframeModal {
	display: none;
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
	min-height: 960px;
	background: rgba(0, 0, 0, 0.58);
	z-index: 66000;
}

.iframe-modal-content {
	position: relative;
	width: 100%;
	max-width: 600px;
	float: left;
	min-height: 1000px;
	margin: 0 auto;
	background: white;
	border-radius: var(--radius-md);
	overflow: hidden;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.35);
}

@media screen and (max-width: 1000px) {
	.iframe-modal-content {
		max-width: 600px;
	}
}

.modal-header {
	padding: 6px 16px;
	background: #f0f0f0;
	text-align: left;
}

.frame-close-btn {
	background: none;
	border: none;
	font-size: 20px;
	color: red;
	cursor: pointer;
 
}

.frame-close-btn:hover {
	color: #880000;
}

.modal-body {
	max-height: 100vh;
	overflow: auto;
}

.modal-body iframe {
	width: 100%;
	height: 1000px;
	border: none;
}

div.open-btn {
	padding: 10px 14px;
	background-color: #4CAF50;
	font-size: 14px;
	cursor: pointer;
	margin-bottom: 10px;
	color: white;
	text-align: center;
	max-width: 200px;
	border-radius: var(--radius-sm);
	
}

div.open-btn:hover {
	background-color: #3a9a3e;
}

.tradeBtn {
	cursor: pointer;
	padding: 3px;
	float: left;
	color: gray;
	margin-left: 10px !important;
	margin-right: 10px !important;
	font-size:18px !important;
	border-radius: var(--radius-sm);
 
}
.tradeBtn:hover{
	color:darkGreen;	
}

@media screen and (max-width: 1000px) {
	.button {
		margin: 0;
	}
	.column {
		flex: 100%;
		max-width: 100%;
	}
	#searchResult, #wlResult {
		position: absolute;
		border: none;
		width: 100%;
		right: 0;
		top: 0;
		z-index: 1000;
	}
	#searchResult {
		position: absolute;
		width: 100%;
		margin-right: 0;
		margin-top: 0;
		display: block;
	}
	.fab {
		float: none;
		width: 100%;
	}
	button.dropbtn {
		width: 100%;
		float: none;
		text-align: center;
	}
	.topnav {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	.topnav input[type=text], #searchingparent {
		grid-column: 1/5;
	}
	.topnav a, .topnav input[type=text] {
		float: none;
		display: block;
		text-align: center;
		width: 100%;
		margin: 0;
		padding: 14px;
	}
	.topnav a.sr {
		width: 100vw;
	}
	.topnav input[type=text] {
		border: 1px solid rgba(255, 255, 255, 0.25);
	}
	.dropdown, .dropdownz {
		width: 100%;
		float: none;
		display: block;
		text-align: center;
		margin: 0;
		padding: 5px;
	}
	.dropdown-content {
		position: absolute;
	}
}

@media only screen and (max-width: 1150px) {
	.market-gridd, .market-gridd-inverted {
		grid-template-columns: auto;
	}
	.market-horizontal {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.btn-group-6, .btn-group-64 {
		grid-template-columns: repeat(4, auto);
		padding: 10px;
	}
	.btn-group-4 {
		grid-template-columns: repeat(2, auto);
	}
	.btn-group-5 {
		grid-template-columns: auto;
	}
	.btn-group-2 {
		gap: 0;
		grid-template-columns: 95%;
	}
	.btn-group-x {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.group-dual {
		grid-template-columns: auto;
	}
	.grid-parent {
		grid-template-columns: 100%;
	}
	.grid {
		margin-bottom: 5px;
	}
	.rightx {
		padding: 5px 15px;
	}
}

@media screen and (max-width: 1200px) {
	.intro, .introOpt {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	.introFund {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
	.grid-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.btn-group-63 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
		padding: 5px;
	}
	.btn-group-12 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
		padding: 2px;
	}
	.tpg {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 1500px) and (min-width: 1250px) {
	.topnav a.sublist {
		font-size: 12px;
		padding: 14px 4px;
	}
}

@media screen and (max-width: 1440px) and (min-width: 1100px) {
	.introZ td {
		font-size: 13px;
	}
	.introZ th {
		font-size: 12px;
	}
	.container {
		width: calc(100% - 20px);
		padding-right: 10px;
		padding-left: 10px;
	}
}

@media screen and (max-width: 1199px) and (min-width: 600px) {
	.introCol>h5, .introColS>h5, .introCol>a, .introColS>a {
		font-size: 10px;
	}
}

@media screen and (max-width: 1350px) and (min-width: 1150px) {
	.introCol>h5, .introColS>h5, .introCol>a, .introColS>a {
		font-size: 12px;
	}
	.parent, .leftx {
		margin: 8px 5px;
	}
	.market-gridd {
		grid-template-columns: 61% 39%;
	}
	.market-gridd-inverted {
		grid-template-columns: 39% 61%;
	}
	.rightx {
		margin: 8px 5px;
		padding: 5px 15px;
	}
}

@media screen and (max-width: 1500px) and (min-width: 1350px) {
	.introCol>h5, .introColS>h5, .introCol>a, .introColS>a {
		font-size: 13px;
	}
}

@media screen and (max-width: 1500px) {
	.btn-group {
		grid-template-columns: repeat(4, auto);
		padding: 10px;
	}
	.btn-group-10 {
		grid-template-columns: repeat(5, auto);
		padding: 10px;
	}
	.btn-group-6, .btn-group-64 {
		grid-template-columns: repeat(6, auto);
		padding: 10px;
	}
	.btn-group-12 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
	.btn-group>.button, .btn-group-6>.button, .btn-group-64>.button,
		.btn-group-10>button, .btn-group-2>.button {
		padding: 10px;
		font-size: 14px;
	}
	.btn-group>input, .btn-group>select, .btn-group-6>input, .btn-group-6>select,
		.btn-group-64>input, .btn-group-64>select, .btn-group-10>select,
		.btn-group-10>input {
		padding: 10px;
	}
}

@media screen and (max-width: 1425px) {
	.switcher-parent {
		grid-template-columns: auto;
	}
}

@media only screen and (max-width: 1360px) {
	.chart-gridd {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 1100px) {
	.chart-gridd, .dual-gridd, .thriple-gridd {
		grid-template-columns: auto;
	}
}

@media only screen and (max-width: 1400px) and (min-width: 1200px) {
	.topnav a {
		font-size: 13px;
		padding: 13px 2px;
		margin: 0 4px;
	}
	.dropdown .dropbtn, .dropdownz .dropbtn {
		font-size: 13px;
		margin: 0 4px;
		padding: 13px 6px;
	}
}

@media only screen and (max-width: 1200px) and (min-width: 1000px) {
	.topnav a {
		font-size: 12px;
		padding: 12px 1px;
		margin: 0 2px;
	}
	.dropdown .dropbtn, .dropdownz .dropbtn {
		font-size: 12px;
		margin: 0 2px;
		padding: 12px 2px;
	}
}

@media screen and (max-width: 920px) {
	.container {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
	table, td, th {
		font-size: 13px;
	}
	.sticky td, .sticky th {
		border: none;
	}
	.sticky tr {
		border-bottom: 1px solid var(--tbl-border);
	}
	.introX td {
		font-weight: 450;
		font-variation-settings: "wght" 450;
		font-size: 13px;
	}
	.symbol a {
		font-size: 12px;
	}
	#searchResult, #optionsSearchResult {
		width: 100%;
		right: 0;
		top: 90px;
	}
	#optionsSearchResultz {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		top: 100px;
	}
	.introA td {
		font-weight: 450;
		font-variation-settings: "wght" 450;
		font-size: 15px;
		width: 120px;
	}
	.desktop {
		display: none;
	}
	.tpa {
		text-align: right;
	}
	.market-horizontal {
		grid-template-columns: auto;
	}
	.btn-group {
		grid-template-columns: repeat(2, auto);
	}
	.btn-group-6, .btn-group-64 {
		grid-template-columns: repeat(3, auto);
	}
	.btn-group-12 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		padding: 2px;
	}
	.btn-group>.button, .btn-group-10>.button {
		font-size: 12px;
	}
	.tpg {
		grid-template-columns: auto;
	}
}

@media screen and (max-width: 700px) {
	.introX td {
		font-size: 12px;
	}
	.introA td {
		font-size: 13px;
	}
	.btn-group-x {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.switcher-parent {
		grid-template-columns: auto;
	}
	.introFund {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	.switcher-first, .switcher-second {
		grid-template-columns: auto;
	}
	.rightx {
		padding: 0;
		margin: 5px 0;
		border: none;
		border-radius: 0;
	}

}

@media screen and (max-width: 620px) {
	table, td, th {
		font-size: 11px;
		font-weight: 450;
		font-variation-settings: "wght" 450;
	}
	.sticky td, .sticky th {
		font-size: 11px;
	}
	html {
		zoom: 0.9;
	}
	.btn-group-6, .btn-group-64 {
		grid-template-columns: repeat(2, auto);
	}
	.btn-group-4 {
		grid-template-columns: auto;
	}
	.btn-group-12 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		padding: 2px;
	}
	.btn-group-10 {
		grid-template-columns: repeat(2, auto);
	}
	#searchResult{
	margin-right:-10px;}
}

@media only screen and (max-width: 450px) {
	html {
		zoom: 0.7;
	}
	.btn-group-63 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 1450px) and (min-width: 1100px) {
	.topnav {
		justify-content: space-between;
	}
	.topnav-left {
		margin-right: 0;
		flex-wrap: wrap;
		justify-content: flex-end;
	}
	#searchingparent {
		order: 2;
		margin-left: auto;
		margin-right: auto;
	}
	#searching {
		min-width: 400px;
	}
}

@media screen and (max-width: 1100px) {
	.topnav {
		justify-content: space-between;
	}
	#searchingparent {
		order: 2;
	}
	.topnav-left {
		margin-right: 0;
		order: 3;
	}
}

@media screen and (max-width: 800px) {
	.topnav-left {
		width: 100%;
	}
	#searchresult {
		right: 0;
		width: 100%;
		max-width: 100px;
	}
}

.hamburger {
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 5px;
	background: none;
	border: none;
	cursor: pointer;
	padding: 8px;
	color: var(--topnav-link);
	border-radius: var(--radius-sm);
	
}

.hamburger:hover {
	background-color: var(--topnav-hover-bg);
}

.hamburger span {
	display: block;
	width: 22px;
	height: 2px;
	background-color: var(--topnav-link);
	border-radius: 2px;
	transition: all 0.25s ease;
}

.hamburger.open span:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
}

.hamburger.open span:nth-child(2) {
	opacity: 0;
	transform: scaleX(0);
}

.hamburger.open span:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
}

.topnav-brand {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.topnav-brand img {
	width: 42px !important;
	height: auto !important;
	margin-left: 6px;
}

.topnav-brand strong {
	color: var(--topnav-link, #fff);
	font-size: 15px;
	white-space: nowrap;
}

.topnav-menu {
	display: contents;
}

@media screen and (max-width: 1200px) {
	.topnav {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		padding: 10px 12px;
		position: relative;
	}
	.topnav-brand {
		order: 1;
		flex: 0 0 auto;
	}
	.hamburger {
		order: 2;
		display: flex;
		flex: 0 0 auto;
	}
	#searchingparent {
		order: 3;
		flex: 1 1 120px;
		margin: 0;
	}
	.topnav-left {
		order: 4;
		flex: 0 0 auto;
		margin-right: 0;
	}
	.topnav-menu {
		display: none;
		contents: unset;
		order: 10;
		flex: 0 0 100%;
		width: 100%;
		flex-direction: column;
		background-color: var(--topnav-bg);
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		padding: 8px 0;
		gap: 2px;
	}
	.topnav-menu .dropdown {
		position: relative;
	}
	.topnav-menu .dropdown-content {
		position: absolute !important;
		right: auto !important;
		left: 10px !important;
		top: 5px !important;
		width: 70% !important;
		max-width: 70% !important;
		box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
		border: 1px solid var(--box-border);
		border-radius: 0;
		background-color: var(--topnav-bg) !important;
		padding: 4px 0;
		z-index: 3000;
		display: none;
	}
	.topnav-menu .dropdown.open .dropdown-content {
		display: block;
	}
	.topnav-menu.open {
		display: flex;
	}
	.topnav-menu>a, .topnav-menu>.dropdown {
		width: 100%;
		text-align: right;
	}
	.topnav-menu>a {
		display: block;
		padding: 11px 16px;
		color: var(--topnav-link);
		font-size: 13px;
		border-radius: 0;
		margin: 0;
	}
	.topnav-menu>a:hover {
		background-color: var(--topnav-hover-bg);
		color: var(--topnav-link-hover);
	}
	.topnav-menu .dropdown {
		position: relative;
	}
	.topnav-menu .dropdown .dropbtn {
		width: 100%;
		text-align: right;
		padding: 11px 16px;
		font-size: 13px;
		border-radius: 0;
		display: block;
		color: var(--topnav-link);
	}
	.topnav-menu .dropdown-content a {
		color: var(--topnav-link) ;
		padding: 10px 16px;
		font-size: 12.5px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.07);
		display: block;
		text-align: right;
	}
	.topnav-menu .dropdown-content a:last-child {
		border-bottom: none;
	}
	.topnav-menu .dropdown-content a:hover {
		background-color: var(--text-fourth) !important;
		color: #fff !important;
	}
	#searching {
		width: 100% !important;
		height: 34px;
		border-radius: 20px;
	}
	#searching:focus {
		width: 100% !important;
		background-color: var(--bg, #fff);
		color: var(--text-fourth, #000);
	}
	#searchResult {
		position: absolute;
		top: 100%;
	}
	.topnav-left .dropdown .dropbtn {
		padding: 7px 5px;
		font-size: 12px;
	}
	.topnav>a:not(.topnav-brand>a) {
		display: none;
	}
	.topnav>.dropdown:not(.topnav-left .dropdown) {
		display: none;
	}
	.topnav-menu {
		overflow: visible;
	}
	.topnav {
		justify-content: space-between;
	}
	#searchingparent {
		order: 2;
	}
	.topnav-left {
		margin-right: 0;
		order: 3;
	}
}

@media screen and (max-width: 800px) {
	.topnav-left {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		flex: 0 0 100%;
		flex-wrap: nowrap;
		justify-content: space-between;
		gap: 2px;
		box-sizing: border-box;
	}
	.topnav-left > * {
		min-width: 0;
	}
	.topnav-left > .nav-icon-link {
		width: auto !important;
		max-width: max-content;
		flex: 0 0 auto;
		margin-inline: 0;
		padding-inline: 7px !important;
	}
	.topnav-left > .shop-link {
		width: auto !important;
		min-width: 0;
		max-width: max-content;
		flex: 0 0 auto;
	}
	.topnav-left > .user-profile-dropdown {
		min-width: 0;
		flex: 0 1 auto;
	}
	.topnav-left .user-profile-dropdown .dropbtn,
	.topnav-left > .login {
		min-width: 0;
		max-width: 140px;
		overflow: hidden;
		white-space: nowrap;
	}
	.topnav-left .profile-link > span {
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

.topnav a, .topnav button, #searchResult td, table.dataTable td {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.008);
}

#footerx {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 25px 40px;
	background-color: var(--bg-sec, #f0f4f8);
	border-top: 1px solid var(--box-border, #e0e0e0);
	direction: rtl;
	color: var(--text-main, #333);
 
}

.footer-info {
	display: flex;
	flex-direction: column;
	gap: 6px;
	flex: 1;
	min-width: 250px;
}

.footer-info .copyright {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	color: var(--topnav-link, #222);
}

.footer-info .disclaimer {
	font-size: 12.5px;
	margin: 0;
	color: var(--topnav-link, #666);
}

.footer-socials {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	flex: 1;
	min-width: 240px;
}

.footer-socials a {
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.2s ease;
}

.footer-socials a span {
	margin-left: 2px;
}

.footer-socials a:hover {
	transform: translateY(-4px);
}

.footer-socials i {
	font-size: 32px;
}

.telegram-icon {
	color: #0088CC;
}

.telegram-report-icon {
	color: #66bbff;
}

.instagram-icon {
	color: #E1306C;
}

.aparat-icon {
	color: #ea1d5d;
}

.footer-trust {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 20px;
	flex: 1;
	min-width: 280px;
}

#enamad {
	height: 65px;
	width: auto;
	object-fit: contain;
	background-color: #fff;
	padding: 4px;
	border-radius: 6px;
	border: 1px solid var(--box-border, #ccc);
	transition: opacity 0.2s;
}

#enamad:hover {
	opacity: 0.9;
}

.footer-phone {
	font-size: 15px;
	font-weight: bold;
	color: var(--topnav-link, #333);
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: 6px;
}

.footer-phone i {
	color: var(--topnav-link, #1a3a6e);
	font-size: 16px;
}

@media screen and (max-width: 992px) {
	#footerx {
		padding: 20px;
		flex-direction: column;
		text-align: center;
		gap: 25px;
	}
	.footer-info {
		text-align: center;
		align-items: center;
	}
	.footer-trust {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 12px;
	}
}

:root, .light , .liten {
	--announcement-bg: #e3f2fd;
	--announcement-text: #0d47a1;
	--announcement-link-bg: #1a3a6e;
}

.dark {
	--announcement-bg: #16263b;
	--announcement-text: #90caf9;
	--announcement-link-bg: #1a3a6e;
}

.site-announcement {
	background-color: var(--announcement-bg);
	color: var(--announcement-text);
	padding: 10px 20px;
	direction: rtl;
	text-align: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
	width: 100%;
}

.announcement-content {
display:grid;
grid-template-columns: auto 200px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.6;
}

.announcement-content i {
	font-size: 15px;
	opacity: 0.9;
}

.announcement-link {
	background-color: var(--announcement-link-bg);
	color: #ffffff !important;
	padding: 4px 12px;
	border-radius: 4px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	margin-right: 8px;
	transition: transform 0.2s, opacity 0.2s;
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
}

.announcement-link:hover {
	transform: scale(1.03);
	opacity: 0.95;
}

@media screen and (max-width: 768px) {
	.site-announcement {
		padding: 8px 12px;
	}
	.announcement-content {
		font-size: 12px;
		gap: 6px;
	}
	.announcement-link {
		padding: 3px 8px;
		font-size: 11px;
		margin-right: 0;
		margin-top: 2px;
	}
}

.nav-icon-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 12px !important;
	border-radius: 6px;
	font-size: 13px !important;
	font-weight: 500;
	transition: all 0.25s ease;
	cursor: pointer;
	text-decoration: none;
}

.nav-icon-link:hover {
	background-color: rgba(255, 255, 255, 0.12);
}

.nav-icon-link i {
	font-size: 12px;
	transition: transform 0.2s ease;
}

.nav-icon-link:hover i {
	transform: scale(1.15);
}

.shop-link i {
	color: #cca500;
}

.shop-link {
	border: 1px solid rgba(204, 165, 0, 0.3);
	background-color: rgba(204, 165, 0, 0.05);
	min-width: 95px;
	max-width: none;
	flex: 0 0 auto;
	white-space: nowrap;
}

.shop-link:hover {
	background-color: rgba(204, 165, 0, 0.15) !important;
	border-color: #cca500;
}

.customize-link i {
	color:  var(--header-icon);
	font-size: 18px;
}

.user-profile-dropdown .dropbtn {
	background: none;
	border: none;
	font-family: inherit;
	color: var(--topnav-link, #fff) !important;
}

.user-profile-dropdown .profile-link i.fa-user-circle {
	color: var(--header-icon);
	font-size: 18px;
}

.user-profile-dropdown .arrow-icon {
	font-size: 11px !important;
	opacity: 0.7;
	margin-right: 4px;
	 
}

.user-profile-dropdown:hover .arrow-icon, .dropdown:hover .arrow-icon {
	transform: rotate(180deg);
}

.user-profile-dropdown .dropdown-content a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 16px;
}

.user-profile-dropdown .dropdown-content a i {
	font-size: 14px;
	color: var(--text-sec, #666);
	width: 16px;
	text-align: center;
}

.user-profile-dropdown .dropdown-content a.logout-item {
	border-radius: 0 !important;
	border-top: 1px solid var(--box-border, #eee);
	color: #ef5350 !important;
}

.user-profile-dropdown .dropdown-content a.logout-item i {
	color: #ef5350 !important;
}

.user-profile-dropdown .dropdown-content a.logout-item:hover {
	background-color: rgba(239, 83, 80, 0.08) !important;
}

.nav-notification-box {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.08);
	color: var(--text-neg, #fff);
	text-decoration: none;
 
	margin-left: 4px;
}

.nav-notification-box i {
	font-size: 15px;
}

.nav-notification-box:hover {
	background-color: rgba(255, 255, 255, 0.15);
	color: #ffd700;
}

.nav-notification-box.private-msg:hover {
	color: #ff5252;
}

.nav-notification-box .badge {
	position: absolute;
	top: -2px;
	right: -2px;
	background-color: #e00034;
	color: #ffffff !important;
	font-size: 11px;
	font-weight: bold;
	min-width: 17px;
	height: 17px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 4px;
	border: 2px solid var(--bg-hover-btn, #1a3a6e);
	box-sizing: content-box;
}

.user-profile-dropdown .profile-link i.fa-user-circle, .login.profile-link i.fa-user-circle
	{
	font-size: 24px !important;
	color: var(--header-icon);
}

.login.profile-link {
	color: var(--topnav-link, #fff) !important;
	min-width: 100px;
}

.avatar-container {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding-left: 2px;
}

.avatar-container .avatar-badge {
	position: absolute;
	top: -10px;
	right: -12px;
	background-color: #e00034;
	color: #ffffff !important;
	font-size: 10px;
	font-weight: bold;
	min-width: 15px;
	height: 15px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1px;
	border: 2px solid var(--nav-grad-end, #1a3a6e);
	box-sizing: content-box;
	z-index: 10;
}

.profile-link i.fa-user-circle {
	font-size: 20px !important;
	color: #4fc3f7;
}

.user-profile-dropdown .dropdown-content a i {
	font-size: 14px;
	width: 20px;
	text-align: center;
}

.user-profile-dropdown .dropdown-content {
	right: auto !important;
	left: 0 !important;
}

@media screen and (max-width: 768px) {
	.user-profile-dropdown .dropdown-content {
		left: -10px !important;
		right: auto !important;
	}
}

.menu-container {
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 350px;
	margin: 20px auto;
}

.menu-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 15px;
	min-width: 350px;
	
	 
}

.menu-row:hover {
	background-color: var(--bg-third, #f0f4f8);
	color: var(--text-fourth, #000);
}

.menu-text {
	font-size: 12px;
	color: var(--text-fourth, #000);
}

.menu-actions {
	display: flex;
	gap: 5px;
}

.menu-link {
	padding: 5px 12px;
	border-radius: 4px;
	 
}

/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/*----------------------------TOUR------------------------------------*/
/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/

.ta-tour-root {
  --ta-accent: var(--ta-color-accent, #2dd4a7);
  --ta-bg: var(--ta-color-surface, #14181f);
  --ta-bg-elevated: var(--ta-color-surface-elevated, #1c212b);
  --ta-text: var(--ta-color-text, #eef1f5);
  --ta-text-muted: var(--ta-color-text-muted, #9aa4b2);
  --ta-border: var(--ta-color-border, #2a3140);
  --ta-overlay: rgba(8, 10, 14, 0.62);

  position: fixed;
  inset: 0;
  z-index: 9999;
 
}

.ta-tour-root.ta-tour-closing {
  opacity: 0;
  transition: opacity 0.15s ease;
}

.ta-tour-overlay {
  position: absolute;
  inset: 0;
  background: var(--ta-overlay);
  cursor: pointer;
}

.ta-tour-spotlight {
  position: fixed;
  border-radius: 15px;
  box-shadow: 0 0 0 4px var(--ta-accent), 0 0 0 9999px var(--ta-overlay);
  pointer-events: none;
  transition: top 0.25s ease, left 0.25s ease, width 0.25s ease, height 0.25s ease;
  z-index: 1;
}

.ta-tour-popover {
  position: fixed;
  width: 480px;
  max-width: calc(100vw - 24px);
  background: #04314E;
  border: 1px solid var(--ta-border);
  border-radius: 12px;
  padding: 18px 20px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
  z-index: 2;
  color: var(--ta-text);
  transition: top 0.25s ease, left 0.25s ease;
}

.ta-tour-popover-arrow {
  position: absolute;
  width: 14px;
  height: 14px;
  background: var(--ta-bg-elevated);
  border: 1px solid var(--ta-border);
  transform: rotate(45deg);
}

.ta-arrow-up { top: -8px; right: calc(50% - 7px); border-bottom: none; border-right: none; }
.ta-arrow-down { bottom: -8px; right: calc(50% - 7px); border-top: none; border-left: none; }
.ta-arrow-right { top: calc(50% - 7px); right: -8px; border-bottom: none; border-left: none; }
.ta-arrow-left { top: calc(50% - 7px); left: -8px; border-top: none; border-right: none; }

.ta-tour-progress {
  font-size: 16px;
  color: var(--ta-text-muted);
  margin-bottom: 6px;
  letter-spacing: 0.2px;
}

.ta-tour-title {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
  color: var(--ta-text);
}

.ta-tour-body {
  margin: 0 0 16px;
  font-size: 16px;
  line-height: 1.8;
  color: var(--ta-text-muted);
}

.ta-tour-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.ta-tour-actions-right {
  display: flex;
  gap: 8px;
}

.ta-tour-btn {
  font-family: inherit;
  font-size: 16px;
  border-radius: 8px;
  padding: 10px 20px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: filter 0.15s ease, background 0.15s ease;
}

.ta-tour-btn-primary {
  background: var(--ta-accent);
  color: #06241c;
  font-weight: 700;
}
.ta-tour-btn-primary:hover { filter: brightness(1.08); }

.ta-tour-btn-secondary {
  background: transparent;
  border-color: var(--ta-border);
  color: var(--ta-text);
}
.ta-tour-btn-secondary:hover { background: rgba(255, 255, 255, 0.05); }

.ta-tour-btn-ghost {
  background: transparent;
  color: var(--ta-text-muted);
  padding-right: 0;
  padding-left: 0;
}
.ta-tour-btn-ghost:hover { color: var(--ta-text); text-decoration: underline; }

@media (max-width: 480px) {
  .ta-tour-popover { width: calc(100vw - 24px); }
}
.quad{
	margin-bottom:-10px;
	margin-top:5px;
	display:grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media screen and (max-width:700px){
		.quad{
 
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.symbol-menu{
    position:relative;
    display:inline-block;
}

.symbol-name{
    cursor:pointer;
}

.symbol-popup{
    display:none;
    position:absolute;
    top:100%;
    right:0;
    min-width:120px;
    background:#fff;
    border:1px solid #ddd;
    border-radius:6px;
    box-shadow:0 3px 10px rgba(0,0,0,.15);
    z-index:1000;
}

.symbol-popup a{
    display:block;
    padding:8px 12px;
    color:#333;
    text-decoration:none;
    white-space:nowrap;
}

.symbol-popup a:hover{
    background:#f5f5f5;
}

.symbol-menu:hover .symbol-popup{
    display:block;
}

/* Risk metrics fragment (templates/fragments/StocksBody.html) */
#risk-metrics-pane {
	--rm-primary: var(--bg-hover-btn);
	--rm-border: var(--tbl-border);
	--rm-heading: var(--text-main);
	--rm-muted: var(--text-third);
	direction: rtl;
	margin: 10px;
	color: var(--rm-heading);
}

#risk-metrics-pane .rm-header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: .85rem;
}

#risk-metrics-pane .rm-title {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
}

#risk-metrics-pane .rm-subtitle {
	display: block;
	margin-top: 3px;
	color: var(--rm-muted);
	font-size: 12px;
}

#risk-metrics-pane .rm-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
}

#risk-metrics-pane .rm-view-control {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

#risk-metrics-pane .rm-tab {
	border: 1px solid var(--box-border);
	border-radius: var(--radius-sm);
	padding: 5px 10px;
	background: var(--bg-sec);
	color: var(--rm-heading);
	font: inherit;
	font-size: 12px;
	cursor: pointer;
	transition: background-color .15s, border-color .15s, color .15s;
}

#risk-metrics-pane .rm-tab:hover,
#risk-metrics-pane .rm-tab:focus-visible {
	border-color: var(--rm-primary);
	outline: none;
}

#risk-metrics-pane #rm-view-summary:checked ~ .rm-header label[for="rm-view-summary"],
#risk-metrics-pane #rm-view-downside:checked ~ .rm-header label[for="rm-view-downside"],
#risk-metrics-pane #rm-view-benchmark:checked ~ .rm-header label[for="rm-view-benchmark"],
#risk-metrics-pane #rm-view-drawdown:checked ~ .rm-header label[for="rm-view-drawdown"],
#risk-metrics-pane #rm-view-all:checked ~ .rm-header label[for="rm-view-all"] {
	border-color: var(--rm-primary);
	background: var(--tbl-header-royal);
	color: var(--text-neg);
}

#risk-metrics-pane #rm-view-summary:focus-visible ~ .rm-header label[for="rm-view-summary"],
#risk-metrics-pane #rm-view-downside:focus-visible ~ .rm-header label[for="rm-view-downside"],
#risk-metrics-pane #rm-view-benchmark:focus-visible ~ .rm-header label[for="rm-view-benchmark"],
#risk-metrics-pane #rm-view-drawdown:focus-visible ~ .rm-header label[for="rm-view-drawdown"],
#risk-metrics-pane #rm-view-all:focus-visible ~ .rm-header label[for="rm-view-all"] {
	outline: 2px solid var(--rm-primary);
	outline-offset: 2px;
}

#risk-metrics-pane #rm-view-summary:checked ~ .rm-table-wrap [data-rm-groups]:not([data-rm-groups~="summary"]),
#risk-metrics-pane #rm-view-downside:checked ~ .rm-table-wrap [data-rm-groups]:not([data-rm-groups~="downside"]),
#risk-metrics-pane #rm-view-benchmark:checked ~ .rm-table-wrap [data-rm-groups]:not([data-rm-groups~="benchmark"]),
#risk-metrics-pane #rm-view-drawdown:checked ~ .rm-table-wrap [data-rm-groups]:not([data-rm-groups~="drawdown"]) {
	display: none;
}

#risk-metrics-pane .rm-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

#risk-metrics-pane table {
	width: 100%;
	min-width: 720px;
	font-variant-numeric: tabular-nums;
}

#risk-metrics-pane caption {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

#risk-metrics-pane th,
#risk-metrics-pane td {
	padding: 5px 6px;
	text-align: center;
	white-space: nowrap;
}

#risk-metrics-pane thead th {
	position: sticky;
	top: 0;
	z-index: 1;
	background: var(--tbl-header-royal);
	color: var(--text-neg);
	font-weight: 500;
}

#risk-metrics-pane thead th.tooltip {
	cursor: help;
}

#risk-metrics-pane thead th.tooltip:hover {
	z-index: 20;
}

#risk-metrics-pane thead th.tooltip .tooltiptext {
	top: 100%;
	font-weight: 400;
	white-space: normal;
}

#risk-metrics-pane tbody tr:hover td {
	background: var(--bg-hover);
}

#risk-metrics-pane .rm-period {
	position: sticky;
	right: 0;
	z-index: 2;
	min-width: 6.25rem;
	font-weight: 700;
	text-align: right;
}

#risk-metrics-pane tbody tr:nth-child(odd) .rm-period {
	background: var(--tbl-bg-odd);
}

#risk-metrics-pane tbody tr:nth-child(even) .rm-period {
	background: var(--tbl-bg-even);
}

#risk-metrics-pane .rm-period-status {
	display: block;
	margin-top: .2rem;
	color: #a15c00;
	font-size: .67rem;
	font-weight: 400;
}

#risk-metrics-pane thead .rm-period {
	z-index: 3;
	background: var(--tbl-header-royal);
}

#risk-metrics-pane .rm-unavailable {
	color: #9aa5ad;
}

#risk-metrics-pane .rm-note {
	margin: .65rem .15rem 0;
	color: var(--rm-muted);
	font-size: .75rem;
}

#risk-metrics-pane [data-rm-hidden="true"] {
	display: none;
}

@media (max-width: 700px) {
	#risk-metrics-pane .rm-header {
		align-items: stretch;
		flex-direction: column;
	}

	#risk-metrics-pane .rm-tabs {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: .2rem;
	}
}

/* Page-specific styles migrated from index.html. */
  html.ta-page-index * {
    overflow-anchor: none;
}
	html.ta-page-index .alert-successx {
  color: white;
  background-color: #155724;
  text-align:center;
}
html.ta-page-index .alert-dangerx {
  color: white;
  background-color: rgba(255,60,60,0.95);
    text-align:center;
}

html.ta-page-index #enamad{
height:70px;
 
}
html.ta-page-index .log-btn{
cursor:pointer;
}
html.ta-page-index #footerx{

text-align:center;
 
}
html.ta-page-index .feat {
text-align:center;
font-size:28px;
}
html.ta-page-index .fa-check{
color:green;
}
html.ta-page-index .fa-x{
color:red;
}
html.ta-page-index .fa-circle-exclamation{
color:#BBA94D;
font-size:20px;
}

html.ta-page-index .mwth{
text-align:center;
color:var(--text-neg);
min-width:60px;
}
html.ta-page-index .mwth.val{
text-align:center;
color:var(--text-neg);
min-width:68px;
}

 
  html.ta-page-index #outerlink{
  background-color:rgba(0,108,0,0.99);
  padding:6px;
  margin-top:5px;
  border-radius:6px;
  font-size:15px;
  cursor:pointer;

  }


html.ta-page-index .docker{
text-align:center; 
margin-bottom:5px;
width:auto; 
}
html.ta-page-index .docker span{
padding:5px;
border-bottom:1px solid ; 
}
html.ta-page-index .alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
html.ta-page-index .btn-grn{
color:rgba(32,132,32,1);
padding: 2px 5px;
}
html.ta-page-index .btn-red{
color:rgba(192,32,32,1);
padding: 2px 5px;
}
html.ta-page-index .btn-blue{
color:rgba(72,72,155,1);
padding: 2px 5px;
}
html.ta-page-index .fullModal{
	display: none;
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	overflow-y: auto;
	padding: clamp(12px, 5vh, 48px) 12px;
	background-color: rgba(0, 0, 0, .46);
	z-index:10001;
}

html.ta-page-index .watchlist-symbol-dialog {
	width: min(680px, 100%);
	max-height: calc(100vh - 24px);
	box-sizing: border-box;
	margin: 0 auto;
	overflow: hidden;
	border: 1px solid var(--tbl-border);
	border-radius: var(--radius-md);
	background: var(--bg);
	box-shadow: 0 18px 50px rgba(0, 0, 0, .25);
}

html.ta-page-index .watchlist-symbol-dialog__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 15px 18px;
	border-bottom: 1px solid var(--tbl-border);
	background: var(--bg-sec);
}

html.ta-page-index .watchlist-symbol-dialog__header > div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
}

html.ta-page-index .watchlist-symbol-dialog__header strong {
	font-size: 16px;
	color: var(--text-main);
}

html.ta-page-index .watchlist-symbol-dialog__header span {
	font-size: 12px;
	color: var(--text-sec);
}

html.ta-page-index #colseFullModal {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 1px solid var(--tbl-border);
	border-radius: 50%;
	background: var(--bg);
	color: #c33;
	font: inherit;
	cursor: pointer;
}

html.ta-page-index #colseFullModal:hover,
html.ta-page-index #colseFullModal:focus-visible {
	border-color: #c33;
	background: rgba(200, 40, 40, .1);
	outline: none;
}

html.ta-page-index .watchlist-symbol-search {
	position: relative;
	display: flex;
	align-items: center;
	margin: 16px;
}

html.ta-page-index .watchlist-symbol-search > i {
	position: absolute;
	right: 14px;
	color: var(--text-sec);
	pointer-events: none;
}

html.ta-page-index #searchingx {
	width: 100%;
	box-sizing: border-box;
	padding: 11px 40px 11px 12px;
	border: 1px solid var(--tbl-border);
	border-radius: var(--radius-md);
	background: var(--bg);
	color: var(--text-main);
	font: inherit;
}

html.ta-page-index #searchingx:focus {
	border-color: rgb(51, 125, 185);
	box-shadow: 0 0 0 3px rgba(51, 125, 185, .14);
	outline: none;
}

html.ta-page-index #items-table #message {
	min-height: 0;
	margin: 12px 16px 0;
	padding: 11px 14px;
	border: 1px solid transparent;
	border-radius: var(--radius-md);
	box-shadow: 0 4px 14px rgba(0, 0, 0, .08);
	text-align: right;
}

html.ta-page-index #items-table #message.alert-successx {
	border-color: rgba(45, 145, 80, .3);
	background: rgba(45, 145, 80, .12);
	color: rgb(30, 120, 62);
}

html.ta-page-index #items-table #message.alert-dangerx {
	border-color: rgba(200, 60, 60, .3);
	background: rgba(200, 60, 60, .1);
	color: rgb(180, 45, 45);
}

html.ta-page-index .watchlist-notice-content {
	display: flex;
	align-items: center;
	gap: 9px;
}

html.ta-page-index .watchlist-notice-content > i {
	flex: 0 0 auto;
	font-size: 17px;
}

html.ta-page-index .watchlist-symbol-results {
	max-height: min(55vh, 430px);
	overflow-y: auto;
	padding: 0 16px 16px;
}

html.ta-page-index #searchResultmx {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 8px;
}

html.ta-page-index #searchResultmx td {
	padding: 11px 14px;
	border: 1px solid var(--tbl-border);
	border-radius: var(--radius-md);
	background: var(--bg-sec);
	color: var(--text-main);
	text-align: right;
	cursor: pointer;
	transition: border-color .16s ease, background-color .16s ease, transform .16s ease;
}

html.ta-page-index #searchResultmx td:hover,
html.ta-page-index #searchResultmx td:focus-visible {
	border-color: rgb(51, 125, 185);
	background: rgba(51, 125, 185, .12);
	transform: translateY(-1px);
	outline: none;
}

html.ta-page-index .watchlist-result-content {
	display: grid;
	grid-template-columns: max-content minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	width: 100%;
	min-width: 0;
	direction: ltr;
}

html.ta-page-index #searchResultmx td.is-added,
html.ta-page-index #searchResultmx td.is-added:hover {
	border-color: rgba(45, 145, 80, .35);
	background: rgba(45, 145, 80, .1);
	color: var(--text-sec);
	cursor: not-allowed;
	transform: none;
	opacity: .82;
}

html.ta-page-index .watchlist-result-name {
	grid-column: 2;
	min-width: 0;
	overflow-wrap: anywhere;
	direction: rtl;
	text-align: right;
}

html.ta-page-index .watchlist-added-badge {
	grid-column: 1;
	justify-self: start;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
	padding: 4px 8px;
	border-radius: 999px;
	background: rgba(45, 145, 80, .15);
	color: rgb(36, 130, 70);
	font-size: 11px;
	white-space: nowrap;
}

html.ta-page-index .watchlist-added-badge i {
	font-size: 12px;
}

@media only screen and (max-width: 600px) {
	html.ta-page-index .fullModal {
		padding: 10px;
	}

	html.ta-page-index .watchlist-symbol-dialog {
		max-height: calc(100vh - 20px);
	}

	html.ta-page-index .watchlist-symbol-dialog__header {
		padding: 12px;
	}

	html.ta-page-index .watchlist-symbol-search {
		margin: 12px;
	}

	html.ta-page-index .watchlist-symbol-results {
		max-height: calc(100vh - 190px);
		padding: 0 12px 12px;
	}

	html.ta-page-index #searchResultmx td {
		padding: 10px 12px;
	}

	html.ta-page-index .watchlist-result-content {
		grid-template-columns: minmax(0, 1fr);
		align-items: start;
		gap: 8px;
	}

	html.ta-page-index .watchlist-result-name {
		grid-column: 1;
		grid-row: 1;
	}

	html.ta-page-index .watchlist-added-badge {
		grid-column: 1;
		grid-row: 2;
		justify-self: start;
	}
}
html.ta-page-index .alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
html.ta-page-index .blur{
 filter: blur(8px);
}
html.ta-page-index .alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
html.ta-page-index .alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}
html.ta-page-index .alert-warning {
  color:#856404;
  background-color:#f3c388;
  border-color:#ffeeba;
  text-align: center;
  margin:20px;
}
html.ta-page-index .open{
display:block;
}
html.ta-page-index .btnplus{
border:1px solid green;
border-radius:3px;
padding:3px;
}
html.ta-page-index .selectedy{ 
background-color: var(--tbl-header); 
font-size:12px;
padding:7px 5px;
cursor:pointer;
transition:0.3s;
color: var(--text-neg);
}
html.ta-page-index .standby , html.ta-page-index .spanct{
cursor:pointer;
padding:7px 5px;
font-size:12px;
transition:0.3s;
 
}
html.ta-page-index .standby{
margin: 0 2px;
}
html.ta-page-index #imgz{
 		 				 
 	text-align:center;

	}
 html.ta-page-index .parent.parentz{
 	border:none;
	}
	html.ta-page-index .featured , html.ta-page-index .featuredThriple{
	grid-column: 2 / 4 ;
	}
		html.ta-page-index .featuredDual{
	grid-column: 1 / -1  ;
	}
	 html.ta-page-index .dualspan  , html.ta-page-index .dualspanx {
 	direction:rtl;
 	grid-column: span 2;
 }
	
	@media only screen and (max-width: 1360px ) and (min-width: 1100px ) {
	html.ta-page-index .featured , html.ta-page-index .featuredDual{
	grid-column: 1 / -1  ;
	}
	 html.ta-page-index .dualspan   {
 		grid-column: span 1;
	 }
	}
@media only screen and (min-width: 1100px )  {
 	html.ta-page-index #homepage-history{
 		text-align:left; 
 		}
 }
 
	@media only screen and (max-width: 1100px )  {
	html.ta-page-index .featured, html.ta-page-index .featuredThriple, html.ta-page-index .dualspan , html.ta-page-index .dualspanx  {
	grid-column: span 1 ;
	}
 
	}
	

html.ta-page-index #reklam {
 
	display: block;
	max-width:96%;
 
	margin-left:auto;
	margin-right:auto;

}
html.ta-page-index #adv-mid{
display:none;
}
html.ta-page-index #adv-main{
display:block;
}

html.ta-page-index .removers{
color:red;
font-size:14px;
cursor:pointer;
float:right;} 
@media only screen and (max-width: 1360px ) and (min-width: 1100px )
{
html.ta-page-index .bars{
width:200%;
} 
}

@media only screen and (max-width: 1100px ) and (min-width: 700px ){

html.ta-page-index #imgz{
 
 	margin-left:auto;
	margin-right:auto;
	}
	}
@media only screen and (max-width: 1360px ) 
{
 html.ta-page-index #adv-main{
 display:none;
} 
html.ta-page-index #adv-mid{
display: block; 
width:90%;
margin-left:5%;
margin-right:5%;
text-align:center;
}
}
html.ta-page-index .wide {
min-width:130px;
text-align:center;
 
}
html.ta-page-index .wide-close , html.ta-page-index .wide-closing{ 
max-width:90px;
}
html.ta-page-index td.wide-closing{
background-color:rgba(0,100,255,0.08);
}
html.ta-page-index td.wide-close{
background-color:rgba(0,255,1000,0.08);

}
html.ta-page-index td.bid {
background-color: rgba(0,222,222,0.08);
 
 min-width:70px;
}
html.ta-page-index td.ask {
background-color: rgba(222,122,0,0.08);
 
  min-width:70px;
 }
 html.ta-page-index td.bid-wide {
background-color: rgba(0,222,222,0.08);
 
 min-width:100px;
}
html.ta-page-index td.ask-wide {
background-color: rgba(222,122,0,0.08);
 
 
  min-width:100px;
 }

html.ta-page-index #status,  html.ta-page-index #orders  ,html.ta-page-index #percent, html.ta-page-index #buyx, html.ta-page-index #sellx  {
	 
	width: 98%;
	direction: ltr;
	float: left;
	margin :none;
	padding :none;
	
}
html.ta-page-index .invite-btn{
	color: white;
	background-color: royalBlue;
	width:94%; 
 	margin-left:auto;
 	margin-right:auto;
	padding:5px;
	text-align:center;

	
}

html.ta-page-index .invite-btn:hover{
 	background-color: var(--bg-hover-btn);
	color:var(--text-neg);
	cursor: pointer;
}
html.ta-page-index .invite-btn>a{color:white;}
html.ta-page-index .invite-btn>a:hover{
 	 
	color:var(--text-neg);
	 
}
	html.ta-page-index .limited{
		border:1px solid rgba(150,150,150,0.4);
	}
  html.ta-page-index #status-title{
  float: none;
}

html.ta-page-index #freq,html.ta-page-index #queue {
	max-width: 900px;
	width: 98%;
	direction: ltr;
	float: left;
	margin :1%;
	padding :none;
}
html.ta-page-index #mini{
	display: grid;
	grid-template-columns:  45% 55%;
	grid-gap:none;
}
html.ta-page-index .candlez {
	display: grid;
	grid-template-columns:  repeat(3, minmax(0, 1fr));
	grid-gap:none;
 
	
}
html.ta-page-index #candles-type,html.ta-page-index #pos ,html.ta-page-index #shadows{
	width: 100%;
	direction: ltr;
	float: left;
 
 	 
}

html.ta-page-index .watch{
	border:1px solid var(--text-main);
	margin:5px;
	padding: 5px;
	
}

html.ta-page-index .watch:hover {
	background-color: royalblue;
	cursor: pointer;
	color: white;
	transition: 0.1s;
}
 
html.ta-page-index .totals{
flex-shrink: 0;
direction:rtl; 
}
 html.ta-page-index .totals td{
 width: 0;

 }
 html.ta-page-index .totals table{
 direction:ltr; 
 }
 html.ta-page-index .legend {
 font-size:11px;
  position:absolute;
 z-index:1000;
 direction:rtl;
 }
  html.ta-page-index .legendx {
 font-size:14px;
  position:absolute;
  margin-top:50px;
  margin-right:30px; 
 z-index:1000;
 text-align:center;
 
 }
   html.ta-page-index .totals > a{
 padding:10px;
 background-color:#116611bb;
 color:white;
 border-radius:5px;
   }
  html.ta-page-index .totals > a:hover{
 
 background-color:darkViolet;
 
   }

 html.ta-page-index .title{
 font-size:13px;
 margin-bottom:5px;
 direction:rtl;
 }
  html.ta-page-index .titlex{
 font-size:13px;
 padding:-10px;
 width:100%;
 margin-right:auto;
 margin-left:auto;
 }

 html.ta-page-index #stocks-ratio, html.ta-page-index #market-ratio{
 cursor:pointer;
 }
 
 html.ta-page-index .btxx{
padding:7px;
cursor:pointer;
font-size:10px;
float:none;
color:var(--text-main);

}
html.ta-page-index .btxx:hover{
background-color:orange;
color:var(--text-neg);
}
 



 
 


 
  @Media screen and (min-width:1100px) and (max-width:1360px){  
 
html.ta-page-index #status,  html.ta-page-index #orders  ,html.ta-page-index #percent, html.ta-page-index #buyx, html.ta-page-index #sellx  {
	width:95%;
}
 

html.ta-page-index #mini{
 
	grid-template-columns:  auto;
 
}
}

@Media screen and (max-width:1100px) {
	html.ta-page-index #status-title,html.ta-page-index #status,   html.ta-page-index #orders  ,html.ta-page-index #percent , html.ta-page-index #buyx ,html.ta-page-index #sellx    {
		width: 90%;
		margin-left: 5%;
		margin-right:5%;
		 
	}
	 html.ta-page-index #clientTypes{
 grid-column: span 1;
 }
	html.ta-page-index #mini{
 
	grid-template-columns:  auto;
 
}
	html.ta-page-index #freq,html.ta-page-index #queue {
	width:80%;
	margin-right:auto;
	margin-left:auto;
	float:none;
}
 
}
 
html.ta-page-index .mid {
	display: grid;
	grid-template-columns:  repeat(8, minmax(0, 1fr));
	direction: rtl;
	margin: none;
	grid-gap:1px;
	text-align:center;
}

 
 
 

 


html.ta-page-index .fab , html.ta-page-index .fas {
padding:2px;
}
html.ta-page-index .market>tbody>tr>td:nth-child(1){
min-width:130px;
}
html.ta-page-index h1, html.ta-page-index h2{
padding:10px 0px;
margin:10px 0px;
}

html.ta-page-index #marketDetails>tbody>tr>td.lite {
	font-size: 13px;
	font-weight: 500;
	min-width:180px;
	padding: 0
}
html.ta-page-index .lite:hover {
cursor: pointer;
}
@media only screen and (max-width: 1195px ) {

 
	html.ta-page-index .market td{
	font-size:12px;
	}
}
@media only screen and (max-width: 900px ) {
html.ta-page-index #treemap tr td:nth-child(4), html.ta-page-index #treemap tr th:nth-child(4),
html.ta-page-index #treemap tr td:nth-child(5), html.ta-page-index #treemap tr th:nth-child(5),
html.ta-page-index #treemap tr td:nth-child(6), html.ta-page-index #treemap tr th:nth-child(6)
 
		{
		display: none;
		visibility: hidden;
	}
	html.ta-page-index .last{
	margin:50px;
	z-index:1000;
	}
 
 
}
@media only screen and (max-width: 700px) {


html.ta-page-index #treemap td , html.ta-page-index #treemap th {
font-size:12px;
}
html.ta-page-index #treemap tr td:nth-child(2), html.ta-page-index #treemap tr th:nth-child(2)
	{
		display: none;
		visibility: hidden;
	}
html.ta-page-index .market>tbody>tr>td:nth-child(1){
min-width:130px;

}
	html.ta-page-index .market td{
	font-size:12px;
	}

}
@media only screen and (max-width: 500px) {
html.ta-page-index #treemap tr td:nth-child(11), html.ta-page-index #treemap tr th:nth-child(11),
html.ta-page-index #treemap tr td:nth-child(12), html.ta-page-index #treemap tr th:nth-child(12)

		{
		display: none;
		visibility: hidden;
	}

}
@media only screen and (max-width: 350px){
	html.ta-page-index #marketDetails>tbody>tr>td.lite {
 
	min-width:160px;
	 
}
}
html.ta-page-index #advice a:hover{
color:darkViolet
}

html.ta-page-index #mainWatchTable_wrapper {
height:360px;
max-height:360px;
width:100%;
max-width:100%;
overflow:hidden;
border:1px solid var(--tbl-border);
border-radius:var(--radius-md);
background:var(--bg);
box-shadow:0 5px 18px rgba(0,0,0,.08);

}

html.ta-page-index #watch {
	padding: 10px;
	border: 1px solid var(--tbl-border);
	border-radius: var(--radius-md);
	background: var(--bg-sec);
	box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
}

html.ta-page-index #mainWatchTable {
	border-collapse: separate;
	border-spacing: 0;
}

html.ta-page-index #mainWatchTable thead th {
	padding: 9px 7px;
	border-bottom: 1px solid var(--tbl-border);
	background: var(--tbl-header-group);
	font-weight: 700;
	white-space: nowrap;
}

html.ta-page-index #mainWatchTable tbody td {
	padding: 7px;
	border-bottom: 1px solid var(--tbl-border);
	transition: background-color .16s ease;
}

html.ta-page-index #mainWatchTable tbody tr:hover td {
	background-color: rgba(120, 180, 220, .13);
}

@media only screen and (max-width: 600px) {
	html.ta-page-index #watch {
		padding: 6px;
	}

	html.ta-page-index #mainWatchTable_wrapper {
		border-radius: calc(var(--radius-md) - 2px);
	}

}

html.ta-page-index #industriesTable ,html.ta-page-index #industriesTable thead, html.ta-page-index #industriesTable tbody{
max-width:100vw;
overflow-x:auto;
}
 

 
html.ta-page-index #mainWatchTable_wrapper > div:nth-child(1),
html.ta-page-index #mainWatchTable_wrapper > div.dt-layout-row.dt-layout-table,
html.ta-page-index #industriesTable_wrapper > div:nth-child(1),
html.ta-page-index #industriesTable_wrapper > div.dt-layout-row.dt-layout-table,
html.ta-page-index #industriesTable_wrapper > div.dt-orderable-asc,
html.ta-page-index #industriesTable_wrapper > div.dt-orderable-desc,
html.ta-page-index #HeadersParent > th.symbol.dt-orderable-asc.dt-orderable-desc.dt-ordering-asc.dtfc-fixed-start.dtfc-fixed-right
#mwHeadersParent > th.wide.dt-orderable-asc.dt-orderable-desc.dt-ordering-asc.dtfc-fixed-start.dtfc-fixed-right
{
margin:0px;}
 



html.ta-page-index table.dataTable > tbody > tr > th, html.ta-page-index table.dataTable > tbody > tr > td{
padding:5px;
}


  
html.ta-page-index th.dtfc-fixed-right{
z-index:25 !important; 
background-color:var(--tbl-header-group);
 
}
html.ta-page-index td.dtfc-fixed-right{
z-index:1 !important;
background-color:var(--bg);
 
}
html.ta-page-index span.dt-column-order{
display:none;
padding:none;
margin:none;
}
 
html.ta-page-index #HeadersParent > th.symbol.dt-orderable-asc.dt-orderable-desc.dtfc-fixed-start.dtfc-fixed-right,
html.ta-page-index #mwHeadersParent > th.wide.dt-orderable-asc.dt-orderable-desc.dtfc-fixed-start.dtfc-fixed-right
{
z-index :22 !important;}

html.ta-page-index table.dataTable  th ,html.ta-page-index table.dataTable  td {
  text-align: center !important;
  vertical-align: center !important;
  position: relative  ;
  
}
html.ta-page-index table.dataTable thead th {
  
  color: white;
   transition: background-color 0.3s ease, color 0.3s ease; 
   white-space: normal !important;
   z-index:20 !important;
  
  
          
}
	 html.ta-page-index table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order,
	 html.ta-page-index table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order, 
	 html.ta-page-index table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order,
	 html.ta-page-index table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order
 {
	       right:3px !important;
	       padding :1px ;
	       left:3px;
	       }
 
 
html.ta-page-index #HeadersParent > th.symbol.dtfc-fixed-start,
html.ta-page-index #mwHeadersParent > th.wide.dtfc-fixed-start 
{
z-index :1002 !important;
}

html.ta-page-index #HeadersParent > th,
html.ta-page-index #mwHeadersParent > th
{
min-width:65px;
} 
 

 
 


/* Page-specific styles migrated from groupCandlex.html (groupx page). */
html.ta-page-group #industriesTable_filter input,
html.ta-page-group #navTable_filter input ,
html.ta-page-group #leverageTable_filter input {
	height: 25px;
	width: 150px;
	margin-bottom:0;
	 
}
html.ta-page-group .dt-search{
float:right;
}
 html.ta-page-group body > div.swal-overlay.swal-overlay--show-modal{
    z-index: 11111 !important;
}
html.ta-page-group .standby {
cursor:pointer;
padding:7px 5px;
font-size:12px;
transition:0.3s;
margin: 0 2px;
}
html.ta-page-group .fullModal{
	display: none;
	position: fixed;	 
	left: 0%;
	right: 0%;
	top: 0%; 
	width: calc(100vw - 20px);
 	height: 100vh;
	overflow-y: auto;
	padding:10px;
 
	background-color:var(--bg);
	z-index:10001;
}
html.ta-page-group .parentz.sele{
background-color:darkGreen;
color:black;

}
/*
html.ta-page-group .tradeBtn {
	cursor: pointer;
	padding: 3px;
	float: left;
	color: darkGreen;
	margin-left: 5px;
}
*/

html.ta-page-group #resultcolumn {
min-height:600px;
}
html.ta-page-group #industriesTable td:not(:first-child)  ,html.ta-page-group #industriesTable th:not(:first-child),
html.ta-page-group #navTable td:not(:first-child)  ,html.ta-page-group #navTable th:not(:first-child),
html.ta-page-group #leverageTable td:not(:first-child)  ,html.ta-page-group #leverageTable th:not(:first-child)
{

min-width:40px;

}
 html.ta-page-group .parentx , html.ta-page-group .parentz {
 color:var(--text-main);
 padding:3px;
  cursor:pointer;
 }
 html.ta-page-group .parentz{
  font-size:12px;
  height:auto;
  }
  html.ta-page-group #resultcolumn > div:hover{
  background-color:orange;
  color:black;
  }
html.ta-page-group #columns , html.ta-page-group #resultcolumn{
	max-height:80vh;
	overflow-y: auto;
}

  html.ta-page-group .legendz {
 font-size:14px;
  z-index:999;
  margin:10px;
 text-align:center;
  padding:5px;
 background-color: rgb(222,115,222);
 color:black; 
 border-radius:5px;
 }
 

html.ta-page-group .caption {
  	 margin-right:10px;
	 font-size:16px;
	 margin-bottom:10px;
 
}
 
html.ta-page-group .h2 {
    font-size: 14px;
    margin-bottom: -40px;
    text-align: center;
} 
 
html.ta-page-group .tag , html.ta-page-group .tgx{
border:1px solid var(--btn-border);

padding: 4px;
min-width:120px;
cursor:pointer;
}
html.ta-page-group .tag.selectedx{
background-color: var(--tbl-header-group);
color:white;
}
 
html.ta-page-group .tag:hover , html.ta-page-group #articleVis:hover{
background-color:orange;
color:black;
}
html.ta-page-group .selectedx{
color:#333;
}
 	
html.ta-page-group #status { 
	 
	width: 100%;
	direction: ltr;
	float:left;
	padding-top:10px;
	 
}
 html.ta-page-group #orders , html.ta-page-group #percent, html.ta-page-group #percentx, html.ta-page-group #buyx, html.ta-page-group #sellx{
 	width: 94%;
	direction: ltr;
	float:left;
	margin-left:auto;
	margin-right:auto;
	 
	 
}
html.ta-page-group .modal{
z-index:2000;
}
html.ta-page-group .min , html.ta-page-group .max {
max-width:45px;
}
html.ta-page-group .left{
float:left;
font-size:18px;
font-weight:bold;
}

html.ta-page-group .green{
color:darkGreen
}
html.ta-page-group .red {
color:red;}
html.ta-page-group .disablex{
font-size:12px;
background-color:rgba(160,160,160,0.5);
color:black;
}
html.ta-page-group .disablex >i.left{
display:none;
}
 
html.ta-page-group #reklam{
	width:97%;
	display: block;
	margin-left: 3%;
	margin-right: auto;
}
 
html.ta-page-group #date{
	font-size:12px;
	margin-right:30px; 
}
html.ta-page-group #titlex{
	  display: grid;
  grid-template-columns: auto auto;
}
html.ta-page-group .parent{
min-height:180px;
} 

html.ta-page-group .gridd{
  display: grid;
  grid-template-columns: 66.6% 33.4% ;
}
html.ta-page-group .griddx{
  display: grid;
  grid-template-columns: 33.4% 66.6% ;
}
html.ta-page-group .adimg{
		width: 96%;
		max-width:900px;
		max-height:250px;
		margin-top:5px;		
	 	margin-left:2%;
	 	margin-right:2%;
} 

 
  html.ta-page-group #menu {
	display:none;
	font-size: 24px;
	padding: 10px;
	 
}
  html.ta-page-group #bars {
 
	font-size: 24px;
	margin-right:30px;
}
html.ta-page-group #bars:hover{
	 color: darkGreen;
	 cursor: pointer;
}
html.ta-page-group ::placeholder   {
  font-size:14px;
 font-family:iransansx;
  text-align:center;
}
html.ta-page-group .min::placeholder , html.ta-page-group .max::placeholder,html.ta-page-group .minf::placeholder , html.ta-page-group .maxf::placeholder{
  font-size:8px;
  font-weight:450;

  text-align:center;
 
 
}
 html.ta-page-group .log-btn{
background-color: var(--tbl-header-group);
cursor:pointer;
margin:0 10px;
 }
 html.ta-page-group .log-btn.grnx{
 background-color: inherit;
 color:var(--text-main);
 border:1px solid var(--btn-border);
 padding:2px;
 margin:0;
 }
html.ta-page-group .dt-column-order{
display:none;} 
html.ta-page-group .grn{
background-color:var(--tbl-bg-watch) ;
color: var(--text-negz);
}
@media only screen and (max-width: 1200px ) {
html.ta-page-group .groupz>tbody>tr>td:nth-child(1),
html.ta-page-group .groupz>thead>tr>th:nth-child(1),
html.ta-page-group .groupz>thead>tr>td:nth-child(1)
{
min-width:90px;
}

html.ta-page-group .fullModal{
 
	width: 100%;
	height:100%;
 	 
 
}
html.ta-page-group table.dataTable thead th , html.ta-page-group table.dataTable thead th>span{
font-weight:normal;
 
}

html.ta-page-group .h2.hx {
 
	margin-right:60px;
	 
} 
html.ta-page-group .h2{
margin-right:60px;
}

 html.ta-page-group #navv {
	display:none
}
html.ta-page-group #date{
	margin-right:10px; 
}
 
 html.ta-page-group #menu {
	display:inline-block;
}
 html.ta-page-group #sw{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	direction: rtl;
	margin: 0;
	
}
html.ta-page-group #buyx, html.ta-page-group #sellx{
	width:100%;
}
html.ta-page-group #status , html.ta-page-group #orders , html.ta-page-group #percent, html.ta-page-group #percentx, html.ta-page-group #buyx, html.ta-page-group #sellx{ 
	width:80%;
	display:block;
	float:none;
	margin-left:auto;
	margin-right: auto
}


html.ta-page-group .gridd {
	grid-template-columns: repeat(1, minmax(0, 1fr)) ;
}
 }

 
@Media screen and (max-width:1000px) {
html.ta-page-group #titlex{
	   
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
	 html.ta-page-group .left{
  margin-right:0px;
}
 html.ta-page-group #sw{
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	direction: rtl;
	margin: 0;
}

	

 html.ta-page-group .griddx , html.ta-page-group .horizontal{
  grid-template-columns: auto   ;

}
}
 
html.ta-page-group .totals td    {
width:0;
border:none;
}
html.ta-page-group .totals{
flex-shrink: 0;
}
 html.ta-page-group .totals td{
 width: 0;

 }
 html.ta-page-group .totals table{
 direction:ltr; 
 }
 html.ta-page-group .title{
 font-size:13px;
 margin-bottom:5px;
 }
 html.ta-page-group .parent{
 display:flex;
 margin-bottom:10px;
  justify-content: center;
  align-items: center;
 }
  html.ta-page-group .legend {
 font-size:11px;
  position:absolute;
 z-index:1000;
 direction:rtl;
 float:right;
 }
  html.ta-page-group .legendx {
 font-size:14px;
  position:absolute;
  margin-top:50px;
  margin-right:30px; 
 z-index:1000;
 text-align:center;
 
 }
html.ta-page-group .chart-griddg {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	direction: ltr;
	 
}
html.ta-page-group .btnte{
border:1px solid gray;
padding:3px;
}

 
 
html.ta-page-group .grix2080{
 display:grid;
 grid-template-columns: 25% 75%;
 }
 html.ta-page-group .quarter , html.ta-page-group .quarterz{
  display:grid;
 grid-template-columns:  repeat(4, minmax(0, 1fr));
 grid-gap:5px;
 margin:5px;
 }
html.ta-page-group .octa{
  display:grid;
 grid-template-columns:  repeat(8, minmax(0, 1fr));
 grid-gap:5px;
 margin:5px;	
}
html.ta-page-group .quarter{
 border:1px solid;
 }
 @media only screen and (max-width: 1000px)  {
  html.ta-page-group .quarter , html.ta-page-group .quarterz{ 
 grid-template-columns:  repeat(2, minmax(0, 1fr)); 
 }
 html.ta-page-group .grix2080{

 grid-template-columns: 40% 60%;
 }
 
 }
 html.ta-page-group #industriesTable_wrapper > div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-head > div > table
 {
 border-bottom:none;}
 html.ta-page-group #industriesTable{
 border-top:none;}
    html.ta-page-group .bid {
background-color: rgba(0,222,222,0.2);
min-width:100px;
}
html.ta-page-group .wide{
min-width:100px;
}

html.ta-page-group .ask {
background-color: rgba(222,122,0,0.2);
min-width:100px;
 }
	html.ta-page-group #industriesTable th {
/*	background-color: royalblue;*/
		color:#fafafa;
		font-weight: normal;
		height:15px;
	}
		html.ta-page-group #industriesTable_info{
		padding:5px;
		color:#fafafa;
		background-color: royalblue;
		max-width:360px;
		margin-top:10px;
		float:left;
	}
	 html.ta-page-group table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order,
	 html.ta-page-group table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order, 
	 html.ta-page-group table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order,
	 html.ta-page-group table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order
 {
	       right:auto !important;
	       left:3px;
	       }
	   html.ta-page-group table.dataTable thead > tr > th.dt-orderable-asc,
	   html.ta-page-group table.dataTable thead > tr > th.dt-orderable-desc{
	   padding-right:1px;
	  
	   }
	   
html.ta-page-group .groupz>tbody>tr:nth-child(odd){
background-color:var(--tbl-bg-odd);
}
html.ta-page-group .groupz>tbody>tr:nth-child(even){
background-color:var(--tbl-bg-even);
}
html.ta-page-group .groupz>tbody>tr>td:nth-child(1),
html.ta-page-group .groupz>thead>tr>th:nth-child(1),
html.ta-page-group .groupz>thead>tr>td:nth-child(1)
{
 
min-width:100px;
 
z-index:999;
 
border-left: 1px solid var(--tbl-border-watch);
}
html.ta-page-group .groupz th{
background-color:var(--tbl-header-group);
}
 
 
html.ta-page-group .dtfc-fixed-start{
z-index:100;
}

 


 

html.ta-page-group #industriesTable_filter input {
	height: 30px;
	width: 200px;
}




html.ta-page-group table.dataTable  th ,html.ta-page-group table.dataTable  td {
  text-align: center !important;
  vertical-align: center !important;
  position: relative  ;
  
}
html.ta-page-group table.dataTable thead th {
/*  background-color: royalBlue; */
  color: white;
   transition: background-color 0.3s ease, color 0.3s ease; 
   white-space: normal !important;
   z-index:1000 !important;
  
  /* overflow-wrap: break-word !important;*/
          
}

html.ta-page-group table.dataTable thead td, 
html.ta-page-group table.dataTable tbody th, 
html.ta-page-group table.dataTable tbody td:first-child{
  background-color: var(--bg);  
}
 html.ta-page-group body > div.dtfh-floatingparent.dtfh-floatingparenthead{
z-index :1000 !important;}
 
html.ta-page-group #minparent {
 position:relative;}

html.ta-page-group #HeadersParent > th.symbol.dt-orderable-asc.dt-orderable-desc.dtfc-fixed-start.dtfc-fixed-right,
html.ta-page-group #navHeadersParent > th.symbol.dt-orderable-asc.dt-orderable-desc.dtfc-fixed-start.dtfc-fixed-right,
html.ta-page-group #leverageHeadersParent > th.symbol.dt-orderable-asc.dt-orderable-desc.dtfc-fixed-start.dtfc-fixed-right
{
z-index :1002 !important;}
html.ta-page-group .container{
	width:100%;
	padding:0;	
}

@media only screen and (max-width: 1360px ) {

	html.ta-page-group .chart-griddg  {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

}
@media only screen and (max-width: 1360px ) and (min-width: 1000px ){
	html.ta-page-group .chart-griddg > :last-child:nth-child(odd){
	grid-column: 1 / -1;
	width:50%;
	margin-left:auto;
	margin-right:auto;
	}
}
html.ta-page-group .parent{
direction:rtl;}
 
 
@media only screen and (max-width: 1000px ) {
html.ta-page-group .groupz>tbody>tr>td:nth-child(1),
html.ta-page-group .groupz>thead>tr>th:nth-child(1),
html.ta-page-group .groupz>thead>tr>td:nth-child(1)
{
min-width:80px;
}
	html.ta-page-group .chart-griddg  {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	}
 html.ta-page-group div.selected{
color:white;
}
html.ta-page-group #articleVis{
font-size:12px;
}
html.ta-page-group table.dataTable > tbody > tr > td {
  padding: 8px 1px;
}
html.ta-page-group table.dataTable > tbody > tr  {
  padding: 8px 0;
  z-index:1;
}
 html.ta-page-group select{
 text-align:center;
 }

 



/* Page-specific styles migrated from stockHomepage.html. */
html.ta-page-stock-homepage .grid-item.bullish{
background-color:green;
}
html.ta-page-stock-homepage .grid-item.bearish{
background-color:red;
}
html.ta-page-stock-homepage .grid-item.semi-bullish{
background-color:cyan;
}
html.ta-page-stock-homepage .grid-item.semi-bearish{
background-color:orange;
}
html.ta-page-stock-homepage #price-chart,html.ta-page-stock-homepage #price-chart2  {
	margin:  30px 0; 
	position:relative;
	
}
html.ta-page-stock-homepage .percentx{
	font-size:13px;
	background-color: var(--tbl-bg-odd);
}
html.ta-page-stock-homepage .pane{
	display:none;
}
html.ta-page-stock-homepage .funds-chart{
 
 direction:rtl;
 margin:10px;
 padding:10px;
 border:1px solid var(--box-border);
 border-radius:10px;
 
}
 
html.ta-page-stock-homepage .left{
float:left;
}

html.ta-page-stock-homepage #imgz{
		width: 100%;
		max-width:900px;		
	 	margin-left:auto;
	 	margin-right:auto;
		display:block;		 
		z-index: 10;	
	}
html.ta-page-stock-homepage #imgzMobile{
	display: none;
}
	

 
html.ta-page-stock-homepage #chart-parent  {
	display: grid;
	align-items: center;
	height:540px; 
	margin-bottom:5px;	
}
html.ta-page-stock-homepage #chart   {
	 
	position:relative;
	height:500px;
}
  html.ta-page-stock-homepage #fund-parent {
	display: grid;
	align-items: center;
	height:300px; 
	width:98%;
	margin-left:1%;
	margin-right:1%
	
}
html.ta-page-stock-homepage #link{
   width:96%;
   max-width:900px;
   margin-left:auto;
   margin-right:auto;

}
  html.ta-page-stock-homepage #adimg{
   width:100%;
  }


html.ta-page-stock-homepage #chart>div>table , html.ta-page-stock-homepage #fund-history>div>table{
	border:none;
}

html.ta-page-stock-homepage #chart td  ,html.ta-page-stock-homepage #fund-history td {
width:0;
border:none;
}

 
html.ta-page-stock-homepage #chart table ,html.ta-page-stock-homepage #fund-history table{
direction:ltr;
}
html.ta-page-stock-homepage #revenue th{border:none;}
html.ta-page-stock-homepage #revenue th,html.ta-page-stock-homepage #revenue td, html.ta-page-stock-homepage #asset td{font-size:14px;}

html.ta-page-stock-homepage caption{
padding:10px;
 font-size:16px;

}

html.ta-page-stock-homepage .btxx{
padding:5px;
cursor:pointer;
font-size:14px;
text-align:center;
}
html.ta-page-stock-homepage .btxx:hover{
background-color:orange;
color:var(--text-neg);
}

html.ta-page-stock-homepage .stocks-grid{ 
display:grid;
grid-template-columns: 55% 45%; 
 
}
html.ta-page-stock-homepage .gridf{
	width:100%;
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	grid-gap: 30px;
	margin: 5px;
}
html.ta-page-stock-homepage .titlex{
	width:100%;
	display:grid;
	grid-template-columns:repeat(5, minmax(0, 1fr));
	grid-gap: 2px;
	margin: 2px;
 	 
}
html.ta-page-stock-homepage .fund-titlex{
	width:100%;
	display:grid;
	grid-template-columns:repeat(6, minmax(0, 1fr));
	grid-gap: 5px;
	margin-top: 5px;
 	margin-bottom: 1px;
 	 
}
html.ta-page-stock-homepage .controllers{
	
	display:flex;
	align-items: center;
	justify-content: center;	 
	width:99%;
	margin-left:auto;
	margin-right: auto;
	text-align: center;
 
}
@media screen and (max-width:1200px){
	html.ta-page-stock-homepage .controllers{
		margin-top:20px;
	}
	html.ta-page-stock-homepage .gridf{
 
	grid-template-columns:repeat(1 minmax(0, 1fr));
 
}
}
html.ta-page-stock-homepage .ctrl{
	 
	padding:10px;
	margin:0 10px;
	 
	
	
}
html.ta-page-stock-homepage .ctrl:hover{
	color:black;
	background-color:plum;
	cursor:pointer;
	
}
html.ta-page-stock-homepage .plum{
	background-color:var(--bg-sell);	 
	color:var(--text-neg);
}


html.ta-page-stock-homepage .gridx{ 
	display:grid;
	grid-template-columns:56% 42%  ;
 	grid-gap: 2%;
	margin-top:10px;
}
@media screen and (max-width:1367px){
	html.ta-page-stock-homepage .gridx{ 

	grid-template-columns:repeat(1, minmax(0, 1fr));
 
	margin-top:10px;
}
}
 
 
  html.ta-page-stock-homepage .legendz {
 font-size:14px;
  position:absolute;
  margin-top:40px;
 z-index:999;
 text-align:center;
 }
   html.ta-page-stock-homepage .totals > a{
 padding:10px;
 background-color: #116611bb;
 color:white; 
 border-radius:5px;
   }

html.ta-page-stock-homepage #chart-grid{
 
display:grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
 
}
html.ta-page-stock-homepage .apexcharts-xaxis-label{
  display: none;
   
}
html.ta-page-stock-homepage .apexcharts-xaxis-label:nth-child(20n){
display:revert;
}
html.ta-page-stock-homepage #bidVolume6{
height:25px;
}
html.ta-page-stock-homepage .totals{
flex-shrink: 0;
}
 html.ta-page-stock-homepage .totals td{
 width: 0;

 }
 html.ta-page-stock-homepage .totals table{
 direction:ltr; 
 }
 
 html.ta-page-stock-homepage .legend {
 font-size:11px;
  position:absolute;
 z-index:999;
 }
 html.ta-page-stock-homepage .title{
 font-size:13px;
 margin-bottom:3px;
 }
 html.ta-page-stock-homepage .parent{
 display:flex;
  justify-content: center;
  align-items: center;
 }


  @media only screen and (max-width: 900px) {
  html.ta-page-stock-homepage #chart-grid{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
html.ta-page-stock-homepage .aa {
	display: none;
}
html.ta-page-stock-homepage #imgzMobile{
	display: block;
}
html.ta-page-stock-homepage #ad-parent{
	display: none;
}
html.ta-page-stock-homepage #chart-parent  {
 
	height:480px; 
 
 	
}
html.ta-page-stock-homepage #chart   {
	height:440px;
}
}
  @media only screen and (max-width: 600px) {
  html.ta-page-stock-homepage #chart-grid{
grid-template-columns: repeat(1, minmax(0, 1fr));

}
html.ta-page-stock-homepage #navbar{
	display: none;
}
 
  }
  
 @media only screen and (min-width: 1200px) {
 html.ta-page-stock-homepage #chart{
 margin-right:30px;
 }

 }



     @media only screen and (max-width: 1199px) {   

  html.ta-page-stock-homepage .gridf{
grid-template-columns: repeat(1, minmax(0, 1fr));

}

    html.ta-page-stock-homepage .stocks-grid{
display:grid;
grid-template-columns: auto   ;
}
html.ta-page-stock-homepage #chart{
width:100%;
}

 
    html.ta-page-stock-homepage #cf > thead > tr > th{
    font-size:12px;
    }

    }
    
    @media only screen and (max-width: 600px) {
      html.ta-page-stock-homepage {
        zoom: 0.68;
      }
      
 	html.ta-page-stock-homepage .legend{
 	font-size:10px;}
 
    }
    
html.ta-page-stock-homepage .legend-parent {
	position: absolute;
	text-align: right;
	right: 5px;
}
html.ta-page-stock-homepage .legendx {
	position: relative;
	display: block;
	font-size: 12px;
	padding-top: 3px;
	
	z-index: 100;
}
html.ta-page-stock-homepage .grid{
	margin-bottom: 5px;
}
 html.ta-page-stock-homepage .candlestick-container {
	position: relative;
	width: 100%;
	height: 30px;
	border: 1px solid var(--box-border);
	border-radius:5px;
	margin: 30px auto 40px auto;
	 
	direction: ltr;  
	cursor: pointer;
}
 

html.ta-page-stock-homepage .wick-upper {
	position: absolute;
	top: 50%;
	height: 3px;
	background-color: #4CAF50;
	transform: translateY(-50%);
	z-index: 1;
}
 
html.ta-page-stock-homepage .wick-lower {
	position: absolute;
	top: 50%;
	height: 3px;
	background-color: #F44336;
	transform: translateY(-50%);
	z-index: 1;
}

html.ta-page-stock-homepage .body {
	position: absolute;
	top: 50%;
	height: 16px;
	transform: translateY(-50%);
	border-radius: 2px;
	z-index: 10;
}

html.ta-page-stock-homepage .yesterday-line {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1px;
	border-left: 1px dashed #aaa;
	opacity: 0.5;
	z-index: -1;
}

html.ta-page-stock-homepage .grid-line {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1px;
	border-left: 1px dashed #aaa;
	opacity: 0.5;
	z-index: 0;
}
 
html.ta-page-stock-homepage .grid-line.bold {
	border-left: 2px dashed #888;
}

html.ta-page-stock-homepage .price-label {
	position: absolute;
	font-size: 14px;
	 
	transform: translateX(-50%);
	white-space: nowrap;
}

html.ta-page-stock-homepage .price-top {
	top: -25px;
}

html.ta-page-stock-homepage .price-bottom {
	bottom: -25px;
}

html.ta-page-stock-homepage #candleTooltip {
	position: absolute;
	display: none;
	padding: 2px 6px;
	font-size: 16px;
	background: black;
	color: white;
	border-radius: 4px;
	pointer-events: none;
	transform: translate(-50%, 0%);
	white-space: nowrap;
}
 
    
 html.ta-page-stock-homepage .wide{
 min-width:115px;

 }
 
    html.ta-page-stock-homepage .grid-line.bold{
    border-left: 2px dashed #000;
    }

    html.ta-page-stock-homepage .pluss {
	color: var(--text-green);
	font-weight: 450;
	font-size:12px;
	font-variation-settings: "wght" 450;
}

html.ta-page-stock-homepage .minuss {
	color: var(--text-red);
	font-weight: 450;
	font-size:12px;
	font-variation-settings: "wght" 450;
}
    html.ta-page-stock-homepage .orderz {
 
	font-weight: 450;
	font-size:12px;
	font-variation-settings: "wght" 450;
}
#industrySelectorModal {
    inset: 0;
    height: 100vh;
    max-height: none;
    overflow: hidden;
    position: fixed;
    width: 100vw;
    z-index: 1000000;
}

#industrySelectorModal > .modal-content {
    box-sizing: border-box;
    height: 100vh;
    margin: 0;
    max-height: none;
    max-width: none;
    overflow: auto;
    padding: 18px;
    width: 100vw;
}

.industry-column-picker {
    direction: ltr;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
    min-height: calc(100vh - 165px);
}

.industry-selected-panel,
.industry-available-panel {
    border: 3px solid;
    box-sizing: border-box;
    direction: rtl;
    margin: 5px;
    min-width: 0;
    padding: 8px;
}

.industry-selected-panel {
    grid-column: 2;
    grid-row: 1;
}

.industry-available-panel {
    grid-column: 1;
    grid-row: 1;
}

#industryResultColumn {
    min-height: calc(100vh - 225px);
}

#industryColumns {
    align-content: start;
    display: grid;
    gap: 6px;
    grid-auto-rows: 30px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-height: calc(100vh - 225px);
}

#industryColumns .parentz,
#industryResultColumn .parentz {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
}

#industryColumns .parentz {
    align-items: center;
    display: flex;
    height: 30px;
    max-height: 30px;
    overflow: hidden;
}

.industry-export-actions {
    display: inline-flex;
    float: left;
    gap: 8px;
    margin: 0 8px 8px 12px;
}

.industry-export-button {
    border: 0;
    color: white;
    cursor: pointer;
    font: inherit;
}

@media (max-width: 700px) {
    #industrySelectorModal > .modal-content {
        padding: 8px;
    }

    .industry-column-picker {
        gap: 5px;
        grid-template-columns: minmax(0, 1.45fr) minmax(125px, 1fr);
        min-height: calc(100vh - 205px);
    }

    .industry-selected-panel,
    .industry-available-panel {
        margin: 2px;
        padding: 5px;
    }

    #industryColumns {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #industryColumns .parentz,
    #industryResultColumn .parentz {
        font-size: 11px;
        overflow-wrap: anywhere;
    }

    .industry-export-actions {
        float: none;
        margin: 8px 0;
        width: 100%;
    }

    .industry-export-button {
        flex: 1;
        min-width: 0;
    }
 
}