/* reset */
html {box-sizing: border-box; font-size:14px;}
*, *:before, *:after {box-sizing: inherit;}
body, h1, h2, h3, h4, h5, h6, p, ul {margin: 0;  padding: 0; font-weight: normal;}
input, select  {font-size:14px;}
/* page styles */

body         {font-family:Verdana, Geneva, sans-serif; line-height:1.5; background:#eee;}
header       {background:#339; text-align:right; padding:5px; margin-bottom:10px;}
header p     {color:#eee; font-size:90%; font-weight:bold; display:inline-block; margin-right:10px;}
header form  {display:inline-block;}

main         {max-width:900px; margin:auto; background:#fff; padding:0px 20px 20px; margin-bottom:40px;}

h1           {font-family: 'Libre Baskerville', serif; font-size:50px; letter-spacing:5px; color:#009;
              transform: scale(1, 0.78); }
h1 a         {color:#009; text-decoration:none; display:block; border-bottom:2px solid #009;}

table        {border-collapse: collapse; width:750px; margin:auto;}
tr           {border-bottom:1px solid #ccc; }
/* tr:nth-child(even) {background-color: #f2f2f2;} */
td           {padding:8px 0px; }
td a         {display:block; text-decoration:none; color:#000;}
th           {text-align:left; background-color:#fcfcfc}
iframe       {width:100%}
#current_jobs {height:600px;}
.add td      {padding-top:30px; background:#fcfcfc}

.vehicle-list {list-style-type:none; column-count: 5;}
.vehicle-list li {display:block; position:relative; width:140px; font-family: 'Courier New', Courier, monospace;}
.vehicle-list input[type=button] {position:absolute; right:0px; font-size:50%;}

.users       {margin-top:20px; margin-bottom:50px;}
.users input {border:none; outline:none;}
.users select {border:none; outline:none;}
.users input[type=text] {width:120px;}
.users .pw input {width:100px;}
.users input[type=submit] {width:70px; text-align:center; padding:2px; border: 1px solid #ccc;}
.users input[type=button] {width:70px; text-align:center; padding:2px; border: 1px solid #ccc;}
.users .add input {border: 1px solid #ccc;}

#login form  {display:block; width:230px; border:2px solid #000; padding:20px; margin:100px auto;}
#login label {display:inline-block; width:100px; font-size:90%}
#login input {display:inline-block; width:100%; }

.dashboard      {text-align: center;}
.dashboard ul   {list-style:none; display:table-row;}
.dashboard li   {display:table-cell; padding:10px;}
.dashboard li a {font-weight:bold; text-decoration:none; display:block; text-align:center; background:#cef;
                 border:0px; border-radius:3px; padding:3px 8px;}


#end_minute, #end_hour, #job_minute, #job_hour, #job_day, #job_month {width:initial}
#revise-end_time, #revise-odometer, #revise-parts_used, #revise-parts_req, #revise-cust_order_no {display:none}    

    