.browse-box { border-radius: 6px; border: 2px solid #bbb; max-height: 48px; padding: 4px12px; }
.custom-backgroundcolor002850 { background-color: #002850; }
.custom-backgroundcolor0c2043 { background-color: #0c2043; }
.custom-backgroundcolorccc { background-color: #ccc; }
.custom-backgroundcolorf1f1f1 { background-color: #f1f1f1; }
.custom-backgrounddedede { background: #dedede; }
.custom-backgroundffffff { background: #ffffff; }
.custom-bg0965ea { background-color: #0965ea!important; background-color: #0965ea; }
.custom-bgblack { background-color: black; }
.custom-bgdedede { background-color: #dedede; }
.custom-bgoverlay { background-color: rgba(6,18,43,0.8); margin-top: 130px; }
.custom-bgwhite { background-color: white; }
.custom-border0 { border: 0; }
.custom-bordercollapsecollapse { border-collapse: collapse; }
.custom-bordercolorrgba-150-150-150-1-0 { border-color: rgba(150,150,150,1.0); }
.custom-borderstylesolid { border-style: solid; }
.custom-bordertop1px-solid-ddd { border-top: 1px solid #ddd; }
.custom-borderwidth1px { border-width: 1px; }
.custom-btn178x44 { height: 44px!important; width: 178px!important; }
.custom-color555555 { color: #555555; }
.custom-colordd013f { color: #dd013f; }
.custom-displayblock { display: block; }
.custom-displayinline-block { display: inline-block; }
.custom-flexcol { display: flex; flex-direction: column; gap: 8px; }
.custom-font1rem { font-size: 1rem; }
.custom-font28 { font-size: 28px; }
.custom-fontbblsans-small { color: #000000; font-family: 'bblsans05-medium',sans-serif!important; font-size: .9rem; }
.custom-fontfamilybblsans05-regular-helvetica-arial-serif { font-family: 'bblsans05-regular',helvetica,arial,serif; }
.custom-fontsize0-83em { font-size: 0.83em; }
.custom-fontsize12px { font-size: 12px; }
.custom-fontsize14px { font-size: 14px; }
.custom-fontsize15px { font-size: 15px; }
.custom-fontsize18px { font-size: 18px; }
.custom-fontsize26px { font-size: 26px; }
.custom-fontsize30px { font-size: 30px; }
.custom-fontstylenormal { font-style: normal; }
.custom-fontweightbold { font-weight: bold; }
.custom-fontweightnormal { font-weight: normal; }
.custom-fontweightsmall { font-weight: small; }
.custom-green { color: #4caf50; }
.custom-h300 { height: 300px; }
.custom-height140px { height: 140px; }
.custom-height14px { height: 14px; }
.custom-height290px { height: 290px; }
.custom-justifyaround { justify-content: space-around; }
.custom-letterspace21 { font-size: 21px; letter-spacing: .5px; margin-bottom: 0; }
.custom-lh40 { line-height: 40px; }
.custom-lineheight200 { line-height: 200%; }
.custom-lineheight22px { line-height: 22px; }
.custom-lineheight25px { line-height: 25px; }
.custom-lineheight26px { line-height: 26px; }
.custom-lineheight30px { line-height: 30px; }
.custom-margin0 { margin: 0; }
.custom-margin0px { margin: 0px; }
.custom-marginauto { margin: auto; }
.custom-marginbottom10px { margin-bottom: 10px; }
.custom-marginleft20px { margin-left: 20px; }
.custom-marginleft30px { margin-left: 30px; }
.custom-margintop20px { margin-top: 20px; }
.custom-mb30 { margin-bottom: 30px; }
.custom-mt30 { margin-top: 30px; }
.custom-mw50 { max-width: 50px; }
.custom-nowrap3rem { min-width: 3rem; white-space: nowrap; }
.custom-nowrap6rem { min-width: 6rem; }
.custom-padding0 { padding: 0; }
.custom-padding0-30px-50px-30px { padding: 030px50px30px; }
.custom-padding0px { padding: 0px; }
.custom-padding20px-40px { padding: 20px40px; }
.custom-padding40px-25px-5px-25px { padding: 40px25px5px25px; }
.custom-padding50px-20px { padding: 50px20px; }
.custom-paddingbottom0px { padding-bottom: 0px; }
.custom-paddingbottom10px { padding-bottom: 10px; }
.custom-paddingbottom24px { padding-bottom: 24px; }
.custom-paddingbottom25px { padding-bottom: 25px; }
.custom-paddingbottom40px { padding-bottom: 40px; }
.custom-paddingleft18px { padding-left: 18px; }
.custom-paddingleft32px { padding-left: 32px; }
.custom-paddingleft5px { padding-left: 5px; }
.custom-paddingright18px { padding-right: 18px; }
.custom-paddingright32px { padding-right: 32px; }
.custom-paddingright5px { padding-right: 5px; }
.custom-paddingtop0 { padding-top: 0; }
.custom-paddingtop0px { padding-top: 0px; }
.custom-paddingtop10px { padding-top: 10px; }
.custom-paddingtop120px { padding-top: 120px; }
.custom-paddingtop12px { padding-top: 12px; }
.custom-paddingtop20px { padding-top: 20px; }
.custom-paddingtop24px { padding-top: 24px; }
.custom-paddingtop5px { padding-top: 5px; }
.custom-positionrelative { position: relative; }
.custom-pt30 { padding-top: 30px; }
.custom-pt8 { padding-top: 8px; }
.custom-separate { border-collapse: separate!important; }
.custom-textaligncenter { text-align: center; }
.custom-textalignjustify { text-align: justify; }
.custom-textalignleft { text-align: left; }
.custom-w160 { width: 160px; }
.custom-w40 { width: 40px; }
.custom-w9rem { width: 9rem; }
.custom-whitespacepre { white-space: pre; }
.custom-width120px { width: 120px; }
.custom-width20 { width: 20%; }
.custom-width200px { width: 200px; }
.custom-width300px { width: 300px; }
.custom-width34 { width: 34%; }
.custom-width400px { width: 400px; }
.custom-width450px { width: 450px; }
.custom-width530px { width: 530px; }
.custom-width60 { width: 60%; }
.d-none { display: none!important; display: none; }
.font-16 { font-size: 16px; }
.font-2em { font-size: 2em!important; font-size: 2em; }
.img-max-250 { max-height: 250px; max-width: 250px; }
.lh-1 { line-height: 1; }
.pl-10 { padding-left: 10px; }
.pl-20 { padding-left: 20px; }
.table-th-small { max-width: 80px; min-width: 80px; width: 80px; }
.text-bluei { color: #0064ff!important; }
.text-greyi { color: grey!important; }
.text-redi { color:red!important; }
.text-whitei { color: #fff!important; color: #ffffff!important; }
.w-100-h200 { height: 200px; width: 100%!important; width: 100%; }
.w-50-h200 { width: 50%; }
.text-red { color:red; }
.text-blue { color:#0064FF; }
.text-grey { color:grey; }
.text-white2 { color: #fff }
.text-white { color:#ffffff; }
.text-center { text-align:center;}
.text-lefti { text-align: left!important;}
.custom-height100px { height:100px;}
.custom-width100persen { width:100%;}
.custom-minwidth200px {min-width:200px;}
.custom-minwidth260px {min-width:260px;}
.custom-minwidth150px {min-width:150px;}
.custom-minwidth160px {min-width:160px;}
.custom-minwidth250px {min-width:250px;}
.custom-white-spacenowrap {white-space:nowrap;}
.custom-resizenone {resize:none;}
.custom-width80px {width:80px;}
.custom-width148px {width:148px;}
.custom-width160px {width:160px;}
.custom-minmaxwidth60px {min-width:60px;max-width:60px;width:60px;}
.custom-minmaxwidth50px { min-width:50px;max-width:50px;width:50px;}
.custom-minmaxwidth65px { min-width:65px;max-width:65px;width:65px;}
.custom-minmaxwidth40px { min-width:40px;max-width:40px;width:40px;}
.custom-minmaxwidth70px { min-width:70px;max-width:70px;width:70px;}
.custom-minmaxwidth155px { min-width:155px;max-width:155px;width:155px;}
.custom-minmaxwidth170px { min-width:170px;max-width:170px;width:170px;}
.custom-style1  { white-space:nowrap;padding-left:10px !important;padding-right:10px !important; }
.custom-style2  { white-space:nowrap;padding-left:5.5rem !important ;padding-right:5.5rem !important;}
.custom-style3  { white-space:nowrap;padding-left:3rem !important;padding-right:3rem !important;}
.custom-style4  { white-space:nowrap;padding-left:2rem !important;padding-right:2rem !important;}
.custom-style5  { white-space:nowrap;padding-left:1rem !important;padding-right:1rem !important;}
.custom-style6  { padding-left: 1rem  !important; padding-right:1rem  !important;}
.custom-style7  { padding-left: 10px !important; padding-right:10px !important;}
.custom-style8  { white-space:nowrap !important;text-align:left !important;  padding-left:10px !important;}
.custom-style9  { white-space:nowrap !important;text-align:right !important;padding-left:10px !important;padding-right:10px !important;}
.custom-style10 { min-width:20px;max-width:50px;}
.custom-style11 { min-width:200px;max-width:60px;width:60px;}
.custom-style12 { white-space:nowrap; padding-left:7.5rem; padding-right: 7.5rem;}
.custom-style13 { min-width:50px;max-width:100px;width:100px;}
.custom-style14 { min-width:200px;max-width:300px;width:250px;}
.custom-style15 { min-width:200px;max-width:550px;width:250px;}
.custom-style16 { min-width:200px;max-width:350px;width:250px;}
.custom-style17 { min-width:200px;max-width:300px;width:200px;}
.custom-style18 { min-width:20px;max-width:50px;width:;}
.custom-style19 { white-space:nowrap;padding-left: 5px;padding-right:5px;}
.custom-style20 { text-align:center; color:green; font-family: "BBLSans05-Medium", sans-serif !important;}
.custom-style21 { text-align:center; color:red; font-family: "BBLSans05-Medium", sans-serif !important;}
.custom-style22 { min-width:100px;width:100px;}
.custom-style23 { min-width:280px;width:280px;}
.custom-style24 { min-width:110px;width:110px;}
.custom-style25 { min-width:130px;width:130px;}
.custom-style26 { flex:1; margin-right:6px;}
.custom-style27 { margin-bottom:0;}
.custom-style28 { font-size: 40px !important;}
.custom-style29 { flex:1; margin-left:6px;}
.custom-style30 { font-size: 21px; font-weight:400;}
.custom-style31 { max-height:400px;overflow-y:scroll;}
.custom-style32 { font-style: italic; color:red;}

.table-full-width-container {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  overflow-x: auto;   /* Horizontal scroll when content is wider than container */
  overflow-y: hidden; /* Prevent vertical scrolling */
  box-sizing: border-box; /* Include padding/border in width calculation */
  
  /* Optional: A little padding for aesthetics */
  padding-bottom: 10px;
  
  /* Ensure container takes full viewport width on zoom out */
  position: relative;
  margin: 0;
}

/* The rest of your table CSS remains the same */
.table-full-width-container table {
  width: 100% !important; 
  min-width: max-content;
  table-layout: auto;
  white-space: nowrap;
}

/* Media query for larger screens (zoomed out) */
@media (min-width: 2000px) {
  .table-full-width-container table {
    table-layout: fixed; /* Use fixed layout on larger screens for uniform columns */
  }
  
  .table-full-width-container th,
  .table-full-width-container td {
    white-space: normal; /* Allow text wrapping on larger screens */
  }
}