#psdgraphics-com-table {
	margin:0;
	padding: 4px;
	width: 1350px;
	font: 11px Arial, Helvetica, sans-serif;
	color:#747474;
	background-color:#0c2a62;
}


#psdg-header {
	margin:0;
	padding: 14px 0 0 24px;
	width: 1330px;
	height: 55px;
	color:#FFF;
	font-size:13px;
	/* background: #0c2c65 url("/static/images/head-bcg.jpg") no-repeat right top;	 */
background: #0070bd;
}
#psdg-header {
    margin: 0;
    padding: 14px 0 0 24px;
    width: 100%;
    height: 55px;
    color: #FFF;
    font-size: 13px;

    /* Same blue as navbar */
    
}
.psdg-bold {
	font: bold 22px Arial, Helvetica, sans-serif;
	
}

#psdg-top {
	margin:0;
	padding: 0;
	width: 1350px;
	height: 46px;
	border-top: 2px solid #FFF;
	background: #eff4ff url("/static/images/top-light-blue.png") repeat-x left top;	
}

.psdg-top-cell {
	float:left;
	padding: 15px 0 0 0;
	text-align:center;
	width:105px;
	height: 31px;
	border-right: 1px solid #ced9ec;
	color:#1f3d71;
	font: 13px Arial, Helvetica, sans-serif;
}

#psdg-middle {
	margin:0;
	padding: 0;
	width: 1350px;
	background: #f6f6f6 url("/static/images/center-bcg.png") repeat-y right top;	
}

.psdg-left {
	float:left;
	margin:0;
	padding: 10px 0 0 24px;
	width: 129px;
	text-align: left;
	height: 25px;
	border-right: 1px solid #ced9ec;
	border-bottom: 1px solid #b3c1db;
	color:#1f3d71;
	font: 13px Arial, Helvetica, sans-serif;
	background: #e4ebf8 url("/static/images/center-blue.png") repeat-y left top;
}



.psdg-right {
	float:left;
	margin:0;
	padding: 11px 0 0 0;
	width: 105px;
	text-align:center;
	height: 24px;
	border-right: 1px solid #ced9ec;
	border-bottom: 1px solid #b3c1db;
}

#psdg-bottom {
	clear:both;
	margin:0;
	padding: 0;
	width: 1350px;
	height: 48px;
	border-top: 2px solid #FFF;
	background: #e4e3e3 url("/static/images/bottom-line.png") repeat-x left top;	
}


.psdg-bottom-cell {
	float:left;
	padding: 15px 0 0 0;
	text-align:center;
	width:105px;
	height: 33px;
	border-right: 1px solid #ced9ec;
	color:#070707;
	font: 13px Arial, Helvetica, sans-serif;
}



#psdg-footer {
	font-size: 10px;
	color:#8a8a8a;
	margin:0;
	padding: 8px 0 8px 12px;
	width: 1338px;
	background: #f6f6f6 url("/static/images/center-bcg.png") repeat-y right top;	
}

/* ✅ Mobile-friendly horizontal scroll */
.table-scroll {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

/* ✅ Prevent table from shrinking */
#psdgraphics-com-table {
  min-width: 1200px; /* adjust based on your columns */
}

#psdg-top {
  position: sticky;
  top: 0;
  z-index: 10;
  background: #f5f5f5;
}

.ptp-header {
  position: sticky;
  top: 0;
  z-index: 1000;
}
.table-wrapper {
  position: relative;
  width: 100%;
}


/* Navbar already blue, make it reference point */
.ptp-navbar {
  background: #0070bd;
  height: 46px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}


.swipe-hint {
  display: none;
}

/* Only show on small screens (mobile + tablet) */
@media (max-width: 991px) {
  .swipe-hint {
    display: block;
    color: white;
    font-size: 12px;
    text-align: center;
    padding: 6px 0;
    background: #0070bd;

    animation: fadeCollapse 4s ease forwards;
  }
}

@keyframes fadeCollapse {
  0% {
    opacity: 0;
    height: 30px;
  }
  10% {
    opacity: 1;
    height: 30px;
  }
  80% {
    opacity: 1;
    height: 30px;
  }
  100% {
    opacity: 0;
    height: 0;       /* 🔥 collapse */
    padding: 0;      /* remove extra space */
    margin: 0;
  }
}



.footer-bottom .container {
  width: 100% !important;
  max-width: 100% !important;
}

.footer-bottom {
  padding: 15px 0;
  border-top: 1px solid #ddd;
  font-size: 13px;
}

.footer-flex {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
``

.footer-right {
  display: flex;
  align-items: center;
  gap: 8px;
}

.footer-right img {
  height: 24px;
}