label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

/* Main container div for each section*/
    div[name="container"] {
      min-height: 600px;
      padding-bottom: 100px;
    }
    
/* container children  */
@media (min-width: 768px){
        /* Create work order div */
        .create_wo_table td:nth-child(even) {
            padding: 35px 30px 0px 10px;
            font-size: large;
        }
        .create_wo_table td:nth-child(odd) {
            padding: 35px 0px 0px 30px;
            font-size: large;
        }
        .create_wo_table td input {
            padding: 3px 5px;
            font-size: large;
        }  

        .container-15-l  {
            float: left;
            width: 66.66666667%;
        }      
        .container-15-r {
            float: left;
            width: 33.33333333%;
        }   
        
        
}


        
/* The sidebar menu */
        .sidebar {
          height: 100%; /* 100% Full-height */
          width: 0; /* 0 width - change this with JavaScript */
          position: fixed; /* Stay in place */
          z-index: 1; /* Stay on top */
          left: 0;
          top: 0;
          background-color: #111; /* Black*/
          overflow-x: hidden; /* Disable horizontal scroll */
          padding-top: 40px; /* Place content 60px from the top */
          transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */
        }
        
        /* The sidebar links */
        .sidebar a {
          padding: 0px 8px 0px 32px;
          text-decoration: none;
          font-size: small;
          color: #818181;
          display: block;
          transition: 0.3s;
        }
        
        /* The sidebar headings */
        .sidebar span {
          padding: 20px 8px 2px 32px;
          text-decoration: none;
          font-size: 20px;
          color: #818181;
          display: block;
          transition: 0.3s;
        }
        
        /* When you mouse over the navigation links, change their color */
        .sidebar a:hover {
          color: #f1f1f1;
        }
        
        /* Position and style the close button (top right corner) */
        .sidebar .closebtn {
          position: absolute;
          top: 0;
          right: 25px;
          font-size: 36px;
          margin-left: 50px;
        }
        
        /* The button used to open the sidebar */
        .openbtn {
          font-size: 20px;
          cursor: pointer;
          background-color: #333f48;
          color: white;
          padding: 10px 15px;
          border: none;
        }
        
        .openbtn:hover {
          background-color: #444;
        }
        
        /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
        #w-node-_1a104c75-3bd8-12c6-f829-14ff7191809c-84247ea8_h {
          transition: margin-left .5s; /* If you want a transition effect */
        }
        
        /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
        @media screen and (max-height: 450px) {
          .sidebar {padding-top: 15px;}
          .sidebar a {font-size: 18px;}
        }