/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
@import url("https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.graph-wrapper .chart-dam-select-container {
  padding-left: 0px;
  padding-top: 15px;
  padding-bottom: 15px; }
  .graph-wrapper .chart-dam-select-container select {
    background-color: #00B0CA;
    border: solid 1px #00B0CA;
    margin-right: 15px;
    margin-left: 15px;
    width: 400px;
    max-width: 400px;
    min-width: 400px; }
    @media only screen and (max-width: 767px) {
      .graph-wrapper .chart-dam-select-container select {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin-bottom: 15px;
        margin-left: 0; } }
    .graph-wrapper .chart-dam-select-container select:disabled {
      background-color: #00B0CA;
      color: #777; }
    .graph-wrapper .chart-dam-select-container select:focus {
      background-color: #00B0CA;
      border: none; }
    .graph-wrapper .chart-dam-select-container select option {
      background-color: #fff; }
    .graph-wrapper .chart-dam-select-container select option:hover {
      background-color: #fff; }
  .graph-wrapper .chart-dam-select-container select:first-child {
    margin-left: 0; }