*
{
  font-family:arial;
    font-weight: normal;
    font-size: 11pt;
   
}
#correct {
  height: 7px;
  background: #56d800;
  border: 3px solid #008000;
  }
form
{
    background-color: #ecf7fc;
    border: 3px solid #3b3b3b;
    width: 330px;
    border-radius: 3px;
    margin: 8px auto;
    padding: 5px;
}
 label
 {
  color:black;
  padding-left: 10px;
  margin-top: 0.5em;
  display: inline-block;
  }  
 input {
    width : 300px;
    padding: 4px 10px;
    Margin: 5px 10px 10px 10px; 
    box-sizing: border-box;
    border:2px solid #d0deea;
    }
  
    .emsg{
      color: red;
  }
  .hidden {
       visibility:hidden;
  }




  #div_error
  {
    margin:auto;
    display:none;
    color: white ;
    width:24%;
    margin:0 auto;
    clear:both;
    height: 18px;
    border: thin solid rgb(82, 78, 78);
    
    background-color:red;
    padding:10px;
  }
 /* label span {
    font-size: 1rem;
  }
 }*/
  
  input.error {
      border: 1px dashed red;
      font-weight: 300;
      color: red;
  }
  .error{
   
    border: thin solid #F00;	
  }
 
  #error::placeholder{
    color:red;	
  }
    input:focus{
    outline: none;
  }
  .error {
    width: 100%;
    margin:20px o;
    text-align: center;
    background-color: #e42e2e;
    color: #FFF;
    height: 25px;
    padding-top: 10px;
  }
  
  label.error {
    display: inline;
  }
  .errorSpan{
    display:block;
    width:80%;
    margin:0 auto;
    clear:both;
    border: thin solid #F00;
    border-radius:15px;	
    background-color:#FFCCCD;
    padding:10px;
  }
  input[type=submit] {
    
    padding : 5px;
    
    color: #3b3b3b;
    border : 2px solid #333;
    border-radius: 150px;
    background-color: #f0f5f8;
    cursor : pointer;
    text-align: center;
    width: 165px;
    border-color: #bfd0e1;
    margin: 5px 80px;
    
  }
  button:hover,
  button:focus {
    outline     : none;
    background  : #000;
    color       : #FFF;
  }