@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
	header {
        position: fixed;
        top: 0;
    }
    footer {
        position: fixed;
        bottom: 0;
    }
	.print-overflow {
		height: auto !important;
		overflow: visible !important;
  }
}

header{display:none;}
footer{display:none;}

body{
	font-size:1em;
}

.printtable tr td{
	background-color:white;
	vertical-align: middle !important;
	border:1px solid gray;	
}

button {
  background-color: #f3f3f3;
  color: #333;
  border: 1px solid #ccc;
  padding: 10px 20px;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  
}
/* Primary */
button.primary {
  background-color: #3b82f6; /* blue-500 */
  color: #fff;
}
button.primary:hover {
  background-color: #2563eb; /* blue-600 */
  box-shadow: 0 4px 10px rgba(37,99,235,0.4);
  transform: translateY(-2px);
}

/* Secondary */
button.secondary {
  background-color: #e5e7eb; /* gray-200 */
  color: #1f2937;           /* gray-800 */
}
button.secondary:hover {
  background-color: #d1d5db; /* gray-300 */
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transform: translateY(-2px);
}

/* Success */
button.success {
  background-color: #16a34a; /* Green */
}
button.success:hover {
  background-color: #15803d;
}

/* Alert / Danger */
button.alert {
  background-color: #ef4444; /* Red */
}
button.alert:hover {
  background-color: #dc2626;
}

/* Optional: small scale on click */
button:active {
  transform: scale(0.97);
}