html,body
{
  height: 80%;
  padding: 0px;
  margin: 0px;
}
div{
    box-sizing: border-box;
}
/* line 23, ../sass/testCss.scss */
.box-shadow-example div {
  width: 40px;
  height: 40px;
  background: #eeeeee;
  margin: 20px;
  float: left;
}

/* line 31, ../sass/testCss.scss */
#box-shadow-default {
  -webkit-box-shadow: 0px 0px 5px #333333;
  -moz-box-shadow: 0px 0px 5px #333333;
  box-shadow: 0px 0px 5px #333333;
}

/* line 35, ../sass/testCss.scss */
#box-shadow-custom {
  -webkit-box-shadow: red 2px 2px 10px;
  -moz-box-shadow: red 2px 2px 10px;
  box-shadow: red 2px 2px 10px;
}

/* line 38, ../sass/testCss.scss */
#box-shadow-custom-multiple {
  -webkit-box-shadow: rgba(0, 0, 255, 0.4) 0 0 25px, rgba(0, 128, 0, 0.2) 0 0 3px 1px inset;
  -moz-box-shadow: rgba(0, 0, 255, 0.4) 0 0 25px, rgba(0, 128, 0, 0.2) 0 0 3px 1px inset;
  box-shadow: rgba(0, 0, 255, 0.4) 0 0 25px, rgba(0, 128, 0, 0.2) 0 0 3px 1px inset;
}


/* line 45, ../sass/testCss.scss */
div.header {
  height: 2.5rem;
  border-top-left-radius: 2.7rem;
  border-top-right-radius: 2.7rem;
  clear: both;
    background-color: #005fbc;
  text-align: center;
    color:#fff;
  border:1px;

   box-shadow: 0 0 3px black;
  border-style:solid;
  border-color:rgba(0,0,0,0.4);
  border-bottom-color: black;
   border-top-color: black;
}
/* line 53, ../sass/testCss.scss */
div.header h1 {
  vertical-align: middle;

  clear: both;

  position: relative;
  text-align: center;
  font-size: 1.75rem;

  margin:0px;
  textcontainer-shadow: 0px 0px 1px #aaaaaa;
}
/* line 62, ../sass/testCss.scss */
div.buttonGroup {
vertical-align: bottom;
}

/* line 68, ../sass/testCss.scss */
body {
  text-align: center;
  padding: 0px;
  background-color: #fff;
}

/* line 74, ../sass/testCss.scss */
div.quizContent {

  font-family: 'Simonetta', cursive;
  color: black;
  line-height:2;
  height:65%;
  box-sizing: border-box;
}
/* line 79, ../sass/testCss.scss */
div.menu {t
height:65%;
box-sizing: border-box;
margin-top:5%;
}
/* line 85, ../sass/testCss.scss */
div.menu canvas {
height:60%;

width:80%;
border:solid;
padding: 1%;
border-radius: 5%;
border-width: 1px;
}

/* line 90, ../sass/testCss.scss */
div.background {
  display: inline-block;
  text-align: center;
  -webkit-border-radius: 2.7rem;
  -moz-border-radius: 2.7rem;
  -ms-border-radius: 2.7rem;
  -o-border-radius: 2.7rem;
  border-radius: 2.7rem;
  -webkit-box-shadow: black 0px 0px 3px;
  -moz-box-shadow: black 0px 0px 3px;
  box-shadow: black 0px 0px 3px;
  background-color: #ffffff;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF6F6F6');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #f2f2f2), color-stop(51%, #e3e3e3), color-stop(100%, #f6f6f6));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 50%, #e3e3e3 51%, #f6f6f6 100%);
  background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 50%, #e3e3e3 51%, #f6f6f6 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 50%, #e3e3e3 51%, #f6f6f6 100%);
  -pie-background: linear-gradient(top, #ffffff 0%, #f2f2f2 50%, #e3e3e3 51%, #f6f6f6 100%);
  background: linear-gradient(top, #ffffff 0%, #f2f2f2 50%, #e3e3e3 51%, #f6f6f6 100%);
  height:100%;
}

.background{
    font-family: 'Simonetta', cursive;
}

/* line 107, ../sass/testCss.scss */
div.question {
  height: 25%;

  font-size: 1.5rem;
}
/* line 114, ../sass/testCss.scss */




div.answer, div.answerSelected, div.answerRight, div.answerWrong {
  -webkit-border-radius: 0.87rem;
  -moz-border-radius: 0.87rem;
  -ms-border-radius: 0.87rem;
  -o-border-radius: 0.87rem;
  border-radius: 0.87rem;
  -webkit-box-shadow: black 0px 0px 3px;
  -moz-box-shadow: black 0px 0px 3px;
  box-shadow: black 0px 0px 3px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
  opacity: 0.95;
  margin-bottom: 2%;
  height:16%;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
        box-sizing: border-box;
  font-size:1.25rem;
}
/* line 123, ../sass/testCss.scss */
div.answerSelected {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFA500', endColorstr='#FF996300');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffc04d), color-stop(70%, #ffa500));
  background: -webkit-linear-gradient(#ffc04d, #ffa500 70%);
  background: -moz-linear-gradient(#ffc04d, #ffa500 70%);
  background: -o-linear-gradient(#ffc04d, #ffa500 70%);
  -pie-background: linear-gradient(#ffc04d, #ffa500 70%);
  background: linear-gradient(#ffc04d, #ffa500 70%);
  -webkit-box-shadow: #ffdb99 0 1px 0 inset;
  -moz-box-shadow: #ffdb99 0 1px 0 inset;
  box-shadow: #ffdb99 0 1px 0 inset;
  border: 1px solid #e69500;
  color: black;
  text-shadow: #ffc55a 0 1px 0;
}
/* line 15, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
div.answerSelected:hover {
  text-decoration: none;
}
/* line 18, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
div.answerSelected:hover {
  background-color: #e69500;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(3%, #ffb733), color-stop(75%, #e69500));
  background: -webkit-linear-gradient(#ffb733 3%, #e69500 75%);
  background: -moz-linear-gradient(#ffb733 3%, #e69500 75%);
  background: -o-linear-gradient(#ffb733 3%, #e69500 75%);
  -pie-background: linear-gradient(#ffb733 3%, #e69500 75%);
  background: linear-gradient(#ffb733 3%, #e69500 75%);
}
/* line 21, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
div.answerSelected:active {
  -webkit-box-shadow: #d68b00 0 1px 2px inset;
  -moz-box-shadow: #d68b00 0 1px 2px inset;
  box-shadow: #d68b00 0 1px 2px inset;
}
/* line 6, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
div.answerSelected.disabled, div.answerSelected[disabled] {
  opacity: 0.6;
  background: orange;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 131, ../sass/testCss.scss */
div.answerRight {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0FBD0F', endColorstr='#FF085E08');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2bee2b), color-stop(70%, #0fbd0f));
  background: -webkit-linear-gradient(#2bee2b, #0fbd0f 70%);
  background: -moz-linear-gradient(#2bee2b, #0fbd0f 70%);
  background: -o-linear-gradient(#2bee2b, #0fbd0f 70%);
  -pie-background: linear-gradient(#2bee2b, #0fbd0f 70%);
  background: linear-gradient(#2bee2b, #0fbd0f 70%);
  -webkit-box-shadow: #71f471 0 1px 0 inset;
  -moz-box-shadow: #71f471 0 1px 0 inset;
  box-shadow: #71f471 0 1px 0 inset;
  border: 1px solid #0da50d;
  color: black;
  text-shadow: #37ef37 0 1px 0;
}
/* line 15, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
div.answerRight:hover {
  text-decoration: none;
}
/* line 18, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
div.answerRight:hover {
  background-color: #0da50d;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(3%, #13ec13), color-stop(75%, #0da50d));
  background: -webkit-linear-gradient(#13ec13 3%, #0da50d 75%);
  background: -moz-linear-gradient(#13ec13 3%, #0da50d 75%);
  background: -o-linear-gradient(#13ec13 3%, #0da50d 75%);
  -pie-background: linear-gradient(#13ec13 3%, #0da50d 75%);
  background: linear-gradient(#13ec13 3%, #0da50d 75%);
}
/* line 21, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
div.answerRight:active {
  -webkit-box-shadow: #0c970c 0 1px 2px inset;
  -moz-box-shadow: #0c970c 0 1px 2px inset;
  box-shadow: #0c970c 0 1px 2px inset;
}
/* line 6, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
div.answerRight.disabled, div.answerRight[disabled] {
  opacity: 0.6;
  background: #0fbd0f;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 141, ../sass/testCss.scss */
div.answerWrong {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEC1313', endColorstr='#FF8E0B0B');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f25a5a), color-stop(70%, #ec1313));
  background: -webkit-linear-gradient(#f25a5a, #ec1313 70%);
  background: -moz-linear-gradient(#f25a5a, #ec1313 70%);
  background: -o-linear-gradient(#f25a5a, #ec1313 70%);
  -pie-background: linear-gradient(#f25a5a, #ec1313 70%);
  background: linear-gradient(#f25a5a, #ec1313 70%);
  -webkit-box-shadow: #f7a1a1 0 1px 0 inset;
  -moz-box-shadow: #f7a1a1 0 1px 0 inset;
  box-shadow: #f7a1a1 0 1px 0 inset;
  border: 1px solid #d41111;
  color: black;
  text-shadow: #f36666 0 1px 0;
}
/* line 15, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
div.answerWrong:hover {
  text-decoration: none;
}
/* line 18, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
div.answerWrong:hover {
  background-color: #d41111;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(3%, #f04242), color-stop(75%, #d41111));
  background: -webkit-linear-gradient(#f04242 3%, #d41111 75%);
  background: -moz-linear-gradient(#f04242 3%, #d41111 75%);
  background: -o-linear-gradient(#f04242 3%, #d41111 75%);
  -pie-background: linear-gradient(#f04242 3%, #d41111 75%);
  background: linear-gradient(#f04242 3%, #d41111 75%);
}
/* line 21, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
div.answerWrong:active {
  -webkit-box-shadow: #c61010 0 1px 2px inset;
  -moz-box-shadow: #c61010 0 1px 2px inset;
  box-shadow: #c61010 0 1px 2px inset;
}
/* line 6, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
div.answerWrong.disabled, div.answerWrong[disabled] {
  opacity: 0.6;
  background: #ec1313;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 147, ../sass/testCss.scss */
div.footer {
  border-bottom-left-radius: 2.7rem;
  border-bottom-right-radius: 2.7rem;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=72);
  opacity: 0.72;
}

/* line 155, ../sass/testCss.scss */



/* line 161, ../sass/testCss.scss */
button.myButtonProto, button.myButton, button.myButtonSelect, button.myButtonWrong, button.myButtonRight {
  font-size: 100%;
  padding: 0.3% 0.6%;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  -o-border-radius: 0.6rem;
  border-radius: 0.6rem;
  width: 6.2%;
  box-sizing: border-box;
}
/* line 168, ../sass/testCss.scss */
button.myButton {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF4D8CCD', endColorstr='#FF27598D');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #6da1d6), color-stop(51%, #4d8ccd));
  background: -webkit-linear-gradient(#6da1d6 50%, #4d8ccd 51%);
  background: -moz-linear-gradient(#6da1d6 50%, #4d8ccd 51%);
  background: -o-linear-gradient(#6da1d6 50%, #4d8ccd 51%);
  -pie-background: linear-gradient(#6da1d6 50%, #4d8ccd 51%);
  background: linear-gradient(#6da1d6 50%, #4d8ccd 51%);
  -webkit-box-shadow: #a9c7e7 0 1px 0 inset;
  -moz-box-shadow: #a9c7e7 0 1px 0 inset;
  box-shadow: #a9c7e7 0 1px 0 inset;
  border: 1px solid #397fc7;
  color: black;
  font-size:100%;
  text-shadow: #91b8e0 0 1px 0;
}
/* line 15, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
button.myButton:hover {
  text-decoration: none;
}
/* line 30, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
button.myButton:hover {
  background-color: #367ac0;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #518fce), color-stop(51%, #367ac0));
  background: -webkit-linear-gradient(#518fce 50%, #367ac0 51%);
  background: -moz-linear-gradient(#518fce 50%, #367ac0 51%);
  background: -o-linear-gradient(#518fce 50%, #367ac0 51%);
  -pie-background: linear-gradient(#518fce 50%, #367ac0 51%);
  background: linear-gradient(#518fce 50%, #367ac0 51%);
}
/* line 33, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
button.myButton:active {
  -webkit-box-shadow: #3578bc 0 1px 2px inset;
  -moz-box-shadow: #3578bc 0 1px 2px inset;
  box-shadow: #3578bc 0 1px 2px inset;
}
/* line 6, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
button.myButton.disabled, button.myButton[disabled] {
  opacity: 0.6;
  background: #4d8ccd;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#toolBar{

    height:auto;
}
/* line 175, ../sass/testCss.scss */
button.myButtonSelect {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF060D15', endColorstr='#FF000000');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #0f2235), color-stop(51%, #060d15));
  background: -webkit-linear-gradient(#0f2235 50%, #060d15 51%);
  background: -moz-linear-gradient(#0f2235 50%, #060d15 51%);
  background: -o-linear-gradient(#0f2235 50%, #060d15 51%);
  -pie-background: linear-gradient(#0f2235 50%, #060d15 51%);
  background: linear-gradient(#0f2235 50%, #060d15 51%);
  -webkit-box-shadow: #204871 0 1px 0 inset;
  -moz-box-shadow: #204871 0 1px 0 inset;
  box-shadow: #204871 0 1px 0 inset;
  border: 1px solid #000101;
  color: white;
  text-shadow: black 0 -1px 0;
}
/* line 15, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
button.myButtonSelect:hover {
  text-decoration: none;
}
/* line 30, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
button.myButtonSelect:hover {
  background-color: black;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #071019), color-stop(51%, #000000));
  background: -webkit-linear-gradient(#071019 50%, #000000 51%);
  background: -moz-linear-gradient(#071019 50%, #000000 51%);
  background: -o-linear-gradient(#071019 50%, #000000 51%);
  -pie-background: linear-gradient(#071019 50%, #000000 51%);
  background: linear-gradient(#071019 50%, #000000 51%);
}
/* line 33, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
button.myButtonSelect:active {
  -webkit-box-shadow: black 0 1px 2px inset;
  -moz-box-shadow: black 0 1px 2px inset;
  box-shadow: black 0 1px 2px inset;
}
/* line 6, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
button.myButtonSelect.disabled, button.myButtonSelect[disabled] {
  opacity: 0.6;
  background: #060d15;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 181, ../sass/testCss.scss */
button.myButtonWrong {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFF0000', endColorstr='#FF990000');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #ff2929), color-stop(51%, #ff0000));
  background: -webkit-linear-gradient(#ff2929 50%, #ff0000 51%);
  background: -moz-linear-gradient(#ff2929 50%, #ff0000 51%);
  background: -o-linear-gradient(#ff2929 50%, #ff0000 51%);
  -pie-background: linear-gradient(#ff2929 50%, #ff0000 51%);
  background: linear-gradient(#ff2929 50%, #ff0000 51%);
  -webkit-box-shadow: #ff7575 0 1px 0 inset;
  -moz-box-shadow: #ff7575 0 1px 0 inset;
  box-shadow: #ff7575 0 1px 0 inset;
  border: 1px solid #e60000;
  color: black;
  text-shadow: #ff5858 0 1px 0;
}
/* line 15, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
button.myButtonWrong:hover {
  text-decoration: none;
}
/* line 30, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
button.myButtonWrong:hover {
  background-color: #db0000;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #ff0505), color-stop(51%, #db0000));
  background: -webkit-linear-gradient(#ff0505 50%, #db0000 51%);
  background: -moz-linear-gradient(#ff0505 50%, #db0000 51%);
  background: -o-linear-gradient(#ff0505 50%, #db0000 51%);
  -pie-background: linear-gradient(#ff0505 50%, #db0000 51%);
  background: linear-gradient(#ff0505 50%, #db0000 51%);
}
/* line 33, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
button.myButtonWrong:active {
  -webkit-box-shadow: #d60000 0 1px 2px inset;
  -moz-box-shadow: #d60000 0 1px 2px inset;
  box-shadow: #d60000 0 1px 2px inset;
}
/* line 6, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
button.myButtonWrong.disabled, button.myButtonWrong[disabled] {
  opacity: 0.6;
  background: red;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 186, ../sass/testCss.scss */
button.myButtonRight {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF008000', endColorstr='#FF001A00');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #00a900), color-stop(51%, #008000));
  background: -webkit-linear-gradient(#00a900 50%, #008000 51%);
  background: -moz-linear-gradient(#00a900 50%, #008000 51%);
  background: -o-linear-gradient(#00a900 50%, #008000 51%);
  -pie-background: linear-gradient(#00a900 50%, #008000 51%);
  background: linear-gradient(#00a900 50%, #008000 51%);
  -webkit-box-shadow: #00f500 0 1px 0 inset;
  -moz-box-shadow: #00f500 0 1px 0 inset;
  box-shadow: #00f500 0 1px 0 inset;
  border: 1px solid #006700;
  color: white;
  text-shadow: #002500 0 -1px 0;
}
/* line 15, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
button.myButtonRight:hover {
  text-decoration: none;
}
/* line 30, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
button.myButtonRight:hover {
  background-color: #005c00;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #008500), color-stop(51%, #005c00));
  background: -webkit-linear-gradient(#008500 50%, #005c00 51%);
  background: -moz-linear-gradient(#008500 50%, #005c00 51%);
  background: -o-linear-gradient(#008500 50%, #005c00 51%);
  -pie-background: linear-gradient(#008500 50%, #005c00 51%);
  background: linear-gradient(#008500 50%, #005c00 51%);
}
/* line 33, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
button.myButtonRight:active {
  -webkit-box-shadow: #005700 0 1px 2px inset;
  -moz-box-shadow: #005700 0 1px 2px inset;
  box-shadow: #005700 0 1px 2px inset;
}
/* line 6, ../../../../../../../var/lib/gems/1.9.1/gems/sassy-buttons-0.1.4/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
button.myButtonRight.disabled, button.myButtonRight[disabled] {
  opacity: 0.6;
  background: green;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#buttonArray{
    margin-top: 1%;
    box-sizing:border-box;
}
/* line 191, ../sass/testCss.scss */
button.toolbarButton {
  -moz-box-shadow: inset 0px 1px 0px 0px #bee2f9;
  -webkit-box-shadow: inset 0px 1px 0px 0px #bee2f9;
  box-shadow: inset 0px 1px 0px 0px #bee2f9;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
  background: -moz-linear-gradient(center top, #63b8ee 5%, #468ccf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
  background-color: #63b8ee;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #3866a3;
  display: inline-block;
  color: #14396a;
  font-family: Arial;
  font-weight: bold;
  display: inline-block;
  color: #ffffff;
  font-family: arial;
  font-size: 1rem;
  font-weight: bold;
  padding: 0.66667% 2.66667%;
  text-decoration: none;
  text-shadow: 0px -1px 0px #263666;
}
/* line 220, ../sass/testCss.scss */
button.toolbarButton:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee));
  background: -moz-linear-gradient(center top, #468ccf 5%, #63b8ee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
  background-color: #468ccf;
}
/* line 225, ../sass/testCss.scss */
button.toolbarButton:active {
  position: relative;
  top: 1px;
}

label{
    height:80%;
}


.navbar{
    height:40px;
}
html,body,.row-fluid{
height:100%;    
}

.container-fluid{
    height:100%;
   
}
.questionLabel h1{
    height:15%;
}

span{
    height:70%;
}
div,label,span,h1,h2,h3{
    -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
        box-sizing: border-box;
}
@media (max-width: 480px) {

    button.myButtonProto, button.myButton, button.myButtonSelect, button.myButtonWrong, button.myButtonRight {
        width:20%;
        margin-left: 5%;
        margin-bottom: 1%;
        margin-right: 5%;
    }
    
    #headerQuiz{
        padding-left: 5%;
        padding-right:5%;
    }
    #quizContainer{
        
       
        padding-left: 5%;
        padding-right:5%;
        width:90%;
    }

}