tag around the table, or you are unable to set the thick outer border of the table. */
.report {font-family:Calibri, Tahoma, Verdana, sans-serif; font-size:9pt;}
.report a {color:#0000FF !important;}
.report table {width:100%; border-collapse:collapse; border:2px solid black; background-color:white; table-layout:fixed;}
.report th {border:1px solid black; text-align:left; background-color:white; color:black; padding:2px; line-height:100%;}
.report .big_column_title {font-weight:bold; font-style:italic; text-decoration:underline;}
.report .medium_column_title {font-weight:bold; font-style:italic; font-size:7pt;}
.report .small_column_title {font-weight:bold; font-style:italic; font-size:5.5pt;}
.report .right_thick_border {border-right:2px solid black;}
.report .bottom_thick_border {border-bottom:2px solid black;}
.report .top_thick_border {border-top:2px solid black;}
.report td {border:1px solid black; background-color:white; color:black; padding:2px; line-height:100%;}
.report thead {border:2px solid black;}
.report tfoot {border:2px solid black;}
.report .percent_low {color:#9C0006; background-color:#FFC7CE !important;}
.report .percent_medium {color:#9C6500; background-color:#FFEB9C !important;}
.report .percent_high {color:#006100; background-color:#C6EFCE !important;}
.report .percent_very_high {color:black; background-color:#00FF00 !important;}
.report .top_cells {border-collapse:collapse; border-top:2px solid black; border-left:2px solid black; border-right:2px solid black; background-color:white; color:black;}
.report .title {text-align:center; font-weight:bold; font-size:13pt; padding:2px 2px 4px 2px; border-bottom:1px solid black;}
.report .th_td_center {text-align:center;}
.company_report .datetime {font-size:8pt;}
.company_report .volunteer_delta {background-color:lightblue;}
.company_report .todo_done {text-align: center;}
.company_report .todo_not_done {text-align: center;}
.company_report .group_delta {background-color:tan;}
.company_report th:nth-child(1) {width:25%;}
.company_report th:nth-child(2) {width:10%;}
.company_report th:nth-child(3) {width:5%;}
.company_report th:nth-child(4) {width:4%;}
/* on target? */
.company_report th:nth-child(5) {width:11%;}
/* todo list */
.company_report th:nth-child(6) {width:1%;}
.company_report th:nth-child(7) {width:1%;}
/* 30% warning */
.company_report th:nth-child(8) {width:2%;}
/* group delta */
.company_report th:nth-child(9) {width:3.5%;}
.company_report th:nth-child(10) {width:3.5%;}
/* end group delta */
/* volunteer delta */
.company_report th:nth-child(11) {width:3.5%;}
.company_report th:nth-child(12) {width:3.5%;}
/* end volunteer delta */
.company_report th:nth-child(13) {width:3.5%;}
.company_report th:nth-child(14) {width:4%;}
.company_report th:nth-child(15) {width:4%;}
.company_report th:nth-child(16) {width:3.5%;}
.company_report th:nth-child(17) {width:3.5%;}
.company_report th:nth-child(18) {width:3.5%;}
.unpaid{background-color:red !important;}
.on_hold{background-color:#44CEFD !important;}
.draft{background-color:orange !important;}
.old{background-color:lightgray !important;}
.redirect{background-color:none !important;}
.open{background-color:lime !important;}
.above_target{background-color:lime !important;}
.around_target{background-color:yellow !important;}
.below_target{background-color:yellow !important;}
.way_below_target{background-color:red !important;}
.todo_not_done{background-color: yellow !important;}
.todo_done{background-color: lime !important;}
.volunteer_report .race_info {line-height:120%; padding:0.5em;}
.volunteer_report th.shift {width:19%;}
.volunteer_report th.date {width:8.5%;}
.volunteer_report th.time {width:12%;}
.volunteer_report th.check_in_location {width:17%;}
.volunteer_report th.distribution {width:14%;}
.volunteer_report th.actual_number_likely_to_show_up {width:4%;}
.volunteer_report th.target_number_of_vols {width:4.5%;}
.volunteer_report th.enrolled_on_website {width:3.5%;}
.volunteer_report th.percent_without_groups {width:4%;}
.volunteer_report th.adjusted_to_include_groups {width:4%;}
.volunteer_report th.percent_with_groups {width:5%;}
.volunteer_report th.request_on_website {width:4.5%;}
.volunteer_report tbody td.distribution {font-size:7pt;}
.volunteer_report .unbuffered {background-color:#DCE6F1;}
.volunteer_report .buffered {background-color:#FCD5B4;}
.volunteer_report .less_than_two_weeks_out {background-color:#F2CEEF;}
.volunteer_report .greater_than_two_weeks_out {background-color:#D9D9D9;}
.volunteer_report .missing {background-color:yellow;}
.volunteer_report .flaky_groups_check {background-color:#CCC0DA;}
.volunteer_report td.notes {word-wrap:normal; border:2px solid black; padding:0.5em;}
.volunteer_report .total_percent {font-size:150%; font-weight:bold;}
.volunteer_report .small_heading {font-size:80%; vertical-align: middle;}
.group_report {font-size:7pt;}
.group_report th.shift_name {width:15%;}
.group_report th.shift_details {width:9.5%;}
.group_report th.group_name {width:15%;}
.group_report th.signed_up {width:3%;}
.group_report th.number_pledged {width:3%;}
.group_report th.percent {width:3%;}
.group_report th.date_added {width:3.5%;}
.group_report th.notes {width:15%;}
.group_report th.group_leader_name {width:10%;}
.group_report th.group_leader_phone {width:8%;}
.group_report th.group_leader_email {width:15%;}
.group_report td.shift_details {font-size:6pt;}
.group_report td.notes {font-size:6pt;}
.signed_up_today{background-color:lime !important;}
.signed_up_yesterday{background-color:yellow !important;}
/*
.group_report {font-size:8pt;}
.group_report th.shift_name {width:17%;}
.group_report .shift_details {display:0;}
.group_report th.group_name {width:17%;}
.group_report th.signed_up {width:3.5%;}
.group_report th.number_pledged {width:3.5%;}
.group_report th.percent {width:3.5%;}
.group_report th.date_added {width:3.5%;}
.group_report th.notes {width:17%;}
.group_report th.group_leader_name {width:10%;}
.group_report th.group_leader_phone {width:8%;}
.group_report th.group_leader_email {width:17%;}
.group_report td.notes {font-size:7pt;}
.signed_up_today{background-color:lime !important;}
.signed_up_yesterday{background-color:yellow !important;}
*/
/*
.group_report th.shift_name {width:20%;}
.group_report th.group_name {width:23%;}
.group_report th.signed_up {width:4%;}
.group_report th.number_pledged {width:4%;}
.group_report th.percent {width:4%;}
.group_report th.group_leader_name {width:15%;}
.group_report th.group_leader_email {width:20%;}
.group_report th.group_leader_phone {width:10%;}
*/
.post_race_report th.shift {width:20%;}
.post_race_report th.date {width:10%;}
.post_race_report th.time {width:13%;}
.post_race_report th.check_in_location {width:19%;}
.post_race_report th.showed_up {width:4%;}
.post_race_report th.enrolled {width:4%;}
.post_race_report th.attrition_rate {width:4%;}
.post_race_report th.target {width:4%;}
.post_race_report th.percent_of_target {width:4%;}
.post_race_report th.notes {width:18%;}
.post_race_report tbody td.showed_up {color:#403151; background-color:#FABF8F;}
.post_race_report tbody td.notes {font-size:7pt;}
.post_race_report tfoot td.shift {background-color:gray;}
.post_race_report tfoot td.date {background-color:gray;}
.post_race_report tfoot td.time {background-color:gray;}
.post_race_report tfoot td.check_in_location {border-right:2px solid black; background-color:gray;}
.post_race_report tfoot td.attrition_rate {border-right:2px solid black; background-color:lightblue;}
.post_race_report tfoot td.percent_of_target {border-right:2px solid black;}
.post_race_report tfoot td.notes {background-color:gray;}
.list_of_companies td {font-size:8pt;}
.list_of_companies th:nth-child(1) {width:15%;}
.list_of_companies th:nth-child(2) {width:3%;}
.list_of_companies th:nth-child(3) {width:4%;}
.list_of_companies th:nth-child(4) {width:13%;}
.list_of_companies th:nth-child(5) {width:19%;}
.list_of_companies th:nth-child(6) {width:8%;}
.list_of_companies th:nth-child(7) {width:15%;}
.list_of_companies th:nth-child(8) {width:8%;}
.list_of_companies th:nth-child(9) {width:15%;}
.list_of_companies td:nth-child(9) {font-size:7pt;}
.list_of_companies .demo_or_test td {color:#D8D8D8 !important; background-color:white !important;}
.list_of_companies .demo_or_test a {color:#D8D8D8 !important;}
.shift_list_as_table {width:70%; font-size:12pt;}
.shift_list_as_table th:nth-child(1) {width:50%;}
.shift_list_as_table th:nth-child(2) {width:20%;}
.shift_list_as_table th:nth-child(3) {width:30%;}
.shift_list_as_table th {padding:0 0 0 4pt; margin:0;}
.shift_list_as_table td {padding:0 0 0 4pt; margin:0;}
/***************************************************************
Event Nav Dropdowns
***************************************************************/
/* Style The Dropdown Button */
.dropbtn {
background-color: #4CAF50;
color: white;
padding: 8px 16px;
font-size: 16px;
border: none;
cursor: pointer;
margin-bottom: 0.5em;
}
/* The container
- needed to position the dropdown content */
.dropdown {
position: relative;
display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 250px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
text-align: left;
}
/* Links inside the dropdown */
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
background-color: #3e8e41;
}