/* Phoenix3 page styles extracted from inline */

rect.highcharts-background {
	fill: rgb(46 37 25 / 0%);
}

/* Accordion */
.accordion {
	background-color: #cec8bd;
	color: black;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
	border-radius: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 20px;
	font-weight: bold;
}

.accordion.active, .accordion:hover {
	background-color: #038185;
	color: white;
	cursor: pointer;
}

/* Accordion panel */
.panel {
	background-color: #1d2631;
	border-radius: 5px;
	padding: 0 18px;
	display: none;
	overflow: hidden;
}

.panel-open { display: block; }

.panel-dark {
	background: #0f1723;
}

/* Legend */
.legend {
	width: 90%;
	height: 50%;
	position: absolute;
	padding: 8px;
	font-size: 18px;
	text-align: left;
	z-index: 1000;
	pointer-events: none;
	color: white;
	font-family: consolas, Courier New;
}

/* Tables */
.phoenix-table {
	border-width: 3px;
	border-color: #0f172308;
	background: #1d2631;
	vertical-align: middle;
	margin-bottom: 0;
	text-align: center;
	color: lightgray;
	font-family: Lucida Console, Courier New, monospace;
}

.phoenix-table th {
	border-width: 3px;
	color: lightgray;
	padding: 0px;
	border-radius: 0px !important;
}

.phoenix-table td {
	border-width: 3px;
	color: lightgray;
	border-radius: 0px !important;
	padding: 0px;
	border-bottom-width: 1px;
}

.phoenix-table td {
	border-width: 3px;
	color: lightgray;
	border-radius: 0px !important;
	padding: 0px;
	border-bottom-width: 1px;
}

.phoenix-table td:hover {
    background-color: #03818569;
}

.phoenix-table tr:hover {
	border-width: 3px;
	padding: 0px;
	background-color: #03818569;
	color: white;
}

/* Utilities */
.fw-normal { font-weight: normal; }
.text-white { color: #fff; }
.phoenix-text { color: #a6adba; font-weight: normal; }
.d-flex { display: flex; }
.btn-transparent { color: #a6adba; background-color: transparent; }
.w-100 { width: 100%; }
.note-xs { font-size: xx-small; margin-top: 0px; }

/* Charts */
.phoenix-chart { width: 100%; position: relative; }
.phoenix-chart-500 { height: 500px; }
.phoenix-chart-350 { height: 350px; }

/* Indicator legend colors */
.color-strong-buy { color: #55BF3B; }
.color-buy { color: #b9db6e; }
.color-neutral { color: #d3d3d3; }
.color-sell { color: #de8787; }
.color-strong-sell { color: #DF5353; }