/*---------------------GLOBAL GENERAL-------------------*/
*{
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}
body{
  text-align: center;
  margin: auto;
  font-family: times;
}
p{
  text-align: justify;
}
canvas{
  clear: both;
}
button{
    background: #009900;  /*#6699ff;*/
    padding: 4px 5px 4px;
    width: 190px;
    color: #fff;
    margin: 10px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    cursor: pointer;
    font-size:22px;
    font-weight: bold;
}


input{

    width: 400px;
    height: 35px;
    color: #000000;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 16px;
    border-radius: 1px;
    border: 1px solid #cfcfcf;
}

input.capitalize {
    text-transform: capitalize;
}

input:required:invalid, input:focus:invalid {
  color: red;
  /* insert your own styles for invalid form input */
  -moz-box-shadow: none;
}

input:required:valid, input:focus:valid {
  color: green;
  /* insert your own styles for invalid form input */
  -moz-box-shadow: none;
}

h1{
  /*vertical-align: middle;*/
    display: block;
    vertical-align: middle;
    font-weight:200;
    color: #525252;
    font-size:30pt;
    background: transparent;
    /*padding-left:33px;*/
    margin:7px 5px 8px 8px;
    text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.45);
}
h2{
  /*display: block;*/
    vertical-align: middle;
    font-weight:200;
    color: #525252;
    font-size:25pt;
    background: transparent;
    /*padding-left:33px;*/
    margin:5px 5px 5px 5px;
    text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.45);
}
h3{
  /*display: block;*/
    vertical-align: middle;
    font-weight:200;
    line-height: 50px;
    color: #525252;
    font-size:20pt;
    background: transparent;
    /*padding-left:33px;*/
    margin:5px 5px 5px 5px;
    text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.45);
}

/*--------------------GLOBAL SPECIFIC-------------------*/

button[class~=stop]{
  background: #500000;
}

#startover{
  background: #cccc00;
}
/*
button[class~=agree]{

  display: inline-block;
  position: fixed;
  bottom: 20%;

}*/
/*--------------------CLASS GENERAL---------------------*/

/*--------------------CLASS SPECIFIC--------------------*/
.progressbar{

  width: 100%;
  height: 50px;
  top: 0;
  position: fixed;
  display: block;
  background-color: #b2dc5d;
}
/*--------------------ID GENERAL------------------------*/
#wrap-top{
  clear: both;
  display: block;
  width: 80%;
  margin: auto;
  position: relative;
  padding: 10%;
}
#agree{
  position: fixed;
  bottom: 60px;
}
#finish{
  float: right;
  position: relative;
  bottom: 90px;
}
#wrap-level-1{
  clear: both;
  display: block;
}
#wrap-level-unused{
    /*overflow: auto;*/
    margin-top: 20%;
    background-color: #f1f1f1;
    padding:5px;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
#steps{
    color: white;
    display: block;
    position: fixed;
    line-height: 40px;
    vertical-align: middle;
    top: 0;
    width: 100%;
}
/*--------------------ID SPECIFIC-----------------------*/
#wrap-level-1[class~=simple]{
  /*margin-top: 20%;*/
}
#clientsignature{
  clear: both;
}
#sigarea button{
  clear: both;
}