/*
  RioAlgo on the Dashtreme theme.

  Every colour, radius, shadow, font, spacing and transition of the interface comes from the theme's own stylesheets
  (assets/css/bootstrap.min.css, bootstrap-extended.css, app.css, icons.css), which are loaded unmodified.
  This file only sizes the containers that exist in this application and not in the theme: the canvases the application
  draws itself and two scrolling areas. It defines no colour, no border, no radius, no shadow and no font.
*/

/* A canvas that fills the theme's chart container (.chart-container-1, .chart-js-container3, ...). */
.rio-canvas { position: relative; }
.rio-canvas > canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* The candlestick chart fills the theme's chart container. */
#chart { width: 100%; height: 100%; }

/* The four selectors scroll sideways inside the theme's mobile search bar instead of overflowing it. */
@media screen and (max-width: 1024px) {
	.full-search-bar .search-bar-box > .d-flex { overflow-x: auto; }
}

/* A report written by an agent: Bootstrap's own <pre>, wrapped, in a scrolling block. */
.rio-report { white-space: pre-wrap; word-break: break-word; max-height: 420px; overflow: auto; margin: 0; }