body {
    background: rgba(0,0,0,0.03);
    color: #2a292f;
}

p {

}

#purchaseOrderTable,
#documentsTable {
    border: 1px solid #dee2e6;
    border-radius: .25rem;
}

#purchaseOrderTable thead tr th,
#documentsTable thead tr th {
    border-top: 0;
}

.document-image {
    width: 1px;
}

.document-image i {
    font-size: 24px;
}

@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
    .document-image {
        display: none;
    }
}



/* Custom Card CSS */
.card-header {
    background: #fff;
    border: 0;
}

.card-title {
    padding: .5rem;
    border-bottom: 4px solid #2a292f;
}

.card-title h5 {
    margin-bottom: 0;
}

/* Custom Card CSS */
.modal-header {
    border: 0;
}

.modal-title {
    padding: .5rem;
    width: 100%;
    border-bottom: 4px solid #2a292f;
}

.modal-title h5 {
    margin-bottom: 0;
}

/* Custom Datatables CSS */

/* Date Time Picker */
.bootstrap-datetimepicker-widget .table td,
.bootstrap-datetimepicker-widget .table th {
    border-top: 1px solid #ffffff00;
}

.bootstrap-datetimepicker-widget {
    width: 300px !important;
}

/* Responsive Tables */
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    table, thead, tbody, th, td, tr {
        display: block;
    }

    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    tr {
        border-top: 1px solid #ccc;
    }

    td {
        border: none;
        border-top: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
        text-align: left;
        min-height: 49px;
    }

    td.text-right {
        text-align: left !important;
    }

    td:before {
        position: absolute;
        top: 11px;
        left: 11px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
    }

    td:before {
        content: attr(data-label);
        font-weight: bold;
    }
}