.tablecenter {
	  margin: auto;
	  width: 100%;
	  border: 0px;
	  padding: 10px;
	  background-color:black
	}
	
	.tablemain {
	  width: 100%;
	  border: 0px;
	  padding: 10px;
	  background-color:black;
	}
	.conentblock{
		vertical-align: top; 
		width: 70%;
	}
	
	table { background-color: black; }
	b    {color: white;}
	td   {color: white;}
	a    {color: red;}
	
.outer-border {
  border: 2px solid red;   /* outer border */
  border-radius: 12px;      /* rounded corners */
  border-collapse: separate; 
  overflow: hidden;         /* makes corners neat */
  background-color: black;
}

.btn-submit {
    padding: 8px 22px;
    background: red;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
    transition: 0.3s ease;
    transform: translateY(2px);
}

.btn-submit:hover {
    background: #45a049;
    transform: translateX(2px);
}

.truncate-text {
  overflow: hidden;         /* Hides the overflowing content */
  text-overflow: ellipsis;  /* Displays an ellipsis (...) to signal clipped text */
  width: 200px;             /* A defined width is required for this to work */
}