tr[data-status='Planned'] {
    background-color: #3b1616;
}
tr[data-status='Started'] {
    background-color: #006400;
}
tr[data-status='Loading'] {
    background-color: #006400;
}
tr[data-status='In Route'] {
    background-color:  #00008B;
}
tr[data-status='Drop Loaded'] {
    background-color:  #4B0082;
}
tr[data-status='Staging'] {
    background-color: #BDB76B;
}
tr[data-status='Unloading'] {
    background-color: #B22222;
}

div[data-status='Planned'] {
    background-color: #3b1616;
}
div[data-status='Started'] {
    background-color: #006400;
}
div[data-status='Loading'] {
    background-color: #006400;
}
div[data-status='In Route'] {
    background-color:  #00008B;
}
div[data-status='Drop Loaded'] {
    background-color:  #4B0082;
}
div[data-status='Staging'] {
    background-color: #BDB76B;
}
div[data-status='Unloading'] {
    background-color: #B22222;
}
div[data-status='Complete'] {
    background-color: gray;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    background-color: gray;
}

main {
    background-color: transparent;
    margin-top: 58px;
    position: absolute;
    /* height: 100%; */
    width: 100%;
    color: white;
}

#number {
    color: #FFCC00;
}

table {
    margin-left: -20px;
    margin-right: -20px;
    width: 58vw;
}

.homepage {
    margin-top: 30px;
}

.headerclass > a {
    color: white;
}

.headerclass {
    color: white;
}

.accordion, .accordion-item {
    color: white;
    background-color: gray;
}

.accordion-item {
    border-radius: 10px; /* Adjust the value as needed */
    overflow: hidden;
    margin-bottom: 10px; /* Adjust the value as needed */
}

.accordion-button {
    border-radius: 10px; /* Adjust the value as needed */
}

  /* Target the first button */
.accordion-item:first-child .accordion-button {
    border-top-left-radius: 10px; /* Adjust the value as needed */
    border-top-right-radius: 10px; /* Adjust the value as needed */
}

#id_order_num, #id_carrier, #id_driver, #id_status, #id_unit_num, #id_shipper_location, #id_well, #id_sand_type, #id_shipper_bol, #id_northwest_bol, #id_net_weight, #id_loaded_miles, #id_total_miles, #id_started_arrival, #id_started_departure, #id_loading_arrival, #id_loading_departure, #id_staging_arrival, #id_staging_departure, #id_unloading_arrival, #id_unloading_departure, #id_shipper_bol_image, #id_northwest_bol_image, #id_date_0, #id_date_1{
    background-color: #DFE6E9;
}