 .cmn-btn{background:#0068e1}.cmn-btn-2{background:#ff0000}.cmn-btn,.cmn-btn-2{height:40px;border:none;outline:none;line-height:40px;padding:0 30px;color:#ffffff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.cmn-btn:hover,.cmn-btn-2:hover{color:#ffffff}.cmn-btn.btn-sm,.cmn-btn-2.btn-sm{height:36px;line-height:36px;padding:0 20px}@media (max-width:575px){.cmn-btn.btn-xs,.cmn-btn-2.btn-xs{height:30px;line-height:30px;padding:0 10px;font-size:14px}}.header-form-group input{-moz-border-radius:5px;border-radius:5px}.header-search-form .select-item .select-bar{-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;border-right:1px solid #e5e5e5}.product-item .product-inner{background-color:#fff}.active_lang span,.active_lang i{color:#fff}.mobile-menu .nav-tabs li a.active{color:#fff}@media screen and (min-width:400px){.subscribe-form input{height:60px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}}@media screen and (min-width:400px){.subscribe-form button{height:60px;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0}}.select-bar .list li{text-align:unset}.left-category .categories{border-radius:unset;box-shadow:unset;padding:20px 0;border:1px solid #e5e5e5e5}.todays-deal .item{box-shadow:unset;border:1px solid #e5e5e5e5}@media (min-width:1200px){.left-category .categories li:hover .sub-category{background:#ebebebeb}}.wish-react li a.active,.wish-react li button,.wish-react li a.active:hover,.wish-react li button.active:hover{background:#0068e1;color:#fff}.cart-table tr td .edit.add-cart{font-size:24px;line-height:1;color:#0068e1;cursor:pointer;width:40px;line-height:40px}.h-unset{height:unset}.social-icons li a.facebook{background:#0068e1}.product-details .product-size-area{margin-top:25px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:center}.product-details .product-size-area .caption{font-weight:500;margin-right:5px;color:#292929}.product-details .product-size-area .product-single-size{padding:0 10px;height:30px;font-size:14px;color:#777777;line-height:30px;border:1px solid #e5e5e5;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;margin:0 3px;cursor:pointer;text-align:center}.product-details .product-size-area .product-single-size.active{background-color:#0068e1;color:#ffffff;border-color:#0068e1}.product-details .product-color-area{margin-top:25px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:center}.product-details .product-color-area .caption{font-weight:500;margin-right:5px;color:#292929}.product-details .product-color-area .product-single-color{width:35px;height:35px;border:3px solid #dee2e6;margin:3px;cursor:pointer;border-radius:50%}.product-details .product-color-area .product-single-color.active{position:relative;border-color:#0068e1}.product-details .product-color-area .product-single-color.active::before{position:absolute;font-weight:600;content:"\f00c";font-family:"Line Awesome Free";top:50%;left:50%;color:#ffffff;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:13px}.product-details-content .ratings-area{margin-bottom:5px}.product-details-content .price{margin-top:20px}.review-item .thumb img{height:100%;object-fit:cover;object-position:top}.product-details-content .price del{color:#292929}.apply-coupon-code input{-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px}.apply-coupon-code button{-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0}.cart-total{border-top:0;border-left:1px solid #dee2e6;;border-right:1px solid #dee2e6;;border-radius:0 0 5px 5px}.owl-nav .owl-prev,.owl-nav .owl-next{font-size:0;position:relative}.owl-nav .owl-prev::after{position:absolute;content:"\f104";top:0;left:15px;font-size:16px;font-family:'Line Awesome Free';font-weight:900}.owl-nav .owl-next::after{position:absolute;content:"\f105";top:0;left:15px;font-size:16px;font-family:'Line Awesome Free';font-weight:900}.owl-nav .owl-prev:hover,.owl-nav .owl-next:hover{color:#fff}.cart-table tr th:first-child{border-radius:5px 0 0 0}.cart-table tr th:last-child{border-radius:0 5px 0 0}.cart-table{border-left:1px solid #dee2e6;border-right:1px solid #dee2e6}@media (max-width:991px){.cart-table{border-left:0;border-right:0}}.total{display:block}.cart-total .amount{position:relative;width:200px}.cart-total .amount::before{content:':';color:#555555;padding-right:10px;font-size:18px}.custom-button.theme-2{color:#ffffff;background:#ff0000;border-color:#ff0000}button:focus{outline:0}.captcha.register{height:60px;line-height:60px;border-radius:5px;width:calc(100% - 168px);font-size:40px}.captcha{text-align:center;background-color:#ff0000;color:#fff;font-weight:bold;letter-spacing:20px;font-family:'Henny Penny,cursive';-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-left:auto;display:flex;justify-content:center}.captcha.login{height:50px;line-height:50px;border-radius:25px;font-size:24px}.link-color{color:#ff0000!important}.contact-group.country-code .input-group-text select{height:unset;background-color:transparent;border-color:transparent}.contact-group.country-code .input-group-text{padding:0 5px}.dashboard-menu .cl-white li a,.user .content .title .cl-white{color:#ffffff!important}.user-profile .thumb{height:280px}.user-profile .thumb img{height:280px;object-fit:cover}input.custom--style{overflow:hidden}.file-input-btn{position:absolute;right:10px;bottom:0;background:#0068E1;color:#fff;padding:8px;border-radius:25px;height:32px;width:32px;line-height:17px}.cv-spinner{height:50%;display:flex;justify-content:center;align-items:center}.spinner{width:40px;height:40px;border:4px #ddd solid;border-top:4px #2e93e6 solid;border-radius:50%;animation:sp-anime .8s infinite linear}@keyframes sp-anime{100%{transform:rotate(360deg)}}.is-hide{display:none}.filter-category li a.active{padding-left:5px;color:#0068e1}.order-track-form-group button{-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0}.order-track-form-group input{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.verification-img .image-upload{position:relative;width:100%;margin:20px auto}.verification-img .image-upload .image-edit{position:absolute;z-index:1;bottom:10px;right:25px}.verification-img .image-upload .image-edit input{display:none}.verification-img .image-upload .image-edit label{display:inline-block;width:34px;height:34px;margin-bottom:0;border-radius:100%;background:#FFFFFF;border:1px solid transparent;box-shadow:0 2px 4px 0 rgba(0,0,0,.12);cursor:pointer;font-weight:normal;transition:all .2s ease-in-out}.verification-img .image-upload .image-edit label:hover{background:#f1f1f1;border-color:#d6d6d6}.verification-img .image-upload .image-edit label:after{content:"\f044";font-family:"Line Awesome Free";font-weight:600;color:#757575;position:absolute;top:5px;left:0;right:0;text-align:center;margin:auto}.verification-img .image-preview{width:100%;height:300px;position:relative;border:6px solid #F8F8F8;box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.verification-img .image-preview div{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center}.product-share a,.product-details-wishlist a{background:#007bff;padding:0 7px;color:#fff;border-radius:3px;margin:0 2px}.product-details-wishlist a .wish-icon{content:'';font-family:'Line Awesome Free';font-weight:400}.product-details-wishlist a .wish-icon::after{content:"\f004"}.product-details-wishlist a.active .wish-icon{font-weight:900}.cart-sidebar-area .custom-button{border-color:#ffff}.close-sidebar{color:#292929}@media screen and (max-width:991px){.cart-up{padding-top:0!important;padding-bottom:0!important}.cart-up td:first-child{border-top:none!important}.cart-up:last-child{border-radius:0!important}}.remove-compare{padding:0;color:red}.remove-compare i{line-height:1!important;font-size:20px!important;margin:0!important}.breadcrumb{justify-content:center}.modal-header{border-radius:0}.modal-content{border-radius:0;background-clip:unset;border:10px solid #0017a4}.todays-deal .item .thumb img{height:74px}.left-category .categories li a i{line-height:25px}.ajax-loader-wrapper{min-height:400px}.modal-close-btn{position:absolute;right:20px;top:0;z-index:2}#overlay{position:absolute;top:260px;left:50%;transform:translate(-50%,-50%);display:none;z-index:3;width:100px;height:100px}.todays-deal .item .cont .title{-webkit-line-clamp:2}.related-slide-item,.cate-item .cate-inner,.best-sell-item .best-sell-inner{background:#ffff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:1px solid #e5e5e5e5}.cate-item .cate-inner,.best-sell-item .best-sell-inner{box-shadow:unset}.product-item-2-inner:hover,.product-item-2-inner.active,.todays-deal .item:hover,.cate-item .cate-inner:hover,.best-sell-item .best-sell-inner:hover{box-shadow:0 0 10px #00000021}.product-item-2-inner{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}.single-product-item .thumb{background:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.cart-item .cart-img{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #e5e5e5}.custom-button{border-radius:3px}.cart-sidebar-area .single-product-item{position:relative}.remove-all-btn{font-weight:700;border-radius:3px;line-height:48px;padding:0 30px;background:ff0000;text-transform:uppercase;border:1px solid #555555;border:0}.remove-item-button{background:#ff0000;color:aliceblue;position:absolute;left:-10px;top:-5px;height:22px;width:22px;text-align:center;border-radius:50%;line-height:22px}.remove-item-button:hover{color:#fff}.owl-nav .owl-prev::after,.owl-nav .owl-next::after{left:12px}.owl-next,.owl-prev{width:40px;height:40px;line-height:40px}.owl-next.active,.owl-next:hover,.owl-prev.active,.owl-prev:hover{background-color:#ffffff;border:1px solid #e5e5e5;color:#555555!important}.widget{border-radius:0;box-shadow:unset;border:1px solid #e5e5e5}.filter-category-header{margin-left:0;margin-right:0;padding:25px 20px 10px;border:1px solid #e5e5e5}@media screen and (max-width:499px){.fileter-select-item:first-child{width:100%}}.fileter-select-item .select-bar::after{border-color:#fff}.fileter-select-item .select-bar .current{color:#fff!important}.overlay-2{position:absolute;left:0;right:0;bottom:0;top:0;background:#fff;z-index:2;display:none;opacity:.9}.empty-message{max-width:500px;margin:0 auto;position:relative}.empty-message img{width:100%}.empty-message .message{position:absolute;top:55%;left:27%;color:#2f92fc;font-size:18px;background:#ffffff8c;padding:5px}.iziToast.iziToast-color-green{background:#3ae374!important;border:1px solid #3ae374!important}.iziToast.iziToast-color-red{background:#ff4d4d!important;border:1px solid #ff4d4d!important}.iziToast>.iziToast-body .iziToast-icon.ico-success,.iziToast>.iziToast-body .iziToast-icon.ico-error,.iziToast>.iziToast-close{content:''!important;background:unset!important;font-family:'Line Awesome Free';font-weight:900;color:#fff!important;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.iziToast>.iziToast-body .iziToast-icon.ico-success::before{content:"\f00c"}.iziToast>.iziToast-body .iziToast-icon.ico-error::before{content:"\f05e"}.iziToast>.iziToast-body .iziToast-message{margin:0 0 10px;color:#fff!important;font-weight:400}.iziToast>.iziToast-close::before{content:"\f057"}.invoice-header .invoice-logo{width:183px;height:54px;margin-bottom:10px}.remove-coupon{cursor:pointer}header{position:absolute;top:0;left:0;width:100%}body{position:relative}.user-support-ticket,.admin-support-ticket{margin:1.5rem .5rem;border-radius:.3rem;padding:1.3rem}.user-support-ticket{background-color:transparent;border:1px solid #FF0000}.admin-support-ticket{background-color:#ffd96729;border:1px solid #0068E1}.invoice .logo img{width:180px}.alert--base{background:#1702d412;border:1px solid #e5e5e5;border-radius:0}

/* SPA v2 overrides — main.css sets label{position:absolute;top:27px} globally
   for its floating-label pattern. Any label that lacks a positioned ancestor
   ends up in the top-left corner of the viewport overlapping the header.
   Fix: reset ALL labels inside .popin-shell to normal flow, then restore
   position only where the floating-label pattern is intentional. */

/* 1. Reset all labels to normal flow */
.popin-shell label {
  position:static !important;
  left:auto !important;
  top:auto !important;
}

/* 2. Field labels sit ABOVE the box at all times — never inside it.

   The theme's original pattern parked the label INSIDE the field
   (position:absolute; top:29px) and lifted it to top:0 only once the field
   had content. Every one of the three detectors used to spot "has content"
   has a hole, and whenever one misses, the label stays parked ON TOP of the
   value the user is reading or typing:
     • `.floating-input:not(:placeholder-shown) ~ label` needs a `placeholder`
       attribute, AND WebKit does not re-evaluate it when v-model assigns the
       value programmatically — so on iOS every loaded record showed its
       labels stamped over its values;
     • `~ label` needs input and label to be SIBLINGS, which fails wherever
       the input is nested in a helper element (e.g. the rental Search
       screen's `.sel-search-wrap`) — there it can never match, on any browser;
     • `.floating-select:not([value=""]):valid ~ label` never matches a
       <select> (they carry no `value` attribute), so every populated dropdown
       kept its label over the chosen option.
   So: drop the lift entirely and leave every label parked in the lifted
   position, above the box. There is then no state to detect and no failure
   mode — text can never land on other text. `.floating-label` already
   reserves a 20px top gap for exactly this spot, so nothing moves and rows
   keep their height; the gap is re-asserted here because `.filter-box` zeroes
   it in main.css, which would drop the label back onto the field.

   Labels stay absolutely positioned (rather than becoming static) because the
   markup order is input → .highlight → label: in normal flow the label would
   render UNDERNEATH its own field. */
.floating-label:not(.check-box),
.popin-shell .floating-label:not(.check-box) {
  position:relative;
  padding-top:20px;
}
.floating-label:not(.check-box) > label,
.popin-shell .floating-label:not(.check-box) > label {
  position:absolute !important;
  top:0 !important;
  left:5px !important;
  /* Bounded to its own column and clipped to one line, so a long label can
     neither wrap onto the field below it nor run across the next column. */
  right:5px;
  font-size:13px !important;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
/* The old lift rules are now redundant — they move the label to the position
   it already holds. Keep their font-size in step with the rule above so
   focusing or filling a field doesn't resize its label. */
.popin-shell .floating-input:focus~label,
.popin-shell .floating-input:not(:placeholder-shown)~label,
.popin-shell .floating-label.has-value label {
  font-size:13px !important;
}

/* 3. Radio labels are the one exception: they need position:relative to hang
   their ::before/::after indicators off. Declared AFTER rule #2 so it wins the
   (0,3,1) specificity tie for a radio sitting inside a `.floating-label`
   (e.g. booking Cash/Card/Gpay); otherwise the labels stack and vanish. */
.popin-shell .floating-label [type="radio"] + label,
.popin-shell .floating-label:not(.check-box) > [type="radio"] + label,
.popin-shell [type="radio"] + label {
  position:relative !important;
  display:inline-block;
  left:0 !important;
  top:0 !important;
  white-space:normal;
}

/* 3c. Heavier text app-wide — the theme's default weights render thin and
   washed out on device, so field values and labels were hard to read.

   Icon fonts choose their GLYPH VARIANT by font-weight (.fa/.fas/.la/.las =
   900, .far/.fab/.lar = 400, per fontawesome.all.min.css / line-awesome.min.css).
   Two safeguards keep icons intact:
     • the inherited root bump carries no !important, so an icon class's own
       explicit weight always wins;
     • the !important rule below never targets an element that carries an
       icon class (several are <a>/<button>/<span> with `fa-*` on them). */
.popin-shell {
  font-weight: 600;
}

.popin-shell input,
.popin-shell select,
.popin-shell textarea,
.popin-shell label,
.popin-shell th,
.popin-shell td,
.popin-shell p,
.popin-shell h1,
.popin-shell h2,
.popin-shell h3,
.popin-shell h4,
.popin-shell h5,
.popin-shell h6,
.popin-shell a:not([class*="fa-"]):not([class*="la-"]):not(.fa):not(.la),
.popin-shell button:not([class*="fa-"]):not([class*="la-"]):not(.fa):not(.la),
.popin-shell span:not([class*="fa-"]):not([class*="la-"]):not(.fa):not(.la) {
  font-weight: 700 !important;
}

/* 3d. One row = one line in the job-work lists.
   The markup on Cutting / Cutting1 / Finish / Urgent Pending / MTO Summary
   already asks for this with `table-nowrap`, but that class was never defined
   in ANY stylesheet, so every cell wrapped and a row spread over 2-3 lines.
   Defining it here fixes all of those screens at once.
   The wrapper must scroll sideways too, otherwise the un-wrapped table pushes
   the whole page horizontally instead of scrolling inside its own box. */
.popin-shell .table-nowrap th,
.popin-shell .table-nowrap td {
  white-space: nowrap;
}

.popin-shell .table-wrapper-scroll-y,
.popin-shell .my-custom-scrollbar {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Same for the ledger/report tables (Event Vendor Ledger, Daybooks, Sales
   Ledgers, Extra Payment, …). Restricted to tables that sit inside a
   .table-responsive wrapper — that is what gives them sideways scrolling, so
   an un-wrapped row scrolls in its own box rather than dragging the page.
   RentalOverviewDashboard uses .table-report WITHOUT that wrapper and is
   deliberately left wrapping. */
.popin-shell .table-responsive .table-report th,
.popin-shell .table-responsive .table-report td {
  white-space: nowrap;
}

/* 4. Light-theme inputs on filter-form cards */
.filter-form .floating-input,
.filter-form .floating-select{
  color:#1f2a44;
  color-scheme:light;
}
.filter-form .floating-input::placeholder{color:#6c757d;}

/* 5. Recolor radio ring/dot for light filter-form background */
.filter-form [type="radio"]:checked + label,
.filter-form [type="radio"]:not(:checked) + label{
  color:#1f2a44;
}
.filter-form [type="radio"]:checked + label:before,
.filter-form [type="radio"]:not(:checked) + label:before{
  border-color:#1f2a44;
}
.filter-form [type="radio"]:checked + label:after,
.filter-form [type="radio"]:not(:checked) + label:after{
  background:#1f2a44;
}