body {
      font-family:'Segoe UI Light', "Helvetica Neue",Helvetica, "Segoe UI", "Segoe WP", sans-serif !important;
      font-size:14px;line-height:20px;color:#333;background-color:#fff;
      padding-bottom: 70px;
}

h2,h3 {
      text-transform: none;
}

a:hover,a:active {
      outline:0 !important;
}
a.submit{
      cursor: pointer;
      font-size: 18px;
      font-weight: 50;
      
}


.area {
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      transition: 0.5s;
      
      border-radius: 4px;
      border: dashed;
      height: 500px;
      margin-top: 20px;
      margin-bottom: 20px;
      background-color: white;
}

.area .title {

      font-size: 18px;
      font-weight: 50;
      height: 44px;
      line-height: 44px;

      text-rendering: optimizelegibility;
      
      text-align: center;

      margin-bottom: 20px;
}

.area, .area .title {
      border-bottom: dashed;
      border-width: 1px;
      border-color: #808080;
      color: #4b4f50;
}

.area[class*="active"] {
 /*border-style: solid; */
}

.area[class*="done"] {
      height: 60px;
      border-style: none;
}

.fixWidth{
      width:80%;

}

#icon {
      margin: 0px auto;
      -webkit-transition: 0.25s;
      -moz-transition: 0.25s;
      transition: 1s;
      -webkit-border-radius: 27px;
      -moz-border-radius: 27px;
      border-radius: 27px;
      width: 120px;
      height: 120px;
      background-image: url(/images/cloud.jpg);
      background-position: center;
      background-size: 120px 120px;
      background-repeat: no-repeat;
      margin-top: 150px;
      opacity: 0.8;
      filter: alpha(opacity=80);
}

#icon:hover {
      opacity: 1;
      filter: alpha(opacity=100);
}

.control-label {
      color: #6F6F6F;
}

.menu {
      margin-top: 30px;
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      transition: 0.5s;
      
      color: #999999 !important;
      font-size: medium !important;
      
      border-style: solid; border-width: 1px; border-color: white; 

      border-radius:7px;  
      -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
      
}

a.menu:hover{
      border-style: dashed;  
      border-color: #999999;
      color: #999999 !important;
      background-color: white !important;
}

a.menu.active {
      border-color: #999999;
      border-style: solid;
}

.submit{
      height: 50px;
      color: white;
      
      border-radius:4px;  
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      background-color: #4d4d4d;

      text-align: center;
      cursor: pointer;
}
.submit > a{
      color: white;
}
.submit > a:hover{
      text-decoration:none;
}

@media (max-width: 767px) {
      .menu {
            margin-top: 0px;
            font-size: 14px !important;
            border-radius:4px;  
                  -webkit-border-radius: 4px;
                  -moz-border-radius: 4px;
      }



 
}