canvas{
  /* border:1px solid #DEE2E6;
  padding: 15px;
  border-radius: 5px; */
}

/* Colors */

.flat-gold {
  color:#fff;background-color:#b97c00
}

.text-emerald
{color:#2ecc71;}

.text-purple
{color:#653780;}

.text-sun-flower
{color:#f1c40f;}

.ngf-blue
{color:#99CCED;}

.bottom-border-ngf-blue
{border-bottom: 5px solid #99CCED;}

.bg-ngf-blue
{color:black;background-color:#99CCED}
.bg-ngf2
{color:#fff;background-color:#653780}
.bg-ngf1
{color:#fff;background-color:#3F1651}
.flat-turquoise
{color:#fff;background-color:#1abc9c}
.flat-emerald
{color:#fff;background-color:#2ecc71}
.flat-peter-river
{color:#fff;background-color:#3498db}
.flat-amethyst
{color:#fff;background-color:#9b59b6}
.flat-wet-asphalt
{color:#fff;background-color:#34495e}
.flat-green-sea
{color:#fff;background-color:#16a085}
.flat-nephritis
{color:#fff;background-color:#27ae60}
.flat-belize-hole
{color:#fff;background-color:#2980b9}
.flat-wisteria
{color:#fff;background-color:#8e44ad}
.flat-midnight-blue
{color:#fff;background-color:#2c3e50}
.flat-sun-flower
{color:#fff;background-color:#f1c40f}
.flat-carrot
{color:#fff;background-color:#e67e22}
.flat-alizarin
{color:#fff;background-color:#e74c3c}
.flat-clouds
{color:#000;background-color:#ecf0f1}
.flat-concrete
{color:#fff;background-color:#95a5a6}
.flat-orange
{color:#fff;background-color:#f39c12}
.flat-pumpkin
{color:#fff;background-color:#d35400}
.flat-pomegranate
{color:#fff;background-color:#c0392b}
.flat-silver
{color:#000;background-color:#bdc3c7}
.flat-asbestos
{color:#fff;background-color:#7f8c8d}

.grad-carrot
{color:#fff;background-image: linear-gradient(#e67e22,#d35400);}
.grad-peter
{color:#fff;background-image: linear-gradient(#3498db,#2980b9);}
.grad-emerald
{color:#fff;background-image: linear-gradient(#2ecc71,#27ae60);}
.grad-asphalt
{color:#fff;background-image: linear-gradient(#34495e,#2c3e50);}
.grad-amethyst
{color:#fff;background-image: linear-gradient(#9b59b6,#8e44ad);}
.grad-clouds
{background-image: linear-gradient(#ecf0f1,#bdc3c7);}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/* .chart-container {
  width: auto;
  height: auto;
} */

.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}