/* Responsive adjustments for smaller screens */
/* Media query for smaller screens */
@media (max-width: 750px) and (orientation: portrait){
    div#new-employee-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 form#new-employee-form{
    display: inline-block;
}

.page-id-15 table.form-table{

    display:flex;
}

.page-id-15 p{


    margin-bottom: 0;
  }
.page-id-15 div.new-employee-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 #new_last_name,
#new_first_name, #new_employee_type,
#new_employee_address, #new_employee_phone,
#new_pay_rate{

    width: 100%;
}


#emp-submit-div{

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

/* Style the form submit button */
#emp-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: 110px;
   
}

#emp-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);
}