/* The popup form - hidden by default */

.form-popup {

    position: fixed;

    bottom: 10px;

    right: 10%;

     /* border: 3px solid  #015782; */

     border: none;

    border-radius: 10px;

    z-index: 9;

    display: none;



  }



  /* Add styles to the form container */

  .form-container {

    max-width: 300px;

    padding: 10px;

   /* background-color: white;*/

    background-color: #015782 ;

    border-radius: 10px;

  }

  

  /* Full-width input fields */

  .form-container input[type=text], .form-container input[type=password]{

    width: 92%;

    padding: 5px;

    margin: 5px 0 22px 0;

    border: none;

    background:#fff;

  }

  

  .form-container  textarea{

    background: #fff;

    border: none;

    padding: 15px;

    font-family: Arial, Helvetica, sans-serif;

    width: 92%;

  

  }

  

  .form-container  textarea:focus{

    background-color: #ddd;

   

  }

  /* When the inputs get focus, do something */

  .form-container input[type=text]:focus, .form-container input[type=password]:focus {

    background-color: #ddd;

    outline: none;

  }

  .form-container label{

     font-size: 80%;

  }

  

  /* Set a style for the submit/login button */

  .form-container .btn {
    color: white;
    cursor: pointer;
    width: 40%;
    margin-top:5%;
    margin-left: 5%;
    /*opacity: 0.8; 
 padding: 8px;
    float: left;*/
    border: 2px solid white;
  border-radius: 5px;
  background-color: #015782;
  color: white;
  font-size: 110%;
  font-weight: bold;
  }
  /* Add a red background color to the cancel button */

  .form-container .cancel {

    background-color: red;

  }

  

  /* Add some hover effects to buttons */

  .form-container .btn:hover, .open-button:hover {

    opacity: 1;

  }
 /*
  #reference {

    display: none;

  }
    */