/* 
 * My Account Quotes Endpoint 
 */

/* 
 * Single Quote View
 */

/* Core Layout */
.pri-qu-quote {
    display:flex;
    flex-flow:column nowrap;
    row-gap:2em;
}
.pri-qu-quote .navigation {
    display:flex;
    flex-flow:row nowrap;
    font-size:0.9em;
    justify-content:space-between;
}
.pri-qu-quote .header .title {
    font-size:1.5em;
    font-weight:700;
    text-align:center;
    color:var(--text-color);
    padding-bottom:0.8em;
}
table.dataTable td,
table.dataTable th {
  white-space: normal;
  word-break: break-word; /* helps for long product names/links */
}

/* Fieldsets */
fieldset.pri-qu-card {
    min-width:0;
    padding: 1em;
    padding-bottom:1.4em;
	border: 1px solid var(--border-color);
	border-radius: 5px;
	box-shadow: var(--box-shadow-default);
}
fieldset.pri-qu-card legend {
	color: var(--text-color);
	font-weight: 700;
	font-size: 16px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}
a.icon-only,
button.icon-only {
    border: 0;
    background-color: transparent;
    padding: 0;
    margin: 0;
    font-size:1.1em;
}
.icon-only.view-pdf {
    color:var(--dark-pri-blue);
}
.icon-only-view-quote {
    color:var(--bg-color);
}
.icon-only.pri-qu-buy-now {
    color:var(--purple);
}
.icon-only:hover {
    color:var(--gray);
    cursor:pointer;
}

/* Grids */
.pri-grid-wrapper .row {
    display:grid;
}
.pri-grid-wrapper .header .row {
    font-weight: 700;
    background-color: var(--mid-blue-2);
    align-items: center;
    color: var(--dark-pri-blue);
    border-bottom: 2px solid var(--dark-pri-blue);
    border-top: 2px solid var(--dark-pri-blue);
    padding: 5px;
    font-size: 1em;
}
.pri-grid-wrapper .body .row {
    padding:5px;
}
.pri-grid-wrapper.quote-list-grid .body .row {
    padding:10px 5px;
    align-items:center;
}
.pri-grid-wrapper .body .row:not(.totals):nth-child(even) {
    background-color: #eee;
}
.pri-grid-wrapper .body .row {
    border-bottom: 1px solid var(--mid-blue-1);
}
.pri-grid-wrapper .body .row.subtotal {
    border-top:2px solid var(--mid-blue-1);
}
.pri-grid-wrapper .body .totals .col {
    color:var(--dark-pri-blue);
}
.pri-grid-wrapper .body .totals .col.totals-label {
    font-weight:700;
}
.pri-grid-wrapper .body .totals.total{
    font-weight:700;
    font-size:1.1em;
    border-bottom:2px solid var(--button-bg-color);
    background-color:var(--bg-color);
}
.pri-grid-wrapper .body .totals .col.discount-amount {
    color:var(--pink);
}
.pri-grid-wrapper .body .totals .col .detail {
    font-style:italic;
    font-weight:400;
    font-size:0.9em;
}
.col.flex-col {
    display:flex;
    flex-flow:column wrap;
    row-gap:0.3em;
}
.col.flex-col.align-center {
    align-items:center;
}
.quote-list-grid {
    font-size:0.85em;
}
.quote-list-grid .row {
    grid-template-columns: 0.8fr 0.8fr 0.6fr 1.1fr 1.1fr 1fr;
    column-gap:5px;
}
.quote-grid .row {
    grid-template-columns:repeat(auto-fill, minmax(31%, 1fr));
}
.quote-grid.quote-lead-grid .row {
    grid-template-columns:repeat(auto-fill, minmax(23%, 1fr));
}
.address-grid .row {
    grid-template-columns:repeat(auto-fill, minmax(48%, 1fr));
}
.items-grid .row {
    grid-template-columns: 0.14fr 0.5fr 1fr 0.3fr 0.3fr;
    column-gap:5px;
}
.items-grid .row.totals .totals-label {
    grid-column: 2/5;
}
.pri-grid-wrapper .row .col {
    text-align:center;
}
.pri-grid-wrapper .row .col.center {
    text-align:center;
}
.pri-grid-wrapper .row .col.left {
    text-align:left;
}
.pri-grid-wrapper .row .col.right {
    text-align:right;
}
.pri-grid-wrapper .row .col .description {
    text-align:left;
}
.pri-grid-wrapper .row .col .htc {
    font-size:0.8em;
    text-align:left;
    white-space:nowrap;
    padding:0.2em 0;
}
.pri-grid-wrapper .notes-wrapper {
    display:flex;
    flex-flow:column nowrap;
    row-gap:1em;
}
details.terms summary {
    background-color: var(--button-bg-color);
    color: var(--white);
    font-size: 1.1em;
    font-weight: 700;
    padding: 0.5em;
    border-radius: 5px;
}
details.terms summary:hover {
    background-color:var(--bg-color);
    color:var(--text-color);
    cursor:pointer;
}
.terms-wrap {
    font-size: 0.9em;
    margin-top:1em;
    padding:0 0.3em;
}
.terms-title {
    font-size: 1.2em;
    font-weight: 700;
    margin: 4px 0 12px;
    color: var(--dark-pri-blue);
}
.terms-wrap p {
    color: var(--gray);
}
.terms-section {
    font-weight: 700;
    margin: 14px 0 6px;
    color: var(--mid-blue-1);
}
.quote-list-grid .body .col[data-label="Actions"] {
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    justify-content:center;
    column-gap:0.5em;
}
.quote-list-grid .body .col[data-label="Actions"] a {
    flex-basis:1.6em;
}
.notes-wrapper {
    font-size:0.9em;
    display:flex;
    flex-flow:column nowrap;
    row-gap:0.5em;
}
.pri-qu-c2c-wrapper {
	display: flex;
    flex-flow: column nowrap;
    row-gap: 1em;
	font-size:0.9em;
	color:var(--white);
}
.pri-qu-c2c-wrapper .row {
	display: flex;
    flex-flow: row nowrap;
    column-gap: 1em;
    justify-content: space-between;
}
.pri-qu-cart-quote-message-mini-cart,
.pri-qu-cart-quote-message-checkout,
.pri-qu-cart-quote-message-cart {
	display:flex;
	flex-flow:row nowrap;
	border:1px solid var(--orange);
	border-radius:5px;
	background-color:var(--light-orange);
	color:var(--orange);
	font-weight:700;
	align-items:center;
	padding:0.5em;
}
.pri-qu-cart-quote-btn[disabled] {
	cursor:not-allowed;
	opacity:0.5;
}
.pri-qu-cart-quote-btn {
    max-height:fit-content;
    max-width:fit-content;
}
[data-grid-element="checkout-discounts"] {
    grid-template-columns: 0.5fr 1fr;
}
#order_review .discounts .title {
    display: flex;
    flex-flow: column nowrap;
}
#order_review .discounts .title .label {
    font-weight: 400;
    white-space: nowrap;
    font-size: 0.9em;
    font-style: italic;
}
#order_review .discounts .discount-value {
    font-style:italic;
    color:var(--mid-blue-2);
}
#order_review .shipping .title {
    white-space:nowrap;
}
#payment .form-row.place-order {
    visibility:hidden;
    display:none;
}

@media screen and (max-width:500px) {
    .quote-list-grid .row {
        grid-template-columns:1fr;
    }
    .quote-list-grid .row {
        display: flex;
        flex-flow: column nowrap;
        row-gap: 0.5em;
    }
    .quote-list-grid .body .row .col[data-label="Quote #"] {
        font-weight:700;
    }
}