:root { --text-primary:#0A2E2C; --text-secondary:#057288; --border-hf:#D1D5DB; --links-active-borders:#4284FF; --bg:#F5F7FA; --bg-2:#E9B200; --shipping-table-border:#000000; --amazon-new-blue:#688AE8; --shipping-table-border-opacity:0.35; --th-bg:#F5F7FA; --text-opacity:rgba(0,0,0,0.54); --border-color:#C7C7C7; --brand-color:#003333; --font-10:10px; --font-12:12px; --font-14:14px; --font-16:16px; --font-28:28px; --fw-400:400; --fw-500:500; --fw-600:600; --fw-700:700; }
.fs-10 { font-size:var(--font-10)!important; } .fs-12 { font-size:var(--font-12)!important; } .fs-14 { font-size:var(--font-14)!important; } .fs-16 { font-size:var(--font-16)!important; } .fs-28 { font-size:var(--font-28)!important; }
.fw-400 { font-weight:var(--fw-400)!important; } .fw-500 { font-weight:var(--fw-500)!important; } .fw-600 { font-weight:var(--fw-600)!important; } .fw-700 { font-weight:var(--fw-700)!important; }
.text-primary { color:var(--text-primary)!important; } .text-secondary { color:var(--text-secondary)!important; } .text-green { color:#1b8a2d!important; } .text-red { color:#d93025!important; } .text-muted { color:var(--text-opacity)!important; } .amazon-blue { color:var(--amazon-new-blue)!important; }
.gap-20 { gap:20px; } .gap-8{gap:8px;} .gap-2{gap:2px;} .gap-4{gap:4px;} .border-hf { border:1px solid var(--border-hf); } .border-hf-bt { border-bottom:1px solid var(--border-hf); } .border-default { border:1px solid var(--shipping-table-border); opacity:var(--shipping-table-border-opacity); } .border-lf-rt { border-left:none; border-right:none; }
.border-tp-bt { border-top:none; border-bottom:none; } .border-tp { border-top:none; } .border-bt { border-bottom:none; }
.borderRedius4 { border-radius:4px; }
.scrollbar { overflow-y:auto; } .scrollbar::-webkit-scrollbar { width:4px; } .scrollbar::-webkit-scrollbar-thumb { background-color:rgba(0,0,0,0.2); border-radius:3px; }
.text-small-primary { color:var(--text-primary); } .text-secondary-table { color:var(--text-secondary); } .link-active { color:var(--links-active-borders); } .table-header { background-color:var(--bg); }
@font-face { font-family:'amazon_emberregular'; src:url('../fonts/amazon_ember-webfont.woff2') format('woff2'),url('../fonts/amazon_ember-webfont.woff') format('woff'); font-weight:normal; font-style:normal; }
body { font-family:'amazon_emberregular',Arial,sans-serif; font-size:var(--font-14); color:#000; }
.heading-1 { font-size:var(--font-28); font-weight:var(--fw-400); margin:0; } .heading-1 span { display:block; font-size:var(--font-10); color:var(--text-opacity); }
.pcoded-content { padding:15px 15px; }
.line-height-0 { line-height:0; }
.search-box input[type="text"] { color:var(--text-opacity); font-size:var(--font-12); border:.5px solid var(--text-opacity); background:var(--bg); border-radius:4px; padding:7px 40px 7px 10px; }
.search-box label { font-size:var(--font-12); font-weight:var(--fw-500); }
.refresh-btn,.downloadButton,.dropdown-wrapper {border:0; outline:.5px solid var(--text-opacity); background:var(--bg); border-radius:4px; cursor:pointer; }
.refresh-btn { padding:6px; } .downloadButton { padding:6px; display:flex; cursor:pointer; }
.selectOptionInput label { font-size:var(--font-12); font-weight:var(--fw-500); }
.custom-checkbox { position:relative; display:inline-flex; align-items:center; gap:8px; padding-left:28px; line-height:20px; cursor:pointer; user-select:none; font-size:14px; margin:6px 0; width:auto; height:auto; box-shadow:none; border:0; }
.custom-checkbox>input[type="checkbox"] { position:absolute; left:0; top:50%; width:18px; height:18px; margin:0; transform:translateY(-50%); opacity:0; }
.custom-checkbox::before { content:""; position:absolute; left:0; top:50%; width:15px; height:15px; transform:translateY(-50%); border:1px solid var(--text-secondary); border-radius:2px; background:#fff; transition:background-color 0.2s ease,border-color 0.2s ease,transform 0.2s ease; }
.custom-checkbox::after { content:""; position:absolute; left:5px; top:50%; width:6px; height:16px; transform:translateY(-60%) rotate(45deg) scale(0.6)!important; border:solid #fff; border-width:0 2px 2px 0; opacity:0; transition:opacity 0.18s ease,transform 0.18s ease; }
.custom-checkbox:has(>input[type="checkbox"]:checked)::before { background:var(--text-secondary); border-color:var(--text-secondary); transform:translateY(-50%) scale(1.05); }
.custom-checkbox:has(>input[type="checkbox"]:checked)::after { opacity:1; transform:translateY(-50%) rotate(45deg) scale(1); }
.input-group { display:flex; background:transparent; gap:10px; }
.input-group label { margin-bottom:0; font-size:var(--font-12); font-weight:var(--fw-500); }
.input-group label span { font-weight:var(--fw-400); color:var(--text-opacity); }
.input-group input[type="text"],.input-group input[type="number"],.input-group select { padding:5px 10px; font-size:var(--font-12); border:1px solid #C7C7C7; border-radius:8px; outline:none; transition:border-color 0.2s ease; }
.input-group textarea { border:1px solid #C7C7C7; font-size:var(--font-12); font-style:italic; border-radius:8px; padding:5px 10px; }
.btn { transition:background 0.3s ease,transform 0.2s ease; } .btn:hover { transform:scale(1.05); filter:brightness(1.1); }
.btn-close,.btn-update { padding:6px 20px; border-radius:5px; border:none; cursor:pointer; transition:background-color 0.2s ease; width:50%; background:transparent; font-weight:var(--fw-600); font-size:var(--font-12); transition:0.5s ease-in-out; }
.btn-secondry { background:#002F36; color:#FFFFFF; border:0; padding:4px 10px; border-radius:5px; cursor:pointer; display:flex; justify-content:center; align-items:center; gap:10px; font-size:var(--font-12); }
.tag { display:inline-block; padding:2px 6px; border-radius:5px; font-size:var(--font-10); }
.tag-warning { background-color:#FFC107; }
.rightInventory { border-left:1px solid var(--bg); }
.btn-danger { background-color:#E31D1C; }
.btn-success { background-color:#68A352; }
.CountryHolder { gap:12px; }
.paginationWrap { display:flex; justify-content:space-between; align-items:center; overflow:hidden; min-height:35px; background-color:#F5F7FA; padding:0 10px; }
.paginationWrap .dropdown-wrapper {border: 1px solid rgb(68 84 111 / 30%); background:transparent; min-width:122px;margin-left:auto;}
.paginationWrap .pagination { margin:0; left:50%; position:absolute; transform:translateX(-50%); }
.paginationWrap .dropdown-wrapper select { padding:2px 8px; color:#44546F; background-color:#fff;}
.paginationWrap .pagination>li>a { color:#44546F; font-size:.75rem; }
.paginationWrap .pagination>li.active>a { color:#fff; }
.paginationWrap .pagination>.disabled>a,.paginationWrap .pagination>.disabled>a:focus,.paginationWrap .pagination>.disabled>a:hover,.paginationWrap .pagination>.disabled>span,.paginationWrap .pagination>.disabled>span:focus,.paginationWrap .pagination>.disabled>span:hover { background-color:transparent; }
.paginationWrap .pagination>li>a,.paginationWrap .pagination>li>span { background-color:transparent; }
.paginationWrap .pagination>li.active>a,.paginationWrap .pagination>li>span { background-color:#337ab7; }
.overflow-hidden {overflow:hidden;}
.paginationWrap .pagination>li>a, .paginationWrap .pagination>li>span {padding:4px 10px;}
.btnSeeall {color:#fff;border-radius:3px; padding:2px 4px; background-color:#758E92; line-height:100%; font-size:var(--font-12);} 
.clickable {cursor:pointer;}

.seeMoreLess { 
  font-size: var(--font-12); 
  color: var(--text-opacity); 
  display: inline-flex; 
  align-items: center; 
  gap: 6px; 
}
.seeMoreLess svg path { 
  stroke: black; 
  stroke-opacity: 0.54; 
}