/** css related to Uppy **/
.uppy-Dashboard-progressindicators,
.uppy-Dashboard-close,
.uppy-Dashboard-dropFilesHereHint,
.uppy-Dashboard-inner{
    display:none;
}

.image.image-placeholder #fileUploader{
    border:500px solid transparent;
    bottom:0;
    cursor:pointer;
    font-size:10em;
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    z-index:3
}
/* Sign-in Information */

.cart.table-wrapper .col.proposal_price {

    padding-top: 20px;

}

.cart.table-wrapper .control.proposal_price .price-add-rmv {

    margin-top: 5px;

}

#loading_quote { display:none; text-align:center; height:100%; width:100%; text-align:center; background-color:rgba(255,255,255,0.4); position:fixed; top:0; left:0; z-index:99999; }

#loading_quote > div { padding-top:15%; }

#loading_quote img { max-width:200px; }

#shiiping_address_loading {

    display: none;

    text-align: center;

    height: 100%;

    width: 100%;

    text-align: center;

    background-color: rgba(255,255,255,0.4);

    position: absolute;

    top: 50%;

    left: 0;

    z-index: 99;

    right: 0;

}

#shiiping_address_loading > div { padding-top:15%; }

#shiiping_address_loading img { max-width:50px; }

.quotation-quote-index .form.password.reset, 

.quotation-quote-index .form.send.confirmation, 

.quotation-quote-index .form.password.forget, 

.quotation-quote-index .form.create.account { min-width: 100%; width: 50%; }

.quotation-quote-index .fieldset.login .actions-toolbar > .primary{ margin-right: 10px; }

.quotation-quote-index .fieldset { margin: 0 0 20px; }

#quote-req-account { margin: 15px 0; }

#quote-req-account #quote-req-customer-account, #quote-req-account label { vertical-align: middle; }

#quote-create-action { margin-top: 15px; }

.quote-summary-inner .action.primary{ text-transform: capitalize; width: 100%; padding: 12px 15px; font-size: 14px; }

#fieldset_shipping .legend,

#fieldset_shipping_method .legend{ margin-top: 10px; }

.box-tocart .action.toquote.quote-btn-list { width: 100%; }

.wishlist-index-index .product-item-inner .comment-box{ width: 90%; margin-left: auto; margin-right: auto; }

.wishlist-index-index .products-grid .product-item .product-item-inner{ margin: 9px 0 0 -1px; }



.quote.table-wrapper .quote thead tr th.col { border-bottom: 1px solid #cccccc; padding-bottom: 15px; padding-top: 24px; }

.quote.table-wrapper .col.qty .input-text { height: 36px; margin-top: -7px; text-align: center; width: 45px; }



/* Quote Page */

.quotation-quote-index .fieldset .legend > span{ font-weight: 500; }

.quote-container:before,

.quote-container:after { content: ""; clear: both; display: block; }

.quote-container .form-cart { width: 71%; float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; padding-right: 4%; position: relative; }

.quote-summary { width: 25%; float: left; -ms-flex-order: 2; -webkit-order: 2; order: 2; position: relative; margin-bottom: 25px; }

.quote-summary-inner { background: #f5f5f5; padding: 20px;   position: relative;  }

.quote-summary .title-s { margin-top: 0; font-size: 16px; }

.quote-summary .selected_address { border: 1px solid #ff5501; padding: 5px 10px; }

.quote-summary .proceed-to-checkout { width: 100%; line-height: 2.2rem; padding: 14px 17px; font-size: 1.8rem; }

.quote-summary ul { list-style: none; padding: 0; margin: 0; }

.quotation-quote-index .opc-wrapper { width: 100% !important; }

.quotation-quote-index #quotation-fields { padding: 15px 0 0 0; }

.quotation-quote-index #billing { margin: 25px 0; }

.quotation-quote-index #billing .billing-same-as-shipping { padding: 20px 0; }

.quotation-quote-index .fieldset > .field > .label { font-weight: 400; }

.quotation-quote-index #checkout { padding: 15px; }

.quotation-quote-index .opc-wrapper .shipping-address-item { width: 50% !important; }

.quotation-quote-index .hide-field { display: none !important; }

div.date-zone { font-size: 16px; margin: 5px 0; text-align: right; }

.quotation-quote-index .quotation-product-comment { margin-top: 20px; min-height: 100px; min-width: 225px; }

#shopping-quote-table .qty .add-row-tier:after,

#shopping-quote-table .qty .add-row-tier:before { content: ""; clear: both; display: table; }

#shopping-quote-table .qty input { float: left; width: 70px; display: block; text-align: center; margin-bottom: 5px; margin-right: 5px; }

#shopping-quote-table .qty .btn-remove-quote-tier:before { display: none; }

#shopping-quote-table .qty .btn-remove-quote-tier { color: #000; text-transform: uppercase; background: #ddd; display: inline-block; margin: 6px 0 5px; width: 22px; height: 20px; line-height: 17px; overflow: hidden; text-align: center; }

#shopping-quote-table .qty .btn-remove-quote-tier:before { content: ''; background: url(../../frontend/CTheme/Toolmart/en_US/Magebees_QuotationManager/images/close-icon.png) no-repeat; width: 20px; height: 14px; overflow: hidden; font-weight: normal; -webkit-font-smoothing: antialiased;

	display: inline-block; vertical-align: middle; text-align: center; margin: 0; text-align: center; background-position: center; }

#shopping-quote-table .add-qty-link { color: #fff; font-size: 12px; text-transform: uppercase; background: #006bb4; display: inline-block; padding: 4px 8px; cursor: pointer; }

#shopping-quote-table .product-item-name { font-size: 16px; }

#shopping-quote-table .action { margin-right: 15px; }

#shopping-quote-table .actions-toolbar>.action-edit { right: 30px; }

#shopping-quote-table .action.update { margin-right: 0; }

#shopping-quote-table td.col.qty { padding-right: 0; text-align: center; width: 97px; }

#shopping-quote-table td.col.qty .field.qty:after { content: ''; clear: both; display: block; }

#shopping-quote-table td.col.qty .field.qty .control.qty > div > input.qty { width: 92px; }

#shopping-quote-table td.col.qty .field.qty .control.qty > div.add-row-tier > input.qty { width: 70px; }



#my-quote-table td.col.qty { min-width: 40px; }

#my-quote-table td.col.subtotal { min-width: 65px; text-align: right }

#my-quote-table tr.shipping_estimate_note td { text-align: left !important; }



.block.block-quote-details-view { margin-bottom: 0 !important; }

/* End Quote Page */



.box-tocart.update .box-tocart .action.toquote, .box-tocart.update .action.tocart { width: 100%; }



.quotation-quote-view .order-status { border-color: #ff5501; }



.block-miniquote .items-total { float: none; margin: 0 10px; }

.block-miniquote .items-total .count { font-weight: 700 }

.block-miniquote .subtotal { margin: 0 10px; text-align: right; }

.block-miniquote .amount .price-wrapper:first-child .price { font-size: 18px; font-weight: 700; }

.block-miniquote .subtitle { display: none; }

.block-miniquote .subtitle.empty { display: block; padding: 30px 0 20px; text-align: center; font-size: 14px; }

.block-miniquote .text.empty { text-align: center }

.block-miniquote .block-content > .actions { margin-top: 15px; }

.block-miniquote .block-content > .actions > .secondary { text-align: center; }

.block-miniquote .block-content > .actions > .primary { margin: 0 10px 15px; }

.block-miniquote .block-content > .actions > .primary .action.primary { display: block; width: 100%; line-height: 2.2rem; padding: 14px 17px; font-size: 1.8rem; }

.block-miniquote .block-content > .actions .paypal-logo { margin-top: 15px; text-align: center; }

.block-miniquote .block-category-link,

.block-miniquote .block-product-link,

.block-miniquote .block-cms-link,

.block-miniquote .block-banners { margin: 15px 0 0; text-align: center; }

.miniquote-wrapper .action.showquote img { content: ''; display: inline-block; position: relative; width: 19px; height: 20px; display: inline-block; vertical-align: top;

    text-align: center; margin: 0;background-size: 100%; }

.miniquote-wrapper { display: inline-block; float: right; margin-left: 15px; }

.minicart-wrapper { position: inherit; }

.miniquote-wrapper:before,

.miniquote-wrapper:after { content: ""; display: table; }

.miniquote-wrapper:after { clear: both; }

.miniquote-wrapper .action.showquote { cursor: pointer; display: inline-block; text-decoration: none; margin-top: 5px; }

.miniquote-wrapper .action.showquote:hover:before { color: #333333 }

.miniquote-wrapper .action.showquote:active:before { color: #8f8f8f }

.miniquote-wrapper .action.showquote.active { display: inline-block; text-decoration: none; margin-bottom: 3px; }

.miniquote-wrapper .action.showquote.active:hover:before { color: #333333; }

.miniquote-wrapper .action.showquote.active:active:before { color: #8f8f8f; }

.miniquote-wrapper .block-miniquote, .minicart-wrapper .block-miniquote { padding: 0; list-style: none none; box-sizing: border-box; background: #fff; border: 1px solid #bbb; position: absolute;

	z-index: 100; top: 100%; min-width: 0; margin: 8px 0 0 0; display: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); }

.miniquote-wrapper .block-miniquote li { margin: 0; }

.miniquote-wrapper .block-miniquote li:hover { cursor: pointer; }

.miniquote-wrapper .block-miniquote:before,

.miniquote-wrapper .block-miniquote:after { content: ""; position: absolute; display: block; width: 0; height: 0; border-bottom-style: solid; }

.miniquote-wrapper .block-miniquote:before { top: -12px; left: 10px; z-index: 99; border: solid 6px; border-color: transparent transparent #ffffff transparent; }

.miniquote-wrapper .block-miniquote:after { top: -14px; left: 9px; z-index: 98; border: solid 7px; border-color: transparent transparent #bbbbbb transparent; }

.miniquote-wrapper.active { overflow: visible; }

.miniquote-wrapper.active .block-miniquote { display: block; margin-top: -24px; }

.miniquote-wrapper .block-miniquote { padding: 25px 20px; right: 5px; width: 390px; margin-top: -28px; }

.miniquote-wrapper .block-miniquote .block-title { display: none; }

.miniquote-wrapper .block-miniquote:after { left: auto; right: 51px; }

.miniquote-wrapper .block-miniquote:before { right: 52px; left: auto; }



.miniquote-wrapper .product .actions { float: right; margin: -24px 0 0; }

.miniquote-wrapper .product .actions > .primary, .miniquote-wrapper .product .actions > .secondary { display: inline; }

.miniquote-wrapper .product .actions > .primary:not(:last-child), .miniquote-wrapper .product .actions > .secondary:not(:last-child) { margin-right: 15px; }

.miniquote-wrapper .action.close { width: 40px; height: 40px; top: 0; right: 0; position: absolute; background: none; border: 0; margin: 0; padding: 0; -moz-box-sizing: content-box;

	box-shadow: none; text-shadow: none; line-height: inherit; font-weight: 400; display: inline-block; text-decoration: none; }

.miniquote-wrapper .action.close:focus, .miniquote-wrapper .action.close:active,

.miniquote-wrapper .action.close:hover { background: none; border: none; }

.miniquote-wrapper .action.close.disabled,

.miniquote-wrapper .action.close[disabled],

fieldset[disabled] .miniquote-wrapper .action.close { cursor: not-allowed; pointer-events: none; opacity: .5; }

.miniquote-wrapper .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.miniquote-wrapper .action.close:before { content: ''; background: url(../../frontend/CTheme/Toolmart/en_US/Magebees_QuotationManager/images/close-icon.png) no-repeat center center; width: 14px; height: 14px; overflow: hidden; font-weight: normal; -webkit-font-smoothing: antialiased;

	display: inline-block; vertical-align: top; text-align: center; margin: 0; }

.miniquote-wrapper .action.close:hover:before,

.miniquote-wrapper .action.close:active:before { color: inherit; }

.miniquote-wrapper .action.showquote { white-space: nowrap; position: relative; }

.miniquote-wrapper .action.showquote .counter.qty { background: #ff5501; border-radius: 100%; color: #ffffff; font-size: 12px; clip: auto; display: inline-block; height: 18px; line-height: 18px;

	min-width: 18px; margin: 0; padding: 0; overflow: hidden; text-align: center; white-space: normal; position: absolute; top: -14px; right: -8px; }

.miniquote-wrapper .action.showquote .counter.qty.empty { display: none; }

.miniquote-wrapper .miniquote-widgets { margin-top: 15px; }

.miniquote-items-wrapper { border: 1px solid #ccc; margin: 0 -20px; border-left: 0; border-right: 0; overflow-x: auto; padding: 15px; clear: both; }

.miniquote-items { margin: 0; padding: 0; list-style: none none; max-height: 170px; overflow: auto;}

.miniquote-items .product-item { padding: 20px 0; }

.miniquote-items .product-item:not(:first-child) { border-top: 1px solid #cccccc; }

.miniquote-items .product-item:first-child { padding-top: 0; }

.miniquote-items .product-item-pricing .label { display: inline-block; width: 4.5rem; }

.miniquote-items .price-miniquote { margin-bottom: 5px; }

.miniquote-items .product-item-name { font-weight: 400; margin: 0 0 10px; }

.miniquote-items .product-item-name a { color: #1979c3; }

.miniquote-items .product-item-details { padding-left: 88px; }

.miniquote-items .product-item-details .price { font-weight: 700; }

.miniquote-items .product-item-details .price-including-tax,

.miniquote-items .product-item-details .price-excluding-tax { margin: 5px 0; }

.miniquote-items .product-item-details .weee[data-label] { font-size: 1.1rem; }

.miniquote-items .product-item-details .details-qty { margin-top: 10px; } 

.miniquote-items .product > .product-item-photo,

.miniquote-items .product > .product-image-container { float: left; }

.miniquote-items .product .toggle { cursor: pointer; margin-bottom: 0; position: relative; padding: 0 40px 10px 0; display: block; text-decoration: none; }

.miniquote-items .product .toggle:after { content: ''; background: url(../../frontend/CTheme/Toolmart/en_US/Magebees_QuotationManager/images/arw-u-d.png) no-repeat 0 -6px; width: 11px; height: 9px; -webkit-font-smoothing: antialiased; color: inherit; margin: 3px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; position: absolute; right: 5px; }

.miniquote-items .product .active > .toggle:after { background-position: 0 2px; }

.miniquote-items .product.pricing { margin-top: 3px; }

.miniquote-items .product.options .tooltip.toggle { display: inline-block; text-decoration: none; }

.miniquote-items .product.options .tooltip.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.miniquote-items .product.options .tooltip.toggle:after { font-family: 'luma-icons'; content: '\e622'; font-size: 12px; line-height: 12px; color: inherit; overflow: hidden; font-weight: normal; -webkit-font-smoothing: antialiased; display: inline-block; vertical-align: middle; text-align: center; margin: -3px 0 0 7px; }

.miniquote-items .product.options .details { display: none }

.miniquote-items .item-qty { width: 40px; text-align: center; margin-right: 10px; }

.miniquote-items .update-quote-item { vertical-align: top; font-size: 1.1rem; }

.miniquote-items .action.edit, .miniquote-items .action.delete { display: inline-block; text-decoration: none; }

.miniquote-items .action.edit > span, .miniquote-items .action.delete > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.miniquote-items .action.edit:before, .miniquote-items .action.delete:before { content: ''; background: url(../../frontend/CTheme/Toolmart/en_US/Magebees_QuotationManager/images/edit-icon-m.png) no-repeat 0 0; width: 17px; height: 18px; overflow: hidden; font-weight: normal; -webkit-font-smoothing: antialiased; display: inline-block; vertical-align: middle; text-align: center; }

.miniquote-items .action.delete:before { background-position: 0 -21px; }

.miniquote-items .subtitle { display: none; }

.miniquote-wrapper .action.showquote .text,

.miniquote-wrapper .action.showquote .counter-label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }



.actions-toolbar .action-edit,

.actions-toolbar .action-delete { float: right; }



/* Request for Quote button */

.product-item .tocart { margin-top: 5px; width: 100%; }

.box-tocart .action.tocart,

.box-tocart .action.toquote { margin-bottom: 0; margin-right: 1%; width: 49%; }

#magebees-addtoquote-button, .quote-btn-list { font-size: 1.3rem; background: #fff; border: solid 2px #ff5501; color: #000; box-shadow: none !important; border-radius: 0; margin-top: 5px; }

#magebees-addtoquote-button:focus, .quote-btn-list:focus,

#magebees-addtoquote-button:hover, .quote-btn-list:hover { background: #ff5501; border: solid 2px #ff5501; color: #fff; box-shadow: none !important; }

#magebees-addtoquote-button { line-height: 2.2rem; padding: 14px 17px; font-size: 1.8rem; border-radius: 2px; }





/* Customer Quote Page */

.table-quote-items tfoot th,

.table-quote-items tfoot td { text-align: right; }

.table-quote-items .product-item-details { display: table-cell; vertical-align: top; white-space: normal; width: 99%; }

.table-quote-items .item-options,

.table-quote-items .product-item-details p { font-size: 13px; }

.table-quote-items .product-item-photo { display: table-cell; max-width: 100%; padding-right: 20px; position: static; vertical-align: top; width: 1%; }

.print_pdf { float: right; margin-top: 6px; }

#messageform fieldset { border: 0; background-color: #efefef; padding: 10px; margin: 20px 0; }

#message_tbl { width: 100% !important; }

.block-quote-details-view h4 { margin-bottom: 5px; }

.block-quote-details-view input { margin-bottom: 15px; }



#shopping-quote-table .actions-toolbar .action span { display: none; }

#shopping-quote-table .actions-toolbar .action { padding: 0; border: 0; background: none; }

#shopping-quote-table .actions-toolbar .action.action-edit:before,

#shopping-quote-table .actions-toolbar .action.action-delete:before { content: ''; background: url(../../frontend/CTheme/Toolmart/en_US/Magebees_QuotationManager/images/edit-icon-m.png) no-repeat 0 0; width: 17px; height: 18px; overflow: hidden; font-weight: normal; -webkit-font-smoothing: antialiased; display: inline-block; vertical-align: middle; text-align: center; }

#shopping-quote-table .actions-toolbar .action.action-delete:before { background-position: 0 -21px; }



/* Collapse Message CSS */

.quote-msg-collection .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin:0; padding: 12px 30px 12px 12px; font-size: 15px; font-weight: 600; }





.quote-msg-collection .ui-accordion .ui-accordion-content { padding: 12px; border-top: 0; overflow: auto; margin-bottom: 5px; }

.quote-msg-collection .ui-slider.ui-state-disabled .ui-slider-handle,

.quote-msg-collection .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }

.quote-msg-collection .ui-slider-vertical { width:.8em; height: 100px; }

.quote-msg-collection .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }

.quote-msg-collection .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }

.quote-msg-collection .ui-slider-vertical .ui-slider-range-min { bottom: 0; }

.quote-msg-collection .ui-slider-vertical .ui-slider-range-max { top: 0; }

.quote-msg-accordion .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; }

.quote-msg-accordion .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; }

.quote-msg-accordion .ui-widget-content a { color: #333333; }

.quote-msg-collection .ui-state-default,

.quote-msg-collection .ui-widget-content .ui-state-default,

.quote-msg-collection .ui-widget-header .ui-state-default { background: #ddd; font-weight: normal; color: #454545; }

.quote-msg-collection .ui-state-hover a, .quote-msg-collection .ui-state-hover a:hover,

.quote-msg-collection .ui-state-hover a:link, .quote-msg-collection .ui-state-hover a:visited,

.quote-msg-collection .ui-state-focus a, .quote-msg-collection .ui-state-focus a:hover,

.quote-msg-collection .ui-state-focus a:link, .quote-msg-collection .ui-state-focus a:visited { color: #2b2b2b; text-decoration: none; }

.quote-msg-collection .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); }

.quote-msg-collection .ui-state-active, .quote-msg-collection .ui-widget-content .ui-state-active,

.quote-msg-collection .ui-widget-header .ui-state-active { border: 1px solid #1979c3; background: #1979c3; font-weight: normal; color: #ffffff; }

.quote-msg-collection .ui-state-active a, .quote-msg-collection .ui-state-active a:link, .quote-msg-collection .ui-state-active a:visited { color: #ffffff; text-decoration: none; }

.quote-msg-collection .group-title { margin:25px 0 0; font-size:30px; text-transform: uppercase; line-height: 1.5; width: 100%; color: #00b4ff; font-weight: 600; }

.quote-msg-collection img.group-image { height: 100px; width: 100px; }

.quote-msg-collection { margin-bottom: 30px; float: left; width: 100%; }

.quote-msg-collection .ui-accordion .ui-state-default { position: relative; }

.quote-msg-collection .ui-accordion .ui-state-default:after { top: 17px; right: 15px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #000; border-width: 7px; margin-left: -7px; }

.quote-msg-collection .ui-accordion .ui-accordion-header-active:after { border-top-color: transparent; border-bottom-color: #ffffff; top: 10px; }

.product.info.detailed .quote-msg-collection .group-title { margin-top: 0; }



.quotation-quote-view .page-title { display: block; }

.quote-summary .block.shipping-address-qoute { margin-bottom: 10px; }

.quote-summary .block.shipping-address-qoute .title { margin: 20px 0; border-bottom: solid 1px #ccc; padding-bottom: 10px; position: relative; cursor: pointer; }

.quote-summary .block.shipping-address-qoute .title strong,.quote-summary #fieldset_shipping_method #quote_estimate_method{ color: #333; margin: 0; font-size: 1.8rem; font-weight: 600; display: block; }

.quote-summary .block.shipping-address-qoute .title:after { top: 7px; right: 5px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #b1b1b1; border-width: 6px; margin-left: -6px; }

.quote-summary .block.shipping-address-qoute.active .title:after { border-top-color: transparent; border-bottom-color: #b1b1b1; top: 0px; }

.quote-summary .block.shipping-address-qoute .content { display: none; }



/* Media Query ======================================================================== */



@media (max-width:1199px) {



	#shopping-quote-table .item .product-image-container { width: 100px !important; }

	#shopping-quote-table thead tr th.col { padding: 10px 5px; }

	.quotation-quote-index .item { width: 230px !important; }

	#shopping-quote-table td.info-textarea { width: 140px; }

	

	.quotation-quote-view .page-title-wrapper .page-title { display: block; margin-bottom: 5px; }

	.quotation-quote-view .page-title-wrapper .order-date { margin-top: 10px !important; font-size: 14px; }

	.table-quote-items .product-image-container { width: 110px !important; }

}



@media (max-width:1058px) {

	.quote-container .form-cart { width:68%; }

	.quote-container .quote-summary { width:28%; }

}



@media (max-width:999px) {

	.quote-container .form-cart { width:100%; padding-right: 0; }

	.quote-container .quote-summary { width:100%; }

	.quotation-quote-index .item { width: 330px !important; }

	#shopping-quote-table td.info-textarea { width: 300px; }

}



@media (max-width:767px) {

	.miniquote-wrapper.active .block-miniquote { margin-top: -18px; }

	.miniquote-wrapper .block-miniquote { width: 320px; right: 15px; }

	.miniquote-wrapper .block-miniquote:after { right: 35px; left: auto; }

	.miniquote-wrapper .block-miniquote:before { right: 36px; left: auto; }

	.quotation-quote-index .form-cart { max-width: 100% !important; }

	

	.table-wrapper { overflow-x: inherit; overflow-y: inherit; }



	.quotation-quote-index .item { width: auto !important; }

	#shopping-quote-table td.col.info-textarea textarea { height: 60px; }

	#shopping-quote-table .qty input { float: none; display: inline-block;}

	#shopping-quote-table .col.price,

	#shopping-quote-table .col.qty,

	#shopping-quote-table .col.subtotal,

	#shopping-quote-table .col.msrp { text-align: center; }

	#shopping-quote-table .qty .btn-remove-quote-tier { margin: 0; width: 20px; }

}



@media all and (max-width: 768px), print {

	.quotation-quote-index .cart-summary { margin-top: 50px; }

	.quotation-quote-index .authentication-wrapper { width: 100%; max-width: 100%; }

	.quotation-quote-index .table-checkout-shipping-method { min-width: 0 !important; }

	.quotation-quote-index .opc-wrapper .shipping-address-item::before { width: 0 !important; }

	

	.miniquote-wrapper { margin-left: 5px; margin-right: 10px; }

	#shopping-quote-table thead tr th.col.information { display: none; }

	

	#shopping-quote-table .actions-toolbar > .action-edit { right: 36px; }

}



@media (max-width:639px) {

	.miniquote-wrapper { margin-top: 10px; }

	.box-tocart .action.tocart,

	.box-tocart .action.toquote { width: 100%; }

	

	.quotation-quote-view .page-title-wrapper .order-status { margin-top: 10px !important; }

	.quotation-quote-view .page-title-wrapper .order-date { font-size: 14px !important; }

	.table-quote-items td.col.comments-qoute:before,

	.table-quote-items td.col.name:before { display: none !important; }

	.table-quote-items .item-options, .table-quote-items .product-item-details p { font-size: 12px; }

	

	#message_tbl { table-layout: fixed; }

	.quote-msg-collection .ui-accordion .ui-accordion-header { font-size: 13px; }

	

	#customerResponse .form-list td { display: block; }

	

	#shopping-quote-table td.col.info-textarea, #shopping-quote-table td.col.price, #shopping-quote-table td.col.subtotal,

	.table-quote-items td.col.info-textarea, .table-quote-items td.col.price, .table-quote-items td.col.subtotal { box-sizing: border-box; display: block; float: left; white-space: nowrap; width: 33%; }

	.table-quote-items td.col.info-textarea, .table-quote-items td.col.price, .table-quote-items td.col.subtotal { width: 50%; }

	.table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr { float: left; width: 100%; border-bottom: solid 1px #ccc; }

	.table-wrapper .table:not(.totals):not(.table-comparison) tfoot { clear: both; }

	.table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td:last-child { border-bottom: 0; }

	#my-quote-table td.col.subtotal { text-align: left; }

	.table tfoot > tr:first-child th, .table tfoot > tr:first-child td { border-top: 0; }

	.table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr {display: table-footer-group !important;}

	#my-quote-table tfoot tr td { width: 30%; }

	#my-quote-table tfoot tr th { width: 70%; }

}



@media (max-width: 479px) {

	.miniquote-wrapper .block-miniquote { width: 290px; }

	

	#shopping-quote-table td.col.info-textarea { width: 100%; }

	#shopping-quote-table td.col.price,

	#shopping-quote-table td.col.subtotal,

	#shopping-quote-table td.col.qty { width: 50%; padding-top: 0; }

	

	#shopping-quote-table .action { margin-right: 10px; font-size: 12px; }

	

	.quote-summary .proceed-to-checkout { font-size: 1.6rem; }

	

	.quotation-quote-view .page-title-wrapper .print_pdf { display: block; margin-top: 0 !important; }

	.table-quote-items:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td:first-child { padding-left: 0; }

	.table-quote-items tfoot > tr th, .table-quote-items tfoot > tr td { font-size: 12px; }

	.quotation-quote-view .page-title-wrapper .order-status { text-align: center; }

	

	/* Collapse Message */

	.quote-msg-collection .group-title { font-size:24px; }

}

/* ==== Toolmarts tile ADD TO CART button (2026-10-05, same design as Peachtree PR #71) ====
   Ships DARK: everything below is invisible unless <html> has class "agt-atc-on"
   (set by Magento_Theme/templates/html/agt-atc-switch.phtml from the ?atc_preview=1 cookie or the
   admin launch marker <meta name="agt-atc" content="on">). Without the class pages look exactly as before.
   A new file (not default_pages.css) on purpose: the live themes deploy writes new static files but has
   left existing ones stale (2026-10-05).
   Markup: Magebees_QuotationManager/templates/product/list.phtml (category + search grid),
   MageBig_WidgetPlus/templates/widget/layout/product/product-style-01.phtml (homepage, related, up-sell).
   Colour = this site's product-page Add to Cart button (#569b0d). */
.agt-tile-cta {display: none !important;}
html.agt-atc-on .agt-tile-cta {display: block !important;}
/* Cart page cross-sell: an AJAX add there would update the drawer but not the cart table, so keep the old icon only. */
html.agt-atc-on body.checkout-cart-index .agt-tile-cta {display: none !important;}

/* Equal-height tiles so the buttons line up (only on tiles that have the button, only when switched on). */
html.agt-atc-on .product-item .product-item-info:has(> .product-item-details > .agt-tile-cta) {display: flex;flex-direction: column;height: 100%;}
html.agt-atc-on .product-item .product-item-info:has(> .product-item-details > .agt-tile-cta) > .product-item-details {display: flex;flex-direction: column;flex: 1 1 auto;}
html.agt-atc-on .widgetplus .owl-carousel .owl-stage:has(.agt-tile-cta) {display: flex;}
html.agt-atc-on .widgetplus .owl-carousel .owl-stage:has(.agt-tile-cta) > .owl-item {display: flex;}
html.agt-atc-on .widgetplus .owl-carousel .owl-stage:has(.agt-tile-cta) > .owl-item > .product-item {width: 100%;}
/* Two-row carousels (homepage .block-cat-product: Milwaukee, Makita, Bosch, Jet, Festool) put a column of cards
   (.product-items) in each owl item. As a flex item it would grow to its 270px photo (300px wide) and overlap the
   next column; keep it to the owl item width, as the pre-init layout in agt-carousel.css does (2026-10-07). */
html.agt-atc-on .widgetplus .owl-carousel .owl-stage:has(.agt-tile-cta) > .owl-item > .product-items {width: 100%;min-width: 0;}

/* The button itself. */
.agt-tile-cta {margin-top: auto;padding-top: 10px;width: 100%;}
.agt-tile-cta form {margin: 0;}
.agt-tile-cta .agt-atc {display: flex;align-items: center;justify-content: center;width: 100%;height: 40px;min-height: 40px;margin: 0 !important;padding: 0 8px !important;border-radius: 3px;background: #569b0d !important;border: 1px solid #569b0d !important;color: #fff !important;font-size: 14px !important;font-weight: 600;line-height: 1.1;letter-spacing: .02em;text-transform: uppercase;text-decoration: none !important;text-align: center;white-space: nowrap;box-shadow: none;cursor: pointer;transition: background-color .15s ease-in-out;}
.agt-tile-cta .agt-atc span {color: inherit !important;font-size: inherit !important;overflow: hidden;text-overflow: ellipsis;}
.agt-tile-cta .agt-atc span:before {content: none !important;}
.agt-tile-cta .agt-atc:hover, .agt-tile-cta .agt-atc:focus {background: #4a860b !important;border-color: #4a860b !important;color: #fff !important;}
.agt-tile-cta .agt-atc:focus-visible {outline: 2px solid #2f5a06;outline-offset: 2px;}
.agt-tile-cta .agt-atc:disabled, .agt-tile-cta .agt-atc.disabled {opacity: .75;cursor: wait;}
.agt-tile-cta .agt-choose-options {background: #fff !important;color: #569b0d !important;}
.agt-tile-cta .agt-choose-options:hover, .agt-tile-cta .agt-choose-options:focus {background: #569b0d !important;color: #fff !important;}
.agt-tile-cta .agt-atc.agt-atc-oos, .agt-tile-cta .agt-atc.agt-atc-oos:hover {background: #ebebeb !important;border-color: #e1e1e1 !important;color: #606060 !important;opacity: 1;cursor: not-allowed;}

/* Phones */
@media (max-width: 767px) {
  .agt-tile-cta {padding-top: 8px;}
  .agt-tile-cta .agt-atc {height: 38px;min-height: 38px;font-size: 13px !important;letter-spacing: 0;padding: 0 4px !important;}
  /* On phones the icon row is always visible (not hover): it would duplicate the new button and it covers
     the shipping badge, so hide it on tiles that have the new button (not on the cart page, where the button is hidden). */
  html.agt-atc-on body:not(.checkout-cart-index) .product-item .product-item-info:has(> .product-item-details > .agt-tile-cta) .product-btn {display: none !important;}
}
@media (max-width: 374px) {
  .agt-tile-cta .agt-atc {font-size: 12px !important;}
}
/* ==== Toolmarts mobile layout fixes (UX audit 2026-10-06) ====
   Ships DARK: every rule below is scoped to html.agt-ux-on, a class added by
   web/js/agt-ux-switch.js (a static file, no inline script) from the ?ux_preview=1 cookie or the admin launch
   marker <meta name="agt-ux2" content="on">. Without the class the pages look exactly as before.
   Never loaded on cart, checkout, order success/failure or PayPal/Braintree review pages (their layouts
   remove this file and the switch).
   Same file in CTheme/Toolorbit (keep them in step).
   Almost everything is phones only (max-width: 767px); desktop is unchanged except the duplicate product
   breadcrumb (rule 4), which is hidden at every width. */

/* New elements made by the switch script: hidden everywhere except where a phone rule shows them. */
html.agt-ux-on .agt-ux-call, html.agt-ux-on .agt-ux-stock {display: none;}

/* 4. Product pages print one breadcrumb trail per category the product is in: keep the first one only. */
html.agt-ux-on .catalog-product-view .wrapper-breadcrums ~ .wrapper-breadcrums {display: none !important;}

@media (max-width: 767px) {
  /* 1. Slim header: the same-day message on ONE line, the doorbuster banner as a thin strip,
     no "Contact Us | Track Order" row (both stay in the footer), compact logo + search rows. */
  html.agt-ux-on #agt-ssd-bar {padding: 5px 6px;font-size: 12px;line-height: 1.3;letter-spacing: 0;}
  html.agt-ux-on #agt-ssd-bar > span:not(.agt-ssd-tag):not(.agt-ssd-time) {display: none;}
  html.agt-ux-on #agt-ssd-bar .agt-ssd-tag {font-size: 11px;padding: 1px 6px;margin-right: 6px;}
  html.agt-ux-on #agt-ssd-bar .agt-ssd-time {margin-left: 0;}
  html.agt-ux-on .promo-top-main-wrap .promo-top > span + span {display: none;}
  html.agt-ux-on .promo-top-main-wrap .promo-top img {display: block;max-height: 44px;width: auto;margin: 0 auto;}
  html.agt-ux-on .page-header .header-top-inner {display: none !important;}
  html.agt-ux-on .page-header .header-maininner-row {min-height: 0 !important;padding-top: 4px !important;padding-bottom: 6px !important;}
  html.agt-ux-on .page-header .header-main-content .col-logo {padding-top: 0 !important;padding-bottom: 0 !important;}
  html.agt-ux-on .page-header .menu-logo {min-height: 0 !important;margin-bottom: 4px !important;}
  html.agt-ux-on .page-header .logo-top .logo img {max-height: 38px !important;width: auto !important;height: auto !important;}
  html.agt-ux-on .page-header .header-main-content .col-search {padding-bottom: 0 !important;}
  html.agt-ux-on .page-header .icon-top-mobile {display: flex !important;align-items: center;justify-content: flex-end;}
  html.agt-ux-on .page-header .icon-top-mobile .agt-ux-call {display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 42px;margin-right: 6px;color: inherit;font-size: 26px;line-height: 1;text-decoration: none;}

  /* 2. Product page: title, photo, then the price card with the ships/stock badge directly under the price
     (only products that have the same-day badge; Toolmarts shows no other stock line). */
  html.agt-ux-on .catalog-product-view .product-info-main-content > .row {display: flex;flex-direction: column;}
  html.agt-ux-on .catalog-product-view .product-info-main-content .product-left,
  html.agt-ux-on .catalog-product-view .product-info-main-content .product-left > .row {display: contents;}
  html.agt-ux-on .catalog-product-view .product-info-main-content .product-left > .row > div {order: 3;}
  html.agt-ux-on .catalog-product-view .product-info-main-content .product-left > .row > div:first-child {order: 1;}
  html.agt-ux-on .catalog-product-view .product-info-main-content .product-right {order: 2;padding-top: 8px !important;}
  /* Shorter photo box (was 50vh + a forced 430px stage); the theme rules are very specific, hence the long selectors. */
  html.agt-ux-on .catalog-product-view .product-info-main-content .product-left > .row .col-6 .gallery-placeholder {padding-bottom: 330px !important;}
  html.agt-ux-on .catalog-product-view .product-info-main-content .product-left > .row .col-6 .gallery-placeholder .fotorama-item .fotorama__wrap .fotorama__stage {height: 250px !important;}
  html.agt-ux-on .catalog-product-view .product-info-main-content .product-left > .row .col-6 .gallery-placeholder .fotorama-item .fotorama__wrap .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame img.fotorama__img {width: auto !important;height: auto !important;max-width: 100% !important;max-height: 236px !important;top: 50% !important;}
  html.agt-ux-on .catalog-product-view .agt-ux-stock {display: block;margin: 2px 0 10px;}
  html.agt-ux-on .catalog-product-view .agt-ux-stock .list-shipping-name {width: auto;max-width: none;}
  html.agt-ux-on .catalog-product-view .product-info-main .list-shipping-name-outer {display: none !important;}

  /* 5. Search results: shorter tiles (smaller photo, 2-line name) and the result count at the top. */
  html.agt-ux-on .catalogsearch-result-index .search.results > .toolbar-products:not(:last-child) .toolbar-amount {display: block !important;margin: 0 8px 0 0;font-size: 13px;}
  html.agt-ux-on .catalogsearch-result-index .product-items .product-item .product-item-photo {height: auto !important;min-height: 0 !important;}
  html.agt-ux-on .catalogsearch-result-index .product-items .product-item .product-image-container {width: 120px !important;max-width: 100%;margin: 0 auto;display: block;}
  html.agt-ux-on .catalogsearch-result-index .product-items .product-item .product-item-name {height: auto !important;min-height: 0 !important;margin-bottom: 4px;}
  html.agt-ux-on .catalogsearch-result-index .product-items .product-item .product-item-name a {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;overflow: hidden;}
  html.agt-ux-on .catalogsearch-result-index .product-items .product-item .shipping-wrap {min-height: 0 !important;}
  html.agt-ux-on .catalogsearch-result-index .product-items .product-item .list-shipping-name {width: auto;flex: 1 1 auto;font-size: 10.5px;line-height: 1.25;}
  html.agt-ux-on .catalogsearch-result-index .product-items .product-item .list-shipping-name-outer .tag-badge--shipsDay {display: none;}
}
/* ==== Product carousels: show the products before owl.carousel has loaded (2026-10-07) ====
   Why: MageBig WidgetPlus CSS (app/code/MageBig/WidgetPlus/.../_module.less + the theme's spinner rule) squeezes every
   carousel that owl.carousel has not initialised yet to a 100px strip under a white sheet with a yellow spinner. owl
   only starts at the end of a long requirejs chain (about 18-21 s on a typical phone), so the products stayed hidden
   long after their photos had downloaded, and everything below jumped when it finally did.
   What: until owl adds the class "owl-loaded", lay the same product cards out as one plain row with the column count
   and gap owl will use (WidgetPlus homepage settings here: 2 / 3 / 4 items with a 30px margin, e.g. Deals of the Day;
   the two-row category blocks in .block-cat-product use 2 / 3 / 2 / 3 items with no margin; owl reads its breakpoints
   from the .container width, which matches the 768px, 992px and 1200px media queries below). Nothing is covered and
   the row already has the carousel's final height, so nothing moves when owl takes over (the two-row blocks used to
   grow about 230px on phones at owl start; agt-atc.css now keeps each initialised column to its owl item width).
   Every rule needs :not(.owl-loaded), so the initialised carousel (arrows, swipe, item widths) is exactly
   as before.
   Scope: WidgetPlus product widgets only (.widgetplus.widget-product). The hero slider (.widgetplus-block, not a
   product widget) and "recently viewed" (no .widgetplus class) are not touched. Never loaded on cart, checkout, order
   success/failure or PayPal/Braintree review pages (their layouts remove it). CSS only: no script, nothing added to
   the CSP header. */

.widgetplus.widget-product .owl-carousel:not(.owl-loaded) {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 0 30px;
    height: auto;
    overflow: hidden;
    white-space: normal;
}

/* No white sheet (::before) and no spinner (::after). */
.widgetplus.widget-product .owl-carousel:not(.owl-loaded)::before,
.widgetplus.widget-product .owl-carousel:not(.owl-loaded)::after {
    content: none;
    display: none;
}

/* One card (or, in a multi-row widget, one column of cards) per slot: (width - gaps) / items, like owl's item width. */
.widgetplus.widget-product .owl-carousel:not(.owl-loaded) > .product-item,
.widgetplus.widget-product .owl-carousel:not(.owl-loaded) > .product-items {
    flex: 0 0 calc((100% - 30px) / 2);
    min-width: 0;
}
@media (min-width: 768px) {
    .widgetplus.widget-product .owl-carousel:not(.owl-loaded) > .product-item,
    .widgetplus.widget-product .owl-carousel:not(.owl-loaded) > .product-items {flex-basis: calc((100% - 60px) / 3);}
}
@media (min-width: 1200px) {
    .widgetplus.widget-product .owl-carousel:not(.owl-loaded) > .product-item,
    .widgetplus.widget-product .owl-carousel:not(.owl-loaded) > .product-items {flex-basis: calc((100% - 90px) / 4);}
}

/* Two-row category blocks (.block-cat-product): no margin between columns, 2 / 3 / 2 / 3 columns, and the same
   1px divider owl's items get from the theme (.block-cat-product .owl-carousel .owl-item). */
.block-cat-product .widgetplus.widget-product .owl-carousel:not(.owl-loaded) {gap: 0;}
.block-cat-product .widgetplus.widget-product .owl-carousel:not(.owl-loaded) > .product-items {flex-basis: 50%;}
.block-cat-product .widgetplus.widget-product .owl-carousel:not(.owl-loaded) > .product-items + .product-items {border-left: 1px solid #e1e1e1;}
@media (min-width: 768px) {
    .block-cat-product .widgetplus.widget-product .owl-carousel:not(.owl-loaded) > .product-items {flex-basis: calc(100% / 3);}
}
@media (min-width: 992px) {
    .block-cat-product .widgetplus.widget-product .owl-carousel:not(.owl-loaded) > .product-items {flex-basis: 50%;}
}
@media (min-width: 1200px) {
    .block-cat-product .widgetplus.widget-product .owl-carousel:not(.owl-loaded) > .product-items {flex-basis: calc(100% / 3);}
}

/* With ADD TO CART on the tiles, agt-atc.css makes the initialised cards equal height; do the same here so the cards
   do not grow when owl starts. */
html.agt-atc-on .widgetplus.widget-product .owl-carousel:not(.owl-loaded):has(.agt-tile-cta) {
    align-items: stretch;
}

/* Product-page Related / Up-sell carousels use 4 columns at >=992px and 5 at >=1200px (widget settings),
   so the pre-init row matches them there too (Fable QC on #102, issue 1). Phones already match. */
@media (min-width: 992px) {
    .widgetplus.widget-product.related .owl-carousel:not(.owl-loaded) > .product-item,
    .widgetplus.widget-product.upsell .owl-carousel:not(.owl-loaded) > .product-item {
        flex-basis: calc((100% - 90px) / 4);
        max-width: calc((100% - 90px) / 4);
    }
}
@media (min-width: 1200px) {
    .widgetplus.widget-product.related .owl-carousel:not(.owl-loaded) > .product-item,
    .widgetplus.widget-product.upsell .owl-carousel:not(.owl-loaded) > .product-item {
        flex-basis: calc((100% - 120px) / 5);
        max-width: calc((100% - 120px) / 5);
    }
}