/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
 *= require_tree .
 */

body {
  background-color: #777;
  color: #333;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
}



.component{
  font-size: 48px;
  line-height: 50px;
}

input {
	font-size: 36px;
	line-height: 40px;
}



.st0{
  background-color: #F3F3F3;
  width: 20px;
}

.st1{
  background-color: #96b798;
  width: 20px;
}

.st-1{
  background-color: #ffaa9a;
  width: 20px;
}

.st-2{
  background-color: #ff0f0f;
  width: 20px;
}


.st2{
  background-color: #4d970b;
  width: 20px;
}

#timer-bar {
    //position: absolute;
    width: 284px;
    height: 36px;
    top: 25px;
    left: 220px;
    background-image: url(/images/timer-bar.png);
    background-color: #fbf7f3; }

#notice {
    color: #fff;
}