/* The popup form - hidden by default */

.form-popup {

    position: fixed;

    bottom: 10px;

    right: 10%;

    border: 3px solid  #000;

    border-radius: 10px;

    z-index: 9;

    display: none;



  }



  /* Add styles to the form container */

  .form-container {

    max-width: 400px;

    padding: 10px;

   /* background-color: white;*/

    background-color: beige ;

    border-radius: 10px;

  }

  

  /* Full-width input fields */

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

    width: 92%;

    padding: 15px;

    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;

  }

  

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

  .form-container .btn {

    background-color: slategrey;

    color: white;

    padding: 16px 16px;

    border: none;

    cursor: pointer;

    width: 45%;

    margin-bottom:5px;

    margin-left: 5%;

    /*opacity: 0.8; */

    float: left;

    

  }

  

  /* 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;

  }