@media only screen and (max-width: 768px) {
    
    .container {
      border: solid 1px #888;
      min-height: 1080px;
      margin-left: 0px;
      width: auto;
    }
    
    .formNav {
        height: auto;
        padding: 0;
        position: relative;
        width: 100%;
        z-index: 0;
    }
    
    .formNav>ul {
      display: inline-block;
      list-style: none;
      margin: 0;
      padding: 0;
    }
    
    .formNav>ul>li {
      display: inline-block;
      margin: 0;
      padding: 0;
    }
    
    .formNav>ul>li>a {
      display: inline-block;
      font-size: 14px;
      margin: 0;
      padding: 8px;
    }
    
    .navActive {
      background-color: rgb(0, 95, 164);
      color: #333;
    }
    
    .emp_content {
        background-color: #eee;
        display: none;
        height: 0px;
        margin: 0;
        width: 100%;
        overflow: hidden;
        transition: 0.5s;
        visibility: hidden;
    }
    
    .emp_content>ul {
      display: block;
      list-style: none;
      margin: 0;
      padding: 0;
    }
    
    .emp_content>ul>li {
      display: block;
      margin: 0;
      padding: 0;
    }
    
    .emp_content>ul>li>a {
      color: #333;
      display: block;
      margin: 0;
    }
    
    .emp_content>ul>li>a:hover {
      background-color: #FFF;
    }
    
    .program_select {
        margin-bottom: 8px;
        padding: 8px;
    }
    
    .program_select>form {
        margin: 0;
        width: 100%;
    }
    
    
    .program_select>form>label, .program_select>form>input {
        display: block;
        margin: 12px auto;
        padding: 8px 4px;
        text-align: center;
        width: 100%;
    }
    
    .program_select>form>input {
        text-align: left;
        width: 300px;
    }
    
    .program_select>form>button {
        background-color: #999;
        border: none;
        border-radius: 3px;
        cursor: pointer;
        display: block;
        margin: 8px auto;
        padding: 12px 8px;
        width: 310px;
    }
    
    .measure_details>h2 {
        font-size: 32px;
    }
    
    .measure_details, .measure_details>form {
        overflow: auto;
        width: 100%;
    }
    
    .measure_details>form>table {
        border-collapse: collapse;
        margin: 25px auto;
        overflow-x: scroll;
        width: 700px;
    }
    
    .measure_details>form>table>thead #measure_description {
        width: 250px;
    }
    
    .measure_details>form>table>thead {
        background-color: #002943;
    }
    
    .measure_details>form>table>thead th {
        color: #FFF;
        padding: 10px 0;
        text-align: center;
    }
    
    .measure_details>form>table>tbody>tr {
        border-bottom: solid 1px #eee;
    }
    
    .measure_details>form>table>tbody>tr:nth-of-type(even) {
        background-color: #eee;
    }
    
    .measure_details>form>table>tbody>tr>td>input {
        border: none;
        color: #111;
        font-size: 14px;
        font-weight: 300;
        margin: 4px 0;
        padding: 4px;
        width: 250px;
    }
    
    .measure_details>form>table>tbody>tr>td>.pay_amt, .measure_details>form>table>tbody>tr>td>.bonus_pt {
        background-color: rgba(255,255,255,0);
        border: none;
        margin: auto 35%;
        text-align: center;
        width: 50px;
    }
    
    .measure_details>form>table>tbody>tr>td>.measure_name {
        background-color: rgba(255,255,255,0);
    }
    
    #measure_edit, #measure_edit_submit {
        margin: 15px auto;
        width: 100%;
    }
    
    #measure_edit_submit {
        display: none;
    }
    
    #measure_edit>#edit_btn {
        left: 90%;
    }
    
    #measure_edit_submit>#cxl_btn, #measure_edit_submit>#sub_btn {
        left: 82%;
    }
    
    .pass, .error, .warn, .notice {
        margin: 0;
        padding: 16px 0px;
        width: 100%;
    }
    
    .employeeBox {
        float: left;
        height: 100%;
        width: 100%;
    }
    
    .employeeInfo {
        float: left;
        margin: 5px;
        width: 99%;
    }
    
    .employeeInfo>h1 {
        background-color: #002943;
        color: #FFF;
        padding: 5px;
    }
    
    .employeeInfo>p {
        display: inline-block;
        padding: 3px;
        text-align: right;
        width: 100px;
    }
    
    .employeeInfo>p+span {
        color: #999;
        padding: 3px;
    }
    
    .employeeSummary, .employeeBtn {
        width: 99%;
    }
    
    .employeeWorkTbl {
        width: 99%;
    }
    
    .employeeWorkTbl>table>thead th, .employeeSummary>table>thead th {
        background-color: #002943;
        color: #FFF;
        padding: 14px 8px;
    }
    
    .employeeWorkTbl>table>tbody>tr:nth-of-type(even), .employeeSummary>table>tbody>tr:nth-of-type(even) {
        background-color: #eee;
    }
    
    .employeeWorkTbl>table>tbody>tr>td, .employeeSummary>table>tbody>tr>td {
        padding: 4px 0px;
        text-align: center;
    }

}