/*-------------------------------------------------------------- 
                           GLOBAL
---------------------------------------------------------------*/
.input-error {
    width: 100%;
    margin-top: .25rem;
    color: #dc3545;
    font-weight: 700;
}
.input-success {
    width: 100%;
    margin-top: .25rem;
    color: #28a745;
    font-weight: 700;
}
i.fas,
  i.fab {
    font-size: 3.5rem;
  }
#message-div {
    position: absolute;
    width: 80%;
    left: 10%;
    z-index: 300;
    box-shadow: 0 0 2px 25px white;
}
.edit-btn {
    width: 100%;
}
.edit-in-admin-btn {
    position: fixed;
    right: 50px;
    top: 90px;
    z-index: 100;
    background-color: #fff;
    opacity: 0.9;
}
.print-btn {
    position: fixed;
    right: 180px;
    top: 90px;
    z-index: 100;
    background-color: #fff;
    opacity: 0.9;
}
.delivery-docket-btn {
    position: fixed;
    right: 248px;
    top: 90px;
    z-index: 100;
    background-color: #fff;
    opacity: 0.9;
}
.save-btn {
    position: fixed;
    width: 80px;
    right: 90px;
    top: 90px;
    z-index: 100;
    opacity: 0.9;
}
.cancel-btn {
    position: fixed;
    width: 80px;
    right: 180px;
    top: 90px;
    z-index: 100;
    opacity: 0.9;
}
.QUO td {
    background-color: #b8daff;
    border-color: #7abaff;
}
.PRO td {
    background-color: #d6d8db;
    border-color: #b3b7bb;
}
.INP td {
    background-color: #c3e6cb;
    border-color: #8fd19e;
}
.FIN td {
    background-color: #c6c8ca;
    border-color: #606162;
    color: #606162
}
.CAN td {
    background-color: #f5c6cb;
    border-color: #ed969e;
}
.DIS td {
    border-top: 1px solid #dee2e6;
}
.TBI td {
    background-color: #ffd8fa;
    border-color: #feb2f4;
}
#pagination {
    position: fixed;
    bottom: 30px;
}
/*-------------------------------------------------------------- 
                        MAIN LAYOUT
---------------------------------------------------------------*/
nav {
    background-color: #003165;
}
.log-link {
    background-color: #007bff;
    color: #fff !important;
    border-radius: 3px;
    margin-left: 12px;
    width: 80px;
    text-align: center;
}
#main-container {
    padding-top: 28px;
}
/*-------------------------------------------------------------- 
                         HOME PAGE
---------------------------------------------------------------*/
#home-grid {
    padding: 32px;
}
.home-icon-img {
    height: 50px;
}
a.home-card,
a.home-card:hover {
    margin: auto;
    color: #007bff;
    text-decoration: none;
    cursor: pointer;
}
.home-card {
    text-align: center;
}
.home-card .card-body p {
    min-height: 3rem;
}
.card {
    border-radius: 0 !important;
    border: 1px solid rgb(108, 117, 125);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.4);
}
/*-------------------------------------------------------------- 
                        CREATE ORDER
---------------------------------------------------------------*/
.create-note {
    color: #6c757d;
}
/*-------------------------------------------------------------- 
                       ADD ORDER ITEMS
---------------------------------------------------------------*/
.highlight {
    display: inline-block;
    width: 160px;
    font-weight: 500;
    padding: 2px;
}
/*-------------------------------------------------------------- 
                        ORDERS LIST
---------------------------------------------------------------*/
.order-view {
    display: block;
}
/*-------------------------------------------------------------- 
                        DETAILS PAGE
---------------------------------------------------------------*/
.details-main-heading {
    margin: 8px 0 20px;
    font-weight: 300;
    font-size: 28px;
    color: #191818;
}
.details-heading {
    width: 100%;
}
.details-heading h2 {
    margin: 0;
    padding: 8px;
    font-weight: 400;
    font-size: 13px;
    text-align: left;
    background: #427ebf;
    color: #fff;
}
.details-body {
    width: 100%;
}
.details-section {
    padding: 12px;
}
.details-title {
    display: inline-block;
    width: 160px;
    color: #427ebf;
    font-weight: 300;
}
.details-info {
    display: inline-block;
}
.details-table thead th {
    color: #427ebf;
    font-weight: 500;
}
/*-------------------------------------------------------------- 
                         EDIT PAGE
                *Inherits from details page*
---------------------------------------------------------------*/
.edit-info {
    display: inline-block;
    max-width: 60px;
}
#freight-comment-label {
    vertical-align: top;
}
#id_freight_comment {
    width: 500px;
}
/*-------------------------------------------------------------- 
                        MULTI ORDERS
---------------------------------------------------------------*/
#multi-order-form .col-form-label {
    text-align: right;
}
/*-------------------------------------------------------------- 
                        PRINT PAGE
---------------------------------------------------------------*/
#print-btn {
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 100;
    opacity: 0.9;

}
#page-header {
    padding-bottom: 10px;
}
#logo {
    display: block;
    width: 400px;
}
#branding p {
    padding: 12px;
}
#order-details {
    padding-bottom: 10px;
}
#order-details h2 {
    text-align: right;
}
#order-details table {
    float: right;
}
#order-details table tr td {
    min-width: 128px;
}
#comment-data {
    min-width: 320px;
    height: 120px;
}
.print-heading {
    color: #fff;
    background-color: #002448;
    border-color: #454d55;
    border-bottom-width: 2px;
    vertical-align: bottom;
    border-bottom: 2px solid #454d55;
    padding: .2rem;
    text-align: left;
    padding-left: 8px;
}
.table .thead-dark th {
    background-color: #002448;
    border-color: #454d55;
}
#items-table-row {
    min-height: 640px;
}
#items-table td {
    font-size: 14px;
}
#print-qty {
    text-align: center;
}
#print-product-code {
    min-width: 140px;
}
#order-number {
    margin: 0px;
    padding: 1px;
}
#conditions{
    font-size: 0.8rem;
}
#terms {
    padding: 8px;
}
#page-footer {
    padding: 0;
    text-align: center;
}
#page-footer p {
    font-size: 0.8rem;
    padding: 0;
    margin: 0;
}
#salesperson {
    display: inline-block;
    width: 50%;
}
#order-copy-info {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #fff;
}
/*-------------------------------------------------------------- 
                        DOCKET PAGE
---------------------------------------------------------------*/
#docket-items-table-row {
    min-height: 980px;
}
#docket-items-total {
    text-align: right;
}
#doc-items-table td {
    font-size: 18px;
}
/*-------------------------------------------------------------- 
                        ORDER LIST
---------------------------------------------------------------*/
#status-choice {
    padding: 10px 0px;
}
/*-------------------------------------------------------------- 
                        FIND ORDER
---------------------------------------------------------------*/
#find-order-btn {
    margin-top: 38px;
    width: 110px
}
#search-result-success, #search-result-failure {
    padding: 8px 16px;
    margin-top: -5px;
}
/*-------------------------------------------------------------- 
                          REPORTS
---------------------------------------------------------------*/
#item-table th {
    background-color: #fff;
    color: #454d55;
} 
#item-table td {
    text-align: center;
}
#report-download-btn {
    position: fixed;
    right: 50px;
    top: 90px;
    z-index: 100;
    background-color: #fff;
    opacity: 0.9;
}
#report-download-btn:hover {
    color: #28a745;
    background-color: #cae9d1;
}
.report-info {
    text-align: left;
}
/*-------------------------------------------------------------- 
                          PRINTING
---------------------------------------------------------------*/
@media print  
{
    .report-item {
        page-break-inside: avoid;
    }
    #items-table-row tr {
        page-break-inside: avoid;
    }
    #comment-freight-row, #page-footer, #terms {
        page-break-inside: avoid;
    }

    #report-download-btn {
        display: none;
    }

    #order-table {
        page-break-inside: avoid;
    }
}
/*-------------------------------------------------------------- 
                  BULK ORDER CHECKBOX GRID
---------------------------------------------------------------*/
.checkbox-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
    gap: 10px;
    padding: 15px 10px 15px 35px;
    border: 1px solid #303133;
    margin-bottom: 20px;
}
.checkbox-grid label {
    display: flex;
}
.checkbox-grid input[type="checkbox"] {
    margin-right: 5px;
}
#stores_list_form {
    margin-bottom: 50px;
}
#select_all_div {
    align-content: center;
}