.overlay {
  background-color: rgb(181 93 93 / 70%);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99999999999999999;
}

.sell-row {	
	color: #dc3545;
}

.buy-row {	
	color: rgb(26, 162, 19);
}

.odd-row-buy-light {
	color: rgb(26, 162, 19);
	background: #bfbfbf;
}

.even-row-buy-light {
	color: rgb(26, 162, 19);
}

.odd-row-sell-light {
	color: #dc3545;
	background: #bfbfbf;
}

.even-row-sell-light {
	color: #dc3545;
}

.odd-row-buy-dark {
	color: rgb(26, 162, 19);
	background: #1e1e2f;
}

.even-row-buy-dark {
	color: rgb(26, 162, 19);
}

.odd-row-sell-dark {
	color: #dc3545;
	background: #1e1e2f;
}

.even-row-sell-dark {
	color: #dc3545;
}


._green {
	color: rgb(26, 162, 19);
	font-weight: bold;
	font-style: italic;
}

._red {
	color: rgb(236, 37, 13);
	font-weight: bold;
	font-style: italic;
}

.centeredLogo {

	top: 50%;
	left: 50%;
	/* bring your own prefixes */
	transform: translate(-50%, -50%);
}

.centeredAstro {
	position: fixed;
	top: 50%;
	left: 50%;
	/* bring your own prefixes */
	transform: translate(-50%, -50%);
}


body,


html {
  background: black;

}




html {
	::-webkit-scrollbar { 
		display: none;  /* Chrome Safari */
	}
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none;  /* IE 10+ */
	overflow-y:scroll;
	overflow-x:hidden;
}

$default:       #344675 !default;
$primary:       #e14eca !default;
$secondary:     #f4f5f7 !default;
$success:       #00f2c3 !default;
$info:          #1d8cf8 !default;
$warning:       #ff8d72 !default;
$danger:        #fd5d93 !default;
$black:         #222a42 !default;


.blur {
	filter: blur(5px);
	transition: .5s filter linear;
	-webkit-transition: .5s -webkit-filter linear;
	-moz-transition: .5s -moz-filter linear;
	-ms-transition: .5s -ms-filter linear;
	-o-transition: .5s -o-filter linear;
}


.box-shadow-info {
	box-shadow: 0px 1px 4px 0px var(--info);
}
.card .butts-primary {
	box-shadow: 0px 1px 4px 0px var(--primary);
} 

.card.box-shadow-primary.card-stats {
	box-shadow: 0px 1px 4px 0px var(--primary);
} 
.box-shadow-success {box-shadow: 0px 1px 4px 0px var(--success);}	
.box-shadow-warning {box-shadow: 0px 1px 4px 0px var(--warning);}
.box-shadow-danger {box-shadow: 0px 1px 4px 0px var(--danger);}
.box-shadow-light {box-shadow: 0px 1px 4px 0px var(--light);}
.box-shadow-dark {box-shadow: 0px 1px 4px 0px var(--dark);}
.box-shadow-darker {box-shadow: 0px 1px 4px 0px var(--darker);}
.box-shadow-v0 {box-shadow: 0px 1px 4px 0px var(--v0);}
.box-shadow-github {box-shadow: 0px 1px 4px 0px var(--github);}

#chartSizeHandle {
  cursor: row-resize; /*resizer cursor*/
}

.resizable .resizers {
  width: 100%;
  height: 100%;
  border: 0px solid #4286f4;
  //box-sizing: border-box;
}

.resizable .resizers .resizer {
  z-index: 1000000000000;
  width: 35px;
  height: 20px;
  /*magic to turn square into circle*/
  background: white;
  border-bottom: 20px solid #4286f4;
  //
  position: relative;
}

.resizable .resizers .resizer.bottom-up-down {
  left: 50%;
  top: 0%;
  cursor: row-resize; /*resizer cursor*/
}

.resizable .resizers .resizer.chart-up-down {
  left: -8px;
  cursor: row-resize; /*resizer cursor*/
  position: relative;
}

.resizable .resizers .resizer.left-left-right {
  top: 50%;
  left: 0%;
  cursor: col-resize; /*resizer cursor*/
}

.resizable .resizers .resizer.right-left-right {
  top: 50%;
  left: 0%;
  cursor: col-resize; /*resizer cursor*/
}

.resizable .resizers .resizer.top-left {
  left: -5px;
  top: -5px;
  cursor: nwse-resize; /*resizer cursor*/
}
.resizable .resizers .resizer.top-right {
  right: -5px;
  top: -5px;
  cursor: nesw-resize;
}
.resizable .resizers .resizer.bottom-left {
  left: -5px;
  bottom: -5px;
  cursor: nesw-resize;
}
.resizable .resizers .resizer.bottom-right {
  right: -5px;
  bottom: -5px;
  cursor: nwse-resize;
}

// nsm colors

$nsmWhite: #ffffff !default;
$nsmRed: #ed202c !default;
$nsmLightGray: #6c757d !default;
$nsmGray: #484a4d !default;
$nsmDarkGray: #212529 !default;
$nsmBlack: #000000 !default;

$nsmBorderRed: #c31a24 !default;
$nsmBorderLightGray: #6c757d !default;
$nsmBorderDarkGray: #000020 !default;

.btn-small-question {
  height: 2.7rem;
  min-width: 2.5rem;
  width: 2.7rem;
  padding: 0;
  font-size: 1.5rem;
  overflow: hidden;
  position: relative;
  line-height: normal;
}

@media (max-width: 575.98px) {
  .main-panel .content {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.icon-2x {
  text-align: center;
  padding: 45px 0 30px;
  border: 1px solid #e44cc4;
  border-radius: 0.1875rem;
  margin: 15px 0;
  min-height: 168px;
}

.icon-2x {
  font-size: 2em;
}

.icon-3x i {
  font-size: 3em;
}

.icon-4x i {
  font-size: 4em;
}

.icon-5x {
  font-size: 5em;
}

.icon-red {
  color: $nsmRed;
}