* {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

:root {
	--bg: #f9f9f9;
	--bg-sec: #dae3e5;
	--bg-third: #c9d2d4;
	--bg-hover: #b4b4ff;
	--bg-hover-btn: #6666aa;
	--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-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:		 #7F9AD2;
	--tbl-header-green:	 #7F9AD2;
	--tbl-header-royal:	 #7F9AD2;
	--tbl-header-group:	 #7F9AD2;
	--btn-bg: #B4D2F5;
	--btn-bg-sec: #f6f6f6;
	--btn-text: #000;
	--btn-border: #999999;
	--tbl-border-watch: #607d8b;
	--tbl-bg-watch: #607d8b;
	--btn-hover: #b4b4ff;
	--pivot-sup: rgb(204, 230, 255);
	--pivot-res: rgb(230, 204, 255);
	--shadow-in: rgba(0, 0, 0, 20);
	--shadow-out: rgba(0, 0, 0, 19);
	--tooltip: #cccccccc;
	--tooltip-title: #eceff1aa;
	--chart-border: #000;
	--box-border: #dfdfdf;
	--tpg-color: #efefef88;
	--text-shop: #054a85;
}

.light {
	--bg: #f9f9f9;
	--bg-sec: #dae3e5;
	--bg-third: #c9d2d4;
	--bg-hover: #b4b4ff;
	--bg-hover-btn: #6666aa;
	--bg-buy: #7F9AD2;
	--bg-sell: #AF77BF;
	--bg-notri: #ddd;
	--text-main: #333;
	--text-neg: #FFF;
	--text-negx: #444;
	--text-negz: #eee;
	--text-sec: #555;
	--text-third: #000;
	--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:		 #7F9AD2;
	--tbl-header-green:	 #7F9AD2;
	--tbl-header-royal:	 #7F9AD2;
	--tbl-header-group:	 #7F9AD2;
	--btn-bg: #B4D2F5;
	--btn-bg-sec: #f9f9f9;
	--btn-text: #000;
	--btn-border: #999999;
	--tbl-border-watch: #607d8b;
	--tbl-bg-watch: #607d8b;
	--btn-hover: #b4b4ff;
	--pivot-sup: rgb(204, 230, 255);
	--pivot-res: rgb(230, 204, 255);
	--shadow-in: rgba(0, 0, 0, 20);
	--shadow-out: rgba(0, 0, 0, 19);
	--tooltip: #cccccccc;
	--tooltip-title: #eceff1aa;
	--chart-border: #000;
	--box-border: #cacaca;
	--tpg-color: #efefef88;
	--text-shop: #054a85;
}

.dark {
	--bg: #002029; /*021825*/
	--bg-sec: #04314E;
	--bg-third: #06536f;
	--bg-hover: #142b38;
	--bg-hover-btn: #777799;
	--bg-buy: #3B627A;
	--bg-sell: #7F1260;
	--bg-notri: #555;
	--text-main: #b5aaaa;
	--text-neg: #aaa;
	--text-negx: #444;
	--text-negz: #506d7b;
	--text-sec: #B0B0B0;
	--text-third: #16263b;
	--text-popup: #b4b4bf;
	--text-gray: #444;
	--text-green: #128512;
	--text-red: #CC2A2A;
	--text-greenx: #128512;
	--text-redx: #CC2A2A;
	--tbl-bg: #102530;
	--tbl-bg-even: #00232c;
	--tbl-bg-odd: #002029;
	--tbl-bg-hover: #062F47;
	--tbl-border: #15303588;
	--tbl-border-watch: #99aec8;
	--tbl-bg-watch: #99aec8;
	--tbl-header: #2B2644;
	--tbl-header-green: #2B2644;
	--tbl-header-royal: #2B2644;
	--tbl-header-group: #2B2644;
	--text-orange: #16263b;
	--text-bg: #bbd1ea;
	--btn-bg: #114141;
	--btn-bg-sec: #062F47;
	--btn-text: #D0D0D0;
	--btn-border: #444444;
	--btn-hover: #b4b4ff;
	--pivot-sup: rgb(64, 80, 128);
	--pivot-res: #411E48;
	--shadow-in: rgba(255, 255, 255, 0.05);
	--shadow-out: rgba(255, 255, 255, 0.04);
	--tooltip: #1e1e1ee6;
	--tooltip-title: #000000b3;
	--chart-border: #FFF;
	--box-border: #555;
	--tpg-color: #3338;
	--text-shop: #558ae5;
}

.light.classic{
	--tbl-header-green: rgba(68, 188, 68, 0.6);
  	--tbl-header-group:#C8C8E6;
	--tbl-header:#B4D2F5;
	--tbl-header-royal:#B4D2F5;
	--text-neg: #333;
	--text-negx: #eee;
	--box-border: #dddddd;
}

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

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

@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;
	color: var(--text-main);
}

h2 {
	font-size: 16px;
	color: var(--text-main);
}

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

INPUT[type=checkbox]:focus {
	outline: 2px solid rgba(0, 0, 0, 0.2);
}
 

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

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

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);
	width: 100%;
	border: 1px solid var(--tbl-border);
	border-spacing: 0;
	border-collapse: separate;
	position: relative; border-collapse : separate; border-spacing : 0;
	border : 1px solid var( --tbl-border); width : 100%;
	font-size: 12px;

	/*	box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.1), 0 6px 16px 0 rgba(0, 0, 0, 0.06);*/
}

th {
	background-color: var(--tbl-header-royal);
	color: var(--text-neg);
	font-weight: 400;
	font-variation-settings: "wght" 400;
	font-size: 13px;
	text-align: center;
	height: 25px;
	top: 0;
	padding: 3px 0;

	/*	border-left: 1px solid var(--tbl-border);*/
}

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: 400;
	font-variation-settings: "wght" 400;
	font-size: 14px;
	width: 100px;
	text-align: center;
	height: 24px;
	padding: 4px  0px;
	direction: ltr;
	color: var(--text-main);
}

caption {
	color: var(--text-main);
	text-align: right;
}

select, select>option {
	font-size: 12px;
	font-family: iransansxv;
}

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

.tooltipx,.tooltipz {
  position: relative;
  
}


.tooltipx .tooltiptextx ,.tooltipz .tooltiptextz{
  visibility: hidden;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 3px;
  border-radius: 6px;
  position: absolute;
  min-width:320px;
  z-index: 1;
  bottom: 125%;
  right: 20%;
  margin-right: -310px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltipz .tooltiptextz{
	margin-right: -50px;
	
}

.tooltipx .tooltiptextx::after,.tooltipz .tooltiptextz::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 7%;
  text-align:left;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltipz .tooltiptextz::after {
	 left: 67%;
}

.tooltipx:hover .tooltiptextx ,.tooltipz:hover .tooltiptextz {
  visibility: visible;
  opacity: 1;
}

.tooltiptextx,.tooltiptextz{
font-size:13px;
}



.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 {
	color: var(--text-main);
	min-width: 70px;
}
.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));
	grid-gap:none;
}

.topnav {
	overflow: hidden;
	direction: rtl;
	display: block;
}

.topnav a {
	float: right;
	font-size: 13px;
	color: var(--text-main);
	text-align: center;
	padding: 7px 5px;
	margin: 0 5px;
	text-decoration: none;
}

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

.topnav input[type=text] {
	float: right;
	padding: 4px;
	/*	border: 1px solid var(--btn-border); */
	margin-top: 4px;
	margin-right: 4px;
	font-size: 13px;
	font-family: iransansxv;
	min-width:180px;
}

.topnav-left {
	float: left;
}

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

.button {
	background-color: var(--btn-bg);
	border: 1px solid var(--btn-border);
	box-shadow: 0 8px 16px 0 var(--shadow-in), 0 6px 20px 0
		var(--shadow-out);
	margin: 6px;
	color: var(--btn-text);
	padding: 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
}

.button2 {
	background-color: var(--btn-bg);
	border: 1px solid var(--btn-border);
	color: var(--btn-text);
	padding: 7px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
}

.button:hover {
	background-color: var(--btn-hover);
	/*	box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
	box-shadow: 0 8px 16px 0 var(--shadow-in), 0 6px 20px 0
		var(--shadow-out);
	cursor: pointer;
}

.button2:hover {
	background-color: var(--btn-hover);
	cursor: pointer;
}

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


/*##############################################################################*/

/*##############################################################################*/
/*##############################################################################*/
/*##############################################################################*/
/*##############################################################################*/
/*##############################################################################*/
.dropdown, .dropdownz {
	overflow: hidden;
	 
	float:right;
}

.dropdown .dropbtn, .dropdownz .dropbtn {
	font-size: 13px;
	font-weight: 550;
	font-variation-settings: "wght" 450;
	border: none;
	padding: 7px 5px;
	margin: 0 5px;
	outline: none;
	color: var(--text-sec);
	background-color: inherit;
	font-family: inherit;
	 
}

.navbar a:hover, .dropdown:hover .dropbtn, .dropdownz:hover .dropbtn {
	background-color: var(--bg-hover);
	 
	color: var(--main-sec);
}

.dropdown-content {
	display: none;
	position: absolute;
	float:left;
	background-color: var(--bg-sec);
	min-width: 160px;
	z-index: 2000;
}

.dropdown-content a, .dropdown-content div {
	float: none;
	color: var(--text-sec);
	padding: 10px 16px;
	text-decoration: none;
	display: block;
	text-align: right;
}

.dropdown-content a:hover, .dropdown-content div:hover {
	background-color: var(--bg-hover);
	cursor: pointer;
}

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

#searchResult {
	position: absolute;
	width: 300px;
	right: 260px;
	max-height: 600px;
	border: none;
	top: 40px;
	z-index: 2000;
}
#searchResultm {
	position: absolute;
	width: 300px;
	max-height: 600px;
	border: none;
	margin-right: 260px;
	margin-top: 40px;
	z-index: 2000;
}
#optionsSearchResult {
	position: absolute;
	width: 420px;
	right: 300px;
	max-height: 800px;
	border: none;
	top: 40px;
	z-index: 2000;
}
#optionsSearchResultz{
	position: absolute;
	border: none;
	z-index: 2000;
	width:50%;
	margin-left:25%;
	margin-right:25%;
 
	max-height: 800px;
	
}

#wlResult {
	position: absolute;
	width: 220px;
	right: 5px;
	max-height: 600px;
	z-index: 1000;
}

#searchResult a,#searchResultm, #itemResult a, #optionsSearchResult a , #optionsSearchResultz a {
	color: var(--text-main);
}
  .options-parent{
 	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	direction:rtl;
	grid-row-gap:10px;
 margin:5px 10px;
 padding:10px;
 border:1px solid var(--box-border);
 border-radius:10px;
 }

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

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

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

.cyan {
	background-color: rgba(0, 255, 255, 0.55);
}

.khaki {
	background-color: khaki;
}

.blue {
	background-color: rgba(0, 0, 255, 0.7);
}

.red {
	background-color: rgba(255, 60, 60, 0.7);
}

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

.reds {
	background-color: rgb(255, 60, 60);
}

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

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

.pink {
	background-color: pink;
}

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

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

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

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



.container {
	width: calculate(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: 13px;
	text-align: center;
	height: 20px;
	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: 600;
	font-variation-settings: "wght" 600;
	font-size: 13px;
	text-align: center;
	direction: ltr;
}

.introZ th {
	font-weight: 400;
	font-variation-settings: "wght" 350;
	font-size: 13px;
}

.introZ.com th {
	height: 20px;
	padding: 6px;
	font-weight: 600;
	font-variation-settings: "wght" 600;
	font-size: 13px;
}

.introZ.com td {
	height: 20px;
	padding: 6px;
	font-weight: 500;
	font-variation-settings: "wght" 500;
	font-size: 13px;
}

.introY td {
	font-weight: 500;
	font-variation-settings: "wght" 500;
	font-size: 14px;
	text-align: center;
	height: 25px;
	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: 14px;
}

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

	/*	border-bottom: 1px solid var(--tbl-border);*/
}
/*
.group.sticky th {
	border-bottom: 1px solid var(--tbl-border);
}
*/
.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: 10px 5px;
	margin: 5px;
}

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

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

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

.inner-link:hover, .lock:hover, .watch-list:hover {
	background-color: var(--bg-hover-btn);
	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;
}

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

.banner{
padding:10px;
margin-bottom:10px; 
background: rgba(0,145,225,0.7);
background-image: linear-gradient(to right, rgba(0,165,255,0) ,rgba(0,165,255,0.4) , rgba(0,165,255,0.6));
border-radius:12px;
}
.banner a{
 color: white;
}
.header {
	 color:white;
}







.header {
	color:#ddd;
}

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

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

.myalert {
	position: relative;
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
}

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

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

.myalert-dark {
	color: var(--main-text);
	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: 16px;
	text-align: center;
	height: 30px;
	direction: ltr;
}

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

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

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

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

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

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

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

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

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

.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: 50 px;
}

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

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

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

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

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

.introCol {
	border-bottom: 1px solid var(--btn-border);
	color: var(--text-main);
	padding: 3px 1px;
	margin: 1px;
	text-align: center;
	max-height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.introColS {
	border-bottom: 1px solid var(--btn-border);
	color: var(--text-main);
	padding: 3px 1px;
	margin: 1px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	max-height: 35px;
}

.col {
	background-color: rgb(230, 230, 230);
	color: var(--text-main);
	border: 1px solid var(--btn-border);
	border-radius: 5px;
	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, .introFund  div:hover {
	background-color: rgba(200, 200, 240, 0.5);
}

.intro  div.link:hover, .introOpt div.link:hover, .introFund  div.link:hover
	{
	background-color: rgb(50, 200, 80);
}

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

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

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.intro>div:hover>h5,
	div.introFund>div:hover>h2, div.intro>div:hover>h1 {
	color: black;
}

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

.borderless th {
	border: 0;
	/*	border-bottom:1px solid var(--tbl-border);*/
	padding: 5px 0;
	margin: 0;
}

.borderless table {
	border: 0;
}

.grid-container-pivot {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-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;
}

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

.grid-container {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-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;
}

.btn-group>.mf, .btn-group-6>.mf, .btn-group-64>.mf, .btn-group-10>.mf {
	margin: none;
	border-radius: 8px;
	font-size: 16px;
}

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

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

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

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

.pivot-btn {
	background-color: white;
	border-bottom: 1px solid var(--btn-border);
	padding: 5px 5px;
	text-align: center;
	font-size: 12px;
}
#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 5px;
	text-align: center;
	font-size: 13px;
}

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

.log-btn {
	background-color: #005ce6;
	color: white;
	border: none;
	padding: 5px 30px;
	text-align: center;
	margin-bottom: 20px;
}

.log-btn:hover {
	background-color: orange;
}

.forget {
	margin-top: 20px;
}

.forget>a {
	color: black;
}

.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;
	font-variation-settings: "wght" 900;
}

.selected {
	background-color: darkGreen;
	padding:5px;
	color: #eee;
}
.swal-overlay {
  background-color: rgba(96, 96, 96, 0.0);
}
 .swal-button{
   color: black;
   border-radius:0;
   	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(--bg-hover-btn);
	color: var(--text-neg);
}

.filterNames {
	display: inline-block;
	min-width: 60px;
}

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

.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: auto auto auto auto auto auto auto auto;
	min-width: 150px;
	grid-gap: 10px;
	padding: 5px;
	direction: rtl;
}

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

.btn-group-6 {
	display: grid;
	grid-template-columns: auto auto auto auto auto auto auto auto;
	min-width: 150px;
	grid-gap: 10px;
	padding: 15px;
	direction: rtl;
}

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

.btn-group-2 {
	display: grid;
	grid-template-columns: 48% 48%;
	min-width: 150px;
	grid-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));
	
}

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

.btn-group-4 {
	display: grid;
	grid-template-columns: auto auto auto auto;
	min-width: 150px;
	grid-gap: 10px;
	padding: 5px;
	direction: rtl;
}
.filters-parent{
	display: grid;
	grid-template-columns: auto auto auto auto;
 
	grid-gap: 5px;
	padding: 5px;
	direction: rtl;
}

.btn-group-5 {
	display: grid;
	grid-template-columns: auto auto auto auto auto;
	min-width: 150px;
	grid-gap: 10px;
	padding: 15px;
	direction: rtl;
}

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

.btn-group-64 {
	display: grid;
	grid-template-columns: auto auto auto auto auto auto;
	min-width: 150px;
	grid-gap: 10px;
	padding: 15px;
	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;
	border: none;
	border-bottom: 1px solid var(--btn-border);
	margin: 3px;
}

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

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

.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);
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
}

.watermark {
	position: relative;
}

.watermarknoise {
	position: relative;
}

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

.watermarknoise:after {
	content: 'ŲĀ§ÅŖĀÅā€  ŲĆŲĀ®Å²Ā´ ÅĀÅŖĀÅĀÅā€�  Åā€¦Å²Ā´Å²Å–ŲĀ±ÅĀ©ÅŖĀÅā€  ŲĀ³Å²Ā§ÅŖĀŲŖ Åā€¦ÅŖĀŲĆŲĀ§Å²Ā´Å²Ć†';
	position: absolute;
	opacity: 0.97;
	color: var(--text-main);
	direction: rtl;
	font-size: 13px;
	z-index: 10;
	right: 20%;
	top: 33%;
}

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

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

.modal {
	display: none;
	position: fixed;
	z-index: 1001;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.4);
}

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

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

.chart-modal-content {
	background-color: var(--bg);
	position: fixed;
	z-index: 1001;
	left: 10%;
	top: 10%;
	right: 10%;
	bottom: 10%;
	width: 80%;
	height: 80%;
}

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

.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: 10px;
	border: 1px solid var(--tbl-border);
	width: 96%;
}

.modalmf-content {
	background-color: var(--bg);
	margin: 5%;
	padding: 10px;
	border: 1px solid var(--tbl-border);
	width: 90%;
}

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

.close {
	color: red;
	float: left;
	font-size: 28px;
	font-weight: 900;
	font-variation-settings: "wght" 900;
}

.close:hover, .close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

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

.span {
	display: grid;
	grid-template-columns: repeat(9, auto);
	grid-gap: none;
	border: 1px solid gray;
	padding: 4px;
	margin: 4px;
}

.spanx {
	display: grid;
	grid-template-columns: repeat(12, auto);
	grid-gap: none;
	border: 1px solid gray;
	padding: 4px;
	margin: 4px;
}

.clicker {
	cursor: pointer;
}

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

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

.switcher-item {
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	padding: 5px;
	margin-bottom: 5px;
	font-size: 13px;
	font-family: iransansxv;
	color: var(--text-main);
	background-color: transparent;
	margin-right: 5px;
	border: none;
	border-radius: 4px;
	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: #a2a3a5;
	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 black;
}

.tab {
	overflow: hidden;
	border: vart(--tbl-border);
	background-color: var(--bg-sec);
}

.tab button {
	background-color: inherit;
	float: right;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 17px;
}

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

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

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

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

.tabcontent {
	display: none;
	padding: 6px 12px;
	border: var(--tbl-border);
	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;
 
}
#customize{
	cursor:pointer;
}


.tpa {
	text-align: right;

}

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

#options table {
	border: 1px solid gray;
}

#options td, #options th {
	text-align: right;
	border: 1px solid gray;
	padding: 5px;
}

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

.sub-btn {
	background-color: #005ce6;
	color: white;
	border: none;
	padding: 3px 20px;
	text-align: center;
}

.sub-btn:hover {
	background-color: orange;
	cursor: pointer;
}

#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: 16px;
}
 .parent{
  	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
 padding:5px;
 margin:10px;
 border:1px solid var(--box-border);
 border-radius:15px;
  justify-content: center;
  align-items: center; 
 }
 .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:10px;
 }
 .leftx , .rightx{
 
 padding:5px;
 margin:10px ;
 border:1px solid var(--box-border);
 border-radius:15px;
 }
 .rightx{
 padding: 5px 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:5px;
 
 }
    .parenty{
 margin:5px 0;
 padding:3px;
 border:1px solid var(--tbl-border);
 border-radius:5px;
 
 }

.market-gridd {
	display: grid;
		grid-template-columns: 66.6% 33.3%;
		
}
.dual-gridd{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: none;
	direction:ltr;
}
.chart-gridd,.thriple-gridd {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	direction:ltr;
	margin: auto;
}
.rectangle{
	border:1px solid gray;
	padding:10px;
	margin:10px;
	border-radius:10px;
	text-align:center;
	font-size:14px;
	min-height:70px;
}
 

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

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: 14px;
	font-family: iransansxv;
}
/*##############################################################################*/
/*##############################################################################*/
/*##############################################################################*/
/*##############################################################################*/
/*##############################################################################*/


/*##############################################################################*/
@media screen and (max-width: 1000px) {
	.button {
		margin: 0px;
	}
	.column {
		flex: 100%;
		max-width: 100%;
	}
	#searchResult, #wlResult {
		position: absolute;
		border: none;
		width: 100%;
		right: 0;
		top: 0;
		z-index: 1000;
	}
	#searchResultm{
	position: relative;
	width: 100%;
	margin-right:0;
	margin-top:0;
	display:block;
	}
	.topnav-left {
		float: none;
	}
	.fab {
		float: none;
		width: 100%;
	}
	button.dropbtn {
		width: 100%;
		float: none;
		text-align: center;
	}
	.topnav, .tonav-left {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	.topnav input[type=text]  , #searchingparent{
	
		grid-column: 1/5;
	}
	.topnav-left a {
		position: relative;
		float: none;
		display: block;
		text-align: center;
		width: 100%;
	}
	.topnav a, .topnav input[type=text] {
		float: none;
		display: block;
		text-align: center;
		width: 100%;
		margin: 0;
		padding: 15px;
	}
	.topnav a.sr {
	width: 100vw;
	}
	.topnav input[type=text] {
		border: 2px solid #ccc;
		
	}
	.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: auto auto auto auto;
		padding: 10px;
	}
	.btn-group-4 {
		grid-template-columns: auto auto;
	}
	.btn-group-5 {
		grid-template-columns: auto;
	}
	.btn-group-2 {
		grid-gap: 0px;
		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(5, minmax(0, 1fr));
	}
	.introFund {
		grid-template-columns: repeat(5, 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: 14px;
	}
	.introZ th {
		font-size: 12px;
	}
	.container {
		width: calculate(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: auto auto auto auto;
		padding: 10px;
	}
	.btn-group-10 {
		grid-template-columns: auto auto auto auto auto;
		padding: 10px;
	}
	.btn-group-6, .btn-group-64 {
		grid-template-columns: auto auto auto auto auto 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;
		margin: none;
	}
}

/*##############################################################################*/
@media screen and (max-width:1400px) {
	.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;
		outline: none;
		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;
		outline: none;
		padding: 12px 2px;
	}
	
}

/*##############################################################################*/
@media screen and (max-width: 920px) {
	.container {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
	table, td, th {
		font-size: 14px;
	}
	.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: 14px;
		 
	}
	.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: 16px;
		width: 120px;
	}
	.desktop {
		display: none
	}

	.tpa {
		text-align: right;
	}
	.market-horizontal {
		grid-template-columns: auto;
	}
	.btn-group {
		grid-template-columns: auto auto;
	}
	.btn-group-6, .btn-group-64 {
		grid-template-columns: auto auto 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: 13px;
	}
	.introA td {
		font-size: 14px;
	}

	.btn-group-x {
		grid-template-columns: repeat(2, minmax(0, 1fr)); 
	
	}

	.switcher-parent {
		grid-template-columns: auto;
	}
	.switcher-first, .switcher-second {
		grid-template-columns: auto;
	}
	 .rightx {
 	padding: 0;
 	margin:5px 0;
 	border:none;
 	border-radius:0px;
 }

}


/*##############################################################################*/

@media screen and (max-width: 620px) {
	table, td, th {
		font-size: 12px;
		font-weight: 450;
		font-variation-settings: "wght" 450;
	}
	.sticky td, .sticky th {
		font-size: 12px;
	}
	html {
		zoom: 0.9;
	}
	.btn-group-6, .btn-group-64 {
		grid-template-columns: auto 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: auto auto;
	}
}
/*##############################################################################*/
@media only screen and (max-width: 450px) {
	html {
		zoom: 0.7;
	}
	.btn-group-63 {
		grid-template-columns: repeat(2, minmax(0, 1fr));

	}
}

/*##############################################################################*/
.wrighttable{
 
	padding:10px;
	border:2px solid var(--btn-border);
	border-radius:15px;
}
.wrighttable td{
	text-align:right;
	 direction:rtl;
}