table thead {text-decoration:underline;}
h1 {font-size:1.5em;}
a {color:#3333cc;}
a:hover {color:#3366ff;}

header .logo {margin-left:20px;}
header #logout {float:right;margin-right:20px;font-size:1.5em;}
header #logout a {color:#6ccfff;}
.main_box {padding-top:0px;}
#content {min-width:700px;width:90%;margin:0 auto 0 auto;}
.services {text-align:left;margin:0px 10px 0px 10px;padding:10px;min-height:500px;}
.template {display:none;}
table .total {font-weight:bold;border-top:1px solid black;}
table .total .label {text-align:right;padding-right:20px;}
.date {white-space:nowrap;}

.component {margin-bottom:30px;}
.component > table {margin-top:10px;}
.component table tbody td {padding-bottom:4px;}
.component table tr.editing {background-color:#e3e3e3;border:1px solid #aeaeae;}
.component table tr.editing td {padding:4px;}
.component table tr.editing input[type="text"] {width:95%;}
.component table tr.error td {padding:0 0 0 4px;}

.panel {height:1px;}
.panel .align_left {float:left;}
.panel .align_right {float:right;}
.error {color:#ff1919;}

#login_component label {display:inline-block;width:80px;margin-bottom:8px;}

#jobs_component table {width:100%;}
#jobs_component .col1 {width:30%;}
#jobs_component .col2 {width:15%;}
#jobs_component .col3 {width:30%;}
#jobs_component .col4 {width:10%;}
#jobs_component .col5 {width:15%;}

#materials_component table {width:100%;max-width:700px;}
#materials_component .col1 {width:40%;}
#materials_component .col2 {width:15%;}
#materials_component .col3 {width:15%;}
#materials_component .col4 {width:30%;}

#job_log_component #comments {display:none;}
#job_log_component #comments textarea {width:100%;max-width:600px;height:100px;}
#job_log_component table {width:100%;max-width:800px;}
#job_log_component .col1 {width:20%;}
#job_log_component .col2 {width:40%;}
#job_log_component .col3 {width:10%;}
#job_log_component .col4 {width:10%;}
#job_log_component .col5 {width:20%;}

#job_report_component #comments-form {margin:20px 0 20px 0;}
#job_report_component #comments {width:70%;max-width:600px;height:150px;padding:2px;margin:2px;}
#job_report_component table {width:100%;}
#job_report_component .col1 {width:20%;}
#job_report_component .col2 {width:40%;}
#job_report_component .col3 {width:20%;}
#job_report_component .col4 {width:20%;}

#contractor_report_component table {width:100%;max-width:600px;}
#contractor_report_component .col1 {width:20%;}
#contractor_report_component .col2 {width:60%;}
#contractor_report_component .col3 {width:20%;}

footer {padding-left:20px;}

@media only screen and (max-width: 767px) 
{
 header {padding:30px 0 30px;}
}

#quotes_list_component table {width:100%;}
#quotes_list_component .col1 {width:30%;}
#quotes_list_component .col2 {width:15%;}
#quotes_list_component .col3 {width:30%;}
#quotes_list_component .col4 {width:10%;}
#quotes_list_component .col5 {width:15%;}

#quotes_component label {display:inline-block;width:140px;margin-bottom:3px;}
#quotes_component h2 {font-family:initial;font-size:1.0em;line-height:1.0em;text-transform:none;text-decoration:underline;font-weight:bold;margin:15px 0 5px 0;}
#quotes_component p.total {margin-top:20px;font-size:1.5em;font-weight:bold;text-align:right;}
#quotes_component p.error {margin:10px 0 0 0;}
#quotes_component table {width:100%;max-width:700px;}
#quotes_component table input {width:40px;}
#quotes_component .col1 {width:60%;}
#quotes_component .col2 {width:10%;}
#quotes_component .col3 {width:10%;}
#quotes_component .col4 {width:10%;}
#quotes_component .col5 {width:10%;}

#vehicle_log_component table {width:100%;}
#vehicle_log_component table td {padding:0px 4px 0 4px;}
#vehicle_log_component table input {width:100%;}
#vehicle_log_component table input[type="button"] {width:50%;}
#vehicle_log_component table input[type="checkbox"] {width:10%;}
#vehicle_log_component table select {width:100%;}
#vehicle_log_component .col1 {width:20%;}
#vehicle_log_component .col2 {width:15%;}
#vehicle_log_component .col3 {width:10%;}
#vehicle_log_component .col4 {width:10%;}
#vehicle_log_component .col5 {width:35%;}
#vehicle_log_component .col6 {width:10%;}

#vehicle_report_component table {width:100%;max-width:600px;}
#vehicle_report_component .col1 {width:20%;}
#vehicle_report_component .col2 {width:20%;}
#vehicle_report_component .col3 {width:20%;}
#vehicle_report_component .col4 {width:40%;}