/*==========================================================
    DS Steel Quote
    site-custom.css
==========================================================*/

/* PWA Details */

/* =========================================================
   Quote Details
   ========================================================= */

.quote-detail-label {
    font-size: 0.8rem;
    color: #6c757d;
    margin-bottom: 0.15rem;
}

.quote-total {
    font-size: 1.5rem;
    font-weight: 600;
}


/* =========================================================
   Quote Line Mobile Cards
   ========================================================= */

.quote-line-card {
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
}

    .quote-line-card:last-child {
        border-bottom: 0;
    }

.quote-line-label {
    font-size: 0.8rem;
    color: #6c757d;
    margin-bottom: 0.15rem;
}

.quote-line-pricing {
    background-color: #f8f9fa;
    border-radius: 0.375rem;
    padding: 0.75rem;
}


/* =========================================================
   Mobile adjustments
   ========================================================= */

@media (max-width: 575.98px) {

    .quote-total {
        font-size: 1.35rem;
    }

    .quote-line-card {
        padding: 0.875rem;
    }
}

/* PWA Details*/
/* index QUOTE */
/* =========================================================
   Quote List
   ========================================================= */

.quote-list-card {
    border-radius: 0.5rem;
}

.quote-list-label {
    font-size: 0.8rem;
    color: #6c757d;
    margin-bottom: 0.15rem;
}

.quote-list-total {
    background-color: #f8f9fa;
    border-radius: 0.375rem;
    padding: 0.75rem 1rem;
}


/* =========================================================
   Mobile Quote List
   ========================================================= */

@media (max-width: 575.98px) {

    .quote-list-card .btn {
        min-height: 44px;
    }
}
/* index QUOTE */

/* report */
/* =========================================================
   Report
   ========================================================= */

.report-summary-label {
    font-size: 0.8rem;
    color: #6c757d;
    margin-bottom: 0.15rem;
}

.report-summary-value {
    font-size: 1.35rem;
    font-weight: 600;
}

.report-card {
    border-radius: 0.5rem;
}

.report-card-label {
    font-size: 0.8rem;
    color: #6c757d;
    margin-bottom: 0.15rem;
}

.report-card-total {
    background-color: #f8f9fa;
    border-radius: 0.375rem;
    padding: 0.75rem 1rem;
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 575.98px) {

    .report-summary-value {
        font-size: 1.15rem;
    }

    .report-quote-card .btn {
        min-height: 44px;
    }
}

/* report */
/* user admin*/
/* =========================================================
   User Administration
   ========================================================= */

.user-admin-card {
    border-radius: 0.5rem;
}

.user-admin-label {
    font-size: 0.8rem;
    color: #6c757d;
    margin-bottom: 0.15rem;
}


/* =========================================================
   Mobile User Administration
   ========================================================= */

@media (max-width: 575.98px) {

    .user-admin-card .btn {
        min-height: 44px;
    }
}

/* user admin*/




/* PRINT /EMAIL */
@media print {
    .navbar,
    .footer,
    .no-print {
        display: none !important;
    }
}


/*----------------------------------------------------------
    Page Headings
----------------------------------------------------------*/

.page-title {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: .25rem;
}

.page-subtitle {
    font-size: .95rem;
    color: #6c757d;
}


/*----------------------------------------------------------
    Cards
----------------------------------------------------------*/

.card-header {
    font-weight: 600;
}

.card-footer {
    background-color: #f8f9fa;
}


/*----------------------------------------------------------
    Labels
----------------------------------------------------------*/

.label-sm {
    font-size: .80rem;
    font-weight: 600;
}

.label-md {
    font-size: .95rem;
    font-weight: 600;
}

.label-lg {
    font-size: 1.10rem;
    font-weight: 600;
}


/*----------------------------------------------------------
    Inputs
----------------------------------------------------------*/

.input-sm {
    max-width: 120px;
}

.input-md {
    max-width: 220px;
}

.input-lg {
    max-width: 400px;
}


/*----------------------------------------------------------
    Numeric Fields
----------------------------------------------------------*/

.numeric {
    text-align: right;
    font-variant-numeric: tabular-nums;
}


/*----------------------------------------------------------
    Currency
----------------------------------------------------------*/

.currency {
    text-align: right;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.currency-lg {
    text-align: right;
    font-weight: 700;
    font-size: 1.20rem;
    font-variant-numeric: tabular-nums;
}


/*----------------------------------------------------------
    Read Only
----------------------------------------------------------*/

.readonly {
    background-color: #f8f9fa;
}


/*----------------------------------------------------------
    Tables
----------------------------------------------------------*/

.table-actions {
    width: 140px;
    white-space: nowrap;
}

.table-money {
    text-align: right;
    font-weight: 600;
}

.table-number {
    text-align: right;
}


/*----------------------------------------------------------
    Required Field Indicator
----------------------------------------------------------*/

.required::after {
    content: " *";
    color: #dc3545;
}


/*----------------------------------------------------------
    Spacing Helpers
----------------------------------------------------------*/

.section-space {
    margin-bottom: 1.5rem;
}

.field-space {
    margin-bottom: .75rem;
}

/* =========================================================
   QUOTE PREVIEW - PRINT
   ========================================================= */
@media print {

    .quote-preview .quote-preview-table {
        display: block !important;
    }

    .quote-preview .quote-preview-mobile {
        display: none !important;
    }

    .quote-preview .no-print {
        display: none !important;
    }

    .quote-preview .table-responsive {
        overflow: visible !important;
    }
}


/* =========================================================
   Customer Administration
   ========================================================= */

.customer-admin-card {
    border-radius: 0.5rem;
}

.customer-admin-label {
    font-size: 0.8rem;
    color: #6c757d;
    margin-bottom: 0.15rem;
}

@media (max-width: 575.98px) {

    .customer-admin-card .btn {
        min-height: 44px;
    }
}