/* BA custom theme. */

/* ************************* */
/* DASHBOARD				 */
/* ************************* */
/* nav */
.dash-sections-nav{display: flex; align-items: stretch; gap:1.5rem; flex-wrap:wrap;}
.dash-sections-nav .item{clip-path: polygon(4rem 0, 100% 0, 100% 100%, 0 100%, 0 4rem); min-height: 18.75rem; display: flex; align-items: flex-end; padding:5.5rem 1.5rem 2rem 2rem; width:calc((100% - 1.5rem*3)/4); color:#fff;}
.dash-sections-nav .section-title{top:0; transition:top 0.4s ease;}
.dash-sections-nav .item:hover .section-title, .dash-sections-nav .area-link:focus ~ .section-title{top:-1.5rem;}
.dash-sections-nav .title{font-size: var(--h4); margin:0;}
.dash-sections-nav .arrow{background: url("../img/arrow-top-right.svg") no-repeat center; opacity:0.5; width:2.5rem; height:2.5rem; position: absolute; top:1.5rem; right:1.5rem; transition:opacity 0.4s ease;}
.dash-sections-nav .arrow:before{content:''; clip-path: inset(100% 100% 0 0); border:1px solid #fff; position: absolute; top:0; left:0; width:100%; height:100%; transition:clip-path 0.2s ease;}
.dash-sections-nav .item:hover .arrow:before, .dash-sections-nav .area-link:focus ~ .arrow:before{clip-path: inset(0 0 0 0);}
.dash-sections-nav .item:hover .arrow, .dash-sections-nav .area-link:focus ~ .arrow{opacity:1;}

/* profile */
.notifications-table{width:100%;}
.notifications-table th{padding:0 1rem 0.5rem 0; border-bottom:1px solid var(--color-grey); color:var(--color-dark-grey); font-weight: 300;}
.notifications-table td{padding: 1.5rem 1rem 1.5rem 0; border-bottom:1px solid var(--color-grey);}

/* project-filter */
.projects-filter{padding:3.5rem; }
.projects-filter:before{content: ''; clip-path: polygon(0 0, calc(100% - 4rem) 0, 100% 4rem, 100% 100%, 0 100%); background: #fff;  position: absolute; top:0; right:0; bottom:0; left:0;}

/* listing */
.projects-listing-header{display: flex; align-items: flex-end; gap:3.5rem; justify-content: space-between;}
.projects-listing-header > div{margin-left:auto;}

.projects-listing{display: flex; flex-direction: column; gap:var(--margin-big); align-items: stretch;}
.projects-listing .item{background: #fff; border-left:4px solid transparent; transition: box-shadow 0.4s ease;}
.projects-listing .item:hover{box-shadow: 0 0 2.5rem 0 rgba(0,12,36,0.2);}
.projects-listing .item.status-ordered{border-color:var(--color-green);}
.projects-listing .item.status-new{border-color:var(--color-indigo);}
.projects-listing .item.status-approved{border-color:var(--color-status-approved);}
.projects-listing .item.status-red{border-color:var(--color-status-red);}
.projects-listing .item.status-quoted{border-color:var(--color-purple);}

.projects-listing .item-header{border-bottom:1px solid var(--color-grey);padding:1rem 2rem; display: flex; align-items: center; gap:3.5rem; justify-content: space-between;}
.projects-listing .item-header .name-wrap{display: flex; flex-direction: column; align-items: flex-start;}
.projects-listing .item-header .pid-wrap{display: flex; align-items: center; gap:1.5rem;}
.projects-listing .item-header .pid{font-size: var(--h5); font-weight: 600; line-height: 1.2;}
.projects-listing .item-header .date{font-size: var(--text-small); color:var(--color-dark-grey); font-weight: 400; display: flex; align-items: center;}
.projects-listing .item-header .date > div{display: flex; align-items: center;}
.projects-listing .item-header .date > div + div:before{content: ''; margin:0 0.5rem; width:1px; height:0.75rem; background: var(--color-input-border);}
.projects-listing .item-header .options{display: flex; flex-wrap:wrap; justify-content: flex-end; align-items: center; gap:0.5rem 2.75rem;}

.projects-listing .item-body{border-bottom:1px solid var(--color-grey); display: flex; align-items: stretch; gap:3.5rem;}
.projects-listing .item-body .info-wrap{display: flex; align-items: flex-start; gap:1.5rem; flex-grow:1; padding:1.5rem 0 1.5rem 2rem;}
.projects-listing .item-body .pricing-wrap{flex-basis: 25%; flex-grow:0; flex-shrink:0; display: flex; flex-direction: column; align-items: stretch;}
.projects-listing .item-body .subtotal{border:0; display: block; padding:1.5rem 2rem; }
.projects-listing .item-body .subtotal tbody{display: flex; flex-direction: column; align-items: stretch; gap:var(--margin-small);}
.projects-listing .item-body .subtotal tr{display: flex; align-items: center; gap:0.5rem; justify-content: space-between;}
.projects-listing .item-body .subtotal td{padding:0; border:0;}
.projects-listing .item-body .subtotal .ps-item{display: flex; align-items: center; gap:1.5rem; justify-content: space-between;}
.projects-listing .item-body .subtotal .ps-label{color:var(--color-dark-grey); font-size: var(--text-small); font-weight: 400;}
.projects-listing .item-body .total{margin-top:auto; clip-path: polygon(1rem 0, 100% 0, 100% 100%, 0 100%, 0 1rem); font-size: var(--h5); font-weight: 600; line-height: 1.2; padding:0.62rem 2rem; background: var(--color-grey); display: flex; align-items: center; justify-content: space-between; gap:1.5rem;}
.projects-listing .item-body .total .pt-label{ font-size: 1rem; font-weight: 700; color:var(--color-dark-grey);}

.projects-listing .item-footer{padding:0.5rem 2rem;}
.projects-listing .item-footer .items-toggle{border-bottom:1px dashed var(--color-link); display: inline-flex; gap:0.5rem; align-items: center; text-decoration: none;}
.projects-listing .item-footer .items-toggle:hover, .projects-listing .item-footer .items-toggle:focus{border-color:var(--color-hover);}
.projects-listing .item-footer .items-toggle .text:before{content: 'Cart Items';}
.projects-listing .item-footer .items-toggle .icon{font-size: 0.75rem; transition:transform 0.4s ease;}
.projects-listing .item-footer .items-toggle:not(.collapsed) .icon{transform:rotate(180deg);}
.projects-listing .item-footer .items-toggle:not(.collapsed) .text:before{content: 'Hide Cart Items';}

.item-note{display: flex; gap:0.5rem; align-items: center; padding:1rem 2rem; font-weight: 500; color:var(--color-status-brown); background: var(--color-status-yellow);}

.cart-items-listing .collapse{border-bottom:1px solid var(--color-grey);}
.data-table{width:100%;}
.data-table th{border-bottom:1px solid var(--color-grey); padding:0.5rem 1.5rem 0.5rem 0; font-weight: 300; color:var(--color-dark-grey);}
.data-table th:first-child, .data-table td:first-child{padding-left:2rem;}
.data-table th:last-child, .data-table td:last-child{padding-right:2rem;}
.data-table td{vertical-align: top; padding:1rem 1.5rem 1rem 0; border-bottom:1px solid var(--color-grey);}
.data-table tr.not-found{background: var(--color-status-light-yellow);}
.data-table .ci-info{display: flex; align-items: flex-start; gap:1.5rem;}
.data-table .ci-info .ci-image{width:10.18rem; flex:none;}
.data-table .ci-info .ci-image img{max-width: 100%;}
.data-table .ci-info .ci-content{line-height: 1.2; gap:0.5rem; display: flex; flex-direction: column; align-items: flex-start;}
.data-table .ci-info .ci-content > div{display: flex; align-items: center; gap:0.25rem 0.5rem;}
.data-table .ci-info .ci-content > div a{word-break: break-all;}
.data-table .ci-content .btn{flex:none; margin-right:1rem;}


/* create-project */
.create-project-wrap{display: flex; flex-direction: column; align-items: stretch; gap:var(--margin-big);}
.create-project-wrap .form-footer .footer-message{color:var(--color-dark-grey); margin:0 2rem;}
.create-project-wrap .form-footer .btn-blue{margin-left:auto;}

._adapter_control{display: flex; flex-direction: column; align-items: stretch; gap:var(--margin-big);}
.modal ._adapter_control{gap:var(--margin-normal);}
.adapter-block{display: flex; align-items: flex-start; flex-direction: column; gap:var(--margin-normal);}
.adapter-block .message-text{color:var(--color-dark-grey);}
.adapter-block .message-header{display: flex; align-items: center; font-size: var(--h6); font-weight: 600; text-transform: uppercase; margin-bottom:var(--margin-small);}
.adapter-block .message-header:before{content: ''; font:var(--font-icon); font-size: 1.25rem; margin-right:0.5rem;}
.adapter-block .need .message-header{color:var(--color-indigo);}
.adapter-block .need .message-header:before{content: '\f06a';}
.adapter-block .no-need .message-header{color:var(--color-green);}
.adapter-block .no-need .message-header:before{content: '\f058';}
.adapter-variants-text{font-weight: 500;}

.adapter-listing{display: flex; align-items: stretch; gap:3.5rem; width:100%;}
.adapter-listing .item{display: flex; flex-direction: column; align-items: stretch; gap:0.5rem; background: var(--color-grey); padding:0.5rem; width:calc((100% - 3.5rem*3)/4); transition:background 0.2s ease, box-shadow 0.4s ease;cursor: pointer;}
.adapter-listing .item:hover{box-shadow:0 0 2.5rem 0 rgba(0,12,36,0.2); background: #fff; }
.adapter-listing .item .check{clip-path: polygon(0 0, 100% 0, 100% 100%); display: flex; align-items: flex-start; justify-content: flex-end; padding:0.75rem 0.56rem; background: var(--color-input-border); width:4rem; height:4rem; top:0; right:0; position: absolute; transition:background 0.2s ease;}
.adapter-listing .item:hover .check{background: var(--color-hover);}
.adapter-listing .item .check:before{content: '\f111'; color:var(--color-link); font: var(--font-icon); font-weight: 400; font-size: 1.125rem; transition:color 0.2s ease;}
.adapter-listing .item:hover .check:before{color:#fff;}
.adapter-listing .item .header{padding-right:4rem; padding-left:0.5rem; display: flex; flex-grow:1; flex-direction: column; align-items: flex-start; justify-content: center;}
.adapter-listing .item .header .price{font-weight: 700;}
.adapter-listing .item .image{flex:none;}
.adapter-listing .item .image img{width:100%; max-width: 100%;}
.adapter-listing .item .image .image-link{z-index: 5; opacity:0; color:#fff; background: rgba(0,12,36,0.6); text-decoration: none; display: flex; align-items: center; justify-content: center; position: absolute; top:0; right:0; bottom:0; left:0; transition:opacity 0.2s ease;}
.adapter-listing .item .image .image-link:hover, .adapter-listing .item .image .image-link:focus{opacity: 1;}
.adapter-listing .item .image .image-link:after{content: '\f00e'; font: var(--font-icon); font-size: 2rem;}
.adapter-listing .item.active{background: var(--color-green); color:#fff;}
.adapter-listing .item.active .check{background: var(--color-indigo03);}
.adapter-listing .item.active .check:before{content: '\f058'; font-weight: 900; color:#fff;}


/* edit-project */
.project-name-wrap{display: flex; align-items: center; gap:1.5rem;}

.project-edit-options{display: flex; align-items: center; gap:1px;}
.project-edit-options .btn:not(:last-child){clip-path: none;}

.tabs-wrap .project-details-tab-content{padding-left:0; padding-right:0; padding-bottom:0;}
.project-details-tab-content .job-name{padding-left:var(--h-panel-padding); padding-right:var(--h-panel-padding);}
.project-details-tab-content .data-table{border-top:1px solid var(--color-grey);}
.project-details-tab-content .data-table td{vertical-align: middle;}
.project-details-tab-content .data-table th:first-child, .project-details-tab-content .data-table td:first-child{padding-left:var(--h-panel-padding);}
.project-details-tab-content .data-table th:last-child, .project-details-tab-content .data-table td:last-child{padding-right:0;}
.project-details-tab-content .data-table .price{font-weight: 600; text-align: right;}
.project-details-tab-content .data-table .item-options{display:flex; flex-direction: column; align-items: stretch; gap:0.5rem;}
.project-details-tab-content .data-table .item-options .btn:first-child{clip-path: polygon(1rem 0, 100% 0, 100% 100%, 0 100%, 0 1rem);}
.project-details-tab-content .data-table .item-options .btn:last-child{clip-path: polygon(0 0, 100% 0, 100% 100%, 1rem 100%, 0 calc(100% - 1rem));}

.tab-content:not(.project-questions-tab-content,.user-profile-tab-content) .alert{margin-left:var(--h-panel-padding); margin-right:var(--h-panel-padding);}

.project-details-tab-content .item-note{padding-left:var(--h-panel-padding); padding-right:var(--h-panel-padding);}

.cart-items-listing .add-new-item{ display: flex; gap:1.5rem; align-items: center; justify-content: flex-end; padding:1rem 0 1rem var(--h-panel-padding); background: var(--color-table-grey);}
.cart-items-listing .add-new-item .price{font-weight: 600;}
.cart-items-listing .add-new-item .btn{clip-path: polygon(1rem 0, 100% 0, 100% 100%, 0 100%, 0 1rem);}

.cart-items-listing + .shipping-block, .cart-items-listing + .quote-footer{margin-top:calc(-1*var(--margin-big));}
.quote-footer + .shipping-block{border-top:1px solid var(--color-input-border);}
.quote-footer + .shipping-block + .project-notes{margin-top:var(--margin-big);}
.quote-footer + .project-notes{margin-top:var(--margin-big);}
.shipping-block{display: flex; align-items: stretch; background: var(--color-grey);}
.shipping-block .options{padding:1.5rem var(--h-panel-padding); min-width:20%; flex-grow:1; display: flex; flex-direction: column; align-items: stretch; border-right:1px solid var(--color-input-border);}
.shipping-block .options .check-inline-wrap{margin-bottom:var(--margin-small);}
.shipping-block .options .address-wrap{margin-bottom:var(--margin-normal);}
.shipping-block .options .addons-wrap{display: flex; align-items: center; gap:var(--margin-normal);}
.shipping-block .options .addons-wrap .form-floating{flex-basis: 0; flex-grow:1;}
.shipping-block .pricing-wrap{flex-basis: 32%; flex-grow:0; flex-shrink:0; display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch;}
.shipping-block .subtotal{border:0; display: block; padding:1rem var(--h-panel-padding); }
.shipping-block .subtotal tbody{display: flex; flex-direction: column; align-items: stretch; gap:var(--margin-small);}
.shipping-block .subtotal tr{display: flex; align-items: center; gap:0.5rem; justify-content: space-between;}
.shipping-block .subtotal td{padding:0; border:0;}
.shipping-block .subtotal .ps-item{display: flex; align-items: center; gap:1.5rem; justify-content: space-between;}
.shipping-block .subtotal .ps-label{color:var(--color-dark-grey);}
.shipping-block .total{clip-path: polygon(1rem 0, 100% 0, 100% 100%, 0 100%, 0 1rem); font-size: var(--h4); font-weight: 600; line-height: 1.2; padding:1rem var(--h-panel-padding); background: var(--color-input-border); display: flex; flex-wrap:wrap; align-items: center; justify-content: flex-end; gap:var(--margin-small) var(--margin-normal);}
.shipping-block .total .pt-label{ font-size: 1rem; font-weight: 700; color:var(--color-dark-grey); margin-right:auto;}

.project-details-tab-content .project-notes{padding-left:var(--h-panel-padding); padding-right:var(--h-panel-padding);}
.project-details-tab-content .form-footer{padding-left:var(--h-panel-padding); padding-right:var(--h-panel-padding); padding-bottom:var(--margin-big);}


/* quote-project */
.tabs-wrap .project-quote-tab-content{padding-left:0; padding-right:0; padding-bottom:0;}

.quote-header{padding-left:var(--h-panel-padding); padding-right:var(--h-panel-padding); font-size: var(--text-lead); font-weight: 700; display: flex; align-items:flex-end; gap:3.5rem; justify-content: space-between;}

.quote-info-table{width:100%;}
.quote-info-table td{padding:0.75rem 0.25rem; vertical-align: top;}
.quote-info-table td:first-child{padding-left:var(--h-panel-padding);}
.quote-info-table td:last-child{padding-right:var(--h-panel-padding);}
.quote-info-table [class*='bg-color-'] td{padding-top:1.5rem; padding-bottom:1.5rem;}
.quote-info-table [class*='bg-color-'] + tr td{padding-top:1.5rem;}
.quote-info-table .td-label{width:1%; white-space: nowrap;}
.quote-info-table .quote-to-fields-wrap{width:14.5rem;}
.quote-info-table .name-cell{width:50%;}
.quote-info-table .pid-cell{width:30%;}
.quote-info-table .date-valid-cell{width:1%;}

.project-quote-tab-content .cart-items-listing{border-top:1px solid var(--color-grey);}
.project-quote-tab-content .data-table th:first-child, .project-quote-tab-content .data-table td:first-child{padding-left:var(--h-panel-padding);}
.project-quote-tab-content .data-table th:last-child, .project-quote-tab-content .data-table td:last-child{padding-right:var(--h-panel-padding);}

.quote-price-block{display: flex; align-items: stretch; justify-content: space-between; background: var(--color-table-grey);}
.quote-price-block .subtotal{flex-grow:1; display: flex; flex-direction: column; gap:var(--margin-small); align-items: stretch; padding:1rem var(--h-panel-padding);}
.quote-price-block .subtotal .item{display: flex; align-items: center; gap:1.5rem; justify-content: space-between;}
.quote-price-block .total{flex-basis:32%; flex-grow:0; flex-shrink:0; border-left:1px solid var(--color-grey);}
.quote-price-block .total-inner{clip-path: polygon(1rem 0, 100% 0, 100% 100%, 0 100%, 0 1rem); background: var(--color-input-border); font-weight: 600; line-height: 1.2; font-size: var(--h4); display: flex; gap:var(--margin-small) var(--margin-normal); align-items: center; justify-content:flex-end; flex-wrap:wrap; padding:1rem var(--h-panel-padding);}
.quote-price-block .total-inner .label{font-size: 1rem; font-weight: 600; color:var(--color-dark-grey); margin-right:auto;}
.quote-price-block .options{flex-grow:1; padding:1.5rem var(--h-panel-padding); display: flex; align-items: center; gap:var(--margin-normal);}
.quote-price-block .options .form-floating{flex-basis: 0; flex-grow:1;}

.adapter-price-block{display: flex; align-items:stretch; gap:var(--h-panel-padding); justify-content: space-between; background: var(--color-grey);}
.adapter-price-block .subtotal{flex-grow:1; display: flex; gap:var(--padding-large); align-items: stretch; padding:1rem var(--h-panel-padding);}
.adapter-price-block .subtotal .item{display: flex; flex-direction: column; align-items: flex-start; gap:0; justify-content: space-between;}
.adapter-price-block .total{flex-basis:32%; flex-grow:0; flex-shrink: 0; clip-path: polygon(1rem 0, 100% 0, 100% 100%, 0 100%, 0 1rem); background: var(--color-input-border); font-weight: 600; line-height: 1.2; font-size: var(--h4); display: flex; flex-wrap:wrap; gap:var(--margin-small) var(--margin-normal); justify-content: flex-end; align-items: center; padding:1rem var(--h-panel-padding);}
.adapter-price-block .total .label{font-size: 1rem; font-weight: 600; color:var(--color-dark-grey); margin-right:auto;}

.quote-footer{padding:1.5rem var(--h-panel-padding); background: var(--color-grey);}

.adapter-section{background: #fff; margin-top:var(--padding-large);}
.adapter-section table .form-control{width:9rem;}
.adapter-section table th:first-child, .adapter-section table td:first-child{padding-left:var(--h-panel-padding);}
.adapter-section table th:last-child, .adapter-section table td:last-child{padding-right:var(--h-panel-padding);}


/* contractor */
.tabs-wrap .project-contractor-tab-content{padding-left:0; padding-right:0; padding-bottom:0;}

.contractor-header{padding-left:var(--h-panel-padding); padding-right:var(--h-panel-padding); font-size: var(--text-lead); font-weight: 700; display: flex; align-items:flex-end; gap:1.5rem;}
.contractor-header > div{display: flex; align-items: center;}
.contractor-header > div+div:before{content: ''; margin-right:1.5rem; width:1px; height:0.75rem; background: var(--color-input-border);}

.project-contractor-tab-content .cart-items-listing{border-top:1px solid var(--color-grey);}
.project-contractor-tab-content .data-table th:first-child, .project-contractor-tab-content .data-table td:first-child{padding-left:var(--h-panel-padding);}
.project-contractor-tab-content .data-table th:last-child, .project-contractor-tab-content .data-table td:last-child{padding-right:var(--h-panel-padding);}

.contractor-footer{padding:1.5rem var(--h-panel-padding); background: var(--color-grey);}


/* order */
.order-header{padding-left:var(--h-panel-padding); padding-right:var(--h-panel-padding); font-size: var(--text-lead); font-weight: 700; display: flex; align-items:flex-end; gap:1.5rem; justify-content: space-between;}
.order-header > div, .order-header > div > span{display: flex; align-items: center;}
.order-header > div > span+span:before{content: ''; margin:0 0.5rem; width:1px; height:0.75rem; background: var(--color-input-border);}

.order-quote-info{ display: flex; align-items: center; gap:1.5rem; justify-content: space-between; background: var(--color-table-grey); padding:1.5rem var(--h-panel-padding);}
.order-quote-info > div{display: flex; align-items: center; gap:0.25rem;}

.order-job-info{padding:0 var(--h-panel-padding); display: flex; align-items: flex-start; gap:1.5rem;}
.order-job-info > div{flex-basis: 30%;}

.order-price-block{display: flex; align-items: stretch; gap:var(--padding-large); padding:0 0 0 var(--h-panel-padding); background: var(--color-grey);}
.order-price-block .payment-wrap{padding:1.5rem 0; display: flex; flex-direction: column; align-items: flex-start; gap:0.5rem;}
.order-price-block .pack-options{padding:1.5rem 0; display: flex; flex-direction: column; align-items: flex-start; gap:0.5rem;}
.order-price-block .price-wrap{flex-basis:32%; flex-grow:0; flex-shrink: 0; display: flex; flex-direction: column; align-items: stretch; margin-left: auto; border-left:1px solid var(--color-input-border);justify-content:flex-end;}
.order-price-block .price-wrap .subtotal{display: flex; flex-direction: column; align-items: stretch; gap:0.75rem; padding:1.12rem var(--h-panel-padding);}
.order-price-block .price-wrap .subtotal .item{display: flex; align-items: center; gap:1.5rem; justify-content: space-between;}
.order-price-block .price-wrap .total{clip-path: polygon(1rem 0, 100% 0, 100% 100%, 0 100%, 0 1rem); font-size: var(--h4); font-weight: 600; line-height: 1.2; display: flex; flex-wrap:wrap; align-items: center; gap:var(--margin-small) var(--margin-normal); justify-content:flex-end; padding:1rem var(--h-panel-padding); background: var(--color-input-border);}
.order-price-block .price-wrap .total .label{font-size: 1rem; font-weight: 700; color:var(--color-dark-grey); margin-right:auto;}

.quote-price-block.order-price{background: var(--color-grey);}



/* ************************* */
/* CURB SEARCH				 */
/* ************************* */
.curb-search-filter .textbox ol{padding-left:1.25rem;}

.curbs-listing{display: flex; flex-wrap:wrap; align-items: stretch; gap:3.5rem;}
.curbs-listing .item{display: flex; flex-direction: column; align-items: stretch; width:calc((100% - 3.5rem*3)/4); background: #fff; transition:box-shadow 0.4s ease;}
.curbs-listing .item:hover{box-shadow: 0 0 2.5rem 0 rgba(0,12,36,0.2);}
.curbs-listing .header{flex:none; padding:1rem 5rem 1rem 1rem; border-bottom:1px solid var(--color-grey);}
.curbs-listing .header .title{font-size: var(--h5); margin:0;}
.curbs-listing .header .dims{display: flex; flex-wrap:wrap; align-items: center; gap:0 0.5rem; font-size: var(--text-small); font-weight: 400; color:var(--color-dark-grey);}
.curbs-listing .header .dims > span{display: flex; align-items: center;}
.curbs-listing .header .dims > span:not(:last-child):after{content: '|'; margin-left:0.5rem; color:var(--color-input-border);}
.curbs-listing .image{flex-grow:1; display: flex; align-items: center; justify-content: center; padding:0.5rem;}
.curbs-listing .image img{width:100%; max-width: 100%;}
.curbs-listing .info-link{clip-path: polygon(0 0, 100% 0, 100% 100%); text-decoration: none; z-index: 2; display: flex; align-items: flex-start; justify-content: flex-end; background: var(--color-grey); position: absolute; top:0; right:0; width:4rem; height:4rem; padding:0.5rem;}
.curbs-listing .info-link:after{content: '\f05a'; font:var(--font-icon); font-size: 1.125rem; transition:color 0.2s ease;}
.curbs-listing .info-link:hover, .curbs-listing .info-link:focus{background: var(--color-hover); color:#fff;}

.pattern-modal .modal-header{border-bottom:1px solid var(--color-grey); padding-bottom:var(--margin-normal); display: flex; flex-direction: column; align-items: flex-start;}
.pattern-modal .modal-body{display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-normal);}

/* overlay */
.overlay-content {
    transition: filter 0.3s ease;
    position: relative;
}

.block-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 1000;
    justify-content: center;
    align-items: center;
    display: flex;
    pointer-events: none;
}

    .block-overlay .spinner {
        position: fixed;
        top: calc(50% - 3.75rem);
        left: calc(50% - 3.75rem);
        width: 100px;
        height: 100px;
        border-radius: 50%;
        border: 10px solid #ddd;
        border-top-color: var(--color-base);
        animation: loading 1s linear infinite;
    }


.overlay-content.blocked {
    filter: blur(1px);
    pointer-events: none;
}

@keyframes loading {
    to {
        transform: rotate(360deg);
    }
}

/* select dropdown autocomplete */
.ui-autocomplete{z-index:9999999999 !important;}

/* google address autocomplete */

.address-input {
    padding: 0.5em;
    font-size: 1em;
    box-sizing: border-box;
}

ul.autocomplete-suggestions li {
    padding: 0.5em 1em;
    cursor: pointer;
    font-size: 0.95em;
}

    ul.autocomplete-suggestions li:hover,
    ul.autocomplete-suggestions li:focus {
        background-color: #f1f1f1;
    }

.autocomplete-control-wrapper {
    position: relative;
}

.autocomplete-suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 9999;
    overflow: hidden;
    max-height: 0;
    opacity: 0; 
    transform: translateY(-6px); 
    transition: max-height 200ms ease, opacity 180ms ease, transform 180ms ease;
}

    .autocomplete-suggestions.show {
        max-height: 260px;
        opacity: 1;
        transform: translateY(0);
    }

    .autocomplete-suggestions:empty {
        display: none !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

/* registration */
.control-comment-wrap{margin-bottom:calc(0.5rem - var(--bs-gutter-y));}

/* model number modal window */
.warning-text {color: var(--color-red);font-weight: bold;}

.mb-top{margin-top:var(--margin-normal);}

/* ************************* */
/* FOOTER					 */
/* ************************* */
#footer{margin-top:auto; flex:none; border-top:1px solid var(--color-grey);}

.footer-bottom{ padding:1.5rem 0; font-size: var(--text-small); font-weight: 400; color:var(--color-dark-grey); display: flex; align-items: center; justify-content: space-between; gap:3.5rem;}
.footer-bottom .footer-group{display: flex; align-items: flex-start;}
.footer-bottom .footer-group > div + div:before{content: '|'; margin:0 0.5rem; color:var(--color-input-border);}
.footer-bottom a:not(:hover):not(:focus){color:inherit; text-decoration: none;}



/* ************************* */
/* RESPONSIVE				 */
/* ************************* */
@media (max-width: 1399.98px) {/* xl */
	#page-wrap{box-shadow:inset 0 0 0 0 black;}
	
	.dash-sections-nav .item{min-height: 16rem;}
	
	.projects-listing .item-header .options{gap:0.5rem 1.5rem;}
	
	.adapter-listing{gap:2.5rem;}
	.adapter-listing .item{width:calc((100% - 2.5rem*3)/4);}
	
	/*.quote-price-block .total{gap:3.5rem;}*/
	
	.quote-price-block .item-select{width:45%;}
	
	.order-price-block{display: flex; align-items: stretch; gap:var(--padding-normal);}
	
	.curbs-listing{gap:2.5rem;}
	.curbs-listing .item{width:calc((100% - 2.5rem*3)/4);}


}

@media (max-width: 1199.98px) {/* lg */
	#page-wrap{box-shadow:inset 0 0 0 0 red;}
	
	.dash-sections-nav{gap:1rem;}
	.dash-sections-nav .item{ min-height: 14rem; width:calc((100% - 1rem*3)/4);}
	
	.projects-filter{padding:3.5rem 2.5rem;}
	
	.adapter-listing{gap:1.5rem;}
	.adapter-listing .item{width:calc((100% - 1.5rem*3)/4);}
	.modal .adapter-listing .item{width:calc((100% - 1.5rem*2)/3);}
	
	.create-project-wrap .form-footer .footer-message{margin:0;}
	
	.quote-price-block .total{gap:2.5rem;}
	
	.quote-price-block .item-select{width:auto; flex-grow:1;}
	
	.order-price-block{display: flex; align-items: stretch; gap:var(--margin-big);}
	
	.curbs-listing{gap:1.5rem;}
	.curbs-listing .item{width:calc((100% - 1.5rem*3)/4);}
	
	
	

	
}

@media (max-width: 991.98px) {/* md */
	#page-wrap{box-shadow:inset 0 0 0 0 green;}
	
	.dash-sections-nav{gap:0.75rem; padding-left:var(--padding-normal); padding-right:var(--padding-normal);}
	.dash-sections-nav .item{min-height: 13rem; width:calc((100% - 0.75rem)/2);}
	
	.adapter-listing{gap:0.75rem;}
	.adapter-listing .item{width:calc((100% - 0.75rem*3)/4);}
	.modal .adapter-listing .item{width:calc((100% - 0.75rem)/2);}
	
	.quote-info-table .td-label{text-align: right;}
	
	.quote-price-block .total{gap:1.5rem;}
	
	.curbs-listing{gap:0.75rem;}
	.curbs-listing .item{width:calc((100% - 0.75rem*2)/3);}
	
	.shipping-block .subtotal{padding-top:0;}

}

@media (max-width: 767.98px) {/* sm */
	#page-wrap{box-shadow:inset 0 0 0 0 blue;}
	
	.footer-bottom{flex-direction: column-reverse; gap:var(--margin-small); align-items: center;}
	
	.projects-filter{padding:3.5rem 1.5rem;}
	
	.projects-listing-header{flex-direction: column-reverse; gap:var(--margin-normal); align-items: flex-start;}
	.projects-listing .item-body .info-wrap{flex-direction: column;}
	.data-table .ci-info .ci-image{width:7rem;}
	
	.adapter-listing{flex-wrap:wrap;}
	.adapter-listing .item{width:calc((100% - 0.75rem)/2);}
	
	.create-project-wrap .form-footer{flex-wrap:wrap;}
	.create-project-wrap .form-footer .btn-primary{order:2;}
	.create-project-wrap .form-footer .btn-blue{order:3;}
	.create-project-wrap .form-footer .footer-message{order:1; width:100%;}
	
	.data-table{display: block;}
	.data-table thead{display: none;}
	.data-table tbody{display: flex; flex-direction: column; align-items: stretch;}
	.data-table tr{padding:1rem 0; display: flex; gap:var(--margin-small); flex-direction: column; align-items:stretch; border-bottom:1px solid var(--color-grey);}
	.data-table td{display: flex; padding:0 2rem; border:0;}
	.data-table td:before{ content: attr(data-th); display: block; color:var(--color-dark-grey); text-align: left; padding-right:1rem; width:40%; flex:none;}
	.data-table .ci-info{flex-direction: column; gap:0.5rem;}
	.data-table .ci-info .ci-image{width:100%;}
	
	.project-details-tab-content .data-table td{padding-left:1.5rem; padding-right:1.5rem;}
	.project-details-tab-content .data-table td:last-child{padding-right:1.5rem;}
	.project-details-tab-content .data-table .item-options{flex-direction: row;}
	.project-details-tab-content .data-table .item-options .btn:first-child{clip-path:none;}
	.project-details-tab-content .data-table .item-options .btn:last-child{clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 1rem, 100% 100%, 0 100%);}
	
	.shipping-block{flex-direction: column;}
	
	.quote-header{flex-direction: column; align-items: flex-start; gap:var(--margin-small);}
	.quote-info-table{display: block;}
	.quote-info-table tbody{display: flex; flex-direction: column; align-items: stretch;}
	.quote-info-table tr{padding-top:var(--margin-normal); display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-small);}
	.quote-info-table tr[class*='bg-color-']{padding-bottom:var(--margin-normal);}
	.quote-info-table td{display: block; width:100%!important; padding:0 var(--h-panel-padding)!important;}
	.quote-info-table .td-label{text-align:left;}
	.quote-info-table .td-label:not(:first-child){margin-top:var(--margin-normal);}
	
	.project-quote-tab-content .data-table td{padding-left:var(--h-panel-padding); padding-right:var(--h-panel-padding);}
	
	.quote-price-block{flex-direction: column; align-items: stretch; gap:0;}
	.quote-price-block .subtotal{padding:0 var(--h-panel-padding) 1rem var(--h-panel-padding); flex-direction: column; align-items: stretch; gap:var(--margin-small);}
	.quote-price-block .subtotal .item{display: flex; align-items: center; gap:1.5rem; justify-content: space-between;}
	.quote-price-block .total{ border:0; width:auto;}
	.quote-price-block .total-inner{gap:1.5rem; justify-content: space-between;}
	.quote-price-block .subtotal .item{justify-content: space-between;}
	
	.adapter-block table td{padding-left:var(--h-panel-padding); padding-right:var(--h-panel-padding);}
	
	.adapter-section table th:first-child, .adapter-section table td:first-child{padding-left:2rem;}
	.adapter-section table th:last-child, .adapter-section table td:last-child{padding-right:2rem;}
	
	.quote-price-block .item-select{margin:var(--margin-normal) 0 0.35rem 0; padding-right:var(--h-panel-padding);}
	
	.contractor-header{flex-direction: column; align-items: flex-start; gap:var(--margin-small);}
	.contractor-header > div+div:before{display: none;}
	.project-contractor-tab-content .data-table td{padding-left:var(--h-panel-padding); padding-right:var(--h-panel-padding);}
	
	.order-header{flex-direction: column; align-items: flex-start; gap:var(--margin-small);}
	.order-quote-info{flex-direction: column; align-items: flex-start;}
	.order-job-info{flex-direction: column; align-items: flex-start;}
	.order-job-info > div{flex-basis:auto;}
	
	.order-price-block{padding:1.5rem 0 0 0; flex-direction: column; align-items: stretch; gap:var(--margin-normal);}
	.order-price-block .payment-wrap{padding:0 var(--h-panel-padding);}
	.order-price-block .pack-options{padding:0 var(--h-panel-padding);}
	.order-price-block .price-wrap{margin:0; border-left:0; border-top:1px solid var(--color-input-border);}
	
	.curbs-listing .item{width:calc((100% - 0.75rem)/2);}

	.password-text-nowrap{white-space: normal;}
	
	.adapter-price-block{flex-direction: column; gap:0;}
	.adapter-price-block .subtotal{flex-direction: column; gap:0.75rem;}
	.adapter-price-block .subtotal .item{flex-direction: row; align-items: center; gap:1.5rem; justify-content:space-between;}
	.adapter-price-block .total{justify-content: space-between;}
	
	.shipping-block .pricing-wrap{width:auto;}
	
	
}

@media (max-width: 575.98px) {
	#page-wrap{box-shadow:inset 0 0 0 0 yellow;}
	
	.footer-bottom .footer-group{flex-direction: column-reverse; gap:var(--margin-small); align-items: center;}
	.footer-bottom .footer-group > div + div:before{display: none;}
	
	.dash-sections-nav .item{width:100%; min-height: 10rem;}
	
	.notifications-table, .notifications-table tfoot, .notifications-table caption{ display: block;}
	.notifications-table th{display: none;}
	.notifications-table td{display: block; border:0; padding:0;}
	.notifications-table tr{border-bottom:1px solid var(--color-grey); padding-bottom:var(--margin-normal); display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-small);}
	.notifications-table tbody{display: flex; flex-direction: column; align-items:stretch; gap:var(--margin-normal);}
	
	.projects-listing .item-header{flex-direction: column; align-items: flex-start; gap:var(--margin-normal);}
	.projects-listing .item-header .options{justify-content: flex-start;}
	.projects-listing .item-body{flex-direction: column; align-items: flex-start; gap:0;}
	.projects-listing .item-body .pricing-wrap{align-self: flex-end;}
	
	.curbs-listing .item{width:100%;}
	
	.shipping-block .options .addons-wrap{flex-direction: column; align-items: stretch;}
	
	.quote-price-block .options{flex-direction: column; align-items: stretch;}
	
	
}

@media (max-width: 360px) {
	#page-wrap{box-shadow:inset 0 0 0 0 red;}

}