/* Responsive adjustments for smaller screens */
/* Media query for smaller screens */
@media (max-width: 750px) and (orientation: portrait){
  div#upload_my-form-div {
      zoom: 75%;
      -moz-transform: scale(100%);/* Firefox Property */
      -moz-transform-origin: 0 0;
      -o-transform: scale(100%);/* Opera Property */
      -o-transform-origin: 0 0;
      -webkit-transform: scale(100%);/* Safari Property */
      -webkit-transform-origin: 0 0;
      transform: scale(100%); /* Standard Property */
      transform-origin: 0 0;  /* Standard Property */
      float: left
      }
  }

.page-id-15 .hidden-content {
    border: none;
}  

.page-id-15 div.upload_my-form-div{

    display: inline-block;
    border:
    5px solid #212121;
    outline: 2px ridge silver;
    padding: 15px;
    color: silver;
    background: rgb(61,54,30);
    background: radial-gradient(circle, rgba(61,54,30,0.9808123933167017) 0%, rgba(47,43,35,1) 75%); 
    min-width: 400px;
  }

.page-id-15 div::before.upload_my-form-div{

    border:
    2px solid silver;
}

.page-id-15 input#upload_receipt-file{

    color: transparent;
}

.page-id-15 .red-text {
    color: red;
  }

  .page-id-15 .yellow-text {
    color: yellow;
  }

  .page-id-15 .green-text {
    color: green;
  }

  .page-id-15 input.hidden-file-input {
    display: none; /* Hide the default file input */
  }
  
  .page-id-15 .upload_file-label {
    /* Style your label here to look like a button or whatever you want */
    background-color: #212121;
    border: 1px solid black;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 4px;
    height: 30px;
  }

  .page-id-15 h3#top-label-receipt-file{

    margin-bottom: 20px;
  }

 


.page-id-15 #upload-view-window{

  border: 2px solid rgb(25, 25, 25);
  margin-top: 25px
}

.page-id-15 p#upload-pdf-label, p#upload-selected-label{

  color: #b8a680;
  margin-bottom: 10px;
  font-size: 20px;
}

.page-id-15 #upload-selected-file-name{

  margin-top: 3px;

}

/*turns file select text green when file is selected*/
.page-id-15 input#upload_file-name{

  background-color: transparent;
  color: green;
  border-radius: 4px;
  border: 1px solid black;
  margin-top: 3px;
  margin-bottom: 10px;
  width: 95%;
  text-align: center;
  margin: 10px
  
}

/*file select text size*/
body .upload_file-label{
  font-size: medium
}

#upload-submit-div{

  margin-top: 15px;
  text-align: right;
}

/* Style the form submit button */
#upload-submit-div button[type="submit"] {
  background-color: #212121;
  color: silver;
  border-radius: 4px;
  border: 1px solid black;
  outline: 2px ridge rgb(84, 84, 84);
  cursor: pointer;
  height: 35px;
  width: 100px;
 
}

#upload-submit-div button[type="submit"]:hover {
  background-color: #7e7853;
  -webkit-box-shadow:0px 0px 17px 5px rgba(97,93,73,0.9);
  -moz-box-shadow: 0px 0px 17px 5px rgba(97,93,73,0.9);
  box-shadow: 0px 0px 17px 5px rgba(97,93,73,0.9);

}