body #thesignsideDetail{box-sizing:border-box;border-radius:18px!important;background:linear-gradient(180deg,#f7fbff 0%,#eef5fb 100%)!important;border:1px solid #d8e7f4;padding:1.1rem!important}
body #thesignsideDetail .ps-sd-select-shell,
body #thesignsideDetail .ps-sd-quantity-shell{position:relative;display:block;width:100%;box-sizing:border-box;padding-inline-end:34px;margin-bottom:1rem}
body #thesignsideDetail .ps-sd-select-shell select[data-ps-sign-dropdown="1"]{display:block!important;position:static!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:52px!important;opacity:1!important;pointer-events:auto!important;clip:auto!important;margin:0!important;padding:.55rem .85rem!important;border:1px solid #bfd2e5!important;border-radius:12px!important;background-color:#fff!important;background-image:none!important;color:#16324f!important;box-shadow:none!important}
body #thesignsideDetail select[data-ps-sign-dropdown="1"]:valid,
body #thesignsideDetail select[data-ps-sign-dropdown="1"].is-valid,
body #thesignsideDetail .was-validated select[data-ps-sign-dropdown="1"]:valid,
body #thesignsideDetail #qty:valid,
body #thesignsideDetail #qty.is-valid,
body #thesignsideDetail .was-validated #qty:valid{background-image:none!important;padding-right:.85rem!important;padding-left:.85rem!important}
body #thesignsideDetail .ps-sd-select-state,
body #thesignsideDetail .ps-sd-quantity-state{position:absolute;inset-inline-end:3px;top:50%;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#198754;color:#fff;font-family:Arial,sans-serif;font-size:15px;font-weight:900;line-height:1;opacity:0;visibility:hidden;transform:translateY(-50%) scale(.75);transition:opacity .14s ease,transform .14s ease,visibility .14s ease;box-shadow:0 3px 8px rgba(25,135,84,.22);pointer-events:none}
body #thesignsideDetail .ps-sd-select-shell.is-complete .ps-sd-select-state,
body #thesignsideDetail .ps-sd-quantity-shell.is-complete .ps-sd-quantity-state{opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}
body #thesignsideDetail .form-control{min-height:52px;border:1px solid #bfd2e5!important;border-radius:12px!important;background-color:#fff!important;color:#16324f!important;box-shadow:none!important}
body #thesignsideDetail select[data-ps-sign-dropdown="1"]:focus,
body #thesignsideDetail .form-control:focus{border-color:#1769d2!important;box-shadow:0 0 0 3px rgba(23,105,210,.12)!important;outline:0}
body #thesignsideDetail .valid-feedback,
body #thesignsideDetail .invalid-feedback{width:100%;margin-top:.35rem}
body #thesignsideDetail .ps-sd-quantity-shell.is-complete ~ .valid-feedback{display:block}
body #thesignsideDetail .ps-sd-quantity-shell.is-complete ~ .invalid-feedback{display:none}
body #thesignsideDetail .ps-sd-quantity-shell:not(.is-complete) ~ .valid-feedback{display:none}
body #thesignsideDetail .ps-sd-quantity-shell:not(.is-complete) ~ .invalid-feedback{display:block}
body #signOrderAddButton{border:0!important;border-radius:13px!important;min-height:52px!important;background:linear-gradient(135deg,#1769d2,#0d57b3)!important;box-shadow:0 10px 26px rgba(23,105,210,.2)!important;transition:box-shadow .16s ease!important}
body #signOrderAddButton:hover{box-shadow:0 13px 30px rgba(23,105,210,.25)!important}
body #signOrderAddButton:focus-visible{outline:3px solid rgba(23,105,210,.3)!important;outline-offset:3px}
body #signOrderMessage.ps-sd-runtime-error{display:block;padding:.75rem .9rem;border:1px solid #e4a0a6;border-radius:10px;background:#fff1f2;color:#9f1f29}
body #psStandardFramePanel{border-radius:14px!important;border-color:#cbddeb!important;background:#fff!important}
body .sign-order-bs-modal .modal-header{position:relative;display:flex;align-items:center;min-height:58px;padding-inline-end:3.5rem}
body .sign-order-bs-modal .modal-header .modal-title{margin:0;line-height:1.5}
body .sign-order-bs-modal .modal-header .btn-close{position:absolute!important;inset-inline-end:1rem!important;top:50%!important;margin:0!important;transform:translateY(-50%);flex:0 0 auto}
body .ps-duplicate-decision-modal{z-index:2147483000!important}
body .ps-duplicate-decision-modal .modal-dialog{width:calc(100% - 32px)!important;max-width:900px!important;margin:1.75rem auto!important}
body .ps-duplicate-decision-modal .modal-content{overflow:hidden;border-radius:14px}
body .ps-duplicate-decision-modal .modal-footer{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem!important;align-items:stretch!important;flex-wrap:nowrap!important;padding:1rem!important}
body .ps-duplicate-decision-modal .modal-footer .btn{width:100%;min-height:48px;margin:0!important;padding:.65rem .8rem;white-space:nowrap;font-size:.92rem;font-weight:700}
@media(max-width:991.98px){
  body .Desc .row{padding:10px!important}
  body #signPic,
  body #thesignsideDetail{flex:0 0 100%!important;max-width:100%!important;width:100%!important}
  body #signPic{order:1;margin-bottom:1rem}
  body #thesignsideDetail{order:2}
  body #signPic img{max-width:100%!important;height:auto!important}
}
@media(max-width:767.98px){
  body #thesignsideDetail{padding:.85rem!important;border-radius:14px!important}
  body #thesignsideDetail .ps-sd-select-shell,
  body #thesignsideDetail .ps-sd-quantity-shell{padding-inline-end:31px;margin-bottom:.8rem}
  body #thesignsideDetail .ps-sd-select-shell select[data-ps-sign-dropdown="1"],
  body #thesignsideDetail .form-control{min-height:50px!important;font-size:1rem!important}
  body #signOrderAddButton{width:100%!important;max-width:none!important;margin-top:1.25rem!important}
  body .sign-order-bs-modal .modal-dialog{width:calc(100% - 16px)!important;max-width:none!important;margin:.5rem auto!important}
  body .sign-order-bs-modal .modal-content{max-height:calc(100dvh - 16px);overflow:auto;border-radius:12px}
  body .sign-order-bs-modal .modal-header{position:sticky;top:0;z-index:2;min-height:54px;padding:.75rem 1rem;padding-inline-end:3.25rem}
  body .sign-order-bs-modal .modal-body{padding:1rem}
  body .ps-duplicate-decision-modal .modal-footer{grid-template-columns:1fr!important;gap:.55rem!important;padding:.75rem!important}
  body .ps-duplicate-decision-modal .modal-footer .btn{white-space:normal;font-size:.95rem}
}
@media(max-width:575.98px){
  body .Desc .ProdDescDiv_Fa,
  body .Desc .ProdDescDiv_En{padding-inline:0!important}
  body .Desc .row{margin-inline:0!important;padding:6px!important}
  body #signPic .signCodText{font-size:1rem!important}
  body #thesignsideDetail .card{margin-bottom:1.25rem!important}
}