/* Responsive adjustments for smaller screens */
/* Media query for smaller screens */
@media (max-width: 750px) and (orientation: portrait){
    div#time-tracker-inner-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 div#time-tracker-outer-div{

    display: block;

}


.page-id-15 div#time-tracker-inner-div{

    display: inline-block;
    padding: 10px;
    border: 2px solid silver;

}

.page-id-15 div#time-tracker-inner-div{
	display: inline-block;
    border:
    5px solid #212121;
    outline: 2px ridge silver;
    padding: 15px;
    color: silver;
    background: rgb(61,54,30);
    background: linear-gradient(0deg, rgba(51,46,30,0.9808123933167017) 0%, rgba(47,43,35,1) 35%); 
}


/* Time Tracker Form */
.page-id-15 form#time-tracker-form {
    display: inline-block;
    flex-wrap: wrap;
    gap: 10px; /* Adjust the gap as needed */
    margin-bottom: 10px;
}

/* Time Tracker Form */
.page-id-15 form#time-tracker-form div.form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Adjust the gap as needed */
    margin-bottom: 10px;
    border-bottom: none;
}

.page-id-15 form#time-tracker-form div.form-group {
    min-width: 10px; /* Adjust the minimum width as needed */
    text-align: center;
}

.page-id-15 #time-tracker-form label {
    display: block;
    margin-bottom: 5px;
    width:max-content;
    color: #b8a680;
}

.page-id-15 select#time-tracker-form,
input#time-tracker-form[type="text"],
input#time-tracker-form[type="date"],
textarea#time-tracker-form  {
    width: 100%;
    padding: 8px;
    box-sizing: border-box; /* Include padding and border in the element's total width and height */

}

.page-id-15 textarea#notes {
    height: 50px;
    float:left;
}

.page-id-15 input#display_amount_owed {
    height: 25px;
    width:130px;
}


#time-submit-div{

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

/* Style the form submit button */
#time-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;
   
}

#time-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);

}