/* The Modal (background) 
.modal {
    display: none; 
    position: fixed;
    z-index: 99; 
    left: "0px";
    top: "300px";
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.5); 
  }
  */
  .modal{
    display: none;
    position: absolute;
  left: 15px;
  top: 142px;
  background-color: transparent;
  width: 310px;
  padding: 0px;
  z-index: 1;
  overflow: auto; 

  }
  
  /* Modal Content/Box 
  .modal-content {
    text-align: center;
    color: white;
    background-color: rgb(48, 48, 48);
    margin: 15% auto; 
    padding: 0;
    border: 1px solid #888;
    width: 25%;
  }
  */
  /* The Close Button */
  .clearBtn {
    width: 100px;
    color:white;
    background-color: rgb(155, 0, 0);
    margin-left:10px;
    border-radius: 5px;
    padding: 5px;
    opacity: 0.5;
    border:0;
    outline:none;
  }

  .clearBtn:hover:enabled {
    background-color: rgb(228, 0, 0);
  }

  .searchBtn {
    width: 100px;
    color:white;
    background-color: rgb(1, 133, 1);
    border-radius: 5px;
    padding: 5px;
    opacity: 0.5;
    border:0;
    outline:none;
  }

  .searchBtn:hover:enabled {
    background-color: #5acf5e; /* Green */
  }

  .img_sml{
    float: left;
    padding: 5px 10px 5px 10px;
    height: 14px;
  }
  
  .close:hover,
  .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }

  .submitBtn{
    margin-top: 10px;
    padding: 6px 10px 6px 10px;
    color: white;
    border-radius: 6px;
    background-color: rgb(1, 133, 1);
    font-size: 14px;
    float: right;
  }

  .submitBtn:hover {
    background-color: #4CAF50;
    
  }
  
  .credits{
    font-size: 12px;
  }