/*common css start*/
.livepricelist .sitetable .coinlisticon {
  width: 19px !important;
  height: 19px !important;
}
.stylesettingdrop .dropdown-bs-toggle img {
  width: 100%;
  margin-top: 2px !important;
}
.stylesettingdrop .dropdown-menu {
  position: fixed !important;
  top: 0px;
  right: 0px;
  width: 320px;
  height: 100%;
  margin: 0px;
  padding: 11px 0px;
  z-index: 999;
  border-radius: 0px;
  box-shadow: 0 2px 19px 0 #000000a8;
  background: #ffffff;
}

.stylesettingdrop .dropdown-menu .form-group {
  margin-bottom: 24px;
}

.stylesettingdrop .dropdown-menu .dropdown-item:hover,
.stylesettingdrop .dropdown-menu .dropdown-item:focus,
.stylesettingdrop .dropdown-menu .dropdown-item:active {
  background: none !important;
}

.stylesettingdrop .dropdown-menu p {
  color: #9d9d9d;
}

.headbg .stylesettingdrop .dropdown-menu > .dropdown-item {
  padding: 10px 0px !important;
}

.settingtabbox ul li .circleicon {
  background: #ffffff;
  border-radius: 50px;
  text-align: center;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  display: inline-block;
  line-height: 17px;
  border: 1px solid #bdbdbd;
}

.settingtabbox ul li a:hover .circleicon,
.settingtabbox ul li a.activeicon .circleicon {
  border-color: #000000;
}
.settingtabbox ul li a.activeicon .circleicon i,
.settingtabbox ul li a:hover .circleicon i {
  color: #000000;
}

.settingtabbox ul li .circleicon i {
  font-size: 9px !important;
  vertical-align: middle !important;
  margin: 0px !important;
  top: -1px !important;
  position: relative !important;
  color: #bbbbbb !important;
  float: none !important;
}

.settingtabbox ul li a:hover .circleicon, .settingtabbox ul li a.activeicon .circleicon {
  border-color: #000000;
}
.settingtabbox ul li a.activeicon .circleicon i, .settingtabbox ul li a:hover .circleicon i {
  color: #000000 !important;
}

.settingtabbox .tabbanner a,
.settingtabbox .tabbanner a.active {
  background: none !important;
  border: 0px !important;
}

.settingtabbox .tabbanner > li:first-child > a {
  padding-left: 0px !important;
}

.settingtabbox .tabbanner a.nav-link {
  padding: 3px 15px !important;
  font-size: 13px !important;
  border: 0px !important;
}

.settingtabbox .tabbanner a.nav-link.active {
  border: 0px !important;
}

.settingtabbox .tabbanner {
  border: 0px !important;
}

.historytab.settingtabbox .tabbanner {
  background: none !important;
}

.historytab.settingtabbox .tabbanner li a {
  background: none !important;
}
.stylestttingscroll .closedropicon {
  top: 0px;
}
.charticonorder {
  padding: 0px;
  margin: 0px;
  padding-top: 14px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: left;
}

.charticonorder li {
  list-style: none;
  float: left;
  padding: 11px 14px;
  text-align: center;
}

.charticonorder > li:first-child,
.charticonorder > li:nth-child(4) {
  padding-left: 0px;
}

.charticonorder > li:last-child {
  padding-right: 0px;
}

.charticonorder li {
  text-align: center;
  width: 33.3%;
  margin: 0px !important;
}

.charticonorder img,
.charticonorder svg {
  width: 70px !important;
  margin-bottom: 9px;
  height: auto;
}

.charticonorder li a {
  text-decoration: none;
  color: #7e818b;
  font-size: 13px;
  width: 100%;
  display: inline-block;
}

.charticonorder li a img,
.charticonorder li a svg {
  border: 1px solid #dcdcdc;
}
.classic.active a svg,
.advanced.active a svg,
.fullscreenbox.active a svg {
  border-color: #8a8a8a;
}
.charticonorder li a:hover img,
.charticonorder li a:hover svg {
  border-color: #fcd534;
}

.charticonorder li.active {
  cursor: not-allowed;
}

.styletable {
  display: table;
  width: 100%;
}

.styletable > div {
  display: table-cell;
  vertical-align: middle;
  float: none;
}

.styletable > div:last-child {
  text-align: right;
}

.colorstyle > span {
  width: 15px;
  height: 15px;
  display: inline-block;
}

.bg-green,
.freshstyle .green-btn {
  background: #089981;
}

.bg-red,
.freshstyle .red-btn {
  background: #f23645;
}

.bg-lightgreen,
.advancedstyle .green-btn {
  background: #74a700;
}

.bg-pink,
.advancedstyle .red-btn {
  background: #ea0070;
}

.bg-blue,
.fullscreenstyle .green-btn {
  background: #1f8df9;
}

.bg-orange,
.fullscreenstyle .red-btn {
  background: #dd7a2b;
}

.styletable .form-check-input 
{
  background-color: #e9e9e9;
  cursor: pointer;
}

.styletable .form-check-label 
{
  cursor: pointer;
}

.styletable .form-check-input:checked 
{
  background-image: url(../images/circleicon.svg) !important;
  background-color: #fff !important;
  border-color: #000000;
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
}

.orderfield {
  display: flex;
  width: 100%;
  padding-top: 10px;
}

.orderfield > div {
  width: 100%;
}

.orderfield > div:last-child {
  text-align: right;
  float: right;
  justify-content: flex-end;
  display: flex;
}

.orderfield .form-check-input:checked {
  background-color: #70D4FB;
  border-color: #70D4FB;
}

.orderfield .form-check-input {
  background-color: #ffffff;
}

.stylestttingscroll {
  height: 98%;
}

.advanceorderhide {
  display: none;
}
.stylesettingdrop .alinkt {
  text-decoration: none;
  cursor: pointer;
}

.advancedpage .tradehistory .sitescroll {
	max-height: 383px;
}
/*common css end*/
/*color preference start*/
.colorupdown svg,
.colordownup svg {
  width: 22px;
  height: auto;
}
/*color preference end*/
/*color change style start*/
.freshstyle .t-red,
.freshstyle.downuptheme .t-green {
  color: #f23645 !important;
}

.freshstyle .t-green,
.freshstyle.downuptheme .t-red {
  color: #089981 !important;
}

.traditionalstyle .t-red,
.traditionalstyle.downuptheme .t-green {
  color: #ea0070 !important;
}

.traditionalstyle .t-green,
.traditionalstyle.downuptheme .t-red {
  color: #74a700 !important;
}

.visionstyle .t-red,
.visionstyle.downuptheme .t-green {
  color: #dd7a2b !important;
}

.visionstyle .t-green,
.visionstyle.downuptheme .t-red {
  color: #1f8df9 !important;
}

.freshstyle .fill-red,
.freshstyle.downuptheme .fill-green {
  fill: #f23645;
}

.freshstyle .fill-green,
.freshstyle.downuptheme .fill-red {
  fill: #089981;
}

.traditionalstyle .fill-red,
.traditionalstyle.downuptheme .fill-green {
  fill: #ea0070;
}

.traditionalstyle .fill-green,
.traditionalstyle.downuptheme .fill-red {
  fill: #74a700;
}

.visionstyle .fill-red,
.visionstyle.downuptheme .fill-green {
  fill: #dd7a2b;
}

.visionstyle .fill-green,
.visionstyle.downuptheme .fill-red {
  fill: #1f8df9;
}
.freshstyle .green-btn,
.freshstyle.downuptheme .red-btn,
.freshstyle .orderformbox .buyselltab li:first-child a.active,
.freshstyle.downuptheme .orderformbox .buyselltab li:last-child a.active,
.freshstyle.downuptheme .buyselltopbox li:last-child a {
  background-color: #089981;
  border-color: #089981;
}
.freshstyle .red-btn,
.freshstyle.downuptheme .green-btn,
.freshstyle .orderformbox .buyselltab li:last-child a.active,
.freshstyle.downuptheme .orderformbox .buyselltab li:first-child a.active,
.freshstyle.downuptheme .buyselltopbox li:first-child a {
  background-color: #f23645;
  border-color: #f23645;
}
.traditionalstyle .green-btn,
.traditionalstyle.downuptheme .red-btn,
.traditionalstyle .orderformbox .buyselltab li:first-child a.active,
.traditionalstyle.downuptheme .orderformbox .buyselltab li:last-child a.active,
.traditionalstyle .buyselltopbox li:first-child a,
.traditionalstyle.downuptheme .buyselltopbox li:last-child a {
  background-color: #74a700;
  border-color: #74a700;
}
.traditionalstyle .red-btn,
.traditionalstyle.downuptheme .green-btn,
.traditionalstyle .orderformbox .buyselltab li:last-child a.active,
.traditionalstyle.downuptheme .orderformbox .buyselltab li:first-child a.active,
.traditionalstyle .buyselltopbox li:last-child a,
.traditionalstyle.downuptheme .buyselltopbox li:first-child a {
  background-color: #ea0070;
  border-color: #ea0070;
}
.visionstyle .green-btn,
.visionstyle.downuptheme .red-btn,
.visionstyle .orderformbox .buyselltab li:first-child a.active,
.visionstyle.downuptheme .orderformbox .buyselltab li:last-child a.active,
.visionstyle .buyselltopbox li:first-child a,
.visionstyle.downuptheme .buyselltopbox li:last-child a {
  background-color: #1f8df9 !important;
  border-color: #1f8df9;
}
.visionstyle .red-btn,
.visionstyle.downuptheme .green-btn,
.visionstyle .orderformbox .buyselltab li:last-child a.active,
.visionstyle.downuptheme .orderformbox .buyselltab li:first-child a.active,
.visionstyle .buyselltopbox li:last-child a,
.visionstyle.downuptheme .buyselltopbox li:first-child a {
  background-color: #dd7a2b !important;
  border-color: #dd7a2b;
}
/*color change style end*/



/*classic css start*/
.marketnewbox tbody tr td
{
    padding:6px 6px;
}
.marketnewbox
{
    display: block;
}

.classicpage .buyorderform, .classicpage .sellorderform
{
    xdisplay: inline-block;
}
.classicpage .orderformbg
{
    xdisplay: none;
}
.classicpage .orderformbg1 > div:first-child {
    xborder-right: 1px solid #e3e3e3;
}
.classicpage .orderformbox .form-group
{
    xmargin-bottom: 12px;
    xdisplay: flex;
    xalign-items: center;
}
.classicpage .orderformbox .form-group label
{
  xmin-width: 100px;
}
.classicpage .balancewlt
{
  xpadding-bottom: 8px;
}
.classicpage .ruleslist
{
    xtop: 12px;
}
.classicpage .orderformbg1
{
    xmin-height: 283px;
}
.classicpage .orderformbox .btn
{
    xmargin-top: 9px;
}
.classicpage .suborderbook .tabbanner
{
    border-bottom: 1px solid #ededed;
}
.classicpage .orderchangebg
{
  /* position: absolute;
  right: 0px;
  top: 5px;
  justify-content: end;
  width: auto; */
}

/*class css end*/


/*advanced css start*/
.advancedpage .marketnewbox
{
    display: none;
}

.advancedpage .livepricebox table tr th {
  text-align: left !important;
}
.advancedpage .livepricebox table tr th.text-right {
  text-align: end !important;
}
.advancedpage .grid-box 
{
  grid-template-areas:
    "recentliveprice recentliveprice recentliveprice"
    "livepricelist livepricelist livepricelist"
    "chart orderbook orderform"
    "chart orderbook tradehistory"
    "openorder openorder tradehistory";
  grid-template-columns: 1fr 340px 340px;
  grid-template-columns: 1fr 400px 370px;
  grid-auto-flow: dense;
  grid-auto-flow: column;
  xheight: calc(100vh - 0px) !important;
  xgrid-auto-rows: 100px;
  xgrid-template-rows: repeat(4, 1fr);
  xgrid-template-columns: repeat(4, 1fr);
}

.advancedpage .orderformbg1>div:first-child {
  border-right: 0px;
}

.advancedpage .grid-box > div {
  xgrid-area: inherit;
}

.advancedpage .advanceorderhide {
  display: block;
}

.advancedpage .markettablebox {
  display: none;
}

.advancedpage .grid-box > div {
  border-radius: 0px;
}

.advancedpage .sitecontainer {
  padding: 0px;
}

.advancedpage .livepricelist {
  xheight: 60px;
}

.advancedpage .sellboxorder .sellboxtablebg {
  max-height: 200px;
}

.advancedpage .sellboxorder .sitescroll {
  height: 200px;
}

.advancedpage .buyboxorder .sitescroll {
  max-height: 200px;
}

.advancedpage .buyboxorder {
  min-height: 200px;
}

.advancedpage .buyshow .buyboxorder .sitescroll {
  max-height: 401px;
}

.advancedpage .sellshow .sellboxorder .sitescroll {
  height: 415px;
}

.advancedpage .sellshow .sellboxorder .sellboxtablebg {
  max-height: 415px;
}
.advancedpage .stoplossformbox .sellorderform
{
	width: 100%;
}
.advancedpage .chart .tab-content,
.advancedpage .tradechartlist.active,
.advancedpage .tradechartlist > div,
.advancedpage .tradechartlist > div > div {
  min-height: 400px;
}

.advancedpage .marketchart > div {
  min-height: 400px;
}

.advancedpage .suborderbook .tabrightbox {
  position: relative;
  top: inherit;
  right: inherit;
  padding-bottom: 2px;
  border-bottom: 1px solid #232323;
}

.advancedpage .orderformbox .buyselltabbg {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  padding: 5px 11px;
}

.advancedpage .buyorderformactive1 .buyorderform {
  display: block;
}

.advancedpage .sellorderformactive1 .sellorderform {
  display: block;
}

.advancedpage .sellorderformactive1 .buyorderform {
  display: none;
}

.advancedpage .buyorderformactive1 .sellorderform,
.advancedpage .sellorderform {
  display: none;
}

.advancedpage .orderformbox .limitabbg li a.active {
  background: none !important;
}

.advancedpage .tradesuborderbox .sitescroll {
  max-height: 264px;
}

.advancedpage .openorder .sitescroll,
.advancedpage .orderhistory .sitescroll {
  max-height: 270px;
}

.advancedpage .footerbox {
  display: none;
}

.advancedpage {
  padding: 0px;
}
.advancedpage .rulesnotes {
  /* right: inherit; */
  /* left: 0px; */
  text-align: left;
}
[draggable] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.gridboxdrag.over {
  border: 3px dotted #f15050 !important;
  cursor: move !important;
  position: relative;
}

.closegridbox {
  cursor: pointer;
  position: absolute;
  top: 4px;
  right: 4px;
  width: 22px;
  height: 22px;
  text-align: center;
  display: none;
  color: #000;
  background: #d8d8d8d1;
  border-radius: 50px;
  font-size: 10px;
  padding-top: 4px;
  z-index: 9;
}

.advancedpage .grid-box > div:hover .closegridbox {
  display: block;
}

.hidegridbox {
  display: none;
}

.orderbook.hidegridbox {
  grid-area: inherit;
}

.advancedpage .viewbtn {
  padding: 4px 8px;
  font-size: 11px;
}

.advancedpage .ruleslist {
  top: 60px;
  /* position: relative; */
  right: 15px;
  justify-content: center;
  text-align: center;
}

.advancedpage .orderformbox #margin .tabrightbox {
  position: relative;
  right: inherit;
  top: 0px;
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 14px;
}

.advancedpage .ruleslist li {
  float: none;
}

.advancedpage .limitabbg {
  margin-top: 3px;
}
.advancedpage .openhidegridbox #openorder,
.advancedpage .orderhidegridbox #orderhistory,
.advancedpage .tradehidegridbox #tradehistory {
  display: none;
}
.advancedpage .openhidegridbox .tabbanner > li:first-child,
.advancedpage .orderhidegridbox .tabbanner > li:nth-child(2),
.advancedpage .tradehidegridbox .tabbanner > li:last-child {
  display: none;
}
.advancedpage .stoptransferbox {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
}
.advancedpage .openorder .tab-content,
.advancedpage .openorder .tradechartlist.active,
.advancedpage .openorder .tradechartlist > div,
.advancedpage .openorder .tradechartlist > div > div {
  height: 100%;
  min-height: inherit;
}
.advancedpage .tradehistory .tab-content,
.advancedpage .tradehistory .tradechartlist.active,
.advancedpage .tradehistory .tradechartlist > div,
.advancedpage .tradehistory .tradechartlist > div > div {
  height: 100%;
  min-height: inherit;
}
.advancedpage .orderbook .tab-content,
.advancedpage .orderbook .tradechartlist.active,
.advancedpage .orderbook .tradechartlist > div,
.advancedpage .orderbook .tradechartlist > div > div {
  height: 100%;
  min-height: inherit;
}
.advancedpage .orderform .tab-content,
.advancedpage .orderform .tradechartlist.active,
.advancedpage .orderform .tradechartlist > div,
.advancedpage .orderform .tradechartlist > div > div {
  height: 100%;
  min-height: inherit;
}
.advancedpage .chart .tradesuborderbox .sitescroll,
.advancedpage .orderbook .tradesuborderbox .sitescroll {
  max-height: 523px;
}
.advancedpage .orderform .tradesuborderbox .sitescroll {
  max-height: 565px;
}
.advancedpage .tradesuborderbox .heading-box {
  display: block;
}
.advancedpage .opensuborderbox .heading-box {
  display: none;
}
.advancedpage .orderbook .innerpagetab .tabbanner li a,
.advancedpage .orderform .innerpagetab .tabbanner li a,
.advancedpage .tradehistory .innerpagetab .tabbanner li a {
  font-size: 13px;
}
.advancedpage .openorder .suborderbook .heading-box {
  display: block;
}
.advancedpage .suborderbook .sitescroll {
  min-height: inherit;
}

.advancedpage .orderchangebg {
}

.advancedpage .orderformbox .heading-box {
  display: block;
}

@media (max-width: 1450px) {
  .advancedpage .grid-box {
    grid-template-columns: 1fr 370px 350px;
  }
}
@media (max-width: 1400px) {
  .advancedpage .grid-box {
    grid-template-columns: 1fr 280px 320px;
  }
  .advancedpage .livepricenavbg li {
    padding: 0px 15px;
  }
}
@media (max-width: 1350px) {
  .advancedpage .livepricemobile {
    padding: 4px 0px;
  }
  .advancedpage .livepricenavbg li {
    padding: 0px 10px;
  }
  .advancedpage .livepricenavbg > li:first-child a {
    font-size: 12px;
  }
}

@media (max-width:1250px)
{
  .advancedpage .walletassets .d-flex
  {
    position: relative;
    top: inherit;
    right: 0px;
  }
  .advancedpage .grid-box {
    grid-template-columns: 1fr 300px 300px;
  }

  .advancedpage .orderformbox .limitabbg li a {padding: 6px 3px;}
}

@media (max-width: 1200px) {
  .advancedpage .stoptransferbox {
    top: 40px;
  }
  .advancedpage .limitabbg {
    justify-content: left;
  }
  .advancedpage .grid-box {
    grid-template-areas:
    "recentliveprice recentliveprice"
    "livepricelist livepricelist"
    "chart orderform"
    "tradehistory orderbook"
    "openorder openorder";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: inherit !important;
    height: auto !important;
  }

  .advancedpage .livepricemobile li a,
  .advancedpage .livepricet span {
    font-size: 11px;
  }
  .advancedpage .livepricemobile .coinlisticon {
    width: 31px;
    height: 31px;
  }
  .advancedpage .tradesuborderbox .sitescroll {
    max-height: 478px;
  }
  .advancedpage .buyshow .buyboxorder,
  .advancedpage .buyboxorder {
    min-height: 179px;
  }
  .advancedpage .buyboxorder .sitescroll {
    max-height: 200px;
  }

  .advancedpage .buyshow .buyboxorder .sitescroll {
    max-height: 373px;
  }

  .advancedpage .sellboxorder .sitescroll {
    height: 166px;
  }

  .advancedpage .sellshow .sellboxorder .sitescroll {
    height: 343px;
  }

  .advancedpage .sellboxorder .sellboxtablebg {
    max-height: 200px;
  }

  .advancedpage .sellshow .sellboxorder .sellboxtablebg {
    max-height: 390px;
  }
}
@media (max-width: 1080px) {
}
@media (max-width: 991px) {
  .advancedpage .stoptransferbox {
    top: 0px;
  }
  .advancedpage .grid-box {
    grid-template-areas:
      "headerorder headerorder"
      "livepricelist livepricelist"
      "chart orderform"
      "tradehistory orderbook"
      "openorder openorder";
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .advancedpage .grid-box {
    grid-template-areas:
      "headerorder headerorder"
      "livepricelist livepricelist"
      "marketlistsidemenu marketlistsidemenu"
      "marketlist marketlist"
      "mobilegrid mobilegrid"
      "chart chart"
      "orderbook orderbook"
      "orderform orderform"
      "tradehistory tradehistory"
      "walletbalance walletbalance"
      "openorder openorder";
    grid-template-columns: 1fr 1fr;
  }
  .advancedpage .livepricelist {
    height: auto;
  }
  .advancedpage .grid-box > div:hover .closegridbox {
    display: none;
  }
}
/*advanced css end*/

/*full screen css start*/
.fullscreenpage .marketnewbox,
.fullscreenpage .livepricelist,
.fullscreenpage .walletassets
{
    display: none;
}
.fullscreenpage .grid-box {
  grid-template-areas:
    "chart chart orderbook orderform"
    "chart chart orderbook orderform"
    "chart chart orderbook orderform"
    "chart chart orderbook orderform"
    "openorder openorder openorder tradehistory";
  grid-template-columns: 1fr 280px 340px 350px;
  xgrid-gap: 0px;
  xmargin: 0px 0px;
  xborder-radius: 0px;
  grid-template-rows: auto auto 1fr 81px 258px !important;
  height: calc(90vh - 0px) !important;
}
.fullscreenpage .orderfrmtab li {
  width: auto;
}
.fullscreenpage .sellorderform 
{
  display: none;
}
.fullscreenpage .stoplossformbox .sellorderform
{
	width: 100%;
}

.fullscreenpage .orderform .buyselltabbg 
{
  display: block;
}
.fullscreenpage .openorder .sitescroll,
.fullscreenpage .orderhistory .sitescroll {
  max-height: 252px;
  height: 100%;
}

.fullscreenpage .markettablebox {
  display: none;
}

.fullscreenpage .table {
  margin-bottom: 0px;
}

.fullscreenpage .grid-box > div {
  border-radius: 0px;
}

.fullscreenpage .sitecontainer {
  padding: 0px;
}

.fullscreenpage .gridparentbox {
  padding-bottom: 0px;
}
.fullscreenpage .orderchangebg {
  padding-bottom: 4px;
}
.fullscreenpage .orderformbg1 label {
  xdisplay: none;
}
/* 
.fullscreenpage .sellboxorder .sellboxtablebg {
    max-height: 218px;
}

.fullscreenpage .sellboxorder .sitescroll {
    height: 218px;
}

.fullscreenpage .buyboxorder .sitescroll {
    max-height: 314px;
}

.fullscreenpage .buyboxorder {
    min-height: 300px;
} */

.fullscreenpage .chart .tab-content,
.fullscreenpage .tradechartlist.active,
.fullscreenpage .tradechartlist > div,
.fullscreenpage .tradechartlist > div > div {
  min-height: 200px;
}

/* .fullscreenpage .tradehistory .sitescroll {
  max-height: 100%;
} */

.fullscreenpage .footerbox {
  display: none;
}

.fullscreenpage {
  padding: 0px;
}
.fullscreenpage .orderform .heading-box {
  padding: 9px 10px;
  font-size: 13px;
}
.fullscreenpage .orderformbox .form-control,
.fullscreenpage .orderformbox .input-group-text {
  height: 29px !important;
  font-size: 12px !important;
}
.fullscreenpage .orderformbg1 .input-group-append .input-group-text {
  font-size: 10px;
}
.fullscreenpage .orderformbox .form-group {
  margin-bottom: 3px;
  display: inline-block;
  width: 100%;
}
.fullscreenpage .orderformbg1>div:first-child
{
  border:0px;
}
.fullscreenpage .orderformbg1 label
{
  min-width:inherit;
}

.fullscreenpage .stoplimtboxt .link-div > div {
  font-size: 10px;
  line-height: 17px;
  padding: 1px 15px;
}

.fullscreenpage .fee-formbox {
  margin: 0px !important;
}

.fullscreenpage .heading-box,
.fullscreenpage .openorder .heading-box {
  xdisplay: none;
}

.fullscreenpage .orderformbox .heading-box {
  display: block;
}

.fullscreenpage .suborderbook .tabrightbox {
  xposition: relative;
  xtop: inherit;
  xright: inherit;
}

.fullscreenpage .suborderbook {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  height: 100%;
}
.fullscreenpage .orderbookscroll {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  height: 100%;
}
.fullscreenpage .sellboxorder {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
}
.fullscreenpage .livepricebox {
  display: flex;
  height: 42px;
}
.fullscreenpage .buyboxorder {
  display: flex;
  flex: 1 1 0%;
  min-height: 100px !important;
  flex-direction: column;
}
.fullscreenpage .buyboxorder .sitescroll {
  max-height: 100%;
}
.fullscreenpage .sellboxorder .sitescroll {
  max-height: 100%;
  height: 100% !important;
  xposition: inherit;
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
}
.fullscreenpage .sellboxtablebg {
  max-height: 100% !important;
  display: flex;
  flex: 1 1 0%;
  height: 100%;
  flex-direction: column-reverse;
  overflow: hidden;
  overflow-y: auto;
}

.fullscreenpage .sellboxtablebg::-webkit-scrollbar-thumb {
  background: #0a0a0a24;
  border-radius: 50px;
  visibility: hidden;
}

.fullscreenpage .sellboxtablebg::-webkit-scrollbar-track {
  background: #fff;
}

.fullscreenpage .sellboxtablebg::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.fullscreenpage .sellboxtablebg:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
.fullscreenpage .orderbooktablethead {
  display: flex;
  height: 28px;
  flex-direction: column;
}
/* .fullscreenpage .orderbooksubheading {
  position: absolute;
  right: 0px;
  top: 7px;
} */
.fullscreenpage .orderformbg .buyselltabbg
{
 /* max-width: 147px; */
 /* margin:0px; */
 /* padding:0px; */
 /* position: relative !important; */
}
.fullscreenpage .orderformbox .limitabbg li a
{
  padding: 1px 11px;
  font-size: 12px;
}
.fullscreenpage .orderformbg1
{
  padding-top: 7px;
}
.fullscreenpage .balancewlt
{/* position: absolute; *//* right: 0px; *//* top: -45px; */padding-bottom: 7px !important;}
.fullscreenpage .orderbook {
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
  /* height: 100%; */
}
.tradepage.fullscreenpagebox .nodata img {
  max-width: 47px;
}
.fullscreenpage .orderformbg1 .siteformbg > div:last-child {
  padding-top: 0;
}
.fullscreenpage .orderformbox .balancewlt {
  padding: 3px 10px;
}
.fullscreenpage .orderformbox .siteformbg {
  padding: 0px 10px;
}
.fullscreenpage #stoplimit .balancewlt {
  padding: 0px 9px;
}
.fullscreenpage #stoplimit .btn,
.fullscreenpage #stoploss .btn {
  margin: 0;
}
.fullscreenpage .orderformbox .ruleslist {
  top: 32px;
}
.fullscreenpage .orderbook #orderbook.active, .fullscreenpage .orderbook .tab-content
{
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1 1 0%;
}
.fullscreenpage .orderbook .historytab
{
    display: flex;
    height: 37px;
    flex-direction: column;
}
.fullscreenpage .orderformbox .buyselltab li a
{
  padding: 0px 10px;
  font-size: 12px;
}
.fullscreenpage .orderformbox .btn
{
  margin-top: 10px;
}

@media (max-height:710px)
{
  .fullscreenpage .walletassets .d-flex
  {
    position:absolute;
    right:0px;
    top:0px;
  }
  .fullscreenpage .walletassets .btn {
    margin-top: 9px;
    padding: 2px 13px !important;
    font-size: 12px !important;
  }
  body.fullscreenpage .grid-box
  {
    grid-template-rows: auto auto 1fr 56px 138px !important;
  }
}
@media (max-height:550px)
{
  body.fullscreenpage .grid-box
  {
    grid-template-rows:inherit !important;
    height: auto !important;
  }
}
@media (max-width: 1500px) {
  .fullscreenpage .grid-box {
    grid-template-columns: 1fr 260px 300px 300px;
  }
  .fullscreenpage .livepricenavbg > li {
    padding: 0px 5px;
  }
  .fullscreenpage .orderchangebg li img, .orderchangebg li svg
  {
    max-width: 12px;
  }
  .fullscreenpage .orderchangebg li a
  {
    padding: 2px 4px;
  }
  .fullscreenpage .orderbooksubheading {
    top: 10px;
   }
}

@media (max-width: 1300px) {
  .fullscreenpage .grid-box {
    grid-template-columns: 1fr 250px 280px 280px;
  }
  .fullscreenpage .livepricet .cointxt
  {
    font-size: 12px;
  }
  .fullscreenpage .historytab .tabbanner li {
    padding: 0px 2px;
   }
   .fullscreenpage .walletassets .btn {
    width: auto;
    padding: 5px 10px !important;
    font-size: 11px !important;
   }

   .fullscreenpage .orderformbox .limitabbg li a {
    padding: 1px 6px;
   }
}

@media (max-width:1250px)
{
  .fullscreenpage .walletassets .d-flex
  {
    position: relative;
    top: inherit;
    right: 0px;
  }

  .fullscreenpage .grid-box 
  {
    grid-template-areas:
    "chart chart orderbook orderform"
"chart chart orderbook orderform"
"chart chart orderbook orderform"
"chart chart orderbook orderform"
"openorder openorder openorder tradehistory";
    grid-template-rows: auto !important;
  }
}

@media (max-width: 1230px) {
  .fullscreenpage .grid-box {
    grid-template-columns: 1fr 248px 280px 280px;
  }
}

@media (max-width:1150px)
{
  .fullscreenpage .walletassets .btn
  {
    padding: 5px 13px !important;
    font-size: 13px !important;
  }
}

@media screen and (max-height: 850px) {
  .fullscreenpage .grid-box {
    grid-template-rows: auto auto 1fr 138px 217px !important;
  }

  .fullscreenpage .openorder .sitescroll,
  .fullscreenpage .orderhistory .sitescroll {
    max-height: 180px;
  }
}
@media screen and (max-height: 710px) {
  .fullscreenpage .grid-box {
    grid-template-rows: auto auto 1fr 116px 140px !important;
  }
}
@media screen and (max-height: 670px) 
{
  .fullscreenpage .orderformbox .siteformbg {
    padding: 10px;
  }
  .fullscreenpage .orderform .heading-box {
    padding: 8px 9px;
  }
  .fullscreenpage .orderformbox .form-control,
  .fullscreenpage .orderformbox .input-group-text {
    height: 27px !important;
    font-size: 11px !important;
  }
  .fullscreenpage .grid-box {
    grid-template-rows: auto auto 1fr 79px 217px !important;
  }
  .fullscreenpage .orderformbox .btn {
    font-size: 14px;
  }
  .fullscreenpage .fee-formbox .feeamt {
    font-size: 11px;
  }
}
@media screen and (max-height: 640px) 
{
  .fullscreenpage .tradecontentbox .heading-box {
  }
  .fullscreenpage .orderformbox .btn {
    font-size: 12px;
    padding: 6px 10px;
  }
  .fullscreenpage .orderformbox .limitabbg li a {
    padding: 3px 9px;
    font-size: 12px;
  }
  .fullscreenpage .ruleslist {
    top: -2px;
  }
  .fullscreenpage .grid-box {
    grid-template-rows: auto auto 1fr 56px 217px !important;
  }
  .fullscreenpage .orderformbox .form-group {
    margin-bottom: 5px;
  }
}

@media screen and (max-height: 600px) {
  .fullscreenpage .tradehistory .sitescroll {
    max-height: 212px;
  }
  .fullscreenpage .buyshow .buyboxorder,
  .fullscreenpage .buyboxorder {
    xmin-height: 183px !important;
  }

  .fullscreenpage .buyboxorder .sitescroll {
    max-height: 210px;
  }

  .fullscreenpage .buyshow .buyboxorder .sitescroll {
    max-height: 224px;
  }

  .fullscreenpage .sellboxorder .sitescroll {
    height: 178px;
  }

  .fullscreenpage .sellshow .sellboxorder .sitescroll {
    height: 356px;
  }

  .fullscreenpage .sellboxorder .sellboxtablebg {
    max-height: 199px;
  }

  .fullscreenpage .sellshow .sellboxorder .sellboxtablebg {
    max-height: 356px;
  }
  .fullscreenpage .orderformbg1 {
    min-height: 300px;
  }
  .fullscreenpage .grid-box {
    height: auto !important;
    grid-template-rows: inherit !important;
  }
}

@media (max-width: 1100px) {
  .fullscreenpage .grid-box {
    grid-template-columns: 1fr 230px 280px 280px;
  }
}

@media (max-width: 1150px) {
  .fullscreenpage .grid-box {
    grid-template-areas:
      "chart chart"
      "orderform orderbook"
      "tradehistory orderbook"
      "openorder openorder";
    grid-template-columns: 1fr 380px;
    grid-template-rows: inherit !important;
    height: auto !important;
  }

  .fullscreenpage .orderformbg1 {
    min-height: inherit;
  }

  .fullscreenpage .chart .tab-content,
  .fullscreenpage .tradechartlist.active,
  .fullscreenpage .tradechartlist > div,
  .fullscreenpage .tradechartlist > div > div {
    min-height: 350px;
  }

  .fullscreenpage .tradehistory .sitescroll {
    max-height: 453px;
  }
  .fullscreenpage .buyshow .buyboxorder,
  .fullscreenpage .buyboxorder {
    min-height: 183px !important;
  }

  .fullscreenpage .buyboxorder .sitescroll {
    max-height: 100%;
  }

  .fullscreenpage .buyshow .buyboxorder .sitescroll {
    max-height: 787px;
  }

  .fullscreenpage .sellboxorder .sitescroll {
    height: 178px;
  }

  .fullscreenpage .sellshow .sellboxorder .sitescroll {
    height: 356px;
  }

  .fullscreenpage .sellboxorder .sellboxtablebg {
    max-height: 199px;
  }

  .fullscreenpage .sellshow .sellboxorder .sellboxtablebg {
    xmax-height: 356px;
    max-height: 100%;
  }

  .fullscreenpage .heading-box,
  .fullscreenpage .headermenu,
  .fullscreenpage .headerorder {
    xdisplay: block;
  }

  .fullscreenpage .suborderbook .tabrightbox {
    top: 2px;
    right: 7px;
    margin-top: 4px;
    position: absolute;
  }
  .fullscreenpage .livepricelist {
    position: relative;
    top: inherit;
    left: inherit !important;
    z-index: 9;
  }
}

@media (max-width:1080px)
{
  .fullscreenpage .livepricemobile li a, .fullscreenpage .livepricet span {
    font-size: 11px;
  }
}

@media (max-width: 991px) {
  .fullscreenpage .livepricelist {
    left: 148px;
  }
  .fullscreenpage .grid-box {
    grid-template-areas:
      "headerorder headerorder"
      "marketlistsidemenu marketlistsidemenu"
      "livepricelist livepricelist"
      "mobilegrid mobilegrid"
      "chart chart"
      "orderform orderform"
      "tradehistory orderbook"
      "openorder openorder";
  }
}

@media (max-width: 767px) {
  .marketlistsidemenu {
    grid-area: marketlistsidemenu;
  }

  .fullscreenpage .grid-box {
    grid-template-areas:
      "headerorder headerorder"
      "livepricelist livepricelist"
      "marketlistsidemenu marketlistsidemenu"
      "mobilegrid mobilegrid"
      "chart chart"
      "orderform orderform"
      "orderbook orderbook"
      "tradehistory tradehistory"
      "openorder openorder";
  }

  .fullscreenpage .livepricelist {
    position: relative;
    left: inherit;
    top: inherit;
  }

  .fullscreenpage .grid-box > div {
    border: 0px;
  }

  .fullscreenpage .marketlist.active {
    display: block;
  }
  .fullscreenpage .heading-box,
  .fullscreenpage .openorder .heading-box {
    display: block;
  }
}

/*full screen css end*/

/*chart page css start*/

.chartnewpage .topbannerbg, .chartnewpage .leftsidemenu
{
  display: none;
}

.chartnewpage .sitecontainer {
  padding: 0px;
}

.chartnewpage .footerbox {
  display: none;
}

.chartfullpage {
  padding: 0px !important;
  xbackground: #fff;
}

.charttitlebox,
.charttitlebox > div,
.charttitlebox > div > div {
  display: flex;
  flex: 1;
  flex-direction: column;
  -webkit-flex: 1;
  min-height: auto;
  height: auto;
}

.chartnewpage .gridparentbox {
  padding: 0px !important;
}

.chartnewpage .headbg {
  position: relative;
}

.chartnewpage .flexbox > div {
  margin: 0px !important;
}

.chartnewpage .flexbox .livepricelist {
  grid-area: inherit;
}

.chartheader {
  grid-area: chartheader;
}

.chartpricefirst {
  grid-area: chartpricefirst;
}

.chartpricesecond {
  grid-area: chartpricesecond;
}

.chartpricethree {
  grid-area: chartpricethree;
}

.chartpricefour {
  grid-area: chartpricefour;
}

.chartpricefive {
  grid-area: chartpricefive;
}

.chartpricesix {
  grid-area: chartpricesix;
}

.chartboxfirst {
  grid-area: chartboxfirst;
}

.chartboxsecond {
  grid-area: chartboxsecond;
}

.chartboxthree {
  grid-area: chartboxthree;
}

.chartboxfour {
  grid-area: chartboxfour;
}

.chartboxfive {
  grid-area: chartboxfive;
}

.chartboxsix {
  grid-area: chartboxsix;
}

.gridtwochart {
  display: -ms-grid;
  display: grid;
  grid-template-areas:
    "chartheader chartheader"
    "chartpricefirst chartpricesecond"
    "chartboxfirst chartboxsecond";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto 1fr;
  height: calc(100vh - 0px) !important;
  overflow: hidden;
  grid-gap: 1px;
}

.gridthreechart {
  display: -ms-grid;
  display: grid;
  grid-template-areas:
    "chartheader chartheader"
    "chartpricefirst chartpricefirst"
    "chartboxfirst chartboxfirst"
    "chartpricesecond chartpricethree"
    "chartboxsecond chartboxthree";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto 1fr auto 1fr;
  height: calc(100vh - 0px) !important;
  overflow: hidden;
  grid-gap: 3px;
}

.gridfourchart {
  display: -ms-grid;
  display: grid;
  grid-template-areas:
    "chartheader chartheader"
    "chartpricefirst chartpricesecond"
    "chartboxfirst chartboxsecond"
    "chartpricethree chartpricefour"
    "chartboxthree chartboxfour";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto 1fr auto 1fr;
  height: calc(100vh - 0px) !important;
  overflow: hidden;
  grid-gap: 3px;
}

.gridsixchart {
  display: -ms-grid;
  display: grid;
  grid-template-areas:
    "chartheader chartheader chartheader"
    "chartpricefirst chartpricesecond chartpricethree"
    "chartboxfirst chartboxsecond chartboxthree"
    "chartpricefour chartpricefive chartpricesix"
    "chartboxfour chartboxfive chartboxsix";
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto auto 1fr auto 1fr;
  height: calc(100vh - 0px) !important;
  overflow: hidden;
  grid-gap: 3px;
}

.chartnewpage .livepricet span
{
 font-size: 10px;
}
.chartnewpage .livepricet .cointxt
{
  font-size: 13px;
}
.chartnewpage .livepricet span.lt-price {
  font-size: 14px;
}
.chartnewpage .livepricenavbg > li {
  padding: 0px 7px;
}
.chartfullpage .headbg {
padding-left: 8px;
}

.chartfullpage .headbg a.navbar-brand {
display: block;
}

.chartfullpage .livepricenavbg>li {
background: unset;
border: unset;
margin: unset;
border-radius: 0px;
}
  
.chartfullpage .livepricelist {
background: #fff !important;
}

@media (max-height: 700px) {
  .gridtwochart,
  .gridthreechart,
  .gridfourchart,
  .gridsixchart {
    height: auto;
    overflow: visible;
  }

  .gridtwochart {
    /* grid-template-rows: auto auto auto; */
  }

  .gridthreechart {
    grid-template-rows: auto auto 280px auto 280px;
  }

  .gridfourchart {
    grid-template-rows: auto auto 280px auto 280px;
  }

  .gridsixchart {
    grid-template-rows: auto auto 280px auto 280px;
  }
}

@media (max-width:1600px)
{
  .chartnewpage .livepricet .cointxt {
    font-size: 11px;
  }
  .chartnewpage .coinlisttable img {
    width: 17px;
    margin-right: 4px;
  }
}

@media (max-width: 1400px) {
  .gridsixchart .livepricenavbg li {
    padding: 0px 10px;
  }
  .gridsixchart {
		grid-template-areas:
		  "chartheader chartheader"
		  "chartpricefirst chartpricesecond"
		  "chartboxfirst chartboxsecond"
		  "chartpricethree chartpricefour"
		  "chartboxthree chartboxfour"
		  "chartpricefive chartpricesix"
		  "chartboxfive chartboxsix";
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto 1fr auto 1fr auto 1fr;
	  }
}

@media (max-width: 1200px) {
  .gridsixchart .livepricenavbg li {
    padding: 0px 7px;
  }

  .gridsixchart .livepricenavbg li a {
    font-size: 10px;
  }

  .gridsixchart .livepricenavbg > li:first-child {
    padding-left: 0;
  }

  .gridsixchart .livepricemobile {
    padding: 6px 3px;
  }
}

@media (max-width: 1100px) {
  .gridsixchart .coinlisticon {
    width: 27px;
    height: 27px;
  }
}

@media (max-width: 991px) {
  .chartnewpage .headbg {
    position: absolute;
    padding-left: 10px !important;
    padding-right: 15px !important;
  }

  .chartpricefirst {
    margin-top: 75px;
  }

  .gridtwochart {
    grid-template-areas:
      "chartheader chartheader"
      "chartpricefirst chartpricefirst"
      "chartboxfirst chartboxfirst"
      "chartpricesecond chartpricesecond"
      "chartboxsecond chartboxsecond";
    grid-template-rows: inherit;
    height: auto !important;
    overflow: visible;
  }

  .gridthreechart {
    grid-template-areas:
      "chartheader chartheader"
      "chartpricefirst chartpricefirst"
      "chartboxfirst chartboxfirst"
      "chartpricesecond chartpricesecond"
      "chartboxsecond chartboxsecond"
      "chartpricethree chartpricethree"
      "chartboxthree chartboxthree";
    grid-template-rows: inherit;
    height: auto !important;
    overflow: visible;
    grid-template-columns: 1fr 1fr;
  }

  .gridfourchart {
    grid-template-areas:
      "chartheader chartheader"
      "chartpricefirst chartpricefirst"
      "chartboxfirst chartboxfirst"
      "chartpricesecond chartpricesecond"
      "chartboxsecond chartboxsecond"
      "chartpricethree chartpricethree"
      "chartboxthree chartboxthree"
      "chartpricefour chartpricefour"
      "chartboxfour chartboxfour";
    grid-template-rows: inherit;
    height: auto !important;
    overflow: visible;
    grid-template-columns: 1fr 1fr;
  }

  .gridsixchart {
    grid-template-areas:
      "chartheader chartheader"
      "chartpricefirst chartpricefirst"
      "chartboxfirst chartboxfirst"
      "chartpricesecond chartpricesecond"
      "chartboxsecond chartboxsecond"
      "chartpricethree chartpricethree"
      "chartboxthree chartboxthree"
      "chartpricefour chartpricefour"
      "chartboxfour chartboxfour"
      "chartpricefive chartpricefive"
      "chartboxfive chartboxfive"
      "chartpricesix chartpricesix"
      "chartboxsix chartboxsix";
    grid-template-rows: inherit;
    height: auto !important;
    overflow: visible;
    grid-template-columns: 1fr 1fr;
  }

  .charttitlebox,
  .charttitlebox > div,
  .charttitlebox > div > div {
    min-height: 426px;
    height: 426px;
  }

  .gridsixchart .coinlisticon {
    width: 35px;
  }

  .gridsixchart .livepricenavbg li {
    padding: 0px 15px;
  }

  .gridsixchart .livepricenavbg li a {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .charttitlebox,
  .charttitlebox > div,
  .charttitlebox > div > div {
    min-height: 350px;
    height: 350px;
  }
}
/*chart page css end*/

/*fresh style depth chart color change start*/
.freshstyle .amcharts-graph-bids > g:nth-child(2) > path:first-child {
  fill: #089981;
  stroke: #089981;
  fill-opacity: 0.2;
}
.freshstyle .amcharts-graph-bids > g:nth-child(2) > path:last-child {
  fill: none;
  stroke: #089981;
}
.freshstyle .amcharts-graph-asks > g:nth-child(2) > path:first-child {
  fill: #f23645;
  stroke: #f23645;
  fill-opacity: 0.2;
}
.freshstyle .amcharts-graph-asks > g:nth-child(2) > path:last-child {
  fill: none;
  stroke: #f23645;
}
/*fresh style depth chart color change end*/

/*traditional style depth chart color change start*/
.traditionalstyle .amcharts-graph-bids > g:nth-child(2) > path:first-child {
  fill: #74a700;
  stroke: #74a700;
  fill-opacity: 0.2;
}
.traditionalstyle .amcharts-graph-bids > g:nth-child(2) > path:last-child {
  fill: none;
  stroke: #74a700;
}
.traditionalstyle .amcharts-graph-asks > g:nth-child(2) > path:first-child {
  fill: #ea0070;
  stroke: #ea0070;
  fill-opacity: 0.2;
}
.traditionalstyle .amcharts-graph-asks > g:nth-child(2) > path:last-child {
  fill: none;
  stroke: #ea0070;
}
/*traditional style depth chart color change end*/

/*vision style depth chart color change start*/
.visionstyle .amcharts-graph-bids > g:nth-child(2) > path:first-child {
  fill: #1f8df9;
  stroke: #1f8df9;
  fill-opacity: 0.2;
}
.visionstyle .amcharts-graph-bids > g:nth-child(2) > path:last-child {
  fill: none;
  stroke: #1f8df9;
}
.visionstyle .amcharts-graph-asks > g:nth-child(2) > path:first-child {
  fill: #dd7a2b;
  stroke: #dd7a2b;
  fill-opacity: 0.2;
}
.visionstyle .amcharts-graph-asks > g:nth-child(2) > path:last-child {
  fill: none;
  stroke: #dd7a2b;
}
/*vision style depth chart color change end*/

/*fresh style downuptheme color change start*/
.freshstyle.downuptheme
  .amcharts-graph-bids
  > g:nth-child(2)
  > path:first-child {
  fill: #f23645;
  stroke: #f23645;
  fill-opacity: 0.2;
}
.freshstyle.downuptheme
  .amcharts-graph-bids
  > g:nth-child(2)
  > path:last-child {
  fill: none;
  stroke: #f23645;
}
.freshstyle.downuptheme
  .amcharts-graph-asks
  > g:nth-child(2)
  > path:first-child {
  fill: #089981;
  stroke: #089981;
  fill-opacity: 0.2;
}
.freshstyle.downuptheme
  .amcharts-graph-asks
  > g:nth-child(2)
  > path:last-child {
  fill: none;
  stroke: #089981;
}
/*fresh style downuptheme color change end*/

/*traditional style downuptheme depth chart color change start*/
.traditionalstyle.downuptheme
  .amcharts-graph-bids
  > g:nth-child(2)
  > path:first-child {
  fill: #ea0070;
  stroke: #ea0070;
  fill-opacity: 0.2;
}
.traditionalstyle.downuptheme
  .amcharts-graph-bids
  > g:nth-child(2)
  > path:last-child {
  fill: none;
  stroke: #ea0070;
}
.traditionalstyle.downuptheme
  .amcharts-graph-asks
  > g:nth-child(2)
  > path:first-child {
  fill: #74a700;
  stroke: #74a700;
  fill-opacity: 0.2;
}
.traditionalstyle.downuptheme
  .amcharts-graph-asks
  > g:nth-child(2)
  > path:last-child {
  fill: none;
  stroke: #74a700;
}
/*traditional style downuptheme depth chart color change end*/

/*vision style downuptheme depth chart color change start*/
.visionstyle.downuptheme
  .amcharts-graph-bids
  > g:nth-child(2)
  > path:first-child {
  fill: #dd7a2b;
  stroke: #dd7a2b;
  fill-opacity: 0.2;
}
.visionstyle.downuptheme
  .amcharts-graph-bids
  > g:nth-child(2)
  > path:last-child {
  fill: none;
  stroke: #dd7a2b;
}
.visionstyle.downuptheme
  .amcharts-graph-asks
  > g:nth-child(2)
  > path:first-child {
  fill: #1f8df9;
  stroke: #1f8df9;
  fill-opacity: 0.2;
}
.visionstyle.downuptheme
  .amcharts-graph-asks
  > g:nth-child(2)
  > path:last-child {
  fill: none;
  stroke: #1f8df9;
}
/*vision style depth downuptheme chart color change end*/

@media (max-width: 767px) {
  .stylestttingscroll {
    height: 88%;
  }
  .stylesettingdrop .dropdown-menu {
    padding-top: 0px;
  }
}
@media (max-width: 500px) {
  .stylesettingdrop .dropdown-menu {
    width: 282px;
    min-width: 282px;
    padding: 0px 0px;
  }
  .charticonorder img,
  .charticonorder svg {
    width: 55px;
  }
  .charticonorder li {
    padding: 5px 1px;
  }
  .settingtabbox .tabbanner a.nav-link {
    padding: 3px 8px !important;
  }
  .orderfield {
    padding-top: 5px;
    font-size: 13px;
  }
  .stylesettingdrop .dropdown-menu .form-group {
    margin-bottom: 16px;
    font-size: 13px;
  }
  .settingtabbox ul li .circleicon {
    margin-right: 4px;
  }
  .headbg .headerrightsidemenu .stylesettingdrop .tab-content li a {
    padding: 0px 0px !important;
  }
}
/*visition style css end*/

/*media css start*/

@media (max-width:1080px)
{
  .stylesettingdrop
  {
    display: none;
  }
}
/*media css end*/

/*nightmode css start*/
.nightmode .stylesettingdrop .dropdown-bs-toggle img
{
  filter: grayscale(1)invert(1);
}
.nightmode .charticonorder li a img, .nightmode .charticonorder li a svg
{
  border-color: #454545;
}
.nightmode.classic.active a svg, .nightmode.advanced.active a svg, .nightmode.fullscreenbox.active a svg {
  border-color: #fff;
}
.nightmode .charticonorder svg>rect
{
  fill: #1c1c1e;
}
.nightmode .charticonorder svg g>rect
{
  fill: #2f2f2f;
}
.nightmode .settingtabbox ul li .circleicon
{
  background:#1c1c1e;
}
.nightmode .settingtabbox ul li a:hover .circleicon, 
.nightmode .settingtabbox ul li a.activeicon .circleicon 
{
  border-color: #bdbdbd;
}
.nightmode .styletable .form-check-input {
  background-color: #1c1c1e;
  border-color: #929297;
}
.nightmode .styletable .form-check-input:checked
{
  background-image: url(../images/circleicon1.svg) !important;
  background-color: #1c1c1e !important;
  border-color: #d8d8d8;
}
.nightmode .settingtabbox ul li a.activeicon .circleicon i, 
.nightmode .settingtabbox ul li a:hover .circleicon i, .nightmode .closedropicon .fa
{
  color: #fff;
}
.nightmode .classic.active a svg, .nightmode .advanced.active a svg, .nightmode .fullscreenbox.active a svg 
{
  border-color: #a2a2a2;
}
.nightmode.chartfullpage
{
  background: #111111;
}
.nightmode.fullscreenpage .sellboxtablebg::-webkit-scrollbar-track {
  background: #1c1c1e;
}
.nightmode.fullscreenpage .sellboxtablebg::-webkit-scrollbar-thumb
{
  background: #cfcfcf24;
}
.nightmode .closegridbox
{
  color: #ccc;
  background: #474747d1;
}
.nightmode.chartfullpage .livepricelist {
  background: #18181a !important;
}
/*nightmode css end*/