/**
 * Styling for the website UI and layout.
 *
 * @author: H Paterson.
 * @copyright: Iris Data Science, 2020.
 */

html, body
{
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
}

a{
  color: #2993b2;
}
a:hover {
  color: #52bf9f;
}

.display-title
{
    font-size: 1.5em;
}

#content-container
{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

#data-container h1
{
    font-size: 1.5em;
    font-weight: normal;
}

.content-panel
{
    flex-basis: 500px;
    flex-grow: 1;
    /*
     * `min-width: 1px` is a bugfix, otherwise something
     * in an import clamps min-width to ~700px
     */
    min-width: 1px;
    height: calc(100vh - 0em);
}

#data-container
{
    display: flex;
    flex-direction: column;
    width: 100%;
}

#graph-info {
  flex-grow: 0;
  flex-shrink: 0;
}

#graph-container
{
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 200px;
}

#table-container
{
    flex-basis: content;
    height: 18em;
}

* {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}