* {
  font-family: arial ;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
 body {
  background: #054585;
  font-family: "Roboto";
  padding: 20px;
   }
 .container {
  background: #fff;
  max-width: 700px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
   }

 .panel-heading {
 width: 100%;
  background: #1D76D2;
  
  }
  .panel-body {
    background:#fff;
    max-width: 600px;
    margin: auto;
    padding:10px; 
  }

.input {
        position: relative;
        font-family: arial;
        padding: 5px;
        font-size: 14px;
        color: #373d3d;
        width: 100%;
        border: none;
        box-shadow: 0px 0px 0px 0px;
        outline: none;
        background: none;
        border-radius:0px;
        border-bottom:1px  solid #39c;
         }
.input:focus{
   outline: none;

   border-bottom: 2px solid #139191; 
}
.control-label{
   
font-family: arial ;
color: #777171;
font-size: 12px;

    }
h3{
font-family: arial ;
color: #edf4f4

}
.error{
     border-bottom: 2px solid #d1072d; 

}