.dkblue {
    background-color: #00529c;
    color: #fff;
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #111;
    font-weight: bold;
    font-size: 0.9em;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
    padding: 10px 18px;
    border-bottom: 1px solid #111;
    font-weight: bold;
    font-size: 0.9em;
}

table.dataTable tbody tr {
    background-color: #e8ecee;
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
    background-color: #bebebe;
}

.btnborder {
    border: 1px solid #00529c !important;
    padding: 6px 8px 6px 8px !important;
    background-color: #ffffff !important;
}

.dkbluefont {
    color: #00529c !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

#top-bar-text {
    white-space: auto !important
}

td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}

.data-table-container #example {
    width: 100%;
    max-width: 100% !important;

}

#example_filter {
    margin-bottom: 10px;
    display: none !important;
}

body {
    font-family: 'Arial', sans-serif;
    font-size: 80%/1.25em !important;
}

table.dataTable tbody tr {
    background-color: #e8ecee;
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
    background-color: #bebebe;
}

.dkblue {
    background-color: #00529c;
    color: #fff;
}

.whiteborder {
    border: #fff 2px solid;
}

.dataTables_length {
    padding: 10px;
}

.dkbluefont {
    color: #00529c !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

#example_filter {
    margin-bottom: 10px;
    display: none !important;
}

.cell-border {
    border-color: #fff !important;
    border-size: 2px;
}

.expandBtn {
    float: left;
}

.filterBtn {
    float: right;
}

/*
2 - Pro
3 - Shipper
4 - City/State/Prov
5 - Consignee
6 - City
7 - State/Prov
8 - Service Mode
9 - Pickup Date
10 - ETA
11 - Actual Delivery Date
12 - Delivery Status
13 - Bill of Lading
14 - PO Number
15 - Shipping Number
*/
/* Hide the Bill of Lading column */
th:nth-child(13) {
    display: none !important;
}

td:nth-child(13) {
    display: none !important;
}

/* Hide the PO column */
th:nth-child(14) {
    display: none !important;
}

td:nth-child(14) {
    display: none !important;
}

/* Hide the Shipping Number column */
th:nth-child(15) {
    display: none !important;
}

td:nth-child(15) {
    display: none !important;
}

@media only screen and (max-width:1199px) {
    th:first-child {
        display: none !important;
    }

    th:nth-child(3),
    th:nth-child(4),
    th:nth-child(6),
    th:nth-child(7),
    th:nth-child(8),
    th:nth-child(9),
    th:nth-child(10),
    th:nth-child(13) {
        display: none !important;
    }

    td:first-child {
        display: none !important;
    }

    td:nth-child(3),
    td:nth-child(4),
    td:nth-child(6),
    td:nth-child(7),
    td:nth-child(8),
    td:nth-child(9),
    td:nth-child(10),
    td:nth-child(13) {
        display: none !important;
    }

    .expandBtn {
        display: none !important;
    }

    .filterBtn {
        display: none !important;
        text-align: center !important;
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {

    /*@media only screen and (min-width:768px) and (max-width:1200px) {*/
    th:first-child {
        display: none !important;
    }

    th:nth-child(4),
    th:nth-child(5),
    th:nth-child(6),
    th:nth-child(7),
    th:nth-child(13) {
        display: none !important;
    }

    td:first-child {
        display: none !important;
    }

    td:nth-child(4),
    td:nth-child(5),
    td:nth-child(6),
    td:nth-child(7),
    td:nth-child(13) {
        display: none !important;
    }
}

/*
320px—480px: Mobile devices
481px—768px: iPads, Tablets
769px—1024px: Small screens, laptops
1025px—1200px: Desktops, large screens
1201px and more— Extra large screens, TV
*/
table.dataTable th,
td {
    font-size: 0.9rem;
}

.btnborder {
    border: 1px solid #00529c !important;
    padding: 6px 8px 6px 8px !important;
    background-color: #ffffff !important;
}

button,
input[type=button],
input[type=submit] {
    background-image: none !important;
    border-radius: 0px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

#titlebar-breadcrumb {
    display: none;
}

.form-control {
    padding: 2px !important;
}

thead select {
    width: 100%;
    font-size: 0.75rem;
}

thead th:nth-child(-n + 2) select {
    display: none;
}

.dkblue {
    background-color: #00529c;
    color: #fff;
    padding: 10px 20px 10px 20px;
}

.dkbluetable {
    background-color: #00529c;
    color: #fff;
    padding: 10px;
}

.whitetable {
    background-color: #e8ecee;
    color: #00529c;
    padding: 10px;
}

.whiteborder {
    border: #fff 2px solid;
}

.tracking-dkbluefont {
    color: #00529c;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 20px 10px 20px;
}

.gridleft {
    width: 48%;
    float: left;
}

.gridright {
    width: 48%;
    float: left;
}

.deliverstatus {
    width: 100%;
}

@media only screen and (max-width: 1280px) {
    .gridleft {
        width: 100%;
        float: none;
    }

    .gridright {
        width: 100%;
        float: none;
    }

    .deliverstatus {
        display: none;
    }
}

.odd {
    background-color: #ffffff;
}

.even {}

#table1 td {
    padding: 10px !important;
}

#titlebar {
    border-bottom: 1px solid #ebebeb;
    position: relative;
    background-color: #00539c;
    color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    image-rendering: optimizeQuality;
    padding: 15px 0;
}

#example a {
    text-decoration: none;
}