wickes-css2 2.97.0-IM-1593-code-width.1 → 2.97.0-develop.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (102) hide show
  1. package/build/css/category-main.css +1 -1
  2. package/build/css/components/tile-calculator.css +1 -1
  3. package/build/css/main.css +1 -1
  4. package/build/css/my-account-main-v2.css +1 -1
  5. package/build/css/my-account-main.css +1 -1
  6. package/build/css/pages/page_address-book.css +1 -0
  7. package/build/css/pages/page_change-password.css +1 -0
  8. package/build/css/pages/page_ti.css +1 -1
  9. package/build/css/pages/tradePro-rewards.css +1 -1
  10. package/build/css/pdp-main-before-combine.css +1 -1
  11. package/build/css/pdp-main-critical.css +1 -1
  12. package/build/css/pdp-main-non-critical.css +1 -1
  13. package/build/css/pdp-main.css +1 -1
  14. package/build/js/account-members.min.js +1 -1
  15. package/build/js/add-project-list-id.min.js +1 -1
  16. package/build/js/address-book.min.js +1 -0
  17. package/build/js/basket.min.js +2 -2
  18. package/build/js/bundle.min.js +1 -1
  19. package/build/js/change-password.min.js +1 -0
  20. package/build/js/checkout.min.js +2 -2
  21. package/build/js/emulation.min.js +7 -10
  22. package/build/js/energy-efficiency.min.js +1 -1
  23. package/build/js/general.bundle.min.js +1 -1
  24. package/build/js/global-search.min.js +1 -1
  25. package/build/js/merged-checkout.min.js +2 -2
  26. package/build/js/page/address-book.js +193 -0
  27. package/build/js/page/change-password.js +118 -0
  28. package/build/js/page/utils/errorMesages.js +14 -0
  29. package/build/js/page/utils/helpers.js +18 -0
  30. package/build/js/page/utils/validation.js +5 -1
  31. package/build/js/pdp.bundle.min.js +1 -1
  32. package/build/js/personal-details.min.js +1 -1
  33. package/build/js/plp.bundle.min.js +1 -1
  34. package/build/js/project-list.min.js +6 -2
  35. package/build/js/pstrength.min.js +161 -0
  36. package/build/js/quiz.min.js +1 -1
  37. package/build/js/track-my-order.min.js +1 -1
  38. package/package.json +10 -2
  39. package/src/components/address-card.hbs +40 -0
  40. package/src/components/base/link.hbs +13 -0
  41. package/src/components/leave-modal.hbs +13 -0
  42. package/src/components/my-account/delete-address-modal.hbs +23 -0
  43. package/src/components/my-account/leave-modal.hbs +1 -1
  44. package/src/components/pdp-info-v2.hbs +37 -0
  45. package/src/components/price-block-order.hbs +0 -1
  46. package/src/components/shopping-list-pdf.hbs +7 -37
  47. package/src/components/ti-header.hbs +34 -0
  48. package/src/components/ti-radio.hbs +57 -0
  49. package/src/components/ti-total-area.hbs +32 -0
  50. package/src/components/ti.hbs +791 -0
  51. package/src/components/tile-banner.hbs +13 -0
  52. package/src/components/tile-why-wickes.hbs +32 -0
  53. package/src/components/voucher.hbs +7 -6
  54. package/src/data/data_flooring-installation.json +186 -0
  55. package/src/data/data_voucher_tradePro.json +1 -1
  56. package/src/data/my-account/data_address-book.json +225 -0
  57. package/src/data/my-account/data_change-password.json +85 -0
  58. package/src/elements/form-row.hbs +11 -2
  59. package/src/js/components/general/switchVat.js +0 -11
  60. package/src/js/components/leave-event.js +2 -0
  61. package/src/js/components/pwdstrength.js +21 -0
  62. package/src/js/components/toggle-password-visibility.js +58 -0
  63. package/src/js/emulation/checkout_your-details.js +5 -5
  64. package/src/js/emulation/forms.js +1 -1
  65. package/src/js/emulation/project-list-print.js +1 -4
  66. package/src/js/libs/jquery.pstrength.custom-1.2.0.js +161 -0
  67. package/src/js/page/address-book.js +193 -0
  68. package/src/js/page/change-password.js +118 -0
  69. package/src/js/page/utils/errorMesages.js +14 -0
  70. package/src/js/page/utils/helpers.js +18 -0
  71. package/src/js/page/utils/validation.js +5 -1
  72. package/src/layouts/base.hbs +1 -1
  73. package/src/page_my-account_address-book-form.html +94 -0
  74. package/src/page_my-account_address-book.html +47 -24
  75. package/src/page_my-account_address-book_tradePro.html +45 -18
  76. package/src/page_my-account_change-password.html +62 -29
  77. package/src/page_personal-details-installer.html +6 -4
  78. package/src/page_personal-details.html +2 -0
  79. package/src/partials/header.hbs +1 -1
  80. package/src/scss/common/_common.scss +8 -0
  81. package/src/scss/components/_cards-slider.scss +0 -26
  82. package/src/scss/components/_leave-modal.scss +75 -0
  83. package/src/scss/components/_price-block-critical.scss +3 -3
  84. package/src/scss/components/_price-block.scss +8 -3
  85. package/src/scss/components/_rewards.scss +0 -20
  86. package/src/scss/components/_ti-header.scss +43 -0
  87. package/src/scss/components/_ti-radio.scss +142 -0
  88. package/src/scss/components/_ti-total-area.scss +53 -0
  89. package/src/scss/components/_tile-banner.scss +141 -0
  90. package/src/scss/components/_tile-why-wickes.scss +57 -0
  91. package/src/scss/components/tile-calculator.scss +4 -1
  92. package/src/scss/helpers/_mixins.scss +8 -0
  93. package/src/scss/libs/_pstrength.scss +34 -0
  94. package/src/scss/pages/_my-account_change-password.scss +0 -2
  95. package/src/scss/pages/page_address-book.scss +356 -0
  96. package/src/scss/pages/page_change-password.scss +147 -0
  97. package/src/scss/pages/page_ti.scss +719 -3
  98. package/src/scss/pages/tradePro-rewards.scss +1 -0
  99. package/src/sitemap.html +3 -4
  100. package/src/page_activate-trade-pro-api-flow.html +0 -62
  101. package/src/page_my-shopping-list-pdf-vat.html +0 -7
  102. /package/src/components/{button.hbs → base/button.hbs} +0 -0
@@ -1 +1 @@
1
- .tile-product{display:-ms-grid;display:grid;-ms-grid-rows:auto 3fr;grid-template-rows:auto 3fr;-ms-grid-columns:150px auto;grid-template-columns:150px auto;grid-auto-flow:row;margin:15px 0 0}.tile-product__img{-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/span 1;-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/span 2}.tile-product__img>img{height:110px;width:100%}@media (min-width:768px) and (max-width:991.98px){.tile-product{-ms-grid-columns:130px auto;grid-template-columns:130px auto;margin:10px 0}.tile-product__img>img{height:100px}}@media (max-width:767.98px){.tile-product{-ms-grid-columns:110px auto;grid-template-columns:110px auto;margin:10px 0}.tile-product__img{-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/span 1;-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/span 1}.tile-product__img>img{height:80px}}.tile-product__title{-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/span 1;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/span 1;margin-left:15px;font-weight:700;line-height:24px;margin-bottom:0}@media (max-width:767.98px){.tile-product__title{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/span 2;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/span 1;margin-left:0;font-weight:500;padding-bottom:10px}}.tile-product__info{-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/span 1;-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/span 1;margin-left:15px;line-height:24px}@media (max-width:767.98px){.tile-product__info{margin-left:10px}}.tile-product__info>*{margin:0}.tile-product__price{font-size:.875rem;padding-top:5px}.tile-product__price-cost,.tile-product__price-quantity{font-weight:700;font-size:1rem}@media (max-width:767.98px){.tile-product__price{font-weight:700;padding-top:0}.tile-product__price-cost,.tile-product__price-quantity{font-size:.875rem}}.tile-product__price-sqm{font-size:.875rem;font-weight:700;line-height:22px;color:#95969b}.ti-floor{position:relative;background:#f8f8f8;padding:25px 20px;counter-increment:floor;margin-top:15px}.ti-floor:nth-of-type(2) .ti-floor__close{display:none}.ti-floor .ti-floor__close{display:block}.ti-floor__title{margin-bottom:16px}.ti-floor__title-count:after{content:counter(floor);display:inline-block}.ti-floor__form{display:flex;justify-content:flex-start;margin-top:16px}.ti-floor__form-row{margin-right:10px}.ti-floor__form-row label{display:flex;align-items:center;margin-bottom:0}.ti-floor__input{width:68px;margin-left:10px;padding:8px 6px;text-align:center;-moz-appearance:textfield}.ti-floor__input::-webkit-inner-spin-button,.ti-floor__input::-webkit-outer-spin-button{-webkit-appearance:none}.ti-floor__result{display:flex;align-items:center;vertical-align:center;font-size:.875rem;font-weight:400;line-height:22px}.ti-floor__result-specification{padding-right:5px}.ti-floor__result-outcome{display:flex;flex-wrap:wrap}.ti-floor__result-value{padding-right:4px;word-break:break-all}.ti-floor__result-specification,.ti-floor__specification{font-size:.875rem;font-weight:700;line-height:22px}.ti-floor__close{position:absolute;top:4px;right:8px;font-size:1rem;font-weight:400;line-height:24px;color:#8b8b8b;cursor:pointer;display:none}.ti-floor__add-floor{display:flex;justify-content:center;align-items:center;margin-top:15px;background:#f8f8f8;padding:15px 0;text-decoration:underline;font-size:.875rem;font-weight:500;line-height:22px;color:#0277bd;cursor:pointer}.ti-floor__add-floor .fa-arrow-down{color:#67a509;margin-right:10px}.ti-floor__measurement{width:100%;margin-right:auto;margin-left:auto;position:relative;background:#f8f8f8;padding:25px 20px}@media (min-width:576px){.ti-floor__measurement{max-width:540px}}@media (min-width:768px){.ti-floor__measurement{max-width:720px}}@media (min-width:992px){.ti-floor__measurement{max-width:960px}}@media (min-width:1200px){.ti-floor__measurement{max-width:1140px}}.ti-floor__measurement .row{margin:0;align-items:center}.ti-floor__measurement .ti-floor__dpd,.ti-floor__measurement .ti-floor__title{flex:0 0 50%;max-width:50%}.ti-floor .ti-unit_small{min-width:25px}@media (max-width:991.98px){.ti-floor{padding:0}.ti-floor__title{padding:20px 0 0 15px;font-weight:500}.ti-floor__form{flex-direction:column}.ti-floor__form-row{margin-bottom:15px;margin-right:15px;padding-left:15px}.ti-floor__form-row label,.ti-floor__result{justify-content:space-between}.ti-floor__result{width:100%;height:40px;background-color:#eee;padding:0 15px}.ti-floor__measurement .ti-floor__dpd,.ti-floor__measurement .ti-floor__title{flex:0 0 100%;max-width:100%}.ti-floor .ti-floor__title{padding-left:15px}}@media (max-width:767.98px){.ti-floor:not(:first-of-type),.ti-floor__add-floor{margin-top:10px}.ti-floor__measurement .ti-floor__dpd .form-row{padding:0}}.ti-total-area{position:relative;background:#f8f8f8;padding:20px}.ti-total-area__title{font-weight:500;margin-bottom:13px}.ti-total-area__accordion-wrap{color:#000}.ti-total-area__wastage{margin-top:13px}.ti-total-area__wastage .ti-total-area__detail-name{font-size:14px;font-weight:400;display:inline-flex;align-items:center;justify-content:center}.ti-total-area__wastage .notification .icon{display:inline-block}.ti-total-area__wastage .ti-total-area__detail-accordion{font-weight:500;padding-right:3px}.ti-total-area__wastage-value{display:inline-block;width:60px;text-align:center;flex-shrink:0;word-break:break-all}.ti-total-area .accordion__header-icon-small{width:15px}.ti-total-area .accordion__header-icon-small,.ti-total-area__detail-accordion{font-size:.875rem;font-weight:500;line-height:17px;text-decoration:underline;color:#0277bd;display:block;height:100%}.ti-total-area__detail-name{cursor:pointer}.ti-total-area__details-hidden{margin-top:15px;transition:.5s}.ti-total-area__details-hidden>.notification_warning{padding:8px 20px}.ti-total-area__details-hidden>.notification_warning strong p{margin-left:25px;margin-right:20px;margin-bottom:0}.ti-total-area__details-hidden-height{height:0}.ti-total-area__details-hidden .notification__icon{top:10px;left:14px}.ti-total-area__details-hidden .notification_warning p{font-size:1rem}.ti-total-area__details-hidden .notification_warning>p{font-size:.875rem;font-weight:400;line-height:22px}.ti-total-area__details-hidden .notification_warning>p:last-of-type{margin-bottom:0}.ti-total-area .collapsed .accordion__header-icon-small{position:relative;transform:rotate(180deg);width:15px}.ti-total-area__warning{margin-top:10px;margin-bottom:0}.ti-total-area__warning-red{color:#cf000f}.ti-total-area__specification{font-size:1rem;font-weight:500;line-height:24px}.ti-total-area__form-row{margin:25px 0}.ti-total-area__form-row:last-of-type{margin-bottom:0}.ti-total-area__form-row-mt{margin-top:15px}.ti-total-area__form-row label,.ti-total-area__wastage-area{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.ti-total-area__wastage-area{display:none}.ti__total-waste .ti-total-area__wastage-area{display:flex}.ti-total-area__total{position:relative;display:flex;justify-content:flex-start;align-items:baseline;background:#f8f8f8;padding:5px 20px}.ti-total-area__total:before{content:"";display:block;position:absolute;top:0;left:20px;width:calc(100% - 40px);border-top:1px solid #ccc}.ti-total-area__total-value{font-size:1.5rem;font-weight:700;line-height:46px;text-align:right;color:#0a3055;margin-left:auto;word-break:break-all}@media (max-width:991.98px){.ti-total-area{padding:15px}.ti-total-area__details-hidden{margin-top:10px}.ti-total-area__form-row{margin:15px 0}.ti-total-area__form-row-mt{margin-top:5px}.ti-total-area__total{padding:10px 15px;border-top:0;background-color:#eee}.ti-total-area__total:before{display:none}.ti-total-area__total-value{font-size:1.125rem;line-height:24px}.ti-total-area__total .ti-total-area__specification{font-size:.875rem;font-weight:700}}@media (max-width:767.98px){.ti-total-area__wastage .chb{margin-bottom:6px}.ti-total-area__wastage .ti-total-area__detail-name{display:flex;justify-content:flex-start;margin-left:34px}.ti-total-area__detail-name{white-space:nowrap}.ti-total-area__details-hidden{margin-bottom:10px}.ti-total-area__details-hidden>.notification_warning{padding:8px 10px;margin-bottom:10px}.ti-total-area__details-hidden .notification__icon{left:5px}.ti-total-area__warning{margin-top:10px;line-height:20px}.ti-total-area__specification{font-size:.875rem;font-weight:700;line-height:22px;max-width:70%}}
1
+ .tile-estimation__banner{position:relative;width:100%;height:240px;background:url(../img/placeholders/tile-banner-desktop.jpg) 50%/cover no-repeat}@media (min-width:768px) and (max-width:991.98px){.tile-estimation__banner{background-image:url(../img/placeholders/tile-banner-tablet.jpg);height:200px}}@media (max-width:767.98px){.tile-estimation__banner{background-image:url(../img/placeholders/tile-banner-mobile.jpg);height:220px}}.tile-estimation__banner-logo{height:auto;position:absolute;top:0}@media (min-width:992px){.tile-estimation__banner-logo{right:20px;width:90px}.tile-estimation__banner-info{max-width:570px;top:50px}}@media (min-width:768px) and (max-width:991.98px){.tile-estimation__banner-logo{left:15px;width:75px}}.tile-estimation__banner-info{position:relative;left:20px}.tile-estimation__banner-info:after{content:"";position:absolute;bottom:-20px;width:90px;border-top:3px solid #0a3055}@media (min-width:992px){.tile-estimation__banner-info:after{left:50%;transform:translateX(-50%)}}@media (min-width:768px) and (max-width:991.98px){.tile-estimation__banner-info{top:50%;transform:translateY(-50%);max-width:360px;left:15px}.tile-estimation__banner-info:after{left:0}}@media (max-width:767.98px){.tile-estimation__banner-logo{right:10px;width:60px}.tile-estimation__banner-info{max-width:170px;top:50%;transform:translateY(-50%);left:10px}.tile-estimation__banner-info:after{left:0;width:25px;bottom:-15px}}.tile-estimation__banner-header{text-align:center;font-size:1.375rem;font-weight:700;line-height:32px;margin-bottom:0}@media (min-width:768px) and (max-width:991.98px){.tile-estimation__banner-header{text-align:left;max-width:360px;font-size:1rem;line-height:23px}}@media (max-width:767.98px){.tile-estimation__banner-header{text-align:left;max-width:170px;font-size:.875rem;font-weight:700;line-height:19px}}.tile-estimation__banner-text{text-align:center;max-width:430px;font-size:1.125rem;font-weight:400;line-height:24px;margin-bottom:0}@media (min-width:992px){.tile-estimation__banner-text{margin:10px auto 0}}@media (min-width:768px) and (max-width:991.98px){.tile-estimation__banner-text{margin-top:5px;text-align:left;max-width:320px;font-size:.8125rem}}.tile-product{display:-ms-grid;display:grid;-ms-grid-rows:auto 3fr;grid-template-rows:auto 3fr;-ms-grid-columns:150px auto;grid-template-columns:150px auto;grid-auto-flow:row;margin:15px 0 0}.tile-product__img{-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/span 1;-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/span 2}.tile-product__img>img{height:110px;width:100%}@media (min-width:768px) and (max-width:991.98px){.tile-product{-ms-grid-columns:130px auto;grid-template-columns:130px auto;margin:10px 0}.tile-product__img>img{height:100px}}@media (max-width:767.98px){.tile-estimation__banner-text{max-width:155px;text-align:left;font-size:.8125rem;font-weight:400;line-height:17px}.tile-product{-ms-grid-columns:110px auto;grid-template-columns:110px auto;margin:10px 0}.tile-product__img{-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/span 1;-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/span 1}.tile-product__img>img{height:80px}}.tile-product__title{-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/span 1;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/span 1;margin-left:15px;font-weight:700;line-height:24px;margin-bottom:0}@media (max-width:767.98px){.tile-product__title{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/span 2;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/span 1;margin-left:0;font-weight:500;padding-bottom:10px}}.tile-product__info{-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/span 1;-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/span 1;margin-left:15px;line-height:24px}@media (max-width:767.98px){.tile-product__info{margin-left:10px}}.tile-product__info>*{margin:0}.tile-product__price{font-size:.875rem;padding-top:5px}.tile-product__price-cost,.tile-product__price-quantity{font-weight:700;font-size:1rem}@media (max-width:767.98px){.tile-product__price{font-weight:700;padding-top:0}.tile-product__price-cost,.tile-product__price-quantity{font-size:.875rem}}.tile-product__price-sqm{font-size:.875rem;font-weight:700;line-height:22px;color:#95969b}.why-wickes{padding:20px 0}.why-wickes__header{margin:10px 0 0;font-size:1.5rem;font-weight:300;line-height:32px}@media (max-width:767.98px){.why-wickes__header{font-size:1.25rem;margin:0}}.why-wickes__list{margin-left:5px;padding-left:0;margin-bottom:0}.why-wickes__item{padding-top:20px;list-style-type:none;display:flex;align-items:flex-start}.why-wickes__info{font-size:1.125rem;font-weight:300;line-height:24px;margin-bottom:0}@media (max-width:767.98px){.why-wickes__item{padding-top:10px}.why-wickes__info{font-size:1rem}}.why-wickes__bullet{font-size:1.125rem;font-weight:300;line-height:24px;color:#67a509;text-align:center;height:24px;margin-right:20px}@media (max-width:991.98px){.why-wickes__bullet{margin-right:15px}}.ti__header{flex:0 0 100%;max-width:100%;position:relative;padding:15px 0;border-bottom:1px solid #eee}.ti__header-inactive .ti__header-hint,.ti__header-inactive .ti__header-number,.ti__header-inactive .ti__header-title{opacity:.5}.ti__header h3{margin-bottom:0}.ti__header-number{display:block;color:#95969b}.ti__header-title{display:block;line-height:1;margin-top:-2px}.ti__header-hint{display:block;color:#95969b;font-size:.875rem;font-weight:400;line-height:24px}.ti__header-hint.ti__header-hint{margin-bottom:-8px}@media (max-width:767.98px){.ti__header-hint{font-weight:700}}.ti-floor{position:relative;background:#f8f8f8;padding:25px 20px;counter-increment:floor;margin-top:15px}.ti-floor:nth-of-type(2) .ti-floor__close{display:none}.ti-floor .ti-floor__close{display:block}.ti-floor__title{margin-bottom:16px}.ti-floor__title-count:after{content:counter(floor);display:inline-block}.ti-floor__form{display:flex;justify-content:flex-start;margin-top:16px}.ti-floor__form-row{margin-right:10px}.ti-floor__form-row label{display:flex;align-items:center;margin-bottom:0}.ti-floor__input{width:68px;margin-left:10px;padding:8px 6px;text-align:center;-moz-appearance:textfield}.ti-floor__input::-webkit-inner-spin-button,.ti-floor__input::-webkit-outer-spin-button{-webkit-appearance:none}.ti-floor__result{display:flex;align-items:center;vertical-align:center;font-size:.875rem;font-weight:400;line-height:22px}.ti-floor__result-specification{padding-right:5px}.ti-floor__result-outcome{display:flex;flex-wrap:wrap}.ti-floor__result-value{padding-right:4px;word-break:break-all}.ti-floor__result-specification,.ti-floor__specification{font-size:.875rem;font-weight:700;line-height:22px}.ti-floor__close{position:absolute;top:4px;right:8px;font-size:1rem;font-weight:400;line-height:24px;color:#8b8b8b;cursor:pointer;display:none}.ti-floor__add-floor{display:flex;justify-content:center;align-items:center;margin-top:15px;background:#f8f8f8;padding:15px 0;text-decoration:underline;font-size:.875rem;font-weight:500;line-height:22px;color:#0277bd;cursor:pointer}.ti-floor__add-floor .fa-arrow-down{color:#67a509;margin-right:10px}.ti-floor__measurement{width:100%;margin-right:auto;margin-left:auto;position:relative;background:#f8f8f8;padding:25px 20px}@media (min-width:576px){.ti-floor__measurement{max-width:540px}}@media (min-width:768px){.ti-floor__measurement{max-width:720px}}@media (min-width:992px){.ti-floor__measurement{max-width:960px}}@media (min-width:1200px){.ti-floor__measurement{max-width:1140px}}.ti-floor__measurement .row{margin:0;align-items:center}.ti-floor__measurement .ti-floor__dpd,.ti-floor__measurement .ti-floor__title{flex:0 0 50%;max-width:50%}.ti-floor .ti-unit_small{min-width:25px}@media (max-width:991.98px){.ti-floor{padding:0}.ti-floor__title{padding:20px 0 0 15px;font-weight:500}.ti-floor__form{flex-direction:column}.ti-floor__form-row{margin-bottom:15px;margin-right:15px;padding-left:15px}.ti-floor__form-row label,.ti-floor__result{justify-content:space-between}.ti-floor__result{width:100%;height:40px;background-color:#eee;padding:0 15px}.ti-floor__measurement .ti-floor__dpd,.ti-floor__measurement .ti-floor__title{flex:0 0 100%;max-width:100%}.ti-floor .ti-floor__title{padding-left:15px}}@media (max-width:767.98px){.ti-floor:not(:first-of-type),.ti-floor__add-floor{margin-top:10px}.ti-floor__measurement .ti-floor__dpd .form-row{padding:0}}.ti-total-area{position:relative;background:#f8f8f8;padding:20px}.ti-total-area .step1-inactive{width:100%;flex-wrap:wrap}.ti-total-area__title{font-weight:500;margin-bottom:13px}.ti-total-area__waste{width:100%;text-align:right;font-size:.875rem;font-weight:400;line-height:1;justify-content:flex-end;margin-bottom:0;padding-bottom:5px}.ti__total:not(.ti__total-waste) .ti-total-area__waste{display:none}.ti-total-area__row{width:100%;display:flex;justify-content:space-between;padding-bottom:5px}.ti-total-area__row-specification{font-size:.875rem;font-weight:700;line-height:22px}.ti-total-area__row-value{font-size:.875rem;font-weight:400;line-height:22px}.ti-total-area__accordion-wrap{color:#000}.ti-total-area__wastage{margin-top:13px}.ti-total-area__wastage .ti-total-area__detail-name{font-size:14px;font-weight:400;display:inline-flex;align-items:center;justify-content:center}.ti-total-area__wastage .notification .icon{display:inline-block}.ti-total-area__wastage .ti-total-area__detail-accordion{font-weight:500;padding-right:3px}.ti-total-area__wastage-value{display:inline-block;width:60px;text-align:center;flex-shrink:0;word-break:break-all}.ti-total-area .accordion__header-icon-small{width:15px}.ti-total-area .accordion__header-icon-small,.ti-total-area__detail-accordion{font-size:.875rem;font-weight:500;line-height:17px;text-decoration:underline;color:#0277bd;display:block;height:100%}.ti-total-area__detail-name{cursor:pointer}.ti-total-area__details-hidden{margin-top:15px;transition:.5s}.ti-total-area__details-hidden>.notification_warning{padding:8px 20px}.ti-total-area__details-hidden>.notification_warning strong p{margin-left:25px;margin-right:20px;margin-bottom:0}.ti-total-area__details-hidden-height{height:0}.ti-total-area__details-hidden .notification__icon{top:10px;left:14px}.ti-total-area__details-hidden .notification_warning p{font-size:1rem}.ti-total-area__details-hidden .notification_warning>p{font-size:.875rem;font-weight:400;line-height:22px}.ti-total-area__details-hidden .notification_warning>p:last-of-type{margin-bottom:0}.ti-total-area .collapsed .accordion__header-icon-small{position:relative;transform:rotate(180deg);width:15px}.ti-total-area__warning{margin-top:10px;margin-bottom:0}.ti-total-area__warning-red{color:#cf000f}.ti-total-area__specification{font-size:1rem;font-weight:500;line-height:24px}.ti__step1-inactive .ti-total-area__specification{font-size:.875rem;font-weight:700;line-height:22px}.ti-total-area__form-row{margin:25px 0}.ti-total-area__form-row:last-of-type{margin-bottom:0}.ti-total-area__form-row-mt{margin-top:15px}.ti-total-area__form-row label,.ti-total-area__wastage-area{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.ti-total-area__wastage-area{display:none}.ti__total-waste .ti-total-area__wastage-area{display:flex}.ti-total-area__total{position:relative;display:flex;justify-content:flex-start;align-items:baseline;background:#f8f8f8;padding:5px 20px}.ti__step1-inactive .ti-total-area__total{padding:0 20px}.ti-total-area__total:before{content:"";display:block;position:absolute;top:0;left:20px;width:calc(100% - 40px);border-top:1px solid #ccc}.ti-total-area__total-value{font-size:1.5rem;font-weight:700;line-height:46px;text-align:right;color:#0a3055;margin-left:auto;word-break:break-all}@media (max-width:991.98px){.ti-total-area{padding:15px}.ti-total-area__details-hidden{margin-top:10px}.ti-total-area__form-row{margin:15px 0}.ti-total-area__form-row-mt{margin-top:5px}.ti-total-area__total{padding:10px 15px;border-top:0;background-color:#eee}.ti-total-area__total:before{display:none}.ti__step1-inactive .ti-total-area__total{padding:8px 15px}.ti-total-area__total-value{font-size:1.125rem;line-height:24px}.ti-total-area__total .ti-total-area__specification{font-size:.875rem;font-weight:700}}@media (max-width:767.98px){.ti-total-area__wastage .chb{margin-bottom:6px}.ti-total-area__wastage .ti-total-area__detail-name{display:flex;justify-content:flex-start;margin-left:34px}.ti-total-area__detail-name{white-space:nowrap}.ti-total-area__details-hidden{margin-bottom:10px}.ti-total-area__details-hidden>.notification_warning{padding:8px 10px;margin-bottom:10px}.ti-total-area__details-hidden .notification__icon{left:5px}.ti-total-area__warning{margin-top:10px;line-height:20px}.ti-total-area__specification{font-size:.875rem;font-weight:700;line-height:22px;max-width:70%}}.choose{width:100%;background:#f8f8f8;padding:20px;height:auto;display:flex;flex-direction:column}.choose__info{padding-top:10px;padding-left:34px;font-size:.875rem;font-weight:700;line-height:22px;margin-bottom:0}.choose__list{padding-left:50px;list-style-position:outside;margin-bottom:0}.choose__item{font-size:.875rem;font-weight:400;line-height:24px}.choose__add{text-align:center}.choose__add .ti__phone{padding:6px;margin-right:.75rem;border:1px solid #0277bd;border-radius:50%;text-align:center;color:#0277bd;-ms-grid-row-align:center;align-self:center;display:flex}.choose__add .contact-info{margin:0}.choose__add .contact-info a{text-decoration:none}.choose__add .contact-info a:hover{text-decoration:underline}.choose__callback .form-details{display:none}.choose__callback .form-details_open{display:block}.choose__callback .form-details_open .form-row__error{display:none}.choose__callback .form-details__info{font-weight:700}.choose__callback .form-details .warning-required{margin-top:10px;margin-bottom:20px}@media (max-width:991.98px){.choose{padding:15px}}@media (max-width:767.98px){.choose__callback label{padding-bottom:10px}.choose__add,.choose__callback{height:auto}.choose__add .ti__phone{align-self:baseline}.choose__add .contact-info{text-align:left}.choose__info{padding-left:0}.choose__list{padding-left:15px}.choose .form-details .form-row{padding:0}}@media (min-width:768px){.ti__choose .choose__callback label{margin-bottom:.75rem}.ti__choose .choose__callback .form-details{margin-left:34px;width:50%;margin-bottom:25px}}