@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
body {
  font-family: Open Sans;
  background-color: #16a085; }
  body #container {
    margin: 3rem auto;
    max-width: 60rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    padding: 2rem;
    background-color: #fff; }
    body #container a {
      color: #16a085; }
    body #container header h1 {
      font-size: 2rem;
      margin-top: 0; }
      body #container header h1 .credits {
        float: right;
        margin-top: 0.6rem;
        font-size: 0.8rem; }
        body #container header h1 .credits a {
          text-decoration: none; }
          body #container header h1 .credits a:hover {
            text-decoration: underline; }
    body #container main h3 {
      margin-bottom: 0; }
      body #container main h3 code {
        margin: 0 0.45rem;
        display: inline-block; }
    body #container main ul.demo-links {
      list-style: none;
      margin-top: 0; }
      body #container main ul.demo-links li {
        margin: 0.5rem -1rem 2rem 0rem;
        display: inline-block;
        width: 33%;
        vertical-align: top;
        padding: 0.25rem;
        font-size: 1.25rem; }
        body #container main ul.demo-links li a.demo-link {
          display: inline;
          padding: 1px; }
          body #container main ul.demo-links li a.demo-link:hover {
            border: 1px solid #16a085;
            padding: 0; }
        body #container main ul.demo-links li input {
          width: 40%; }

.cooltip.light {
  background-color: #ecf0f1;
  color: #333;
  border: 1px solid #3498db; }

.cooltip.error {
  background-color: #c0392b;
  color: #fff; }

/*# sourceMappingURL=demo.css.map */