.account-info-box{background:#fff;border:1px solid #e5e5e5;border-radius:2px;padding:12px 16px;margin-bottom:16px;box-shadow:none;max-width:420px}.account-info-row:not(:last-child){border-bottom:1px solid #e5e5e5}.account-info-row{display:flex;justify-content:space-between;align-items:center;font-size:.844rem;color:var(--site-black);margin-bottom:8px}.account-info-label{color:var(--dd-grey);font-weight:400}.account-info-value{font-family:inherit;font-size:.68rem;line-height:.88rem;font-weight:600;color:var(--site-black)}#myAccount #container{overflow:initial}#myAccount #filterSelector{display:none}.account-topnav{display:flex;gap:10px;position:sticky;top:0;width:100%;margin:auto}#myAccount #userInfo{display:block;margin:0 0 20px;padding:0}#myAccount #userInfo h2{margin:0;padding:0;width:100%;display:flex;gap:15px}#myAccount #userInfo h2 svg{fill:var(--dd-light-grey);display:block;margin:0;width:26px;height:26px;position:relative;top:4px}#myAccount #navBar #categoryOpen{display:none}#myAccount #navBar{position:absolute;padding:0}#myAccount #navBar .navFrame{display:block;padding:50px 50px 30px;position:fixed;top:0;bottom:0;left:-100%;width:100%;z-index:1000;overflow-y:auto;background:#fff;transition:all ease-in-out .4s;border-top:4px solid #eb6a2e}#myAccount #mainContent{margin:0 auto 50px;border:0;width:100%;min-width:100%}#myAccount #navigationTabs{display:block;border-bottom:1px solid #06875b;margin:0}#navigationTabs ul{display:flex;width:100%;justify-content:flex-end;padding:0 10px;margin:0}#navigationTabs ul li{display:block;margin:0 5px;padding:0;text-transform:uppercase;background:#fff;border:1px solid #06875b;border-bottom:0;font-size:13px;font-weight:600;letter-spacing:.5px;border-radius:4px 4px 0 0}#navigationTabs ul li:hover,#navigationTabs ul li.selected{background:#06875b;border-color:#06875b;color:#fff}#navigationTabs ul li a{color:currentColor;display:block;padding:10px 20px}#navigationTabs ul li#logOut:hover a{background:#363c4b;border-color:#363c4b;color:#fff}#myOrders{display:flex;padding:1.5rem 0;margin:2rem 0 0;flex-direction:column;gap:10px;width:100%}.inv_list-item{display:flex;padding:.44rem .3rem;border:1px solid var(--site-border);margin:0;border-radius:4px;background:#fff;width:100%}.inv_list-item [class^='inv-']{display:block;min-width:fit-content;flex-shrink:0}.inv_list-item .inv-type{width:10%;font-size:.82rem}.inv_list-item .inv-number{width:20%}.inv_list-item .inv-date{width:20%}.inv_list-item .inv-total{width:20%}.inv_list-item .inv-order-id{width:10%}.inv_list-item .inv-download{width:20%}.inv_list-item .inv-download .button{width:100%;margin:0;background:var(--dd-bkg1);color:var(--d911-teal-text);font-size:.68rem;letter-spacing:.013rem}.inv_list-item .inv-download .button:hover{background:var(--d911-teal);color:#fff}.inv_list-item .inv-label{display:flex;font-weight:600;font-size:.68rem;letter-spacing:.05rem;padding:0;color:var(--dd-light-grey);text-transform:uppercase;line-height:.68rem;margin:6px 0 4px}.inv-txt{display:flex;font-weight:600;padding:0;color:#68788b;color:var(--dd-grey);line-height:1rem}.inv-number .inv-txt,.inv-order-id .inv-txt{display:flex;font-weight:600;font-size:.75rem;padding:0;text-transform:uppercase;line-height:1rem;min-height:20px}.inv-number .inv-txt{color:var(--d911-teal-text)}#invoice-history .row span{word-break:break-word}.myacc-block{display:block;margin:8.4rem auto 0;background:#fff;border-radius:4px;padding:8.6rem 2.94rem 2.94rem;border:1px solid var(--site-border);position:relative}.basket-name{color:var(--d911-teal-text);margin-left:.68rem}.blk-header{display:flex;justify-content:space-between;align-items:center;gap:40px;margin:0;padding:1.5rem 2.86rem;border-bottom:1px solid var(--site-border);font-size:2.46rem;font-weight:300;position:absolute;inset:0 0 auto;background:var(--dd-bkg1);color:var(--d911-teal-text)}.blk-header svg{fill:var(--dd-light-grey);width:26px;height:26px;flex-shrink:0}.blk-header .button.headbox{position:absolute;right:90px;line-height:1rem;top:0;bottom:0;margin:auto}.blk-group{border-top:1px solid var(--site-border);padding:1rem 0 0;margin:0 auto 40px}.blk-txt{display:block;width:100%}.update-access .button{min-width:180px;border-color:var(--site-border)}#myAccount .q-field--outlined .q-field__control::before{border-color:var(--site-border)}#passwordContainer{margin:0 0 40px}#myAccount input.q-field__control,#myAccount input.q-field__input,#myAccount input.q-field__native{color:var(--dd-grey)}.order-filter-frame,.invoice-filter-frame{display:flex;justify-content:space-between;gap:1rem}.order-search-label,.order-filter-label,.invoice-search-label,.invoice-filter-label{margin:0;font-size:.96rem;font-weight:500;line-height:1.16rem;display:block;width:100%;border-bottom:1px solid var(--site-border);padding:0 0 6px;color:var(--site-mid-grey)}.order-search-label,.invoice-search-label{margin:0}.order-filter,.invoice-filter{display:block;width:49%;max-width:49%}.order-filter input,.invoice-filter input{width:100%;border-color:var(--dd-light-grey);border-radius:4px;color:var(--site-grey);font-weight:600;font-size:.76rem;cursor:pointer;height:40px;background-color:#fff;min-width:100%}.order-filter label,.invoice-filter label{width:100%}.order-filter .txt,.invoice-filter .txt{font-size:.684rem;display:block;margin:5px 0;color:var(--dd-light-grey);font-weight:600;text-transform:uppercase}.myacc_orders .order-search,.myacc_invoice .invoice-search{display:flex;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:0;justify-content:space-between}.orders-search .order-search-label,.invoice-search .invoice-search-label{width:100%}.order-search label,.invoice-search label{margin:0;width:calc(100% - 40px)}.order-search input[type='text']:not(.q-field__native),.invoice-search input[type='text']:not(.q-field__native){border-color:var(--dd-light-grey);border-radius:4px 0 0 4px}.order-search .search-button,.invoice-search .search-button{width:40px;background:var(--dd-light-grey);color:#fff;font-size:.86rem;font-weight:600;border:0;border-radius:0 4px 4px 0;padding:0;display:flex;align-items:center;justify-content:center}.order-search .txt,.invoice-search .txt{width:100%;font-size:.684rem;display:block;margin:5px 0;color:var(--dd-light-grey);font-weight:600;text-transform:uppercase}.myacc_orders .order-filter-frame,.myacc_invoice .invoice-filter-frame{padding:0;flex-wrap:wrap;gap:initial;align-content:flex-start}.order-list-item{display:flex;padding:.44rem .3rem;border:1px solid var(--site-border);margin:0;border-radius:4px;background:#fff;width:100%;font-size:.824rem;color:var(--dd-grey);position:relative}.order-list-item [class^='.ord-']{display:block;min-width:fit-content;flex-shrink:0}.order-list-item .ord-id{width:10%;font-size:.824rem;padding-left:.5rem}.order-list-item .ord-date-placed{width:20%}.order-list-item .ord-total{width:20%}.order-list-item .ord-status{width:35%}.order-list-item .ord-status span{font-size:.724rem;padding-right:1rem;line-height:.824rem}.order-list-item .ord-download{width:15%;position:relative;max-width:180px}.order-list-item .ord-download .button{width:100%;margin:0;background:var(--dd-bkg1);color:var(--d911-teal-text);font-size:.68rem;letter-spacing:.013rem}.order-list-item .ord-download .button:hover{background:var(--d911-teal);color:#fff}.order-list-item .ord-label{display:flex;font-weight:600;font-size:.68rem;letter-spacing:.05rem;padding:0;color:var(--dd-light-grey);text-transform:uppercase;line-height:.68rem;margin:6px 0 4px}.order-list-item .ord-txt{display:flex;font-weight:600;padding:0;color:var(--dd-grey);line-height:1rem}.order-list-item .ord-id .ord-txt{color:var(--d911-teal-text)}.order-list-item .submit-messages.success{display:block;position:absolute;inset:auto -1px calc(100% + 8px) auto;margin:0;padding:1.05rem 1.85rem;max-width:220px;background:var(--site-green);color:#fff!important;border-radius:4px;font-size:.86rem;line-height:1.06rem;font-weight:400}.order-list-item .submit-messages::after{content:'';display:block;width:2px;height:26px;background:var(--dd-light-grey);position:absolute;z-index:10;inset:auto 30px -13px auto;border-radius:2px}.add-new-list{display:flex;gap:10px;margin:0 0 40px}.add-new-list .button{flex-shrink:0;width:120px}#myDetails .searchPostcode,#myDetails .borderbox .details{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;min-height:50px;display:inline!important}.shopping-list{display:flex;justify-content:space-between}.shopping-list-nav{display:flex;flex-direction:column;gap:20px;width:30%}.shopping-list-results{display:flex;flex-direction:column;gap:10px;margin:0;width:60%}.shopping-list-nav .shopping-list-item{display:flex;gap:10px;cursor:pointer;border-bottom:1px solid var(--site-border);padding:0 0 6px}.shopping-list-item.active{color:var(--d911-teal-text);border-color:var(--dd-light-grey)}#shopping-lists>.button.user-action{position:static;width:auto;display:inline-block;justify-content:initial}#myDetails .details input{width:100%;background-color:#fff}#myDetails .searchPostcode input{width:100%}#myDetails .searchPostcode input[type='text']::placeholder{font-size:13.3px;color:#aaa}#myDetails .clientSave .button{width:250px}.account-navigation{display:grid;grid-template-columns:repeat(6,minmax(14%,16.66%));gap:4px;margin:0 0 40px}.account-navigation>div{padding:10px}.account-navigation .navlink{border:1px solid var(--site-border);background:#fff;padding:5%;min-height:80px;display:flex;gap:10px;height:100%}.account-navigation .navlink .tab-trigger{width:100%;display:flex;gap:13px}.account-navigation .navlink .txt{padding-bottom:10px}.account-navigation .navlink .txt span{font-family:'Roboto',sans-serif}.account-navigation .navlink:hover,.account-navigation .navlink:has(.selected){background:var(--d911-teal);color:#fff}.account-navigation .navlink:has(.selected) .txt .navlink-heading,.account-navigation .navlink:hover .txt .navlink-heading{color:#fff}.account-navigation .navlink.selected .txt .navlink-heading{color:#eb6a2e}.account-navigation .navlink img{width:34px;height:34px;flex-shrink:0;padding:4px}.account-navigation .dd_account-logout{background:var(--site-black);color:#fff}.account-navigation .coming-soon{opacity:.4;pointer-events:none;display:none}.account-navigation .dd_account-logout .txt .navlink-heading{color:#fff}.clientSave{display:flex;flex-direction:row-reverse;justify-content:space-between;border-top:1px solid var(--site-border);padding-top:20px;margin-top:40px}.clientSave .button{width:180px}.clientSave .button.cancel{position:absolute;inset:30px 100px auto auto;margin:auto;color:#a7b6c8;border:1px solid #a7b6c8;background:transparent}#myAccount .account-navigation.temp-hide,#myAccount #userInfo.temp-hide{display:none}@media only screen and (min-width:1280px){#myAccount #siteNavigation #loggedIn{background:var(--dd-bkg1);color:var(--dd-grey);cursor:initial}#myAccount #bodyMain{padding:0}}@media only screen and (max-width:1279px){#myAccount #pageContent{padding-top:120px}#myAccount #userInfo{position:relative;top:0;margin:0 0 30px;padding:0}#myAccount #userInfo h2{margin:0 0 30px;padding:5px 0 0 50px;position:relative;min-height:initial;width:100%}#myAccount #userInfo h2 svg{position:absolute;top:0;left:0}}@media only screen and (max-width:1179px){.account-navigation{grid-template-columns:repeat(4,minmax(24%,25%));margin:0 0 100px}}@media only screen and (max-width:1023px){#myOrders{display:flex;flex-flow:row wrap;justify-content:space-between;min-width:100%;margin:10px 0 0}#myOrders li>div>div{padding-bottom:20px}#myAccount #pageContent{padding-top:6rem}.account-navigation{grid-template-columns:repeat(3,minmax(31%,33%));margin:0 0 100px}.myacc-block{margin:0 auto;padding:6.4rem .85rem .95rem}.inv_list-item .inv-download{width:15%}.inv_list-item .inv-date{width:25%}.blk-header{padding:1.5rem .85rem}.blk-header .button.headbox{right:50px}.shopping-list-results{width:66%}}@media only screen and (max-width:767px){#myAccount #masthead,#myAccount #masthead.docked{height:130px}#myAccount #userInfo h2{font-size:1.36rem;line-height:1.66rem;flex-direction:column;gap:0;padding:0 0 0 50px}#myAccount #userInfo h2 svg{top:4px}.account-navigation .navlink .txt .navlink-heading{font-weight:600;font-size:.92rem}#invoice-history>div>.row>div{width:50%}#myAccount #pageContent{padding-top:8rem}.inv_list-item{flex-wrap:wrap}.inv_list-item [class^='inv-']{width:50%}.inv_list-item .inv-download{min-width:40%}.inv_list-item .inv-date,.inv_list-item .inv-total{width:100%}#myDetails .address-name{flex-direction:column}.shopping-list{flex-direction:column}.shopping-list-nav{width:100%;margin:0 0 40px}.shopping-list-results{width:100%}.account-navigation{grid-template-columns:repeat(2,minmax(48%,50%));margin:0 0 80px}.order-list-item{flex-wrap:wrap}.order-list-item div[class^='ord-']{padding:5px}.order-list-item .ord-status{width:60%}.order-list-item .ord-download{width:40%}.order-list-item .ord-date-placed{width:40%}.order-list-item .ord-id{width:20%}.order-list-item .ord-total{width:30%}#myDetails .clientSave{justify-content:center}.clientSave .button,.clientSave .button.cancel{inset:initial;position:relative;margin:0}}@media only screen and (max-width:599px){#myAccount #pageContent{padding-top:8rem}#myDetails .clientSave .button,.update-access .button{width:100%}#myOrders li>div>div{padding:0 10px 10px;width:100%}.add-new-list>div[style^='display: flex; gap: 10px;']{justify-content:space-between}.add-new-list>div[style^='display: flex; gap: 10px;'] .button{width:48%}.account-navigation{grid-template-columns:repeat(1,1fr);margin:0 0 80px}.account-navigation .dd_account-details{grid-column:span 1}.account-navigation .navlink{padding:2% 4%;min-height:initial;display:none}.account-navigation .navlink.dd_account-logout{display:flex}.order-list-item .ord-download .button{min-width:initial}.order-list-item .ord-total,.order-list-item .ord-id{width:40%}.order-list-item .ord-date-placed,.order-list-item .ord-status{width:60%}.order-list-item .ord-download{width:100%;max-width:initial;margin:.45rem 0 0}.clientSave{flex-direction:column;align-items:center;gap:.85rem}.clientSave .button{width:100%}}@media only screen and (max-width:479px){#myDetails p input.button,#myDetails .searchPostcode button,#myDetails .details input,#myDetails .details label{width:100%}#myDetails .details label{line-height:16px;color:#363c4b}#myDetails .buttonBox{margin:0 0 10px 0;width:100%}#navigationTabs ul{justify-content:center}#navigationTabs ul li a{padding:10px;font-size:12px;font-weight:600}.blk-header .button.headbox{display:none}}#myAccount #masthead{height:94px}#myAccount #masthead.docked{height:64px}#myAccount #masthead{height:94px;height:auto}